@charset "utf-8";
/* CSS Document */

/********************************************************  游ゴシック **/
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}
body {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: 500;
}
a {
    word-wrap: break-word;
}
.lead {
    font-weight: 500;
}
i {
    font-style: normal !important;
}
i.inline {
    display: inline;
    /* background:linear-gradient(transparent 90%, #FFD902 90%); */
/*	transform : scale(0);*/
    transition: .3s;
}
	/*flickity config*/
.main-carousel{
display:none;
}

@media screen and (min-width: 768px) {
i.inline {
    background: url(../images/uline.gif) left bottom no-repeat;
    background-size: 0% 15%;
}
}
.row.contents-col {
    margin-right: -5px;
    margin-left: -5px;
}
.contents-col .col-xs-1, .contents-col .col-sm-1, .contents-col .col-md-1, .contents-col .col-lg-1, .contents-col .col-xs-2, .contents-col .col-sm-2, .contents-col .col-md-2, .contents-col .col-lg-2, .contents-col .col-xs-3, .contents-col .col-sm-3, .contents-col .col-md-3, .contents-col .col-lg-3, .contents-col .col-xs-4, .contents-col .col-sm-4, .contents-col .col-md-4, .contents-col .col-lg-4, .contents-col .col-xs-5, .contents-col .col-sm-5, .contents-col .col-md-5, .contents-col .col-lg-5, .contents-col .col-xs-6, .contents-col .col-sm-6, .contents-col .col-md-6, .contents-col .col-lg-6, .contents-col .col-xs-7, .contents-col .col-sm-7, .contents-col .col-md-7, .contents-col .col-lg-7, .contents-col .col-xs-8, .contents-col .col-sm-8, .contents-col .col-md-8, .contents-col .col-lg-8, .contents-col .col-xs-9, .contents-col .col-sm-9, .contents-col .col-md-9, .contents-col .col-lg-9, .contents-col .col-xs-10, .contents-col .col-sm-10, .contents-col .col-md-10, .contents-col .col-lg-10, .contents-col .col-xs-11, .contents-col .col-sm-11, .contents-col .col-md-11, .contents-col .col-lg-11, .contents-col .col-xs-12, .contents-col .col-sm-12, .contents-col .col-md-12, .contents-col .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}
.content .section-content .col-xs-1 > *, .content .section-content .col-sm-1 > *, .content .section-content .col-md-1 > *, .content .section-content .col-lg-1 > *, .content .section-content .col-xs-2 > *, .content .section-content .col-sm-2 > *, .content .section-content .col-md-2 > *, .content .section-content .col-lg-2 > *, .content .section-content .col-xs-3 > *, .content .section-content .col-sm-3 > *, .content .section-content .col-md-3 > *, .content .section-content .col-lg-3 > *, .content .section-content .col-xs-4 > *, .content .section-content .col-sm-4 > *, .content .section-content .col-md-4 > *, .content .section-content .col-lg-4 > *, .content .section-content .col-xs-5 > *, .content .section-content .col-sm-5 > *, .content .section-content .col-md-5 > *, .content .section-content .col-lg-5 > *, .content .section-content .col-xs-6 > *, .content .section-content .col-sm-6 > *, .content .section-content .col-md-6 > *, .content .section-content .col-lg-6 > *, .content .section-content .col-xs-7 > *, .content .section-content .col-sm-7 > *, .content .section-content .col-md-7 > *, .content .section-content .col-lg-7 > *, .content .section-content .col-xs-8 > *, .content .section-content .col-sm-8 > *, .content .section-content .col-md-8 > *, .content .section-content .col-lg-8 > *, .content .section-content .col-xs-9 > *, .content .section-content .col-sm-9 > *, .content .section-content .col-md-9 > *, .content .section-content .col-lg-9 > *, .content .section-content .col-xs-10 > *, .content .section-content .col-sm-10 > *, .content .section-content .col-md-10 > *, .content .section-content .col-lg-10 > *, .content .section-content .col-xs-11 > *, .content .section-content .col-sm-11 > *, .content .section-content .col-md-11 > *, .content .section-content .col-lg-11 > *, .content .section-content .col-xs-12 > *, .content .section-content .col-sm-12 > *, .content .section-content .col-md-12 > *, .content .section-content .col-lg-12 > * {
    margin-top: 0;
}
.content .section-content a.text-link{
  background-image: url(/ads/start/asset/images/icon_link.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px;
  padding-left: 22px;
  text-decoration: underline;
}
.content .section-content a.text-link:hover{
  text-decoration: none;
}
a.btn {
    transition: .3s;
}
.bnrPC, .bnrSP {
    display: none;
}
.VideoPC, .VideoSP {
    display: none;
}
.banner .item {
/*	min-height: 60px;*/
}
aside .widget .bnrPC, aside .widget .bnrSP {
/*	min-height: 250px;*/
}

#backToTop {
    display: block;
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: -40px;
    left: 50%;
    margin: 0;
    padding: 0;
}
#backToTop a {
    display: block;
    width: 80px;
    height: 80px;
    color: #FFF;
    background-color: #FFD900;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    margin-left: -40px;
    border-radius: 50%;
}
#backToTop a:hover {
    text-decoration: none;
}
#backToTop a span {
    display: none;
}
#backToTop a:after {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f077";
    color: #FFF;
    line-height: 40px;
    margin: 0;
}
a .subject, a .title, a *.udl {
    position: relative;
    /*  display: inline-block;*/
    transition: .3s;
}

@media screen and (min-width: 768px) {
a:hover .subject i, a:hover .title i, a:hover *.udl i {
    /*	transform : scale(1);*/
    background-size: 100% 15%;
}
}

@media screen and (max-width: 767px) {
.widget .ranking li a:hover .subject, .widget .ranking li a:hover h3.title, a:hover .subject, a:hover .title, a:hover *.udl {
    color: #666;/*		color: #C1272D;*//*	color: #FFD900;*/
}
}
/*
	a .subject:after,
	a .title:after,
	a *.udl:after {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  content: '';
	  width: 0;
	  height: 3px;
	  background-color: #FFD902;
	  transition: .3s;
	}
	a:hover .subject:after,
	a:hover .title:after,
	a:hover *.udl:after {
	  width: 100%;
	}
*/

