@charset "UTF-8";
/* ------------------------------- */
/* もっと推しコープ */
/* ------------------------------- */

.hdFixed{position:fixed;top:0;left:0;width:100%;margin:0 auto;}

.sp{display:none!important;}

.section{position:relative;width:100%;text-align:center;overflow:hidden;z-index:2;}
.section img{width:100%;height:auto;}
.sectionBox{position:relative;width:100%;max-width:750px;margin:0 auto;}
.sectionBox:before,
.sectionBox:after{content:'';display:block;margin:0 auto;padding:0;}
.sectionBox:before,
.section-box:before{width:840px;margin-left:-420px;background-image:url("../img/more/section-shadow.png");}
.sectionLayout{position:relative;z-index:3;}

/* ヘッダ */
/**************************************************/
#head{z-index:4;}
#head .sectionBox:after{padding-top:6.6667%;}
#head .hdFixed{background-color:#fff;z-index:2;}
#head .hdBox{position:relative;width:100%;max-width:750px;margin:0 auto;}
#head .hdBox h1{position:relative;width:25.0667%;margin:0 auto;margin-left:3.2%;padding:2.1334% 0 1.4667%;z-index:1;}

.hamburger-btn{display:block;position:absolute;top:0;right:3.0667%;width:6.6667%;padding:0;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.hamburger-btn:hover{opacity:0.8;}

body.ready #hamburger-open{padding-top:6.6667%;background-image:url("../img/more/hamburger-open.png");z-index:2;}

body.ready #hamburger-close{padding-top:0;background-image:url("../img/more/hamburger-close.png");z-index:3;}

body.hamburger-opened #hamburger-open{padding-top:0;}
body.hamburger-opened #hamburger-close{padding-top:6.6667%;}

/* メニュー */
/**************************************************/
#menu{z-index:10;}
#menu .sectionBox:before{display:none;}
#menu .hdFixed{margin-top:50px;background-color:#fff;z-index:2;}
#menu .hdBox{width:100%;max-width:750px;margin:0 auto;height:0;overflow:hidden;}
#menu ul{position:relative;padding:11.0667% 0 19.0667%;font-size:20px;}
#menu ul:after{content:'';display:block;clear:both;}
#menu ul li{margin:0 auto;margin-left:13.2%;}
#menu ul li a{display:block;position:relative;}
#menu ul li a:before{content:'';display:block;position:absolute;top:0;right:100%;width:1.2em;margin:0 auto;padding:1em 0 0;background:url("../img/more/arrow-menu.png") no-repeat left center;background-size:0.55em auto;}
#menu ul li:nth-child(1),
#menu ul li:nth-child(2),
#menu ul li:nth-child(3),
#menu ul li:nth-child(4){margin-bottom:4.1334%;}
#menu ul li:nth-child(1){width:23.4667%;}
#menu ul li:nth-child(2){width:20.2667%;}
#menu ul li:nth-child(3){width:40.1334%;}
#menu ul li:nth-child(4){width:36.1334%;}
#menu ul li:nth-child(5){width:20.5334%;}
#menu ul li:nth-child(6),
#menu ul li:nth-child(7),
#menu ul li:nth-child(8){position:absolute;right:3.0667%;width:32.5334%;}
#menu ul li:nth-child(6) a:before,
#menu ul li:nth-child(7) a:before,
#menu ul li:nth-child(8) a:before{display:none;}
#menu ul li:nth-child(6){top:0;margin-top:13.2%;}
#menu ul li:nth-child(7){top:0;margin-top:24.1334%;}
#menu ul li:nth-child(8){bottom:0;margin-bottom:17.7334%;}

#menu ul li a:hover img{opacity:0.8;}
#menu ul li a:hover:before{opacity:0.8;}

body.ready #menu .hdBox{height:auto;}

@media print, screen and (max-width: 750px) {
/* ------------------------------- */

.sectionBox:before{left:0;width:0;margin-left:0;}

.pc{display:none!important;}
.sp{display:block!important;}

/* ヘッダ */
/**************************************************/
#head .sectionBox:after{padding-top:13.3334%;}
#head .hdBox h1{width:32.6667%;padding:4.6667% 0;}

.hamburger-btn{right:0.4%;width:13.3334%;}
.hamburger-btn:hover{opacity:1;}

body.ready #hamburger-open{padding-top:13.3334%;background-image:url("../img/more/sp/hamburger-open.png");z-index:2;}

body.ready #hamburger-close{background-image:url("../img/more/sp/hamburger-close.png");z-index:3;}

body.hamburger-opened #hamburger-close{padding-top:13.3334%;}

/* メニュー */
/**************************************************/
#menu .hdFixed{margin-top:13.3334%;}
#menu ul{padding:12.2667% 0 30%;font-size:2.6667vw;}
#menu ul li{margin-left:14.4%;}
#menu ul li a:before{width:1.35em;padding-top:1.75em;background-image:url("../img/more/sp/arrow-menu.png");background-size:0.9em auto;}
#menu ul li:nth-child(1),
#menu ul li:nth-child(2),
#menu ul li:nth-child(3){margin-bottom:3.8667%;}
#menu ul li:nth-child(1){width:39.0667%;}
#menu ul li:nth-child(2){width:33.8667%;margin-top:7.7334%;}
#menu ul li:nth-child(3){width:66.2667%;margin-top:7.6%;}
#menu ul li:nth-child(4){width:58.6667%;margin-top:7.4667%;}
#menu ul li:nth-child(5){width:34.2667%;margin-top:7.4667%;}
#menu ul li:nth-child(6),
#menu ul li:nth-child(7),
#menu ul li:nth-child(8){position:relative;right:auto;width:63.4667%;margin-left:10.6667%;}
#menu ul li:nth-child(6){top:auto;margin-bottom:0;margin-top:13.2%;}
#menu ul li:nth-child(7){top:auto;margin-bottom:0;margin-top:7.7334%;}
#menu ul li:nth-child(8){bottom:auto;width:78.1334%;margin-bottom:0;margin-top:7.7334%;}

#menu ul li a:hover img{opacity:1;}
#menu ul li a:hover:before{opacity:1;}

}
/* ------------------------------- */