@charset "utf-8";

/*===============================================
●共通
===============================================*/
a { color: #fc056d; text-decoration: none; /*-webkit-tap-highlight-color: rgba(0,0,0,.1);*/ }
li, ul { list-style-type: none; }
.boxSizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
img { height: auto; max-width: 100%; vertical-align: bottom }
label { cursor: pointer; /*-webkit-tap-highlight-color: rgba(0,0,0,0)*/ }

/*html, body { overflow: auto; height: 100%; } 
body.open { overflow: hidden; }モーダルウィンドウ年齢認証、スクロールさせないための記述*/

/* フォントサイズ */
html {font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);}
p {line-height: calc(10 * ((100vw - 320px) / 1600) + 1.4em);}
h1 { font-size: calc(12 * ((100vw - 320px) / 1600) + 11px);}
h2 { font-size: calc(12 * ((100vw - 320px) / 1600) + 18px);}
h3 { font-size: calc(8 * ((100vw - 320px) / 1600) + 16px);}
.subNavi h3 { font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);}
h4 { font-size: calc(8 * ((100vw - 320px) / 1600) + 14px);}
#breadCrumb {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}

.topImage .girlName{ font-size: calc(8 * ((100vw - 320px) / 1600) + 13px);}
.topImage .coverGirl{font-size: calc(8 * ((100vw - 320px) / 1600) + 10px);}
.topImage .girlSpec{font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}

.shopLinkCell{display: block;}
.shopLink h3 { line-height: calc(10 * ((100vw - 320px) / 1600) + 1.2em);}
.shopLink h3 .prefix { font-size: calc(8 * ((100vw - 320px) / 1600) + 12px);}
.shopLink h3 .name { font-size: calc(12 * ((100vw - 320px) / 1600) + 14px);}
.shopLink .linkGirlName{
    font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);
    line-height: calc(10 * ((100vw - 320px) / 1600) + 1.6em);
}
.shopLink .recommended, .shopLink .linkGirlSpec{
    font-size: calc(10 * ((100vw - 320px) / 1600) + 8px);
    line-height: calc(10 * ((100vw - 320px) / 1600) + 1.6em);
}
.girlsList .cellSize{font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}
.tabWrap button {font-size: calc(10 * ((100vw - 320px) / 1600) + 8px);}
.appCaps { font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}

.leadText{ font-size: calc(10 * ((100vw - 320px) / 1600) + 11px);}
.magazineShopIconList dt{ font-size: calc(8 * ((100vw - 320px) / 1600) + 10px);}
.magazineShopIconList a{ font-size: calc(10 * ((100vw - 320px) / 1600) + 8px);}
.answer .caps{ font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}

.mailForm, .mailForm select, .mailForm text, .mailForm textarea, .mailForm input{ font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);}