.main-PR a .subject:after, .main-PR a .title:after {
    display: none;
}
.main-PR .induction {
    padding-top: 10px;
}
.main-PR .induction a {
    color: #333333;
    display: block;
}
.main-PR .induction a:hover {
    text-decoration: none;
}
.main-PR .induction figure {
    background: url(../images/ind-ikegami_bg.png) center bottom repeat-x;
    text-align: center;
}
.main-PR .induction figure img {
    width: 100%;
    height: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.main-PR .induction h3 {
    font-size: 20px;
    font-weight: bold;
}
.main-PR .induction p {
}
a:hover {
    color: #000;
}
esi:include {
 display: none;
}
a figure {
    position: relative;
}
a figure .readmore {
    opacity: 0;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    line-height: 100%;
}
.entry-lg a figure .readmore {
    top: 44%;
}
a:hover figure .readmore {
    opacity: 1;
}
a figure .readmore span {
    display: inline-block;
    border: 2px #FFF solid;
    color: #FFF;
    padding: 6px 1em 4px;
}

@media screen and (max-width: 600px) {
.entry-lg a figure .readmore {
    top: 40%;
}
.entry.sp-row a figure .readmore {
    top: 35%;
}
.entry.sp-row a figure .readmore span {
    font-size: 75%;
}
}
a figure:before {
    opacity: 0;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.60);
    transition: .3s;
}
a:hover figure:before, a:hover figure:after {
    opacity: 1;
}
.entry a {
    background-color: rgba(0,0,0,0);
    transition: .3s;
}
.entry a:hover {
/*	background-color: rgba(0,0,0,0.05);*/
}
.news-asahi {
    display: none;
}
.fukidashi {
    display: inline-block;
    background-color: #FFD900;
    position: relative;
    vertical-align: bottom;
    border: 5px solid #FFD900;
    min-width: 110px;
    min-height: 42px;
    border-width: 5px;
    border-radius: 5px;
    margin-bottom: 8px;
}
.site-logo .fukidashi, .site-logo .fukidashi span {
    trnsition: 0;
}
.fukidashi span {
    display: inline-block;
    background-color: #FFF;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    transition: .3s;
    color: #FFD900;
    font-size: 20px;
    min-width: 100px;
    min-height: 32px;
    padding: 4px .6em;
    border-radius: 3px;
}
.fukidashi.text-left span {
    text-align: left;
}
.fukidashi.text-right span {
    text-align: right;
}
.site-logo .fukidashi {
    max-width: 110px;
}
.site-logo .fukidashi span {
    max-width: 100px;
}
.fukidashi:after {
    content: '';
    position: absolute;
    z-index: -1;
    background-color: #fff;
    height: 53px;
    width: 53px;
    border-radius: 26px;
    bottom: -20px;
    left: -32px;
}
.fukidashi:before {
    content: '';
    position: absolute;
    z-index: -1;
    background-color: #FFD900;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    bottom: -13px;
    left: -17px;
}
a.fukidashi:hover {
}
a.fukidashi:hover span {
    background-color: #FFD900;
    color: #FFF;
}
@media screen and (max-width: 767px) {
.site-logo .fukidashi {
    min-width: 68px;
    min-height: 26px;
    border-width: 3px;
    border-radius: 4px;
    border-top-width: 2px;
    margin-bottom: 5px;
}
.site-logo .fukidashi span {
    font-size: 12px;
    min-width: 62px;
    min-height: 20px;
    padding: 2px .3em;
    border-radius: 2px;
}
.site-logo .fukidashi {
    max-width: 67px;
}
.site-logo .fukidashi span {
    max-width: 61px;
}
.fukidashi:after {
    height: 33px;
    width: 33px;
    border-radius: 16px;
    bottom: -12px;
    left: -19px;
}
.fukidashi:before {
    height: 31px;
    width: 31px;
    border-radius: 15px;
    bottom: -8px;
    left: -10px;
}
}
br.spbr {
    display: none;
}

@media screen and (max-width: 600px) {
br.spbr {
    display: block;
}
}
.mt0 {
    margin-top: 0px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt55 {
    margin-top: 55px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb55 {
    margin-bottom: 55px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.ml0 {
    margin-left: 0px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml55 {
    margin-left: 55px !important;
}
.ml60 {
    margin-left: 60px !important;
}
.mr0 {
    margin-right: 0px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr55 {
    margin-right: 55px !important;
}
.mr60 {
    margin-right: 60px !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt55 {
    padding-top: 55px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb55 {
    padding-bottom: 55px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pl55 {
    padding-left: 55px !important;
}
.pl60 {
    padding-left: 60px !important;
}
.pr0 {
    padding-right: 0px !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.pr55 {
    padding-right: 55px !important;
}
.pr60 {
    padding-right: 60px !important;
}
.al-left {
    text-align: left;
}
.al-center {
    text-align: center;
}
.al-right {
    text-align: right;
}
.f70 {
    font-size: 70%;
}
.f75 {
    font-size: 75%;
}
.f80 {
    font-size: 80%;
}
.f85 {
    font-size: 85%;
}
.f90 {
    font-size: 90%;
}
.f95 {
    font-size: 95%;
}
.f100 {
    font-size: 100%;
}
.f110 {
    font-size: 110%;
}
.f120 {
    font-size: 120%;
}
.f130 {
    font-size: 130%;
}
.f140 {
    font-size: 140%;
}
.f150 {
    font-size: 150%;
}
.f160 {
    font-size: 160%;
}
.red {
    color: #B90000;
}
.img-border {
    border: 3px solid #D4D4D4;
}
.inline-block {
    display: inline-block;
}
.clfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clfix {
    display: inline-block;
}
/* Hides from IE Mac \*/
* html .clfix {
    height: 1%;
}
.clfix {
    display: block;
}
/* End Hack */


img.circle {
    border: 1px #EEE solid;
    border-radius: 50%;
}
/********************************************************  .youtube **/
.youtube16-9 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube16-9 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
/********************************************************  .btn-sns **/
.btn-sns {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1F1F1F;
    text-align: center;
    line-height: 1;
    padding-top: 10px;
    position: relative;
    transition: .3s;
}
body.scroll #header .btn-sns {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding-top: 2px;
}
.btn-sns.twitter {
    background-color: #1DA1F2;
}
.btn-sns.facebook {
    background-color: #3B579D;
}
.btn-sns.twitter:hover {
    background-color: #0A75B6;
}
.btn-sns.facebook:hover {
    background-color: #2B3F73;
}
.btn-sns span, .btn-sns span {
    display: none !important;
    color: #FFF;
    font-weight: bold;
}
.btn-sns:before {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
}
body.scroll #header .btn-sns:before {
    font: normal normal normal 14px/1 FontAwesome;
}
.btn-sns.twitter:before {
    content: "\f099";
}
.btn-sns.facebook:before {
    content: "\f09a";
}
.section-header .btn-sns {
    width: 100px;
    height: 46px;
    border-radius: 4px;
    padding-top: 14px;
}
.section-header .btn-sns:before {
    font: normal normal normal 22px/1 FontAwesome;
}

@media screen and (max-width: 600px) {
.section-header .btn-sns {
    width: 50%;
}
}
.section-footer .thumb {
    margin-bottom: 1.7em;
}
.section-footer .btn-sns {
    width: 50%;
    height: 60px;
    border-radius: 4px;
    padding-top: 12px;
}
.section-footer .btn-sns span {
    display: inline-block !important;
    font-size: 22px;
    line-height: 36px;
    vertical-align: bottom;
}
.section-footer .btn-sns:before {
    font: normal normal normal 36px/1 FontAwesome;
    display: inline-block;
    margin-right: 15px;
    line-height: 1;
}

@media screen and (max-width: 920px) {
.section-footer .btn-sns span {
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
}
.section-footer .btn-sns:before {
    display: block;
    font-size: 26px;
    margin-right: auto;
}
.section-footer .btn-sns {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
}
}

@media screen and (max-width: 419px) {
#random_link_banner a.f160 {
    font-size: 120%;
}
}

@media screen and (max-width: 360px) {
.section-footer .btn-sns span {
    font-size: 12px;
    margin-top: 6px;
}
}
/********************************************************  .site-logo **/
.site-logo {
    display: inline-block;
    width: 157px;
}
.site-logo a {
    display: block;
}
.site-logo a:hover {
    text-decoration: none;
}
.site-logo a img {
    transition: .3s;
}
.site-logo a img.logo {
    width: 150px;
}
.site-logo a img.logo2 {
    width: 120px;
  display: none;
}
.site-logo a i {
    margin-left: 10px;  
  display: none;
}
#wrapper {
}
.container-fluid {
    text-align: center;
    z-index: 1;
}
.container-fluid .inner {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 100px;
}
.container-fluid.no-margin {
    margin: 0;
    padding: 0;
}
.container-fluid.no-margin .inner {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1240px) {
.container-fluid .inner {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}
.container-fluid.no-margin {
    margin: 0;
    padding: 0;
}
.container-fluid.no-margin .inner {
    margin: 0;
    padding: 0;
}
  #header .cats li a span {
padding: .2em 10px;}
}
@media screen and (max-width: 1024px){
.site-logo {
    width: 160px;
  display: block;
}
}
@media screen and (max-width: 980px) {
.container-fluid .inner {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}
.container-fluid.no-margin {
    margin: 0;
    padding: 0;
}
.container-fluid.no-margin .inner {
    margin: 0;
    padding: 0;
}
}

@media screen and (max-width: 600px) {
.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}
.container-fluid.no-margin {
    margin: 0;
    padding: 0;
}
.container-fluid.no-margin .inner {
    margin: 0;
    padding: 0;
}
}
/******************************************************** .banner **/
.container-fluid.banner {
    background-color: #F6F6F6;
    margin-bottom: 22px;
    padding-left: 0;
    padding-right: 0;
}
.container-fluid.banner .inner {
    width: auto;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}
.container-fluid.banner .inner .bnrPC > div {
    padding-top: 20px;
    padding-bottom: 20px;
}
.container-fluid.banner .item {
    width: 100%;
    /*	max-width: 980px;*/
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
.container-fluid.banner {
    margin-bottom: 0;
}
.container-fluid.banner .inner {
    padding-top: 0;
    padding-bottom: 0;
}
.container-fluid.banner .inner .bnrSP > div {
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-fluid.banner .item {
/*		max-width: 320px;*/
}
}
.container-fluid.banner .item a img {
}
.container-fluid.banner .item img {
    width: 100%;
    height: auto;
}
/******************************************************** #header **/
.wrapper {
    position: relative;
    padding-top: 91px;
}
#header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 2;
}
#header.shadow {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
#header .inner {
    display: -ms-flexbox; /* 旧webkit系ブラウザ */
    display: -webkit-flex; /* Safari */
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
#header.container-fluid .inner {
    padding-top: 20px;
    padding-bottom: 5px;
    transition: .3s;
}
#header .cats li a {
    padding: .6em 10px;
}
body.scroll #header {
}
body.scroll #header.container-fluid .inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
body.scroll .site-logo {
    width: 150px;
}
body.scroll .site-logo a img {
    height: 24px;
    width: auto;
}
body.scroll .site-logo a img.logo {
        width: 130px;
    height: auto;
}
body.scroll .site-logo a img.logo2 {
    width: auto;
    height: 24px;
}
@media screen and (max-width: 1024px){
    .site-logo a img.logo {
    width: 140px;
}
    .site-logo a img.logo2 {
    width: 140px;
    margin-left: 0px;
}
#header li a {
    font-size: 15px;
}
#header .cats li a span {
    padding: 0 !important;
}
#header .cats {
    margin-left: 5px !important;
}
}
#header .inner > .last {
    margin-left: auto;
}
.sp-menu-toggle {
    display: none;
}
#header ul {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
#header li {
}
#header li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    color: #333333;
    font-weight: bold;
    border-radius: 5px;
}
@media screen and (max-width:1180px){
	#header li a {
    font-size: 13px;
}
}
@media screen and (max-width: 767px) {
#header li a:hover {
    color: #666;/*		color: #C1272D;*//*		color: #FFD900;*//*	background-color: #FFD900;*/
}
}
#header li a span {
    display: inline-block;
}
#header .cats {
    margin-left: 14px;
}/* ul */
#header .cats li {
}
#header .cats li a {
    padding: .6em 10px;
}
body.scroll #header .cats li a {
    padding: .5em 8px;
}

