@charset "utf-8";

.mCarousel{margin-top:10px;}

.mCarousel__image, .mCarousel__textBox{max-width:none;}

/* page-nav
-------------------------------------------------- */
.page-nav{max-width:1230px;margin:0 auto;}
.page-nav .tab{display:flex;justify-content:center;margin-top:50px;border-bottom:2px solid #000;}
.page-nav .tab li{margin:0 50px -2px;border:1px solid #737373;border-bottom:2px solid #737373;font-size:18px;font-weight:bold;line-height:100%;}
.page-nav .tab li.act{border:2px solid #737373;border-bottom-color:#fff;}
.page-nav .tab li span{display:block;padding:1em 1em 1em 3em;background:url(../img/index/nav-icon.jpg) no-repeat;background-size:1.112em auto;background-position:center left 1.5em;cursor:pointer;}
.page-nav .tab li span:hover{text-decoration:underline;}
.page-nav .tab-box{}
.page-nav .page-nav-list{display:none;flex-wrap:wrap;justify-content:center;align-items:center;}
.page-nav .page-nav-list.select{display:flex;}
.page-nav .page-nav-list li{margin:10px 5px 0;}
.page-nav .page-nav-list li a{display:block;height:2.5em;line-height:2.5em;padding:0 1.5em;font-size:17px;/*14*/font-weight:bold;position:relative;box-sizing:border-box;}
.page-nav .page-nav-list li a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}
.page-nav .page-nav-list li span{display:block;width:100%;}

#nav-category li a{border:1px solid #737373;}
#nav-keyword{max-width:780px;margin:0 auto;}
#nav-keyword li a{background:#dfdfdf;}
#nav-category li a:hover{border-color:#fff;}
#nav-category li a:hover:before,
#nav-keyword li a:hover:before{border:2px solid #cc0000;}

@media (max-width: 1332px) {
.page-nav .tab li{font-size:1.352vw;}
.page-nav .page-nav-list li a{font-size:1.314vw;}
}

@media (max-width: 767px) {
.page-nav{width:93.334%;}
.page-nav .tab{margin-top:6.667vw;}
.page-nav .tab li{margin:0 1.334vw -2px;font-size:2.667vw;}
.page-nav .tab li span{padding:2em 1.5em 2em 2.5em;background-size:1em auto;background-position:center left 1.25em;}
.page-nav .page-nav-list{justify-content:space-between;}
.page-nav .page-nav-list li{width:48.286%;margin:2.667vw 0 0;text-align:center;}
.page-nav .page-nav-list li a{height:4.5em;line-height:1.25em;padding:0;font-size:3.4vw;/*2.667*/position:relative;}
.page-nav .page-nav-list li span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#nav-keyword{max-width:100%;}
}


/* section
-------------------------------------------------- */
.section-wrap{padding-top:20px;}
.selection:nth-of-type(odd){background:#eee;}
.selection:nth-of-type(even){background:#fff;}

.selection .inner1{max-width:1280px;margin:0 auto;padding-bottom:60px;}
.selection h2{padding-top:1.56em;;color:#cc0000;font-size:32px;text-align:center;}
.selection .txt{margin-top:0.8em;font-size:16px;line-height:175%;text-align:center;}
.selection .txt br.sp{display:none;}
.selection .btn{width:30.57%;margin:0 auto;}
.selection .btn a{display:block;height:2.858em;line-height:2.858em;color:#fff;font-size:14px;font-weight:bold;background:#737373;text-align:center;transition:opacity ease 0.3s;}
.selection .btn a:hover{opacity:0.7;}

.suggest-layout{margin:30px auto 50px;display:flex;flex-wrap:wrap;justify-content:center;}
.suggest-layout:after{content:none;}
.suggest-box{width:29.375%;margin:0 1.954%;float:none;}
.selection .suggest-box{display:none;}
.selection:nth-of-type(odd) .suggest-box{background:#fff;}

/*category*/
.selection:nth-of-type(n+7) .suggest-box{width:21.0937%;}

/*注目*/
#attention{background:#666466;}
#attention .inner1{position:relative;}
#attention h2,
#attention .txt{color:#fff;}
#attention .suggest-layout{margin-bottom:0;}
#attention .suggest-image:after{content:none;height:1.5em;line-height:1.5em;padding:0 1.5em;color:#fff;font-size:13px;background:#cc0000;position:absolute;top:0;left:0;z-index:5;}
#attention .more{position:absolute;top:0;right:0;margin-top:34px;/*67px*/}
#attention .more a{display:block;height:50px;line-height:50px;padding-right:60px;color:#fff;font-size:16px;font-weight:bold;background:url(../img/index/more-icon.png) no-repeat center right;background-size:auto 100%;}

@media (max-width: 1332px) {
.selection h2{font-size:2.403vw;}
.selection .txt{font-size:1.202vw;}
.selection .btn a{font-size:1.052vw;}

#attention .suggest-image:after{font-size:0.976vw;}
#attention .more{margin-top:2.618%;/*5.235*/margin-right:1.954%;}
#attention .more a{height:3.125em;line-height:3.125em;padding-right:3.75em;font-size:1.202vw;}
}

@media (max-width: 767px) {
.section-wrap{margin-top:8vw;padding-top:0;}

.selection .inner1{padding-bottom:13.334vw;}
.selection h2{padding-top:8vw;;font-size:5.334vw;}
.selection .txt{font-size:3.467vw;line-height:153%;}
.selection .txt br.sp{display:inline;}
.selection .btn{width:80%;}
.selection .btn a{height:4.091em;line-height:4.091em;font-size:2.934vw;}
.selection .btn a:hover{opacity:1;}

.suggest-layout{width:80%;margin:4vw auto 6.667vw;}
.suggest-box{width:100%;margin:0;}
.suggest-layout .suggest-box:nth-of-type(n+2){display:none!important;}

/*category*/
.selection:nth-of-type(n+7) .suggest-box{width:100%;}

/*注目*/
#attention .suggest-image:after{padding:0 1em;font-size:4vw;}
#attention .more{margin:3.334vw 3.334vw 0 0;}
#attention .more a{height:8vw;line-height:8vw;padding-right:9.334vw;font-size:3.467vw;}
}