.footMenu { font-size: calc(6 * ((100vw - 320px) / 1600) + 8px);}
.footerLink { font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
footer p{ font-size: calc(6 * ((100vw - 320px) / 1600) + 8px);}

.attentionText{ color:#ff0000;}

body {
width: 100%;
height: 100%;
/*font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/  
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;  
color: #151515;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust:none;
background-color: #353535;
}

.modalOpen { height: 100%; overflow: hidden; position: fixed; }
.modal { position:relative; width: 100%; height: 100%; display:none; z-index:9999;}
.modal > div {
text-align: center;
position: absolute;
top: 50%;
left: 50%; 
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.modalLogo{ width: 30%; margin: 0 auto;}
.modalLogo img{ width: 100%; pointer-events: none;}
.modal p { margin-bottom:2%; color: #FFF; line-height: 4.0em;}
.modal .enter{ overflow: hidden;}
.modal .enter a {width: 45%; cursor:pointer; color: #FFF; border: 1px solid #FFF; padding: 2% 10%; display: block; box-sizing: border-box;}
.modal .enter a:hover {background: rgba(0, 0, 0, 0.6);}
.modal .enter a:first-child { float: left; margin-right: 5%;}
.modal .enter a:last-child { float: right; margin-left: 5%;}

header{ text-align: center; background-color: #353535;}
h1{ line-height: 3.0em; color: #FFF;}
h2{ text-align: center;}
h3 span{display: block;}

#wrapper{ background-color: #FFF;}
section{margin-bottom: 3%;}
section .container{ width: 100%;}

#breadCrumb { background-color: #eee; margin-bottom: 3%;} 
#breadCrumb > div{ width: 100%;}  
#breadCrumb ul{overflow: hidden;}  
#breadCrumb li{ float: left; margin: 0 10px 0 0; }  
#breadCrumb li:after{ content: ">"; margin: 0 0 0 10px;} 
#breadCrumb li a{ text-decoration: underline; }  
#breadCrumb li:last-child{ margin: 0;}  
#breadCrumb li:last-child:after{ content: ""}  

.shopLinkWrap { color: #FFF; padding:2% 3%;}
.shopLink h2{ background-color: #353535; width: 100%; line-height: 3.0em; color: #fff; border-bottom: 1px solid #454545; cursor: pointer;}
.shopLinkWrap > div { position: relative; width: 100%; height: calc(138 * ((100vw - 320px) / 1600) + 120px); box-sizing: border-box;}
.shopLinkWrap > div a { position: absolute; bottom: 0;}

.bg_club { background: url("/images/dummy.png") no-repeat, #e5006e; text-align: right;}
.bg_crystal { background: url("/images/dummy.png") no-repeat, #ff90c7;}
.bg_gstyle{ background: url("/images/dummy.png") no-repeat, #ce9f2b; text-align: right;}
.bg_eden{ background: url("/images/dummy.png") no-repeat, #31b020;}
.bg_rush{ background: url("/images/dummy.png") no-repeat, #f99400; text-align: right;}
.bg_tsuma{ background: url("/images/dummy.png") no-repeat, #9933ff;}
.bg_ane{ background: url("/images/dummy.png") no-repeat, #e7141a; text-align: right;}
.bg_anemone { background: url("/images/dummy.png") no-repeat, #0a0a0a;}
.bg_sugamo{ background: url("/images/dummy.png") no-repeat, #e95299/*0aa943*/; text-align: right;}
.bg_talllady{ background: url("/images/dummy.png") no-repeat, #44c7d3;}

.bg_club > span, .bg_gstyle > span, .bg_rush > span, .bg_ane > span, .bg_sugamo > span{ text-align: right;}

.bg_club a, .bg_gstyle a, .bg_rush a, .bg_ane a, .bg_sugamo a{ right: 0;}
.bg_crystal a, .bg_eden a, .bg_tsuma a, .bg_anemone a, .bg_talllady a{ left: 0;}

.shopLinkWrap a{
display: block;
color: #FFF;
border: 1px solid #FFF;
background: rgba(0, 0, 0, 0.2);
border-radius: 0.4em;
-ms-border-radius: 0.4em;
line-height: 2.6em;
text-align: center;
}
.shopLinkWrap a:hover{
background: rgba(255, 255, 255, 0.2);
transition-duration: 0.3s;
}

/*左右の矢印の色を変える*/
.slick-prev:before, .slick-next:before { color: #000; }
/*左右の矢印の位置を変える*/
.slick-next { right: 20px; z-index: 99; }
.slick-prev { left: 15px; z-index: 100; }
/*.slick-dots{ display: none!important;}*/

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before, .slick-dots li button:before { color: #fff; }
/*スライド画像の横幅可変*/
.slider img { max-width: 100%; height: auto; }

.topImage{ position: relative;}
.topImage > div{ position: absolute; right: 5%; bottom:5%;}
.topImage a{
display: block;
color: #FFF;
border: 1px solid #FFF;
background: rgba(0, 0, 0, 0.2);
border-radius: 0.4em;
-ms-border-radius: 0.4em;
width: 100%;
line-height: 2.6em;
text-align: center;
transition-duration: 0.3s;
}
.topImage a:hover{
background: rgba(0, 0, 0, 0.6);
transition-duration: 0.3s;
}
.topImage .shopLogo{display: block; width: 100%; box-sizing: border-box; text-align: center;}
.topImage .coverGirl, .topImage .girlName, .topImage .girlSpec{text-shadow: 
#FFF 2px 0px 0px, #FFF -2px 0px 0px,
#FFF 0px -2px 0px, #FFF 0px 2px 0px,
#FFF 2px 2px 0px, #FFF -2px 2px 0px,
#FFF 2px -2px 0px, #FFF -2px -2px 0px,
#FFF 1px 2px 0px, #FFF -1px 2px 0px,
#FFF 1px -2px 0px, #FFF -1px -2px 0px,
#FFF 2px 1px 0px, #FFF -2px 1px 0px,
#FFF 2px -1px 0px, #FFF -2px -1px 0px,
#FFF 1px 1px 0px, #FFF -1px 1px 0px,
#FFF 1px -1px 0px, #FFF -1px -1px 0px;}

.recommended{ display: block; font-weight: bold;}
.linkGirlName{ display: block; font-weight: bold;}
.linkGirlSpec{ display: block; font-weight: bold;}    

.girlsList{ overflow: hidden; width: 100%;}
.girlsList li{ float: left; box-sizing: border-box; position: relative;}
.girlsList li a{display: block;}
.girlsList li img{ pointer-events: none;}
.girlsList li .cellData{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.4); padding: 4%; box-sizing: border-box; transition-duration: 0.3s;}
.girlsList li .cellData span{ display: block; color: #FFF;}
.girlsList li .cellData .cellShop{ display: inline-block; padding:0 2%; margin-bottom: 2%; border-radius: 0.2em; -ms-border-radius: 0.2em;}

.cell_club .cellShop { background: rgba(229, 0, 110, 1.0); transition-duration: 0.3s;}
.cell_crystal .cellShop { background: rgba(255, 144, 199, 1.0); transition-duration: 0.3s;}
.cell_gstyle .cellShop{ background: rgba(206, 159, 43, 1.0); transition-duration: 0.3s;}
.cell_eden .cellShop{ background: rgba(49, 176, 32, 1.0); transition-duration: 0.3s;}
.cell_rush .cellShop{ background: rgba(249, 148, 0, 1.0); transition-duration: 0.3s;}
.cell_tsuma .cellShop{ background: rgba(153, 51, 255, 1.0); transition-duration: 0.3s;}
.cell_ane .cellShop{ background: rgba(231, 20, 26, 1.0); transition-duration: 0.3s;}
.cell_anemone .cellShop { background: rgba(10, 10, 10, 1.0); transition-duration: 0.3s;}
.cell_sugamo .cellShop{ background: rgba(10, 169, 67, 1.0); transition-duration: 0.3s;}
.cell_talllady .cellShop{ background: rgba(68, 199, 211, 1.0); transition-duration: 0.3s;}

.viewOff{ background: rgba(0, 0, 0, 0.0)!important; transition-duration: 0.3s; color: transparent!important;}

.subNavi { width: 100%;}
.subNavi li{ text-align: center;}
.subNavi li img{ width: 100%;}

.rankList{ overflow: hidden; width: 100%; }
.rankList li{ float: left; width: 18.8%; margin-right: 1.5%;}
.rankList li:last-child{ margin-right: 0;}

.mapWrap {
margin: 2% auto;
width: 100%;
}
.tabWrap{ padding-bottom: 3px; width: 100%;}
.openBtn, .accessBtn {
background: #ccc;
background: -moz-linear-gradient(top, #ccc 0%, #cdcdcd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#cdcdcd));
background: -webkit-linear-gradient(top, #ccc 0%,#cdcdcd 100%);
background: -o-linear-gradient(top, #ccc 0%,#cdcdcd 100%);
background: -ms-linear-gradient(top, #ccc 0%,#cdcdcd 100%);
background: linear-gradient(top, #ccc 0%,#cdcdcd 100%);
position: relative;
padding: 0;
float: left;
display: block;
/*width: 25%;*/
width: calc(100% /3);
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
border: none;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
box-sizing: border-box;
cursor: pointer;
}

.tabWrap .is-active{ 
background: #eee;
background: -moz-linear-gradient(top, #eee 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #eee 0%,#efefef 100%);
background: -o-linear-gradient(top, #eee 0%,#efefef 100%);
background: -ms-linear-gradient(top, #eee 0%,#efefef 100%);
background: linear-gradient(top, #eee 0%,#efefef 100%);    
}
 
.openBtn:after, .accessBtn:after {
content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}
 
.accessPanelList {
background: #fff;
width: 100%;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.6), 0 2px 2px rgba(0,0,0,0.4);
}
.accessPanel { width: 100%;}
.accessPanel h3{
color: #fc529a;
margin: 0 0 10px 0;
font-weight: bold;
}

.accessPanel{ display: none; }
.accessMap > div{ position: relative; width: 100%; height: 100%; padding: 75% 0 0;}
.accessMap > div iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.accessMarker {display: table;}
.accessMarker:before {
font-family: 'Font Awesome 5 Free';
content: "\f3c5";
font-weight: 600;
font-size: 0.9em;
margin: 0 6px 0 2px;
}
.accessText .is-active:before, .accessText .noChangeMap:before{ color: #ea4335;}
.accessText p{margin-top: 4%;}
.changeMapPanel1, .changeMapPanel2{ display: none; }
.changeMapBtn1, .changeMapBtn2{ cursor: pointer;}
.changeMapBtn1:after, .changeMapBtn2:after {
font-family: 'Font Awesome 5 Free';
content: "\f0a5";
font-weight: 600;
font-size: 0.9em;
margin: 0 2px 0 10px;
color: #999;
}
.is-active:after{ content: "";}

.appWrap{ width: 100%; }
.appSpace .container{ background: #fce7e9;}
.appSpace h3{ background: url("/images/dummy.png") no-repeat right 30% center , #ffd5d5; background-size: contain;}
.appCaps span{ color: #fc056d;}
.appLink{ display: block; width: 100%; box-sizing: border-box; border: 1px solid #999; border-radius: 0.4em;
-ms-border-radius: 0.4em; text-align: center; margin-top: 3%; background: #FFF;}
.appBtn{ display: block; width: 100%; box-sizing: border-box; background: #da4474; border-radius: 0.4em;
-ms-border-radius: 0.4em; text-align: center; color: #FFF; }
.appBtn:hover{ color: rgba(255, 255, 255, 0.6);}
.qrWrap > div{ padding:0 20%;}

.subBlock .container{
width: 100%;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.8), 0 2px 2px rgba(0,0,0,0.4);
margin: 2% 0;
line-height: 1.8em;
}
.leadText{margin-bottom: 3%;}
.magazineShopIconList { margin-bottom: 5%;}
.magazineShopIconList dl{ width: 100%; overflow: hidden; margin-bottom: 3%;}
.magazineShopIconList dt{margin-bottom: 3%; text-align: center;}
.magazineShopIconList dd{ float: left; width: 18%; margin-right: 2.5%;}
.magazineShopIconList dd:last-child{margin-right: 0;}
.magazineShopIconList a{ display: block; padding: 5%; background: #eee; width: 100%; box-sizing: border-box; border-radius: 0.2em; -ms-border-radius: 0.2em; color: #000; text-align: center;}
.magazineShopIconList .shopLogo{ box-sizing: border-box; display: block; height: 0; position: relative; padding-top: 91%; overflow: hidden; margin: 0 10%; }
.magazineShopIconList .shopLogo img{pointer-events: none;position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.magazineShopIconList .shopLogo .imgHoverOn {opacity: 0.5;}

.balloon {
  position: relative;
  display: inline-block;
  padding: 2% 0;
  width: 100%;
  color: #b24848;
  background: #ffd5d5;
}
.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ffd5d5;
}
.balloon span { margin: 0; padding: 0; }

.faqBox{margin-bottom: 3%;}
.question {color: #fc529a;}
.question:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f4ad";
    font-weight: 600;
    font-size: 0.9em;
    margin: 0 6px 0 2px;    
    }
.answer{line-height: 2.0; padding: 2% 0;}
.answer a{display: block; border: 1px solid #bbb; border-radius: 0.4em; -ms-border-radius: 0.4em; text-align: center; box-sizing: border-box;}
.answer span{display: block;}

.listWrap{margin-bottom: 3%;}
.listWrap p{line-height: 2.6em;}
.listWrap a{line-height: 2.6em; display: inline-block;}
.table{ width: 100%;}
.table th, .table td{ width: calc(100% /6); min-width:calc(100% /6); border: 1px solid #ccc; text-align: center; line-height: 2.8em;}
.table th{ background: #efefef;}
.table th:empty, .table td:empty{ border: none; background: none;}

.policy {padding-left: 1.4em;}
.policy > li{list-style-type: decimal; margin: 2% 0;}

.mailForm select, .mailForm text, .mailForm textarea, .mailForm input[type="text"]{ border: 1px solid #ccc; background-color: #eee; box-sizing: border-box; padding: 8px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.mailForm text:focus, .mailForm select:focus, .mailForm textarea:focus, .mailForm input[type="text"]:focus{ color:#fdad4a; border-color:#fdad4a; background-color: #fdecd6; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.mailForm text, .mailForm textarea, .mailForm input{ display:inline-block !important; width:100%; box-sizing: border-box;}
.mailForm input[type="submit"]{ border: 1px solid #e69595; color: #b24848; background-color: #ffd5d5; box-sizing: border-box; padding: 8px; transition-duration: 0.3s;}
.mailForm .btnHoverOn { background-color: #b24848!important; color: #fff!important; transition-duration: 0.3s;}
.mailForm input[type="reset"]{ border: 1px solid #ccc; background-color: #FFF; box-sizing: border-box; padding: 8px;}
.mailForm textarea{ min-height:120px;}
.formText { color:#FF0000;}
.formTextError { color:#FF0000; border: 1px solid #FF0000; padding: 2%; margin-bottom: 2%;}
.mailForm .formError{ color:#FF0000; display: block;}
.mailForm .formCell > div:first-of-type span{ padding: 8px 0;}
.mailForm .formBtnCell{ overflow: hidden; margin-top: 2%;}
.mailForm .formBtnCell input{ line-height: 3.0em; height: 10%; border-radius: 0.4em; -ms-border-radius: 0.4em;}
.mailForm .formBtnCell > div{ float: left; width: 60%; margin-right: 2%;}
.mailForm .formBtnCell > div:last-of-type{ width: 38%; margin-right: 0;}

a:not(.noMark)[target="_blank"]:after  {
    font-family: 'Font Awesome 5 Free';
    content: "\f35d";
    font-weight: 600;
    font-size: 0.9em;
    margin: 0 3px 0 4px;
}

.pageTop:before  {
    font-family: 'Font Awesome 5 Free';
    content: "\f102";
    font-weight: 600;
    font-size: 0.9em;
    margin: 0 6px 0 2px;
}
.pageTopbtn a{ color: #000;}    

.footMenu{ background-color: #ccc;}
.footMenu ul{ overflow: hidden; width: 100%;}    
.footMenu li{ float: left;}
.footMenu li a{ display: block; text-align: center; padding: 10% 0; color: #000;}
.footMenu .footIcon:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 3.0em;
margin: 5%;
color: #666;
}
.footMenu li a:hover .footIcon:before {color: #777;}
.footMenu .guide:before { content: "\f024"; }
.footMenu .system:before { content: "\f53d"; }
.footMenu .magazine:before { content: "\f0e0"; }
.footMenu .app:before { content: "\f019"; }
.footMenu .mail:before { content: "\f4ad"; }
.footMenu .privacy:before { content: "\f023"; }
.footMenu .footIcon span { display: block;}

footer{ text-align: center; padding: 2% 0 0; background-color: #353535; color: #fff;}
footer .footerLink{ overflow: hidden; width: 100%;}
footer .footerLink dt{ font-weight: bold; line-height: 2.0em;}
footer .footerLink a{ color: #fff;}  
footer p{ width: 100%; line-height: 2.0em;}  

@media screen and (min-width: 1194px) {
#breadCrumb > div{width: 1194px;}  
section .container{width: 1194px;}   
.shopLinkWrap > div{width: 1194px;}  
.subNavi{width: 1194px;}  
.girlsList{width: 1194px;}  
.tabWrap{width: 1194px;}  
.accessPanel{width: 1194px;}  
.appWrap{width: 1194px;}
.subBlock .container .inner{width: 1194px; margin: 0 auto;}    
.footMenu ul{width: 1194px;}  
.pageTopbtn a{width: 1194px;}    
footer .footerLink{width: 1194px;}
}


/*===============================================
●PC 画面の横幅が920px～はデスクトップ（・920px以上はデスクトップ専用）
===============================================*/
@media screen and (min-width: 920px) {

header{ padding: 1% 0;}
header .logo{ width: 5%; margin: 0 auto;}
    
#breadCrumb > div{ margin: 0 auto; padding: 1% 0; box-sizing: border-box;}  

.container{ margin: 0 auto; padding: 2% 0; box-sizing: border-box;}   
section:not(.shopLink) h2{ color:#fc056d; line-height: 2.0em;}
.aboutBlock h2 span{ margin-right: 20px;}
    
.slider img {transition-duration: 0.3s;}
.slick-center:hover picture img{ transform: scale(1.1); transition-duration: 0.3s;}
.topImage{ overflow: hidden;}    
    
.coverGirl{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlName{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlSpec{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}

.shopLinkWrap > div{ margin: 0 auto; }
.shopLinkWrap a{width: 20%;} 
    
.bg_club { background-position:top left -60px;}
.bg_crystal { background-position:top right -60px;}
.bg_gstyle { background-position:top left -60px;}
.bg_eden { background-position:top right -60px;}    
.bg_rush { background-position:top left -60px;}
.bg_tsuma { background-position:top right -60px;}
.bg_ane { background-position:top left -60px;}
.bg_anemone { background-position:top right -60px;}
.bg_sugamo { background-position:top left -60px;}
.bg_talllady { background-position:top right -60px;}

.subNavi { margin: 2% auto 0; overflow: hidden;} 
.subNavi li{float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.fourCell li{width:49%;}
.fourCell li:nth-child(2n){ margin-right: 0!important;}
.subNavi li:last-child{ margin-right: 0;} 
.subNavi li h3 {}

.topImage > div{ width: 20%;}
.topImage a{}    
.topImage .shopLogo{padding: 5%;}
.topImage .spView{display: none;}
    
.girlsList{ margin: 2% auto 0; }
.girlsList li{ width: calc(100% / 6);}

.tabWrap { overflow: hidden; margin: 0 auto; box-sizing: border-box; position: relative;}
.openBtn, .accessBtn {line-height: 4.0em;}
.accessPanel{ overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin: auto; box-sizing: border-box; padding: 2% 0;}
.accessPanel .accessText{ float: left; width: 48%; margin-right: 2%;}
.accessPanel .accessMap{ float: left; width: 50%;}
.parkingCaps{ margin-top: 3%; display: block;}
.accessMarker {line-height: 2.0em;}
    
.appSpace .container{ width: 100%; padding: 0; }
.appSpace h3{ text-align: center; margin-top: 2%; line-height: 6.0em;}
.appWrap{ overflow: hidden; margin: 0 auto; padding: 2% 0; box-sizing: border-box; display: flex;}
.appWrap > div{ float: left; width: 65%; margin-right: 5%;}
.appWrap > div:last-child{ width: 30%; margin-right: 0; position: relative;}
.appWrap > div > img{ width: 100%;}
.appText{ line-height: 2.0em;}
.appCaps{ margin-top: 3%;}
.appLink{ line-height: 4.0em;}
.appBtnWrap{ position: absolute; bottom: 0; width: 100%;}
.appBtn{ line-height: 4.0em;}
.qrWrap p{ margin-top: 2%;}

.answer a{ width: 20%; padding: 1% 0; margin: 2% 0 0;}
    
.mailForm .formCell {overflow: hidden;}
.mailForm .formCell > div {float: left; padding: 1% 0; box-sizing: border-box;}
.mailForm .formCell > div:first-child {width: 25%;}
.mailForm .formCell > div:last-child {width: 75%;}    
    
.footMenu ul{ margin: 0 auto; }
.footMenu li{ width: 16.5%; box-sizing: border-box; }
.footMenu li:first-child{ margin-left: 0.5%;}
.footMenu li:last-child{ margin-right: 0.5%;}
.footMenu li a{ padding: 5%; display: block;}

.pageTopbtn{ margin: 5% 2% 2%;}
.pageTopbtn a{ text-align: center; background-color: #eee; padding: 2%; box-sizing: border-box; display: block; margin: 0 auto;}   
footer .copyright{ padding-top: 2%;}
footer .caps{ padding-bottom: 2%;}    
footer .footerLink{ margin: 0 auto; box-sizing: border-box;}
footer .footerLogo{ float: left; width: 10%; margin:0 10% 0 5%; padding: 0 2%; box-sizing: border-box;}    
footer .footerLink dl{ float: left; width: 25%; text-align: left; line-height: 2.0em;}

}
/*===============================================
●PC 画面の横幅が1800pxまで
===============================================*/
@media screen and (min-width: 1194px) and (max-width:1800px) {
    

.parkingCaps{  margin-top: 3%; display: block;}
.appSpace h3{ }
.appCaps{ }
    
.coverGirl{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}    
.girlName{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlSpec{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}    

.bg_club { background-position:top left -300px;}
.bg_crystal { background-position:top right -300px;}
.bg_gstyle { background-position:top left -300px;}
.bg_eden { background-position:top right -300px;}    
.bg_rush { background-position:top left -300px;}
.bg_tsuma { background-position:top right -300px;}
.bg_ane { background-position:top left -300px;}
.bg_anemone { background-position:top right -300px;}
.bg_sugamo { background-position:top left -300px;}
.bg_talllady { background-position:top right -300px;}    
    
.shopLinkWrap a{width: 20%;} 
    
.qrWrap p{ margin-top: 1%;}
    
}

/*===============================================
●タブレット 縦位置 画面の横幅が768px～920pxまではタブレット
===============================================*/
@media screen and (min-width: 768px) and (max-width: 1194px) {

.modal p span{ display: block;}      

header{ padding: 2% 0;}
header .logo{ width: 10%; margin: 0 auto;}
    
#breadCrumb > div{ width: 100%; margin: 0 auto; padding: 2%; box-sizing: border-box;}  
    
section:not(.shopLink) h2{ color:#fc056d; padding: 5% 0;}
.aboutBlock h2 span{ margin-right: 20px;}
.container{ width: 100%; margin: 0 auto; padding: 2%; box-sizing: border-box;}   
        
.coverGirl{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlName{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlSpec{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
        
.shopLinkWrap { background-size: cover;}
.shopLinkWrap a{ width: 20%;}
    
.bg_club { background-position:top left -220px;}
.bg_crystal { background-position:top right -220px;}
.bg_gstyle { background-position:top left -220px;}
.bg_eden { background-position:top right -220px;}
.bg_rush { background-position:top left -220px;}
.bg_tsuma { background-position:top right -220px;}
.bg_ane { background-position:top left -220px;}
.bg_anemone { background-position:top right -220px;}
.bg_sugamo { background-position:top left -220px;}
.bg_talllady { background-position:top right -220px;}
    
.girlsList{ width: 100%; margin: 2% auto 0; }
.girlsList li{ width: calc(100% / 4);}

.tabWrap { overflow: hidden; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative;}
.openBtn, .accessBtn { line-height: 4.0em;}
.accessPanel{ overflow: hidden; width: 100%; margin: auto; box-sizing: border-box; padding: 2%;}
.accessPanel .accessText{ float: left; width: 48%; margin-right: 2%;}
.accessPanel .accessMap{ float: left; width: 50%;}    
.parkingCaps{ margin-top: 3%; display: block;}
.accessMarker { line-height: 1.8em;}

.appSpace .container{ width: 100%; padding: 0; }
.appSpace h3{ text-align: center; margin-top: 2%; line-height: 6.0em;}
.appWrap{width: 100%; padding: 2%; box-sizing: border-box;}
.appCaps{  margin-top: 3%;}
.appLink{ line-height: 4.0em;} 
.appBtnWrap{ margin-top: 3%;}
.appBtn{ line-height: 4.0em;}
.qrWrap { display: none;}
    
.answer a{ width: 30%; padding: 2% 0; margin: 2% 0 0;}
    
.mailForm .formCell {overflow: hidden;}
.mailForm .formCell > div {float: left; padding: 1% 0; box-sizing: border-box;}
.mailForm .formCell > div:first-child {width: 25%;}
.mailForm .formCell > div:last-child {width: 75%;}
    
.subNavi { width: 100%; margin: 2% auto 0; box-sizing: border-box; overflow: hidden;} 
.subNavi li{float: left; width: 32%; margin-right: 2%;}
.subNavi li:last-child{ margin-right: 0;}  
.fourCell li{width:49%;}
.fourCell li:nth-child(2n){ margin-right: 0!important;}
    
.topImage > div{ width: 20%;}
.topImage .shopLogo{padding: 10%;}
.topImage .spView{display: none;}
    
.footMenu ul{ width: 100%; margin: 0 auto; }
.footMenu li{ width: 16.5%; }
.footMenu li:first-child{ margin-left: 0.5%;}
.footMenu li:last-child{ margin-right: 0.5%;}    
    
.pageTopbtn{ margin: 5% 2% 2%;}
.pageTopbtn a{ text-align: center; background-color: #eee; padding: 2%; width: 100%; box-sizing: border-box; display: block; margin: 0 auto;}
footer .copyright{ padding-top: 2%;}
footer .caps{ padding-bottom: 2%;}    
footer .footerLink{ width: 100%; padding: 2%; box-sizing: border-box;}
footer .footerLogo{ float: left; width: 10%; margin:0 10% 0 5%; }    
footer .footerLink dl{ float: left; width: 25%; text-align: left; line-height: 2.0em;}
footer span{display: block;}    
}

/*===============================================
●スマホ 画面の横幅が480pxまで ・～480pxまではスマホ
===============================================*/
@media screen and (min-width: 480px) and (max-width: 767px)  {

.modal > div {width: 80%;}
.modal p { margin: 5% 0;}
.modal p span{ display: block;}      
header{ padding: 2% 0 4%;} 
header .logo{ width: 20%; margin: 0 auto;}

#breadCrumb > div{ width: 100%; margin: 0 auto; padding: 3%; box-sizing: border-box;}  
    
.container{ width: 100%; padding: 3%; box-sizing: border-box;}   

section:not(.shopLink) h2{ color:#fc056d; line-height: 2.0em; padding: 5% 0;}
.aboutBlock h2 span, .appSpace h2 span, .otherBlock h2 span{ display: block;}
    
.coverGirl{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlName{ display: block; margin: 5% 0;  text-align: right; font-weight: bold;}
.girlSpec{ display: block; margin: 5% 0;  text-align: right; font-weight: bold;}    
    
.topImage > div{ width: 35%;}
.topImage .shopLogo{padding: 10%;}
.topImage .pcView{display: none;}    
.topImage .spView{width: 100%;}
    
.shopLinkWrap { background-size: cover;}
.shopLinkWrap a{width: 30%;}
    
.bg_club { background-position: top left -120px;}
.bg_crystal { background-position:top right -120px;}
.bg_gstyle { background-position: top left -120px;}
.bg_eden { background-position:top right -120px;}
.bg_rush { background-position: top left -120px;}
.bg_tsuma { background-position: top right -120px;}
.bg_ane { background-position: top left -120px;}
.bg_anemone { background-position: top right -120px;}
.bg_sugamo { background-position: top left -120px;}
.bg_talllady { background-position: top right -120px;}

.girlsList{ width: 100%; margin: 2% auto 0; }
.girlsList li{ width: calc(100% / 4);}   
    
.tabWrap { overflow: hidden; width: 100%; box-sizing: border-box; position: relative; }
.openBtn, .accessBtn { line-height: 4.0em;}
.accessPanel{ width: 100%; margin: auto;}
.accessPanel .accessText{ width: 100%; box-sizing: border-box; padding: 3%;}
.accessPanel .accessMap{ width: 100%; margin-top: 3%;}     
.parkingCaps{ margin-top: 3%; display: block;}
.accessMarker {line-height: 2.0em;}

.appSpace .container{ width: 100%; padding: 0; }
.appSpace h3{ text-align: center; margin-top: 2%; line-height: 6.0em;}
.appWrap{width: 100%; padding: 3%; box-sizing: border-box;}    
.appWrap > div:last-child{ margin-top: 5%;}
.appCaps{ margin-top: 3%;}
.appLink{ line-height: 4.0em;}
.appBtn{ line-height: 4.0em;}
.qrWrap { display: none;}

.magazineShopIconList dd{ float: left; width: 32%; margin-right: 2%;}    
.magazineShopIconList dd:nth-last-of-type(3n){ margin-right: 0;}    
.magazineShopIconList a { letter-spacing: -1px;}   
.answer a{ width: 100%; padding: 3% 0; margin-top: 3%;}
    
.mailForm select{ width: 100%;}    
    
.subNavi li{ margin-bottom: 2%;}
.subNavi li:last-child{ margin-bottom: 0;}   

.footMenu ul{ width: 100%; padding: 0 3%; box-sizing: border-box;}
.footMenu li{ width: 33%; }
    
.pageTopbtn{ margin: 10% 3% 3%;}
.pageTopbtn a{ text-align: center; background-color: #eee; padding: 4%; width: 100%; box-sizing: border-box; display: block; margin: 0 auto;}   

footer .copyright{ padding-top: 5%;}
footer .caps{ padding-bottom: 5%;}    
footer .footerLink{ width: 100%; padding:0 3%; box-sizing: border-box;}
footer .footerLogo{ width: 100%; text-align: center; padding: 3% 42%; box-sizing: border-box;}    
footer .footerLink dl{ float: left; width: 32%; margin-right: 2%; text-align: left; line-height: 2.0em;}
footer .footerLink dl:last-of-type{ margin-right: 0;}
footer span{  display: block;}
footer .caps{ line-height: 1.4em;}

}
/*===============================================
●スマホ 画面の横幅が480pxまで ・～480pxまではスマホ
===============================================*/
@media screen and (max-width: 479px) {

.modal > div {width: 80%;}
.modal p { margin: 5% 0;}
.modal p span{ display: block;}        

header{ padding: 2% 0 4%;} 
header .logo{ width: 20%; margin: 0 auto;}
    
#breadCrumb > div{ width: 100%; margin: 0 auto; padding: 3%; box-sizing: border-box;}  
#breadCrumb li{ }  
    
.container{ width: 100%; padding: 3%; box-sizing: border-box;}   

section:not(.shopLink) h2{ color:#fc056d; line-height: 2.0em; padding: 5% 0;}
.aboutBlock h2 span, .appSpace h2 span, .otherBlock h2 span{ display: block;}
    
.coverGirl{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}    
.girlName{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}
.girlSpec{ display: block; margin: 5% 0; text-align: right; font-weight: bold;}    
    
.topImage > div{ width: 35%;}
.topImage a{}    
.topImage .shopLogo{padding: 10%;}
.topImage .pcView{display: none;}
.topImage .spView{width: 100%;}
    
.shopLinkWrap { background-size: cover;}
.shopLinkWrap a{width: 30%;}
    
.bg_club { background-position: top left -160px;}
.bg_crystal { background-position: top right -160px;}
.bg_gstyle { background-position: top left -160px;}
.bg_eden { background-position: top right -160px;}
.bg_rush { background-position: top left -160px;}
.bg_tsuma { background-position: top right -160px;}
.bg_ane { background-position: top left -160px;}
.bg_anemone { background-position: top right -160px;}
.bg_sugamo { background-position: top left -160px;}
.bg_talllady { background-position: top right -160px;}

.girlsList{ width: 100%; margin: 2% auto 0; padding: 0 2%; box-sizing: border-box; }
.girlsList li{ width: calc(100% / 3);}

.tabWrap { overflow: hidden; width: 100%; box-sizing: border-box; position: relative;}
.openBtn, .accessBtn {line-height: 4.0em;}
.accessPanel{ width: 100%; margin: auto;}
.accessPanel .accessText{ width: 100%; box-sizing: border-box; padding: 3%;}
.accessPanel .accessMap{ width: 100%; margin-top: 3%;}    
.parkingCaps{ margin-top: 3%; display: block;}
.accessMarker {line-height: 2.0em;}

.appSpace .container{ width: 100%; padding: 0; }
.appSpace h3{ text-align: center; margin-top: 2%; line-height: 6.0em;}
.appWrap{width: 100%; padding: 3%; box-sizing: border-box;}    
.appWrap > div:last-child{ margin-top: 5%;}
.appCaps{ margin-top: 3%;}
.appLink{ line-height: 4.0em;}   
.appBtn{ line-height: 4.0em;}
.qrWrap { display: none;}

.magazineShopIconList dd{ float: left; width: 32%; margin-right: 2%;}    
.magazineShopIconList dd:nth-last-of-type(3n){ margin-right: 0;}    
.magazineShopIconList a { letter-spacing: -1px;}   
    
.answer a{ width: 100%; padding: 3% 0; margin-top: 3%;}
    
.mailForm select{ width: 100%;}
    
.subNavi li{ margin-bottom: 2%;}
.subNavi li:last-child{ margin-bottom: 0;}     

.footMenu ul{ width: 100%; padding: 0 3%; box-sizing: border-box;}
.footMenu li{ width: 33%; }

.pageTopbtn{ margin: 10% 3% 3%;}
.pageTopbtn a{ text-align: center; background-color: #eee; padding: 4%; width: 100%; box-sizing: border-box; display: block; margin: 0 auto;}    

footer .copyright{ padding-top: 5%;}
footer .caps{ padding-bottom: 5%;}     
footer .footerLink{ width: 100%; padding:0 3%; box-sizing: border-box;}
footer .footerLogo{ width: 100%; text-align: center; padding: 3% 40%; box-sizing: border-box;}    
footer .footerLink dl{ float: left; width: 32%; margin-right: 2%; text-align: left; line-height: 2.0em; }
footer .footerLink dl:last-of-type{ margin-right: 0;}
footer .footerLink dt{ font-weight: bold; line-height: 2.0em;}      
footer span{display: block;}
footer .caps{ line-height: 1.4em;}

}
/*===============================================
●スマートフォン 画面の横幅が320pxまで
===============================================*/
@media only screen and (max-width: 320px){}

@media only screen and (max-width: 768px) and (orientation : landscape){
}
@media only screen and (max-width: 768px) and (orientation : portrait){
}

/************************
768px以上　1024px以下
************************/
/* ipad + kindle + some-Android（Tablet）
@media screen and (min-width: 768px) and (max-width: 1024px) {
} */
/************************
1024px以下
************************/
/* iPad Kindle + some-Android（LargeSizePhone - MiniTablet）横 */
@media screen and (max-width: 1024px) {
}
/************************
768px以下
************************/
/* iPad Kindle + some-Android（LargeSizePhone - MiniTablet） */
@media screen and (max-width: 768px) {
}
/************************
736px以下
************************/
/* iPhone6 Plus 横 */
@media screen and (max-width: 736px) {
}
/************************
667px以下
************************/
/* iPhone6 横 */
@media screen and (max-width: 667px) {
}
/************************
640px以下
************************/
/* some-Android（Smartphone）横 */
@media screen and (max-width: 640px) {
}
/************************
568px以下
************************/
/* iPhone5系 横 */
@media screen and (max-width: 568px) {
}
/************************
480px以下
************************/
/* iPhone + some-Android（Smartphone） */
@media screen and (max-width: 480px) {
}
/************************
435px以下
************************/
/* Nexus 6P */
@media screen and (max-width: 435px) {
}
/************************
414px以下
************************/
/* iPhone6 Plus 縦 + some-Android（Smartphone） */
@media screen and (max-width: 414px) {
}
/************************
0～375px以下
************************/
/* iPhone6 縦 */
@media screen and (max-width: 375px) {
}
/************************
0～360px以下
************************/
/* その他スマホ */
@media screen and (max-width: 360px) {
}
/************************
0～320px以下
************************/
/* iPhone + Android(old) + ガラホ？ */
@media screen and (max-width: 320px) {
}