@media screen and (min-width: 768px) {
#header .cats li a span {
    padding: .2em 2px;
    background: url(../images/uline.gif) left bottom no-repeat;
    background-size: 0% 15%;
    transition-property: background;
    transition-duration: .2s;
}
#header .cats li a:hover span {
    background-size: 100% 15%;
}
}
#header .credit {
    position: absolute;
    top: 8px;
    right: 0;
    transition: .3s;
}
body.spscroll #header .credit, body.scroll #header .credit {
    top: -40px;
}
#header.open .credit {
/*	display: none;*/
}
#header .credit p {
    color: #666;
    /*	font-size: 11px;*/
    font-size: 11px;
    line-height: 1.2;
}
#header .credit p span {
    margin-right: 1em;
}

@media screen and (max-width: 767px) {
#header .credit {
    right: 60px;
    top: 20px;
}
#header .credit p {
    font-size: 8px;
}
}

@media screen and (max-width: 450px) {
#header .credit {
    right: 50px;
    top: 16px;
}
#header .credit p {
}
#header .credit p span {
    display: block;
}
}

@media screen and (max-width: 370px) {
#header .credit {
    font-size: 6px;
    right: 13px;
    top: 40px;
}
#header .credit p {
}
#header .credit p span {
    display: inline-block;
}
}

@media screen and (max-width: 860px) {
#header .cats li a {
/*		padding: .8em 1em;*/
}
}

@media screen and (max-width: 820px) {
#header .cats li a span {
    padding: .2em .3em;
}
}
#header .last {
}
#header .last li {
    margin-left: 15px;
}
#header .last li:first-child {
    margin-left: 0;
}
#header .last li a {
    padding: 0 0;
}
body.scroll #header .last li a {
    padding: 0 0;
}
#header .last li a.btn-sns {
    padding-top: .67em;
}
body.scroll #header .last li a.btn-sns {
    padding-top: .2em;
}
#header .last li a span {
    display: inline-block;
    padding: .2em 5px;
    background: url(../images/uline.gif) left bottom no-repeat;
    background-size: 0% 15%;
    transition-property: background;
    transition-duration: .2s;
}
#header .last li a:hover span {
    background-size: 100% 15%;
}
@media screen and (max-width: 1023px) {
.wrapper {
    padding-top: 31px;
}
#header .credit {
    right: 60px;
    top: 10px;
}
#header .credit p {
    font-size: 8px;
}
.sp-menu-toggle {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
.sp-menu-toggle span {
    display: block;
    width: 50px;
    height: 50px;
    /*		background-color: #CCC;*/
    line-height: 50px;
    text-align: center;
    font-size: 26px;
}
#header {
    position: fixed;
    top: 0;
    left: 0;
}
body.scroll #header.container-fluid .inner {
    padding-top: 9px;
    padding-bottom: 9px;
  height: 50px;
}
#header.container-fluid .inner {
    padding-top: 31px;
    padding-bottom: 9px;
}
#header .site-logo {
    margin-left: 0;
      position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
}
#header .site-logo a {
}
#header .site-logo a > img {
    width: 96px;
    height: auto;
}
#header .site-logo i img {
    width: 74px;
    height: auto;
}
#header .cats, #header .last {
    display: none;
}
#header.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#header .inner {
    display: block;
}
#header.open {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
#header.open .inner {
    padding-bottom: 0 !important;
  margin: 0;
}
#header.open .cats {
    display: block;
    background-color: #FFF;
    margin-left: 0;
    margin-top: 40px;
}
#header.open .cats li {
    width: auto;
    border-bottom: 2px #FFF solid;
}
#header.open .cats li a {
    display: block;
    width: auto;
    background-color: #FFD900;
    border-radius: 0;
    font-size: 15px;
    line-height: 1.2;
    padding-top: 14px;
    padding-bottom: 14px;
}
#header.open .cats li a span {
    display: block;
    vertical-align: middle;
    position: relative;
}
#header.open .cats li a span:after {
    position: absolute;
    top: -4px;
    right: 0;
    display: inline-block;
    font: normal normal normal 26px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    content: "\f105";
    line-height: 26px;
    vertical-align: text-bottom;
}
#header.open .last {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    background-color: #FFF;
    border-bottom: 2px solid #fff;
}
#header.open .last li {
    width: 33%;
    padding: 0;
    margin: 0;
    background-color: #EEEEEE;
}
	@media screen and (max-width:767px){
		.wrapper{
			padding-top: 50px;
		}
    #header .site-logo {
    top: 5px;
}
	}
