@media (min-width: 768px) {



#heven { display: block ;}
#hevenSp { display: none ;}
}
@media (max-width: 767px) {

.anchor { width: 90%; margin: 0 5%; text-align: center;}
.anchor ul{ width: 100% ; list-style: none; }
.anchor ul li{ width: 23% ; margin: 0 0.5% 3px ; display: inline-block ; padding: 0.5%; }
.anchor ul li a{ width: 100%; display: block ; color: #FFF; border-radius: 5px ; padding: 5px 10px; display: inline-block ; font-size: 70% ;text-align: center ; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); font-weight: 900; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6); }


#heven { display: none ;}
#hevenSp { display: block ;}
}


#hevenSp { max-width: 750px; margin:  0 auto;}

#hevenSp .headerButton { list-style: none; text-align: center; margin-top: 25px;}
#hevenSp .headerButton li{ width: 50%; padding: 5px; display: inline-block;}
#hevenSp .headerButton li img { width: 100%;}

#hevenSp .info { text-align: center ;}
#hevenSp .info img{ width: 90% ;}

div#FAQ_1, div#FAQ_2, div#FAQ_3, div#FAQ_4{ display: none; padding: 10px; font-size: 14px; }
.nav-open{ width: 90%;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	background: rgba(255,0,153);
	position: relative; margin: 20px 5% 0; border-radius: 10px;
}
.nav-open::before{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 20px;
}
.nav-open.active::before{/* 開いている時 */
	content: "－";
}
.faq_q { background: #FFF; border-radius: 10px; color: rgba(255,0,153); margin-right: 10px; padding: 0 5px 3px; font-weight: 800; }

@media (max-width: 767px) {
}

#hevenSp h2 { width: 90%; border-radius: 10px; color: #FFF; font-size: 135%; text-align: center; padding: 2% ; margin: 25px auto 10px;}
#hevenSp h2.shinokubo { background: #ff0048;}
#hevenSp h2.gotanda { background: #ff4db2;}
#hevenSp h2.yokohama { background: #ff7800;}
#hevenSp h2.nishikawaguchi { background: #109a00;}
#hevenSp h2.omiya { background: #109a00;}
#hevenSp h2.sapporo { background: #9d66ce;}
#hevenSp h2.kinshicho { background: #bfbfbf;}
#hevenSp h2.nishifunabashi { background: #73e2dc;}
#hevenSp h2.nagoya { background: #3ea4f7;}

#hevenSp .hevngirls { line-height: 120%; font-size: 15px; text-align: center;}
#hevenSp .hevngirls ul { list-style: none; }
#hevenSp .hevngirls ul li { width: 48%; display: inline-block; padding: 3% 1.5% 3% 3%;vertical-align: top;}
#hevenSp .hevngirls ul li:nth-of-type(2n) { padding: 3% 3% 3% 1.5%; }
#hevenSp .hevngirls ul li p{ padding: 5% ; color: #ff4db2; font-size: 150%; line-height: 110%; font-weight: 900;}
#hevenSp .hevngirls ul li p span{ display: block; font-size:65%; font-weight: 600;}
#hevenSp .hevngirls ul li img{ width: 100%; margin-bottom: 5px; }
#hevenSp .hevngirls ul li img.photo{ margin-bottom: 0; }

#hevenSp .otherShop { max-width: 1000px; margin: 30px auto 20px;  font-size:0 ; line-height:0;}
#hevenSp .otherShop li{ display: inline-block; list-style: none ; padding: 3px; }
#hevenSp .otherShop li { width: 50% ;}
#hevenSp .otherShop li:first-child{ width: 100% ;}

#hevenSp .otherShop li img{ width: 100% ;}

#hevenSp footer { font-weight: 22px; background-image: url(../../images/heven/ft_band.png?ver=1.01); background-repeat: repeat-x ; background-position: top; background-size: 100%; }
#hevenSp footer .copyright { font-weight: 900 ; padding: 25px 0 0; text-align: center ; }
#hevenSp footer .copyright p { font-size: 100% ; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.6); padding-bottom: 10px; }
#hevenSp footer .copyright p a{ font-size: 100% ; color: #fff; }