@media screen and (max-width: 360px) {
 #header.open .last li {
 width: 26%;
}
 #header.open .last li:first-child {
 width: 47%;
}
}
#header.open .last a {
    width: 100%;
    border-radius: 0;
    text-align: center;
    margin: 0;
    height: 40px;
}
#header.open .last li a span {
    padding-top: 10px;
    padding-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.wrapper {
    padding-top: 30px;
}
.sp-menu-toggle {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -3px;
    right: 0;
}
.sp-menu-toggle span {
    display: block;
    width: 50px;
    height: 50px;
    /*		background-color: #CCC;*/
    line-height: 50px;
    text-align: center;
    font-size: 26px;
}
  .sp-menu-toggle span.sp-menu-txt{
       font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 0;
  }
#header {
    position: fixed;
    top: 0;
    left: 0;
}
#header.container-fluid .inner {
    padding-top: 31px;
    padding-bottom: 9px;
}
#header .site-logo {
    margin-left: 15px;
}
#header .site-logo a {
}
#header .site-logo a > img {
    width: 96px;
    height: auto;
}
#header .site-logo i img {
    width: 74px;
    height: auto;
}
#header .cats, #header .last {
    display: none;
}
#header.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#header .inner {
    display: block;
}
#header.open {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
#header.open .inner {
    padding-bottom: 0 !important;
}
#header.open .cats {
    display: block;
    background-color: #FFF;
    margin-left: 0;
    margin-top: 15px;
}
#header.open .cats li {
    width: auto;
    border-bottom: 2px #FFF solid;
}
#header.open .cats li a {
    display: block;
    width: auto;
    background-color: #FFD900;
    border-radius: 0;
    font-size: 15px;
    line-height: 1.2;
    padding-top: 14px;
    padding-bottom: 14px;
}
#header.open .cats li a span {
    display: block;
    vertical-align: middle;
    position: relative;
}
#header.open .cats li a span:after {
    position: absolute;
    top: -4px;
    right: 0;
    display: inline-block;
    font: normal normal normal 26px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    content: "\f105";
    line-height: 26px;
    vertical-align: text-bottom;
}
#header.open .last {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    background-color: #FFF;
    border-bottom: 2px solid #fff;
}
#header.open .last li {
    width: 33%;
    padding: 0;
    margin: 0;
    background-color: #EEEEEE;
}
@media screen and (max-width: 360px) {
 #header.open .last li {
 width: 26%;
}
 #header.open .last li:first-child {
 width: 47%;
}
}
#header.open .last a {
    width: 100%;
    border-radius: 0;
    text-align: center;
    margin: 0;
    height: 40px;
}
#header.open .last li a span {
    padding-top: 10px;
    padding-bottom: 10px;
}
}
/******************************************************** footer **/
body .wrapper #footer {
    background-color: #FFD900;
}
#footer.container-fluid .inner {
    text-align: center;
    padding-top: 47px;
    padding-bottom: 98px;
    position: relative;
}

@media screen and (max-width: 767px) {
#footer.container-fluid .inner {
    padding-top: 23px;
    padding-bottom: 50px;
}
}
#footer ul {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
#footer li {
}
#footer li a {
    display: inline-block;
}
#footer ul.footer-nav {
    margin-bottom: 12px;
}
.footer-nav li {
    height: 12px;
    border-right: 2px solid #DFBF08;
    padding-left: 3px;
    padding-right: 3px;
}
.footer-nav li:last-child {
    border-right: none;
}
.footer-nav li a {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    padding-left: 15px;
    padding-right: 15px;
    color: #333;
    margin-top: -12px;
    vertical-align: bottom;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.footer-nav li a:hover {
    background-color: #FFF;
}
.copyright {
    text-align: center;
    font-size: 13px;
    margin-bottom: 45px;
}
.footer-links {
}
.footer-links li {
    margin-left: 7px;
    margin-right: 7px;
}
.footer-links li:last-child {
    margin-left: 21px;
}
.footer-links li a {
}

@media screen and (max-width: 767px) {
.footer-links {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
}
.copyright {
    margin-top: 80px;
    text-align: center;
    margin-bottom: 0;
}
}

@media screen and (max-width: 460px) {
.footer-nav li {
    padding-left: 0;
    padding-right: 0;
}
.footer-nav li a {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-nav li:first-child a {
    padding-left: 2px;
}
.footer-nav li:last-child a {
    padding-right: 2px;
}
.copyright {
    font-size: 10px;
}
}
/******************************************************** .two-columun **/
.two-columun {
	margin-top: 10px;
}
.two-columun .inner {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.two-columun.has-margin {
}
.two-columun.has-margin .inner {
    padding-top: 0;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
.two-columun.has-margin .inner {
    padding-top: 10px;
    padding-bottom: 20px;
}
}
.content {
    -webkit-flex-grow: 1; /* Safari */
    flex-grow: 1;
    width: 880px;
    padding-right: 40px;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
    font-size: 16px;
    line-height: 1.7;
}
aside {
    width: 300px;
    margin-left: auto;
    margin-right: 0;
}

@media screen and (max-width: 1240px) {
.content {
    width: inherit;
    padding-right: 20px;/*		width: 60%;*//*		margin-right: 20px;*/
}
}
@media screen and (max-width: 1023px) {
  .two-columun {
    margin-top: 20px;
  }
}

@media screen and (max-width: 920px) {
.content {
    width: auto;/*		margin-right: 20px;*/
}
}

@media screen and (max-width: 767px) {
.two-columun .inner {
    display: block;
}
.content {
    width: auto;
    margin-right: 0;
    padding-right: 0;
}
aside {
    width: auto;
}
.main-PR aside.induction {
    /*		width: 300px;*/
    width: 100%;
}
}
.content {
}
.content .section {
}
.content .section.section-header {
}
.section-header .main {/* figure.main */
    margin-bottom: 25px;
    border-radius: 4px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
.section-header .main {
    border-radius: 0;
}
.section-header figure.main img {
    border-radius: 0;
}
}
.section-header .main img {
}
.section-header .subject {/* span.subject */
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 13px;
}
.section-header .subject span.by{
	font-size: 24px;
}
.section-header h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 24px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
}

@media screen and (max-width: 920px) {
.section-header .main {/* figure.main */
    margin-bottom: 15px;
}
.section-header .subject {/* span.subject */
    font-size: 16px;
    margin-bottom: 8px;
}
	.section-header .subject span.by{
	font-size: 14px;
}
.section-header h1 {
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    margin-top: 0;
}
}
.section-header .meta {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.section-header .prof {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}/* dl.prof */
.section-header .prof dt, .section-header .prof dd {
/*float: left;*/
}
.section-header .prof dt {
    margin-right: 8px;
}
.section-header .prof .job, .section-header .prof .name {
    display: block;
    font-size: 14px;
    line-height: 1.2;
}
.section-header .tags {
    list-style: none;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
}
.section-header .tags li:before {
    content: ",";
}
.section-header .tags li:first-child:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f02c";
    display: inline-block;
    margin-right: 5px;
}
.section-header .tags li a {
    color: #333;
}
.section-header .sns {
    max-width: 214px;
    margin-left: auto;
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.section-header .sns > * {
    margin-left: 5px;
}
.section-header .sns > *:first-child {
    margin-left: 0;
}

@media screen and (max-width: 600px) {
.section-header .tags {
    margin-left: auto;
}
.section-header .sns {
    max-width: inherit;
    width: 100%;
}
.section-header .sns li {
    width: 50%;
}
}
.content .section.section-body {
}
.content .section.section-footer {
    margin-top: 16px;
    border-top: #ddd 1px solid;
    padding-top: 28px;
    padding-bottom: 40px;
}
.section-footer .profile {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-left: 25px;
    padding-right: 25px;
}
.section-footer .profile .thumb {
    margin-right: 28px;
}
.section-footer .profile p {
    width: auto;
    margin-left: 0;
    margin-right: auto;
}
.section-footer .profile .name {
    display: block;
}

@media screen and (max-width: 960px) {
.section-footer .profile {
    padding-left: 5px;
    padding-right: 5px;
}
.section-footer .profile .thumb {
    width: 25%;
    margin-right: 15px;
}
.section-footer .profile .thumb img {
    max-width: 140px;
    width: 100%;
    height: auto;
}
.section-footer .profile p {
    width: 70%;
}
}

@media screen and (max-width: 767px) {
.section-footer .profile {
    padding-left: 25px;
    padding-right: 25px;
}
.section-footer .profile .thumb {
    margin-right: 28px;
}
}

@media screen and (max-width: 640px) {
.section-footer .profile {
    padding-left: 5px;
    padding-right: 5px;
}
.section-footer .profile .thumb {
    margin-right: 20px;
}
.section-footer .profile {
    font-size: 90%;
}
.section-footer .profile .name {
    font-size: 16px;
}
}
.section-footer .sns {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.section-footer .sns > * {
    margin-left: 5px;
}
.section-footer .sns > *:first-child {
    margin-left: 0;
}
.content .section-content h2 {
    font-size: 30px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 38px;
    margin-bottom: 38px;
}
.content .section-content h3, .content .section-content h4, .content .section-content h5, .content .section-content h6 {
    font-weight: bold;
    margin-bottom: 1em;
}
.content .section-content h3 {
    margin-top: 1em;
}

@media screen and (max-width: 920px) {
.content .section-content h2 {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}
}
.content h2.widget-header {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
}
.content h2.widget-header span {
    display: inline-block;
    margin-left: .4em;
    margin-right: .4em;
}
.content p {
    margin-bottom: 1.7em;
}
.section-header figure {
    width: 100%;
}
.section-content figure {
    margin-bottom: 52px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.section-header figure img, .section-content figure img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: auto;
}
.section-header figure figcaption, .section-content figure figcaption {
    text-align: center;
}
/******************************************************** .entry-list-ul **/
.entry-list-ul {
    margin-top: 10px;
    padding-left: 0;
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
}
.entry-list-ul li {
    display: block;
    width: 241px;
    padding-bottom: 15px;
    overflow: visible;
}
aside .entry-list-ul li {
    padding-bottom: 0;
    width: auto;
}

@media screen and (max-width: 1240px) {
.entry-list-ul li {
    width: 28%;
}
}

@media screen and (max-width: 960px) {
.entry-list-ul li {
    width: 48%;
}
}

@media screen and (max-width: 767px) {
.entry-list-ul li {
    width: 28%;
}
}

@media screen and (max-width: 640px) {
.entry-list-ul li {
    width: 48%;
}
.entry-list-ul li a, .entry-list-ul li a figure {
    overflow: visible;
}
}
.entry-list-ul li a {
    /*
	background: url(../images/fukidashi-list-ul.png) left top no-repeat;
	background-size: 36px 30px;
	padding-top: 42px;
*/
    display: block;
    color: #333;
    padding-bottom: 20px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

@media screen and (max-width: 640px) {
.entry-list-ul li a {
    font-size: 14px;
}
}
aside .entry-list-ul li a {
    /*
	background-image: url(../images/fukidashi-list-ul-right.png);
	background-size: 24px auto;
*/
/*	background-position: left 10px;*/
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 1em;
    /*	padding-left: 30px;*/
    min-height: 4.2em;
}
.entry-list-ul li a:hover {
    text-decoration: underline;
}
.entry-list-ul li a span.Read {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
    margin-top: 10px;/*	
	overflow: hidden;
	height: 48px;
*//* 14*1.7 *2 = 47.6 */
}
/******************************************************** .entry-list **/
.entry-list {
    display: -webkit-flex; /* Safari */
    display: flex;
  /* 子要素の並ぶ向き */
  -webkit-flex-direction: row;
          flex-direction: row;
  /* 子要素の折り返し */
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  /* 水平方向の揃え */
  -webkit-justify-content: space-between;
          justify-content: space-between;
  /* 垂直方向の揃え */
  -webkit-align-items: flex-start;
          align-items: flex-start;
  /* 複数行にした時の揃え */
  -webkit-align-content: flex-start;
          align-content: flex-start;
/*
  -webkit-flex-basis: 270px;
          flex-basis: 270px;
*/
}
.entry {
    width: 270px;
    padding-bottom: 20px;
    overflow: visible;
}
.entry-list > .entry {}
.entry-list > .entry:last-child {}

.entry.sp-row:nth-child(3n) {}
.entry.entry-lg {
    width: 100%;
    /*		border-bottom: 1px #DDD solid;*/
    padding-bottom: 20px;
}

@media screen and ( max-width: 640px ) {
  .entry.entry-lg {
    border-bottom: 1px #DDD solid;
    padding-bottom: 0;
  }
}
.entry.entry-lg a {
}

@media screen and ( min-width: 600px ) and ( max-width: 640px ) {
  .entry.entry-lg a {
    padding-top: 15px;
  }
}
.entry.entry-lg a > * {
    margin-left: 53%;
}
.entry.entry-lg a > figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    margin-left: 0;
}

@media screen and ( min-width: 600px ) and ( max-width: 640px ) {
  .entry.entry-lg a > figure {
    top: 15px;
  }
}
.entry.entry-lg a > .recommend {
    margin-left: 0;
}

@media screen and ( min-width: 768px ) and ( max-width: 960px) {
  .entry.entry-lg {}
  .entry.entry-lg a {}
  .entry.entry-lg a > * {
    margin-left: 0;
  }
  .entry.entry-lg a > figure {
    position: relative;
    width: 100%;
  }
  .entry.entry-lg a > .recommend {
    margin-left: 0;
  }
}
@media screen and ( max-width: 600px ) {
  .entry.entry-lg {}
  .entry.entry-lg a {}
  .entry.entry-lg a > * {
    margin-left: 0;
  }
  .entry.entry-lg a > figure {
    position: relative;
    width: 100%;
    top: 15px;
  }
  .entry.entry-lg a > .recommend {
    margin-left: 0;
  }
}
@media screen and (max-width: 1240px) {
  .entry {
    width: 32%;
  }
}
@media screen and (max-width: 960px) {
  .entry {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .inner aside.tieup-banner figure {
    display: none;
  }
  .inner figure.sp-banner {
    display: inline-block !important;
  }
  .inner figure.sp-banner img {
    position: fixed;
    bottom: 10px;
    left: 50%;
    width: 320px;
    margin-top: -100px;
    margin-left: -160px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .entry {
      width: 32%;
  }
}

@media screen and (max-width: 640px) {
  .entry {
    width: 48%;
  }
  .entry a, .entry a figure {
    overflow: visible;
  }
  .entry.sp-row {
    width: 100%;
    border-bottom: 1px #DDD solid;
    padding-bottom: 0;
  }
  .entry.sp-row a {
    display: block;
    width: 100%;
    position: relative;
    /*		padding-left: 40%;*/
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .entry.sp-row a > * {
    margin-left: 40%;
  }
  .entry.sp-row a figure {
    position: absolute;
    top: 20px;
    left: 0;
    width: 35%;
    margin-left: 0;
  }
}
.entry a {
    display: block;
    color: #333;
    padding-bottom: 20px;
    position: relative;
}
.entry a:hover {
    text-decoration: none;
}
.entry figure {
    width: 100%;
    /*		overflow: hidden;*/
    margin-bottom: 18px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.entry figure img {
    width: 100%;
    height: auto;
}
.entry .recommend {
    position: absolute;
    top: 10px;
    left: -4px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 9px;
    background-color: #555555;
}
.entry .recommend i {
    font-style: normal;
}
.entry .recommend:before {
    content: '';
    position: absolute;
    top: 100%;
    border-style: solid;
    border-color: transparent;
}
.entry .recommend:before {
    left: 0;
    border-width: 0 4px 4px 0;
    border-right-color: #ccc;
}
.entry .subject {
    display: inline-block;
    /*		font-size: 16px;*/
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    /*		margin-bottom: 5px;*/
    vertical-align: baseline;
}
.entry.entry-lg .subject {
    /*		font-size: 20px;*/
    font-size: 15px;
}
.entry .title, .entry h2.title, .entry h3.title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

@media screen and (min-width: 641px) {
.entry .title, .entry h2.title, .entry h3.title {
    min-height: 38px;
}
}
.entry.entry-lg .title {
    font-size: 20px;
    min-height: auto;
}

@media screen and (max-width: 640px) {
.entry.sp-row a > .recommend {
    margin-left: 0;
}
.entry.entry-lg .subject, .entry .subject {
    /*		font-size: 13px;*/
    font-size: 12px;
}
.entry .title, .entry h2.title, .entry h3.title {
    font-size: 14px;
}
}
.entry p {
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width: 640px) {
.entry p {
    display: none;
}
}
.entry .meta {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
}
.entry .meta dl.prof, .entry .meta .prof {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 2px;
}
.entry .prof dt, .entry .prof dd {
/*float: left;*/
}
.entry .prof dt {
    margin-right: 8px;
}
.entry .meta .prof .job, .entry .meta .prof .name {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding-right: 5px;
    min-width: 7em;
}
.entry .meta .tags {
    /*
		margin-left: auto;
		list-style: none;
		display: -webkit-flex;
		display: flex;
		*/
    font-size: 14px;
    display: inline-block;
    padding-left: 24px;
    position: relative;
    margin-top: 5px;
    margin-left: auto;
    margin-right: 0;/*		margin-bottom: 5px;*/
}
.entry .meta .tags:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f02c";
    display: inline-block;
    position: absolute;
    top: .3em;
    left: 3px;
}
.entry .meta .tags li {
    display: inline-block;
    float: left;
    text-align: right;
}
.entry .meta .tags li:before {
    content: ",";
}
.entry .meta .tags li:first-child:before {
    content: "";
}

@media screen and (max-width: 640px) {
.entry .meta .tags {
    font-size: 12px;
}
.entry .meta .prof .job, .entry .meta .prof .name {
    font-size: 12px;
}
.entry .prof dt {
    width: 24px;
}
.entry .prof dt img {
    width: 24px;
    height: auto;
}
}
.btn-more {
}
.btn-more a {
    display: block;
    width: auto;
    border: 2px #E5E5E5 solid;
    padding: 15px;
    text-align: center;
    transition: .3s;
}
.btn-more a span {
    font-size: 16px;
    font-weight: bold;
    color: #999;
}
.btn-more a:hover {
    border-color: #000;
    text-decoration: none;
}
.btn-more a:hover span {
    color: #000;
}
/************************************************* .content .widget **/
.widget .credit {
    text-align: right;
    font-size: 12px;
    line-height: 1.2;
    color: #CCC;
}
.widget.stepup {
    border: #E5E5E5 2px solid;
    background-color: #F7F5F2;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px;
    margin-top: 20px;
}
aside .widget.stepup {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
aside .stepup .widget-header h2 {
    font-size: 15px;
}
aside .stepup .widget-header h2 span {
    margin-left: .4em;
}

@media screen and (max-width: 767px) {
.widget.stepup {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
}
/************************************************* cookingMaterials **/
.cookingMaterials {
    margin-bottom: 30px;
}
.cookingMaterials ul {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-left: 4px solid #ddd;
    background: #fafafa;
}
.cookingMaterials ul li {
    padding: 4px 0 2px;
    border-bottom: 1px solid #eee;
    list-style-type: none;
}
.cookingMaterials ul li:last-child {
    border-bottom: none;
    list-style-type: none;
}
/************************************************* aside **/
aside {
}
aside .widget {
    margin-bottom: 30px;
}
aside .widget .widget-header {
}
aside .widget .widget-body {
}
aside .widget-header h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    padding-bottom: 10px;
    border-bottom: 2px #ddd solid;
}
aside .widget-header h2 span {
    /*	font-size: 14px;*/
    font-size: 10px;
    color: #999;
    padding-bottom: 0;
    border-bottom: none;
    display: inline-block;
}
aside h3 {
}
aside .aside-induction{
  width: 100%;
  box-sizing: border-box;
}
aside .aside-induction figure{
  background: #E40011;
  text-align: center;
}
aside .aside-induction figure img{
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}
aside .aside-induction a{
  text-decoration: none;
  color: #333;
}
aside .aside-induction a:link,aside .aside-induction a:visited,aside .aside-induction a:hover{
  color: #333;
  text-decoration: none;
}
aside .aside-induction h3{
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  line-height: 1.3;
}
@media screen and (max-width: 768px){
  aside .aside-induction{
    margin-top: 30px;
}
}
.widget iframe {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 300px;
}
.widget .keywords {
}
.widget .keywords p {
    font-size: 14px;
    line-height: 1.8;
}
.widget .keywords a {
    color: #000;
}
.widget .ranking {
}
.widget ol.ranking {
    counter-reset: number; /* 名前を付けたカウンターをリセット */
    list-style: none; /* olが数字を付けることをキャンセル */
    list-style-position: outside;
    padding-left: 0;
}
.widget .ranking li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 45px;
}
.widget .ranking li:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    counter-increment: number;
    content: counter(number);
    background-color: #CCC;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.widget .ranking li:nth-of-type(1):before {
    background-color: #FFD900;
}
.widget .ranking li:nth-of-type(2):before {
    background-color: #E5E5E5;
}
.widget .ranking li:nth-of-type(3):before {
    background-color: #FFB973;
}
.widget .ranking li:nth-of-type(4):before {
    background-color: #CCC;
}
.widget .ranking li:nth-of-type(5):before {
    background-color: #CCC;
}
.widget .ranking li a {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
}
.widget .ranking li .subject, .widget .ranking li h3.title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    margin: 0;
}
.widget .ranking li a:hover {
    text-decoration: none;
}
.main-PR {
    background-position: center center;
    background-attachment: local;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 400px;
}
.container-fluid.main-PR .inner {
    background-position: center center;
    background-attachment: local;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
}
.inner figure.sp-banner {
    display: none;
}
.main-entry {
    background-position: center center;
    background-attachment: local;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    overflow: hidden;
}

@media screen and (min-width: 981px) {
.main-PR {
}
.main-entry {
    border-radius: 4px;
}
}

@media screen and (max-width: 767px) {
.main-PR {
    height: auto;
}
.main-entry {
    border-radius: 0;
}
}
.main-PR-textW .main-entry {
    border-radius: 0;
}
.main-entry .entry {
    width: auto;
    padding-bottom: 0;
}
.main-entry .entry a {
    transition: .3s;
    color: #FFF;
    /*	padding: 62px 32px 20px;*/
    padding: 90px 32px 20px;
    min-height: 400px;
}
.main-entry .entry a:hover {
    background-color: rgba(255,255,255,0.3);
}
.main-entry.mask-dark .entry a {
    background-color: rgba(0,0,0,0.4);
}
.main-entry.mask-dark .entry a:hover {
    background-color: rgba(0,0,0,0.7);
}
.main-entry .entry a .recommend:before {
    display: none;
}
.main-entry .entry a .recommend {
    position: relative;
    top: 0;
    left: 0;
}
/*
	.main-entry .entry a .subject:before,
	.main-entry .entry a .title:before {
		display: block;
		content: "";
		height:0;
		width: 100%;
	}
*/
.main-entry .entry a .subject {
    display: block;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 15px;
}
.main-entry .entry a .title {
    display: block;
    /*		font-size: 40px;*/
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: 25px;
    margin-top: .4em;
}
.main-entry .entry a .title i {
    background-size: 0% 4px;
}
.main-entry .entry a:hover .title i {
    background-size: 100% 4px;
}
.main-entry .entry a .meta {
}
.main-entry .entry a .meta .prof {
}
.main-entry .entry a .meta .tags {
    position: absolute;
    /*			top: 59px;*/
    top: 86px;
    left: 190px;
    font-size: 16px;
}
.main-entry .entry a .meta dt {
    margin-right: 15px;
}
.main-entry .entry a .meta .job, .main-entry .entry a .meta .name {
    font-size: 18px;
}
@media screen and (max-width: 1240px) {
.container-fluid.main-PR {
    padding-left: 0;
    padding-right: 0;
}
  .main-entry .entry a .title {	
font-size: 24px;	
}	
}

@media screen and (max-width: 1100px) {
.main-PR.main-PR-typeL .content {
    margin-right: auto;
    padding-right: 0;
}
.main-PR.main-PR-typeL aside {
    display: none;
}
}

@media screen and (max-width: 980px) {
.main-PR .content {
    margin-right: auto;
    padding-right: 0;
}
.main-PR aside {
    display: none;
}
.main-PR aside.induction {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px;
}
.main-entry .entry a .subject {
    /*		font-size: 25px;*/
    font-size: 18px;
    margin-top: 10px;
}
.main-entry .entry a .title {
    /*		font-size: 30px;*/
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px;
    margin-top: .4em;
}
.main-entry .entry a .meta .job, .main-entry .entry a .meta .name {
    font-size: 16px;
}
}

@media screen and (max-width: 767px) {
.main-entry {
    min-height: 300px;
}
.main-entry .entry a {
    min-height: 300px;
}
.entry .recommend {
    font-size: 12px;
    padding: 3px 6px;
}
.main-entry .entry a .meta .tags {
    font-size: 12px;
    left: 130px;
    top: 31px;
}
.main-entry .entry a {
    padding: 30px 10px 10px;
}
}

@media screen and (max-width: 560px) {
.main-entry {
    min-height: 200px;
}
.main-entry .entry a {
    min-height: 200px;
}
.main-entry .entry a .subject {
    /*		font-size: 15px;*/
    font-size: 12px;
}
.main-entry .entry a .title {
    font-size: 20px;
    line-height: 1.3;
}
.main-entry .entry a .meta .job, .main-entry .entry a .meta .name {
    font-size: 12px;
}
}

@media screen and (max-width: 460px) {
.main-entry .entry a {
    padding-top: 10px;
}
.main-entry .entry a .meta .tags {
    top: 11px;
}
}
.main-PR aside .entry-list {
    background-position: center center;
    background-attachment: local;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    padding-top: 0;
}
.main-PR-textW aside .entry-list {
    padding-top: 23px;
}
aside .entry-list .entry {
    /*	width:auto; */
    width: 100%;
    min-height: 200px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-PR-textW aside .entry-list .entry {
    min-height: 176px;
}
aside .entry-list .entry:first-child {
    border-bottom: 1px #ccc solid;
}
.main-PR-textW aside .entry-list .entry:first-child {
    border-color: #FFF;
}
aside .entry-list .entry a {
    display: block;
    min-height: 176px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 24px;
    background-color: rgba(0,0,0,0);
    transition: .3s;
}
aside .entry-list .entry:last-child a {
    padding-top: 40px;
}
.main-PR-textW aside .entry-list .entry a {
    padding-top: 26px;
    color: #FFF;
}
.main-PR-textW aside .entry-list .entry:last-child a {
    padding-top: 26px;
}
aside .entry-list .entry a:hover {
/*	background-color: rgba(0,0,0,0.3);*/
}
aside .entry-list .entry a .recommend:before {
    display: none;
}
aside .entry-list .entry a .recommend {
    position: relative;
    top: 0;
    left: 0;
}
aside .entry-list .entry a .subject {
    display: block;
    line-height: 1.6;
}
.main-PR-textW aside .entry-list .entry a .subject {
    line-height: 1.2;
}
aside .entry-list .entry a .title {
    display: block;
    line-height: 1.6;
}
.main-PR-textW aside .entry-list .entry a .title {
    line-height: 1.2;
}
aside .entry-list .entry a .meta {
}
aside .entry-list .entry a .meta .prof {
}
.main-entry .entry a .meta .tags {
}
.main-entry .entry a .meta dt {
}
.main-entry .entry a .meta .job {
}
.main-entry .entry a .meta .name {
}
/******************************************************** .nav-horizontal */
.nav-horizontal {
    display: none;
    /*  border-top: 1px #EEE solid;*/
    overflow: hidden;
    /*  height: 3em; /* 可視領域の高さ */
    height: 48px; /* 可視領域の高さ */
    width: 100%;
}
.nav-horizontal .mask {
    height: 5em; /* 横スクロールする理屈上の高さ */
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;  /* 慣性スクロール */
}
.nav-horizontal .list {
    display: inline-table;
    max-width: 100%;
    padding-left: 0;
}
.nav-horizontal .list li {
    display: table-cell;
    vertical-align: bottom;
}
.nav-horizontal .list li a {
    display: block;
    padding: 10px 1em;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    /*  height: 4em;*/
    line-height: 1.2;
    background-color: #FFD902;
    /*  
  border-left: 1px solid #FFDF2E;
  border-right: 1px solid #F3CE00;
*/
    border-right: 1px solid #FFF;
}
.nav-horizontal .list li.highlight a, .nav-horizontal .list li.highlight a span {
    color: #FF5F00;
    font-weight: bold;
}
.nav-horizontal .list li:last-child a {
    border-right: none;
}
.nav-horizontal .list li a:hover {
    /*  border-bottom: 2px solid #FFF;*/
    background-color: #f9f9f9;
}
.nav-horizontal .list li a.active {
    /*  border-bottom: 2px solid #FFF;*/
    background-color: #FFF;
}
.nav-horizontal .list li a span {
    white-space: nowrap;
}
.nav-horizontal .list li a span.one-line {
    line-height: 2.4;
}

@media screen and (max-width: 767px) {
body.touch .nav-horizontal {
    display: block;
}
}
#keyList {
    display: none;/*  border-top: solid 3px #FFD902;*/
}
#keyList .inner {
    padding-bottom: 0;
}
#keyList .listend {
    width: 100%;
    border-top: solid 3px #FFD902;
    text-align: center;
}
#keyList .listend p {
    background-color: #FFD902;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    padding: 5px 10px 10px;
    margin-left: auto;
    margin-right: auto;
}
#keyList .entry:last-child {
    border-bottom: none;
}
/*********************************************** flickity */
.main-entry .flickity-slider .entry {
    /*	width:880px;*/
    background-position: center center;
    background-size: cover;
}
.main-entry .flickity-slider .entry a {
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 1240px) {
.main-entry .flickity-slider .entry {
    width: auto;
}
}

@media screen and (max-width: 767px) {
.main-entry .entry a .meta .tags {
    left: 170px;
}
}
.main-PR .flickity-prev-next-button {
    width: 30px;
    height: 30px;
}
.main-PR .flickity-prev-next-button.previous {
    left: 5px;
}
.main-PR .flickity-prev-next-button.next {
    right: 5px;
}
@media screen and (max-width: 419px){
	.col-sm-12 .sp_f160{
		font-size:120%;
	}
}
@media screen and (min-width:1025px) and ( max-width:1160px){
    .site-logo{
        width:157px;
    }
  #header .last li{
    padding-left: 8px;
  }
}
/*
.main-carousel .carousel-cell {display: none;}
.main-carousel .carousel-cell:first-child {display: block;}
*/
/*************************************************** .minkabu-search */
.minkabu-search {
  width: 100%;
  display: flex;
  justify-content:space-between;
  margin-bottom: 20px;
}
.minkabu-search .ms-header {
  width:270px;
  color:#1F1F1F;
}
@media screen and (max-width:1240px){
  .minkabu-search .ms-header {
    width:32%;
  }
}
  .minkabu-search .ms-header h2 {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px #DDDDDD solid;
    padding-bottom: 15px;
    margin-top: 20px;
  }
  .minkabu-search .ms-header h2 span {}
  .minkabu-search .ms-header p {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 12px;
    font-feature-settings : "palt";
  }
  .minkabu-search .ms-header p small {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
  }
.minkabu-search .ms-btns {
  padding-left: 0;
  width: 576px;
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
/*  align-items: stretch;*/
}
@media screen and (max-width:1240px){
  .minkabu-search .ms-header h2 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-top: 15px;
  }
  .minkabu-search .ms-btns {
    width:66%;
  }
  .minkabu-search .ms-header h2 span {}
  .minkabu-search .ms-header p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .minkabu-search .ms-header p small {
    font-size: 10px;
  }
}
.minkabu-search .ms-btns li {
  display: block;
  width: 31%;
  padding: 0;
  margin-bottom: 18px;
  position: relative;
}
.minkabu-search .ms-btns li > span,
.minkabu-search .ms-btns li > a {
  display: block;
  text-align: left;
  color:#1F1F1F;
  font-size: 16px;
  line-height: 1.4;
  padding: 18px 16px 18px 16px;
  
  width: 100%;
}
  .minkabu-search .ms-btns li > span > span,
  .minkabu-search .ms-btns li > a > span {
    display: inline-block;
    width: auto;
  }
.minkabu-search .ms-btns li.ms-btn a {
  background-color: #F6F6F6;
  border-radius: 5px;
  transition: .3s;
}
.minkabu-search .ms-btns li.ms-btn a:hover {
  background-color: #FFF;
  box-shadow: 0 0 3px #bbb;
}
  .minkabu-search .ms-btns li.ms-btn em {
    font-style: normal;
    display: inline-block;
  }
  .minkabu-search .ms-btns li.ms-btn > span > span,
  .minkabu-search .ms-btns li.ms-btn > a > span {
    padding-left: 50px;
    background-position: left top;
    background-repeat: no-repeat;
  }
@media screen and (max-width:1240px){
  .minkabu-search .ms-btns li.ms-btn > span > span,
  .minkabu-search .ms-btns li.ms-btn > a > span {
    padding-left: 30px;
    background-size: 20px auto;
  }
}
@media screen and (min-width:785px) and (max-width:980px){
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    font-size: 12px;
    padding: 12px 10px 12px 12px;
  }
}
@media screen and (max-width:767px){
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    font-size: 14px;
    padding: 12px 10px 12px 12px;
    height: 10vw;
  }
}
    .ms-btns .ms-btn.ms-btn-theme > a > span {
      background-image: url("../images/minkabusearch/ico-theme.png");
    }
    .ms-btns .ms-btn.ms-btn-method > a > span {
      background-image: url("../images/minkabusearch/ico-method.png");
    }
    .ms-btns .ms-btn.ms-btn-character > a > span {
      background-image: url("../images/minkabusearch/ico-character.png");
    }
    .ms-btns .ms-btn.ms-btn-recommend > a > span {
      background-image: url("../images/minkabusearch/ico-recommend.png");
    }
    .ms-btns .ms-btn.ms-btn-detail > a > span {
      background-image: url("../images/minkabusearch/ico-detail.png");
    }
.minkabu-search .ms-btns li.ms-logo {}
.minkabu-search .ms-btns li.ms-logo a {
  padding: 4px;
  text-align: center;
}
.minkabu-search .ms-btns li.ms-logo span {}
.minkabu-search .ms-btns li.ms-logo span img {}
.minkabu-search .ms-btns li.ms-logo span i {
  display: block;
  font-size: 12px;
  color: #E94608;
  font-weight:bold;
  text-align: center;
}
@media screen and (max-width:650px){
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    height: 14vw;
  }
}
@media screen and (max-width:640px){
  .entry-list .minkabu-search {
    margin-top: 20px;
  }
}
@media screen and (max-width:600px){
  .minkabu-search {
    display: block;
  }
  .minkabu-search .ms-header {
    width:100%;
    margin-bottom: 10px;
  }
  .minkabu-search .ms-header p {
    margin-bottom: 5px;
  }
  .minkabu-search .ms-btns {
    width:100%;
  }
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    font-size: 16px;
    padding: 18px 20px 18px 18px;
  }
}

@media screen and (max-width:540px){
  .minkabu-search {
    position: relative;
  }
  .minkabu-search .ms-header {
    width:74%;
  }
  .minkabu-search .ms-header h2 {
    margin-top: 0;
  }
  .minkabu-search .ms-btns li {
    width: 19%;
    margin-bottom: 18px;
  }
  .minkabu-search .ms-btns li.ms-logo {
    position: absolute;
    top: 10px;
    right: 0;
    width: 24%;
  }
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    font-size: 12px;
    padding: 12px 10px 12px 10px;
  }
  .minkabu-search .ms-btns li.ms-btn > span > span,
  .minkabu-search .ms-btns li.ms-btn > a > span {
    padding-left: 0;
    padding-top: 30px;
    background-position: center top;
  }
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    height: auto;
    min-height: 60px;
    text-align: center;
  }
  .minkabu-search .ms-btns li.ms-logo {}
  .minkabu-search .ms-btns li.ms-logo a {}
  .minkabu-search .ms-btns li.ms-logo span {}
  .minkabu-search .ms-btns li.ms-logo span img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width:460px){
  .minkabu-search .ms-btns li > span,
  .minkabu-search .ms-btns li > a {
    font-size: 10px;
    padding: 10px 6px 10px 6px;
  }
}

/*start new header 20190827*/
@media screen and (min-width: 1024px){
  #header ul.cats{
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 730px;
  margin-left: 7px;
  margin-top: 2px;
}
#header ul.cats li{
  position: relative;
  margin-left: 13px;
}
#header ul.cats li:after{
  content: '/';
  display: inline-block;
  width: 7px;
  height: 13px;
  margin-left: 13px;
}
#header ul.cats li a{
  padding: 0;
  font-size: 13px;
  color: #000000;
}
#header .last li a{
  font-size: 14px;
  font-weight: normal;
}
#header ul.cats li a span{
  padding: .2em 2px;
}
#header .last li a.btn-sns{
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .last li{
  margin-left: 10px;
}
.btn-sns{
  width: 30px;
  height: 30px;
}
.site-logo {
  display: inline-block;
  width: 120px;
}
.site-logo a img.logo {
  width: 120px;
  height: auto;
}
#header .credit p{
  font-size: 10px;
}
#footer li a.btn-sns {
  padding-top: .43em;
}
/*scroll*/
body.scroll #header ul.cats{
  padding: 5px 0;
  margin-left: 7px;
}
body.scroll #header .cats li a{
  padding: 0 0;
}
body.scroll #header ul.cats li a span{
  padding: 0 0;
}
body.scroll .site-logo {
  width: 100px;
}
body.scroll .site-logo a img.logo {
  width: 100px;
  height: auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1180px) {
  #header ul.cats{
    max-width: 590px;
    margin-left: 15px !important;
  }
  #header ul.cats li{
    position: relative;
    margin-left: 5px;
  }
  #header ul.cats li:after{
    margin-left: 5px;
  }
  #header .last li{
    padding-left: 0;
    margin-left: 10px;
  }
}