@charset "utf-8";

html,body,div,span,iframe,h1,h2,h3,h4,h5,p,a,table,tr,td,caption,ul,ol,li,dl,dt,dd,.headerNav,footer,menu,navi,section{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5; }
html,
body { font-size: 15px; background: #cbdcf7 ; line-height:100%;color:#111111; font-family:'M PLUS Rounded 1c', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family:'M PLUS Rounded 1c', sans-serif;
}
ul,ol,li{list-style-type:none; }
a,a img{border:none;text-decoration:none; }
a:link{color:#00BAFF; }
a:visited{color:#00BAFF; }
a:hover{color:#00BAFF; }
a:active{color:#00BAFF; }

img { line-height:1 ; }
#bodyWrap { background: #FFFFFF ; max-width:750px; min-width: 320px; margin:0 auto; box-shadow:0 0 12px rgba(0,0,0,0.10) ; position: relative; }
.wrapper{ }

.center { text-align:center;  }
.image {  width:100% ; height:auto;}
.max270 { width:100% ; max-width:270px ; }
.max220 { width:100% ; max-width:220px !important ; }
.max190 { width:100% ; max-width:190px ; }
.max135 { width:100% ; max-width:135px ; }
.max110 { width:100% ; max-width:110px ; }
.flLeft { float:left;}
.flRight { float:right;}
.w30 {width:30px; }
.w35 {width:35px; }
.w80 {width:80px; }

.red	{color:#ff3600 !important;}
.dred	{color:#ed4800 !important;}
.pink	{color:#ff72d3 !important;}
.blue	{color:#579bf3 !important;}
.orange { color:#ff6804 !important;}
.yellow { color: #f4f63b !important;}
.gray { color:#666666 ; }

.font30 { font-size: 30px ; line-height: 35px }
.font20 { font-size: 20px }
.font18 { font-size: 18px }
.font17 { font-size: 17px }
.font16 { font-size: 16px }
.font15 { font-size: 15px }
.font12 { font-size: 12px }
.bold { font-weight:bold ; }

.bgGray { background: #cdcdcd ; padding: 5px 0;}
/* Global Styles */
.push50{ margin-top:50px; }
.filter { cursor:pointer; }

.vert-text { display: table-cell; vertical-align: middle; text-align: center; color:#f1f1f1;}
.gray { color:#CCCCCC; }
.font95 { font-size:95%;}
.font105 { font-size:105%;}
.font110 { font-size:110%;}
.mgt_2p { margin-top:2% ; }
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

h1 { z-index: 20 ; position: relative;}

h1.title { text-align: left; margin-bottom: 15px; padding-left: 7px; margin-top: 10px; position: relative }
h1.title {
    text-align: left;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 19px;
    padding-top: 5px; position: relative;
    text-shadow: rgba(255,255,255,0.8) 1px 0px,  rgba(255,255,255,0.8) -1px 0px,
    rgba(255,255,255,0.5) 0px -1px, rgba(255,255,255,0.2) 0px 1px,
    rgba(255,255,255,0.5) 1px 1px , rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.5) 1px -1px, rgba(255,255,255,0.2) -1px -1px,
    rgba(255,255,255,0.2) 1px 1px,  rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.2) 1px -1px, rgba(255,255,255,0.2) -1px -1px,
    rgba(255,255,255,0.2) 1px 1px,  rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.2) 1px -1px, rgba(255,255,255,0.2) -1px -1px; padding-left: 34px;
}
h1.title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../../images/shop/h2titleH.png?ver=1.01111);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: -3px;
}

h2.title { text-align: left; margin-bottom: 15px; padding-left: 7px; margin-top: 10px; position: relative }
h2.title {
    text-align: left;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 19px;
    padding-top: 5px; position: relative;
    text-shadow: rgba(255,255,255,0.8) 1px 0px,  rgba(255,255,255,0.8) -1px 0px,
    rgba(255,255,255,0.5) 0px -1px, rgba(255,255,255,0.2) 0px 1px,
    rgba(255,255,255,0.5) 1px 1px , rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.5) 1px -1px, rgba(255,255,255,0.2) -1px -1px,
    rgba(255,255,255,0.2) 1px 1px,  rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.2) 1px -1px, rgba(255,255,255,0.2) -1px -1px,
    rgba(255,255,255,0.2) 1px 1px,  rgba(255,255,255,0.2) -1px 1px,
    rgba(255,255,255,0.2) 1px -1px, rgba(255,255,255,0.2) -1px -1px; padding-left: 34px;
}
h2.title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../../images/shop/h2titleH.png?ver=1.01111);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: -3px;
}

h3.title { text-align: left; margin-bottom: 10px; padding-left: 7px; }
h3.title i { display: inline-block ; margin-right: 5px ; font-size: 110%;}
h3.title img{ height: 33px ;}


.bgLineYellowBT { height: 7px ; background: #ffd304 ; } 
.bgLinePinkBT { height: 7px ; background: #ff72d3 ; } 
.bgLineBlueBT { height: 7px ; background: #579bf3 ; } 
.bgLineYellow { background: linear-gradient(transparent 80%, #ffd304 20%); border-bottom: 5px solid #ff8181}
.bgLineBlue { background: linear-gradient(transparent 80%, #579bf3 20%); border-bottom: 5px solid #81b3f5}
.bgLinePink { background: linear-gradient(transparent 80%, #ff72d3 20%); border-bottom: 5px solid #e468b8}
.bgLineRed { background: linear-gradient(transparent 80%, #ed4800 20%); border-bottom: 5px solid #e8845a}

h3.bgLineYellow { padding-bottom: 1px; background:  linear-gradient(transparent 80%, #ffd304 20%);}
h3.bgLineBlue { padding-bottom: 1px; background:  linear-gradient(transparent 80%, #579bf3 20%); }
h3.bgLinePink { padding-bottom: 1px; background:  linear-gradient(transparent 80%, #ff72d3 20%);}
h3.bgLineRed { padding-bottom: 1px; background:  linear-gradient(transparent 80%, #ed4800 20%);}

h3.bgLineYellowH { padding-bottom: 1px; background:  linear-gradient(#ffd304 20%, #FFFFFF 20%, #FFFFFF 80%);}
h3.bgLineBlueH { padding-bottom: 1px; background:  linear-gradient(#579bf3 20%, #FFFFFF 20%, #FFFFFF 80%);}
h3.bgLinePinkH { padding-bottom: 1px; background:  linear-gradient(#ff72d3 20%, #FFFFFF 20%, #FFFFFF 80%);}
h3.bgLineRedH { padding-bottom: 1px; background:  linear-gradient(#ed4800 20%, #FFFFFF 20%, #FFFFFF 80%);}

.bgEFEFEF { background: #efefef ; }
#typeExp { margin: 0 35px; padding: 10px; font-size: 12px; text-align: left; border : 1px #888888 solid ; border-radius: 5px;}
#typeExpAll { margin: 0 20px 10px; padding: 10px; font-size: 12px; line-height: 14px; text-align: left; border : 1px #888888 solid ; border-radius: 5px;}
#typeExp .op,#typeExpAll .op{ background: #579bf3 ; color: #ffffff ; padding: 10px; margin: 5px 0}

#watch { width: 100% ; line-height: 31px; background: rgba(0,0,0,0.5) ; background-image: url(../../images/shop/peopleIcon.png) ; background-repeat: no-repeat ; background-size: 21px 21px; background-position: 5px 4px;  font-weight: bold; color: #ffffff;font-size: 12px; text-align: left ; padding-left: 27px; box-sizing: border-box; position: fixed; top: 0 ; left: 0; z-index: 500; opacity: 0;  }

#bnnTop { margin: 0 5px ;}
#bnnTop img{ width: 100%; margin: 0 0 5px ;}



#bengoBox { margin: 0 10px; padding: 15px; text-align: left; border : 2px #222222 solid ; margin-top: 15px; border-radius: 5px;}

#ruleBoxFooter { text-align: left; margin-top: 15px; }
#ruleBoxFooter .mincho { font-size: 15px; font-weight: bold; }
#ruleBoxFooter table { width: 100% ; }
#ruleBoxFooter table th{ vertical-align: top; padding: 5px 5px 0 }
#ruleBoxFooter table th span { width: 18px; line-height: 18px; display: block; text-align: center; background: #ed4800 ; color: #FFFFFF ; border-radius: 30px; }
#ruleBoxFooter table td{ vertical-align: top; padding: 5px 0 0 0 }

#ruleBox { }
#ruleBox .mincho { font-size: 15px; font-weight: bold; }
#ruleBox table { width: 100% ; }
#ruleBox table tr { }
#ruleBox table th{ vertical-align: top; padding: 5px 5px 0 0 }
#ruleBox table th span { width: 18px; line-height: 18px; display: block; text-align: center; background: #ed4800 ; color: #FFFFFF ; border-radius: 30px; }
#ruleBox table td{ vertical-align: top; padding: 5px 0 0 0 }
#ruleBox ul { margin: 10px 5px 10px 25px; font-size: 14px;}
#ruleBox ul li{ list-style: circle; }

#faqBox  { text-align: left; }
#faqBox h3,#ruleBox h3,#recruitBox h3  { font-size: 15px; font-weight: bold; vertical-align: bottom; text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;}


#faqBox p,#ruleBox p { margin: 10px 5px; border: 1px #ededed solid; padding: 10px; border-radius: 7px; line-height: 1.3 }


.otherLink { width: 100%; list-style: none; text-align: center; }
.otherLink li {width: 15%; min-width:61px; color: #FFF ; font-size: 11px; margin: 0 1px 4px; display: inline-block;position: relative; z-index: 200 ; overflow-x: hidden; }
.otherLink li a{ color: #FFF ;line-height :22px;  font-weight: bold; background: #ff72d3 ; border-radius: 5px ; display: block; border: 1px #222222 solid ; text-decoration: none;  box-sizing: border-box; }
.otherLink li.act a{ color:#FFFFFF ; background: #579bf3 ; border-radius: 5px ; display: block; border: 2px #222222 solid ; border-bottom: 4px #222222 solid ; }

.otherLinkOtona { width: 100%; list-style: none; text-align: center; margin-bottom: 10px; }
.otherLinkOtona li {width: 22%; min-width:87px; color: #FFF ; font-size: 10px; margin: 0 1px 4px; display: inline-block;position: relative; z-index: 200}
.otherLinkOtona li a{ color: #FFF ;line-height :22px;  font-weight: bold; background: #ff72d3 ; border-radius: 5px ; display: block; border: 1px #222222 solid ; text-decoration: none;  box-sizing: border-box; }
.otherLinkOtona li.act a{ color:#FFFFFF ; background: #579bf3 ; border-radius: 5px ; display: block; border: 2px #222222 solid ; border-bottom: 4px #222222 solid ; }

.weekList { width: 100%; list-style: none; text-align: center; margin-bottom: 10px; }
.weekList li { width:110px; color: #FFF ; font-size: 11px;  margin: 0 1px 4px; display: inline-block;}
.weekList li a{ color: #FFF ;line-height :25px;  font-weight: bold; background: #ff72d3 ; border-radius: 5px ; display: block; border: 1px #222222 solid }
.weekList li.act a{ color:#FFFFFF ; background: #579bf3 ; border-radius: 5px ; display: block; border: 1px #222222 solid ; border-bottom: 4px #222222 solid ; text-decoration: none;  box-sizing: border-box; }

#indexWrap { width:100%; }
.enterButton { width: 94%; margin: 0 auto 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 7px; }
h1#indexTitle { font-size:17px !important ; font-weight:bold; color:#d98103 ; }

.contents { background-size: 100%; }
header{ position:relative; }
#headerBG { width:100%; }
#headerBG img{ width:100%; }

.headerTime { padding: 5px 10px;    color: #FFF; font-size: 100% ;
    line-height: 18px;    font-weight: 600;    background: #ff72d3;
    display: block;    border-top: 1px #222222 solid;
    border-bottom: 1px #222222 solid;    text-decoration: none;
    box-sizing: border-box;
}
.headerTime span { color: #111 }

nav#headerNav ul li { width: 33.33%; border: 1px #222222 solid; border-bottom: 3px #222222 solid; display: inline-block;	background-color: #ff72d3; box-sizing: border-box; vertical-align: top; }
nav#headerNav ul li a {	width: 100%; height: 34px; line-height: 34px; border: 1px #FFFFFF solid; display: block; background-color: #ff72d3; font-size: 11px; letter-spacing: -1px; font-weight: bold; color: #FFF;	box-sizing: border-box; 
 text-align: center;}

.nameForm  { padding: 5px;}
.nameForm input { display: inline-block; width: 70%;
	height: 34px;	padding: 6px 12px;	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.nameForm button { width: 28%; color: #FFFFFF; margin-left: 3px; background: #00a2ff ;} 

footer { background: #7fbce6 ; margin: 5px 0 0; color:#111; }
#footerNav { width: 168px ; position: fixed; text-align: center; top: 34px ; right: 3px ; z-index: 950 ; padding: 0 0 0}
#footerNavIn { }
#footerNav ul { list-style: none; text-align: right; }
#footerNav ul li{ width: 50px; height: 50px ; background: #00a2ff; margin-left: 3px; text-align: center; border-radius: 7px; border:1px #111 solid; display: inline-block; cursor: pointer;}

#footerNav ul li a { color: #111;}
#footerNav ul li div { width: 44px; height: 44px line-height: 100%; font-size: 7px; letter-spacing: -1px; display: block; margin: 0 auto; padding-top: 8px; }
#footerNav ul li div i{ width: 44px; font-size: 25px; display: block; margin-bottom: 1px; }

#footerNav ul li.kinkyu { background: #02f202 }
#footerBnn { text-align: center; margin-top: 20px; padding: 0 5px; }
#footerBnn img{ width: 49%; max-width: 300px; margin-bottom: 5px; }
.footerCopy { text-align: center; line-height: 50px; padding-bottom: 2px; font-size: 13px;}

.drawer--left .drawer-nav {left: -90%; -webkit-transition: left .6s cubic-bezier(.19,1,.22,1); transition: left .6s cubic-bezier(.19,1,.22,1);}
.drawer-nav { width: 90%; }
.drawer-menu { width: 100%;}
.drawer-nav { height:auto !important ;  background-color: #ff72d3; top:25px !important ; z-index: 1000 !important ; border: 3px solid #333333; border-left: none ; border-bottom: 5px #222222 solid; border-radius: 0 7px 7px 0}
.drawer-overlay { background: rgba(255,255,255,0.3) !important ; }
.drawer-nav li{ width: 50%; display: inline-block; border-bottom: 1px dashed #333333; }

.drawer-nav li a{ display: block; font-size:14px; letter-spacing: -1px; text-decoration: none; color: #FFF ; font-weight: bold; padding: 11px 0 9px 7px;}

.header { display: table; height: 100%; width: 100%; position: relative;}
.btn-top {color:#f1f1f1;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.57);border-color:#cccccc;}
.btn-top:hover,
.btn-top:focus,
.btn-top:active,
.btn-top.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.pageBox { padding: 10px 10px; }
.box { padding: 10px 5px ; border-radius: 7px; background: #FFFFFF; box-shadow: 0 0 3px rgba(0,0,0,0.15) ; text-align: left; color: #111111; font-size: 15px; margin: 10px; }

#indexInfo { width: 100%; text-align: center; padding: 10px 0 ; position: relative; border-radius: 7px; background-color: rgba(255, 255, 255, 0.702); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }
#indexInfo ul { margin: 0 5% 15px; list-style: disc; text-align: left; }
#indexInfo ul li{ padding: 7px 0 ; background: url(../../images/shop/lineDot.png) repeat-x center bottom ; } 
#indexInfo ul li:last-child { background: none ; }
#indexInfo .indexExp { font-size:13px ; }

.recruitBnn { text-align: center;}
.recruitBnn img { width: 46% ; margin: 0 1%; }
#topBnn ul { background:#d30000; padding:3% 0; list-style:none ; text-align:center; }
#topBnn ul li{ width:24%; padding:0 0.5%; display:inline-block ; }
#topBnn img{ width:100% ; }

.bnnRight { margin: 5px; }
.bnnRight img{ width: 31% ; margin: 0 1%; }
.bnnFooter { padding-bottom: 5px; text-align: center; }
.bnnFooter img { width: 70% ; max-width: 300px;}

#push7 { width: 200px; margin: 0 auto; }
#twitter { background: #FFFFFF ; border:7px solid #579bf3 ; box-sizing: border-box; border-radius: 7px; padding: 0; margin: 10px 5px 0;overflow: hidden; }

#topNews .box{ }
.newsBox {	border-bottom: #333333 1px solid; padding: 10px 0; font-size: 13px; }
.newsBox:first-child { padding-top: 0; }
.newsBox:last-child { border-bottom: none; }
.newsBox .title {font-size: 16px;	font-weight: bold; color: #ff04a9 ; }
.newsBox .photo img{ max-width: 120px;box-shadow: 0 0 5px rgba(0,0,0,0.2);border: 3px solid #fff;float: left; margin: 0 10px 10px;}

#topPick { overflow: hidden; border-radius: 7px; padding: 10px 10px 0; margin: 10px 5px ; }
#topPick .bx-wrapper { margin: 0 auto 30px; text-align: center;}
#topPick .bx-viewport { max-height: 420px; overflow: hidden; }
#topPick img.photo { max-height: 380px ; border-radius: 5px; margin: 0 auto; z-index: 10; padding: 0 2px }

#topPick .name { border-radius: 0 0 5px 5px ; padding: 5px 5px 0; text-align: left; font-weight: bold; color: #0C93EC ; font-size: 11px; line-height: 18px; z-index: 30 ; }
#topPick .size { font-size: 10px; color: #111111 ; }
#topPick .comment { font-size: 12px; color: #111111 ; }
.sokuhimeIcon { width: 270px;}

#girls {}
#allGirls .girlsBox ul li {padding:5px; z-index: 10; position: relative; text-align: left; background: #ff007d ; border: 3px solid #eb0073 ; box-shadow: 0 1px 0 2px #eb0073 ; }
#allGirls .girlsBox ul li a{ color:#000000 ; }
#allGirls .girlsBox ul li.rank { background: #ff7800 ; border: 3px solid #eb6f00 ; box-shadow: 0 1px 0 2px #eb6f00 ; }
#allGirls .girlsBox ul li.new { background: #24ff00 ; border: 3px solid #21e700 ; box-shadow: 0 1px 0 2px #21e700 ; }
#allGirls li div.clearfix { background:  #FFF ; border-radius: 5px; padding: 5px; }
#allGirls .girlL { float: left; position: relative; width: 24%; max-width:220px;  }
#allGirls .girlL img.photo{ width:100% ; max-width:200px; }
#allGirls .girlL .seiriIcon {	width:40px; left: -7px; position: absolute; top: -7px; }
#allGirls .girlR { float: right; width: 75%; position: relative;}
#allGirls .girlR .name { font-size:16px; padding: 0.5% 2% ; font-weight: bold; color:  #ff0c60 ; }
#allGirls .girlR .size { padding: 0 2% 0.5%; color: #222222 !important ; font-weight: 15px;  }
#allGirls .girlR .date { padding: 1% 2% ;}
#allGirls .girlR .date span{ height:25px; line-height: 25px; border-radius: 3px; display: inline-block;padding: 0 2%; background: #ff6519 ; color: #FFFFFF ; font-weight: bold; }
#allGirls .girlR .detail { color:  #ffffff ; padding: 1% 2% ; margin-bottom: 2% ; }
#allGirls .girlR .comment { background: #111111; color: #FFFFFF ; padding: 3px 5px; border-radius: 3px;}
#allGirls .girlR .hour { border-bottom: 2px solid #222222;font-size: 16px; font-weight: bold; color:  #222222 ;padding: 1% 2% ; margin-bottom: 5px; }
#allGirls li  .icon { padding: 0 5px 5px; }
#allGirls li .icon img { width: 55px ; border: 1px solid #FFFFFF ; margin-right: 1px }
#allGirls .iconBox { height: 25px; position: absolute ; top: 80px; left: 10px ; }
#allGirls .iconBox img{ width: 25px; }


#allGirls .girlsBox ul li .pickUp { width: 30%; max-width: 70px; min-width: 45px; position: absolute; left: -2px; bottom: -2px; z-index: 100; }
#allGirls .girlsBox ul li .new { width: 30%; max-width: 70px; min-width: 45px; position: absolute; right: -2px; top: -2px; z-index: 100; }

#weekListTable {}
#weekListTable a { text-decoration: none;}
#weekListTable a table { color: #222222; }
#weekListTable .gBox { position: relative; }

#weekListTable table { margin: 15px 10px ; text-align: center; }
#weekListTable table:first-child { margin-top: 0 }
#weekListTable table tr { padding: 5px 0 ; border: 1px #efefef solid; }
#weekListTable table th { width: 100px ; padding: 5px;vertical-align: top;}
#weekListTable table th span { width: 100px ; height: 100px; border-radius: 7px; display: block; overflow: hidden;}
#weekListTable table th img{ width: 100px;}
#weekListTable table th img.status{ margin-top: 3px;}
#weekListTable table td { width: 50%; border-left: 1px #efefef solid;vertical-align: middle;font-size: 13px;  text-align: left; padding: 5px 10px; }
#weekListTable table tr.date td{ text-align: center; font-size: 12px; }
#weekListTable table tr.date td.soku{ background: #ff72d3 ; }

#weekListTable.girlsBoxTest table th {
    padding: 0;
}
#weekListTable.girlsBoxTest table th span { border: 5px solid #FFF;}

#weekListTable table tr.date td span.soku{ display: inline-block; border-radius: 5px ; background: #ff2727 ; padding: 0 5px;  margin-left: 5px; color: #FFF ;}
#weekListTable table td.name { width: 100%; font-size: 15px ; color: #0C93EC; font-weight: bold; }
#weekListTable table td img.status { width: 100px; margin-top: 3px; }
#weekListTable table td img.iconBlog { height: 22px; margin-left: 5px;}
#weekListTable .iconBox { height: 25px; position: absolute ; top: 80px; left: 10px ; }
#weekListTable .iconBox img{ width: 25px; }

#weekListTable table td.name .age { font-size: 14px; font-weight: normal; }
#weekListTable table td .size { font-size: 14px; color: #222222; }
#weekListTable table td .type { color: #0096ff ; }
#weekListTable table td .op { color: #ff3c00; }
#weekListTable table tr.noB { border-top: none ; border-bottom: none;}
#weekListTable table td.syukkin { background: #efefef ; }
#weekListTable table td.syukkin .next{ display: inline-block; background: #579bf3; border-radius: 5px ; color: #FFF ; padding: 3px 7px; font-weight: 600; font-size: 85% ;}
#weekListTable table td .seiri {color: #ff3c00; }
#weekListTable table td.comment { font-size: 12px;}
#weekListTable .iconBoxL { height: 45px; position: absolute ; top: 2px; right: 12px ; overflow: hidden; text-align: right; }
#weekListTable .iconBoxL img { width: 40px;}

.attention { background: url(../../images/shop/attentionBG.png) ; border: 1px #000000 solid ;padding: 5px; line-height: 17px; }
.attentionIn { background: #f2c800 ; padding: 10px; line-height: 17px;border: 1px #000000 solid ; }
.attentionIn span { color: #FFFFFF; font-size: 15px ; font-weight: bold; }


h1.h1_attendant { text-align:center; margin-bottom:10px; margin-top:0 ; font-size:26px; }
h1.h1_attendant span { width: 26px; height: 26px;  background: url(../../images/shop/attendantDate.png) repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:38px 38px; color: #ffffff;
  display: inline-block; font-size: 21px; line-height: 26px; vertical-align:middle; }

.titleInfo { width:100% ; height:100%; max-height:40px; min-height:40px; background:url(../../images/shop/dotLineInfo.png) no-repeat; background-position: 0 18px ; text-align:left; margin-bottom:5px; }
.titleInfo img{ height:40px; }
.girlSize { font-size:15px; margin-bottom:2% ; display:block ; }

/* about us */
.qa_q { color:#a6d5db ; font-size:15px; font-weight:bold; }
.mailL { background: -moz-linear-gradient(center top , #fcfcfc 0%, #d4d4d4) repeat scroll 0 0 rgba(0, 0, 0, 0);    border: 1px solid #a0a0a0;    border-radius: 4px;    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);    height: 48px;    margin: 2% 5%;}
a.mail-link { border: 1px solid #ffffff;    border-radius: 4px; box-sizing: border-box;    color: #666666;    display: block;    font-size: 12px;    font-weight: bolder; height: 100%;    line-height: 19px;    padding: 4px;    text-align: center;    text-shadow: 1px 1px 0 #ffffff;    width: 100%;}
.exp { background:#FFFFFF; padding:7px 9px; color:#111111; }

.priceTable { background: url(../../images/shop/boxBGB.png) ; box-shadow: inset 0 0 0 2px #ffffff, 0 0 5px rgba(0,0,0,0.18); margin-bottom: 1%; padding:10px; margin: 1% 0 ; border-radius: 15px; z-index: 10; position: relative; text-align: left}

.priceTable table { width: 100% ; font-size: 16px;font-weight: bold; }
.priceTable tr {border-bottom: 2px solid #4bb1f1 ;}  
.priceTable tr:last-child { border-bottom: none ; }
.priceTable th { width: 100px; text-align: center; padding: 5px;  background: #4fbafe ; color: #FFFFFF ; }
.priceTable td{ vertical-align: middle; padding: 5px; background: #FFFFFF;}

.mapTable table { width: 100% ; font-size: 14px;font-weight: bold; }
.mapTable tr {border-bottom: 2px solid #4bb1f1 ;}  
.mapTable th { width: 100px; text-align: center; padding: 5px;  background: #4fbafe ; color: #FFFFFF ; }
.mapTable td{ vertical-align: middle; padding: 5px; background: #FFFFFF;border-right: 2px solid #4bb1f1 ;}
.mapTable td:first-child{ border-right: none ; padding-bottom: 10px}
.mapTable td:first-child span{ width: 20px ; line-height: 20px; text-align: center; background: #ff3a8e ; display: inline-block; border-radius: 30px; color: #FFFFFF; }
.mapTable hr { padding: 0 0 ; margin: 5px 0 ;}


#accessMap00 { background: #FFFFFF ; border:10px solid #579bf3 ; box-sizing: border-box; padding: 5px; margin: 10px }
#accessMap01 { background: #FFFFFF ; border:10px solid #ed4800 ; box-sizing: border-box; padding: 5px; margin: 10px }
#accessBox .map { width: 100%; max-width: 600px; margin-bottom: 15px; }
.accessBox h2 { text-align: center; margin-top: 30px }
.accessBox h2 span {display: inline-block; font-size: 20px ; padding: 4px 8px 4px; border:3px solid #222222; font-weight: bold; color: #222222 ; }
#accessMap01 ul { margin: 0 5% 15px; list-style: disc; text-align: left; }
#accessMap01 ul li{ padding: 7px 0 ; background: url(../../images/shop/lineDot.png) repeat-x center bottom ; } 
#accessMap01 ul li:last-child { background: none ; }

.accessTable { width: 100%; }
.accessTable td{ width: 48%; padding: 1% }
.accessTable td img { width: 100%; margin-bottom: 5px; }

.howToBox { text-align: left; }
.howToBox .box { margin-bottom: 20px;}
.howToBox div .image {
	width: 90px;
	margin: 0 15px 5px 0;
	float: left;
}
.howToBox div a.link {
	background: #579bf3;
	padding: 1px 7px;	margin: 0 5px;	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;

	border-radius: 7px;
}
.howToBox table{ width: 350px; }
.howToBox table td { padding: 3px; }
.howToBox table td img { width: 170px; }
.howToBox h2 { text-align: center; margin-top: 30px }

.howToBox h2 span {display: inline-block; font-size: 20px ; padding: 4px 8px 4px; border:3px solid #222222; font-weight: bold; color: #222222 ; }

.howToBox h3 span { font-size: 16px ; padding: 2px 5px 2px; border:3px solid #222222; border-top: none; background: #ed4800; font-weight: bold; color: #FFFFFF ; margin: 0 5px ;border-radius: 0 0 7px 7px ; }
.howToBox h3 span.bgBlue { background: #579bf3; }
.howToBox h3 span.bgYellow { background: #ffd304; color: #222222; }

.howToBox h3.bgLineYellowH { background:  linear-gradient(#ffd304 30%, #FFFFFF 30%, #FFFFFF 70%);}
.howToBox h3.bgLineBlueH {	background:  linear-gradient(#579bf3 30%, #FFFFFF 30%, #FFFFFF 70%); }
.howToBox h3.bgLineRedH { background:  linear-gradient(#ed4800 30%, #FFFFFF 30%, #FFFFFF 70%); }



#systemBox00 p { padding: 0 5px 10px;}
#systemBox00 { position: relative;text-align: left;}
#systemBox01 { position: relative;text-align: left;}

#optionBox h3 { font-size: 17px; font-weight: bold;text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;}
#optionBox h3 img { height: 30px; }

.exp3p { position: relative;text-align: left; margin: 10px; line-height: 17px; border-radius: 7px; border: 2px #222222 solid; box-shadow: 0 3px #000000 ; padding: 10px;}

#optionBox p { padding: 10px 5px;}
#optionBox { position: relative;text-align: left; }
#optionBox .exp { background: #579bf3 ; padding: 1px 5px; border-radius: 30px ; margin-left: 7px; font-size: 11px; color: #FFFFFF; font-weight: normal; }
#optionBox .tooltipSp { font-size: 13px; color: #579bf3 ; } 

#optionBox .pickup { font-weight: bold;}
#optionBox q { display: none;}
.optionExp { margin: 5px 10px;}
#optionBox ul { margin: 10px 5px; border: 1px #ededed solid; border-radius: 7px; padding: 10px; }
#optionBox li { display: block; margin: 0 0 3px ; line-height: 1.3 }
.kennyExp { margin: 0 15px 15px;}
.system00 { width: 60%; max-width: 200px ; margin: 0 auto;}
.system01 { width: 80%; max-width: 180px ; margin: 10px auto;}
.system02 { width: 60%; max-width: 180px ; margin: 10px auto;}

#systemBox01 table{ width: 85%; margin: 0 auto ; font-weight: bold; font-size: 14px; }
#systemBox01 table th, #systemBox01 table td { padding: 5px; border: 1px #efefef solid; background: #fafafa;padding-left: 5px; text-align: center; }
#systemBox01 table th { width: 50%; background: #e1e1e1 ; color: #222222;  }
#systemBox01 table th span{  color: #666666; font-size: 90%; font-weight: normal;  }

.systemBox01S { font-size: 14px; padding-top: 10px; padding-bottom: 15px; }
.systemBox01S:last-child { border-bottom: 0; padding-bottom: 0; }
#systemBox01 h3{ font-size: 15px; font-weight: bold; vertical-align: bottom; }
.systemBox01S h3 span { font-size: 18px ; padding: 1px 7px 4px; border:2px solid #222222; border-top: none; background: #ed4800; font-weight: bold; color: #FFFFFF ;  border-radius: 0 0 7px 7px  }

#systemBox01 .attention { background: url(../../images/shop/attentionBG.png) ; padding: 5px; line-height: 17px; margin: 10px 5px; }
#systemBox01 .attentionIn { background: #f2c800 ; padding: 5px; line-height: 17px; }
#systemBox01 .attentionIn span { color: #FFFFFF; font-size: 16px ; font-weight: bold; }
.attentionIn ul li{ list-style-type: disc; margin-left: 33px; }



.mapBox { width: 740px; margin: 0 auto 25px; box-shadow:0 0 0 5px #ffffff, 0 0 0 7px #222222 ; border-radius: 10px; overflow: hidden; }
.mapBox iframe { border: 7px solid #222222 ; box-sizing: border-box; border-radius: 10px; }

.mapUl { list-style: none; }
.mapUl li{ width: 50%; display: inline-block; vertical-align: top;}
.mapUl li div { border-radius: 10px; border:5px solid #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,0.18); }

#mailMagazineInto { position: relative;text-align: left; margin: 10px 15px; border-radius: 7px; border: 1px #222222 solid; padding: 10px; box-shadow: 0 2px #000000 ; }

#mailMagazine00 table { width: 100% ; }
#mailMagazine00 th, #mailMagazine00 td { width: 50% ; }
#mailMagazine00 th a { width: 95%; line-height: 35px; display: block;	background: #4fb9fd; text-align: center; margin: 25px auto;	box-shadow: 0 4px 0 #189cf0; color: #FFFFFF; font-weight: bold;	font-size: 20px; border-radius: 5px;}
#mailMagazine00 td a { width: 95%;	line-height: 35px;	display: block;	background: #ff3a3a; text-align: center; margin: 25px auto;	box-shadow: 0 4px 0 #ed0d0d;
 color: #FFFFFF; font-weight: bold;	font-size: 20px; border-radius: 5px;}
#mailMagazine00 p,#mailMagazine01 p  { padding: 10px 10px;}

#mailMagazine01 table { width: 100%; font-size: 16px; font-weight: bold; }
#mailMagazine01 table th { width: 50%;  padding: 3px; color: #f29337; }
#mailMagazine01 table td { width: 50%;  padding: 3px; }

#mailMagazineTable {  text-align: center;  border: solid 1px #666666;  margin:0 auto;}
#mailMagazineTable p {  font-size: 13px;  color: #222222;  line-height: 130%;  border: 0px;  margin: 0px;  padding-top: 0px;  padding-bottom: 4px;}
#mailMagazineTable th {  color: #FFFFFF;  background-color: #666666;  text-align: left; font-size: 14px; padding: 10px;}
#mailMagazineTable td {  background-color: #FFFFFF; font-size: 14px; padding: 10px;} 
#mailMagazineTable td input { padding: 5px; margin: 5px;}
#mailMagazineTable td input[type=text] {
	width: 90%;
	padding: 5px;
	border: 1px #000000 solid;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
	border-radius: 7px;
	box-sizing: border-box;
}
#mailMagazineTable td input[type=submit] {
	padding: 5px 10px; background: #579bf3;
	border: 1px #000000 solid; color: #FFFFFF ;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
	border-radius: 7px;
	box-sizing: border-box;
}

.mobileExp {list-style: none; text-align: center}
.mobileExp li { width: 29%;	display: inline-block;	padding: 3px 1%; margin-left: 0 !important}
.mobileExp li img {	width: 100%; border: #222222 solid 1px; }

.attentionBox ul { padding: 2% 0 2% 2%; }
.attentionBox li { background:url(../../images/shop/attentionIcon.png) no-repeat ; background-position: 0 2px ; background-size:20px ; padding-left:30px; border-bottom:1px dashed #CCCCCC ; padding-bottom:3px ; margin-bottom:3px }

.formExp { border:4px solid #ff3600 ; }
.formExpIn { width:100%; background: #ff3600 none repeat scroll 0 0; border: 2px dashed #333333; color: #ffffff; line-height: 22px; padding: 15px; font-weight:bold; box-sizing:border-box; }
.formExp span.mail { background: #ff3600 none repeat scroll 0 0; border: 1px solid #e1ee0b; color: #e1ee0b; font-size: 17px; font-weight: bold; padding: 0 3px; }

.groupLink { list-style:none ; }
.groupLink li{ width:25%; max-width: 130px; display:inline-block; padding:1px; box-sizing: border-box; }
.groupLink li img { width:100%; }
@media (max-width: 400px) { .groupLink li{ width:25%; } }

div.enter span{ width:80%; text-align:center; display:block; margin:0 auto ;  background:#fe4f66 ; font-weight: 17px; color: #FFFFFF; border-radius: 5px; margin-bottom: 10px; 	border: 3px #222222 solid;	border-bottom: 5px #222222 solid; background-color: #ff72d3; }
div.enter span a { width: 100%; height: 34px; line-height: 34px; border: 1px #FFFFFF solid;	display: block;	 background-color: #ff72d3;	font-size: 16px;	font-weight: bold;	color: #222222;	box-sizing: border-box;	text-align: center;	border-radius: 5px;}

#profBox { position: relative; text-align: left; }
#profBox .name {  color: #4fbafe;  font-size: 22px;  font-weight: bold;  line-height: 33px;}
#profBox .name img { height: 25px; margin-left: 5px; }
#profBox .age { font-size: 20px; color: #ff3a8e ; }
#profBox .size { font-size: 15px; font-weight: bold; }
#profBox .icon img {width: 160px; }

#profBox .comment { line-height: 1.3 ; font-size: 14px;}

.zaiseki li { display: inline-block; margin-right: 5px; margin-bottom: 3px; }
.zaiseki li a{ width: 100%; display: block; line-height: 24px; padding: 0 7px; color: #111111 ; font-size: 13px; background: #efefef; border-radius: 3px; }

.girlContact  { background: #0084ff none repeat scroll 0 0; border: 1px solid #005eb5 !important; border-radius: 4px;
	box-shadow: 1px 1px #005eb5 !important;
	color: #ffffff; cursor: pointer;
	font-size: 13px; font-weight: bold;
	margin: 5px auto 25px;
	padding: 3px 0 !important;
	width: 65% ;
}

#voices {}
#voices li{ text-align: left ; display: block; margin: 0 10px 10px ;padding: 5px 10px; border-radius: 7px; box-shadow: 0 0 3px rgba(0,0,0,0.15); }
#voices li .info {  position: relative; border-top: 1px dashed #ececec }
#voices li .date{ line-height: 22px; font-size: 12px; color: #333333 ; }
#voices li .name{ line-height: 32px; color: #0C93EC ; font-size: 15px; }
#voices li a { color: #111111; text-decoration: none; }

#voices {}
#voices a { text-decoration: none;}
#voices a table { color: #222222; }
#voices .gBox { position: relative; }

#voices table { margin: 15px 10px ; text-align: center; }
#voices table:first-child { margin-top: 0 }
#voices table tr { padding: 5px 0 ; border: 1px #efefef solid; }
#voices table th { width: 100px ; padding: 5px;vertical-align: top;}
#voices table th span { width: 100px ; height: 100px; border-radius: 7px; display: block; overflow: hidden;}
#voices table th img{ width: 100px;}
#voices table th img.status{ margin-top: 3px;}
#voices table td { width: 50%; border-left: 1px #efefef solid;vertical-align: middle;font-size: 13px;  text-align: left; padding: 2px; }
#voices table tr.date td{ text-align: center; font-size: 12px; }
#voices table tr.date td.soku{ background: #ff72d3 ; }

#voices table tr.date td span.soku{ display: inline-block; border-radius: 5px ; background: #ff2727 ; padding: 0 5px;  margin-left: 5px; color: #FFF ;}
#voices table td.name { width: 100%; font-size: 15px ; color: #0C93EC; font-weight: bold; }
#voices table td img.status { width: 100px; margin-top: 3px; }
#voices table td img.iconBlog { height: 22px; margin-left: 5px;}
#voices .iconBox { height: 25px; position: absolute ; top: 80px; left: 10px ; }
#voices .iconBox img{ width: 25px; }

#voices table td.name .age { font-size: 14px; font-weight: normal; }
#voices table td .size { font-size: 14px; color: #222222; }
#voices table td .type { color: #0096ff ; }
#voices table td .op { color: #ff3c00; }
#voices table tr.noB { border-top: none ; border-bottom: none;}
#voices table td.syukkin { background: #efefef ; }
#voices table td.syukkin .next{ display: inline-block; background: #579bf3; border-radius: 5px ; color: #FFF ; padding: 3px 7px; font-weight: 600; font-size: 85% ;}
#voices table td .seiri {color: #ff3c00; }
#voices table td.comment { font-size: 12px;}
#voices .iconBoxL { height: 45px; position: absolute ; top: 2px; right: 12px ; overflow: hidden; text-align: right; }
#voices .iconBoxL img { width: 40px;}

.girlSlider { width: 100%; max-width: 750px; overflow: hidden; padding: 0 10px 30px; }
.girlSlider div.cell { width: 250px; margin-right: 10px; }
.girlSlider div.cell img{ width: 100%; opacity: 1 ; border-radius: 7px }
.is-selected img{ opacity: 1}
.flickity-page-dots { bottom: 10px;}
.table_AT { width: 98%;}
.table_AT th{ width:50% ; text-align:center; color: #FFFFFF; background: #ff72d3 ;line-height: 26px; font-size: 14px; border: 3px solid #FFFFFF; vertical-align: middle; }
.table_AT td{ width:50%; text-align:center; vertical-align: middle;line-height: 26px; font-size: 15px; font-weight: 900 ; }
.table_AT td.seiri {color: #ff3c00}

/* position dots in carousel */
.flickity-page-dots {  bottom: 10px !important ;}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid #ff3f95;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #ff3f95;
}

/*.flickity-prev-next-button.previous { width: 40px; height: 509px; background: url(../images/shop/photoArrowL.png) no-repeat center top;border-radius: 0; position: absolute; top: 255px;  left:0; }
.flickity-prev-next-button.next { width: 40px; height: 509px; background: url(../images/shop/photoArrowR.png) no-repeat center top;; border-radius: 0; position: absolute; top: 255px;right:0; }*/
.flickity-prev-next-button svg { display: none; }

#blogInfo table th { overflow-x:  hidden;}
#blogInfo table th img { width: auto ; max-height: 150px; }
#blogInfo table td p.content {	height: 70px;	overflow: hidden;}
#blogInfoLoader table th img { border: none !important; box-shadow: none !important; }
#blogInfoLoader table th { padding: 5px 5px 5px 0 !important ;}
#blogInfoLoader table td { padding: 5px 0 !important;}


#recruitBox { text-align: left; }
.recruitDiv {
	padding: 10px 5px;
	border-radius: 7px;
	background: #FFFFFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
	text-align: left;
	color: #111111;
	font-size: 15px;
	margin: 10px 10px 20px;
}
.recruitDiv p { margin: 10px }
.kyujinBnnL { margin: 10px;}
.kyujinBnnL img{ width: 100% ; margin: 0 auto; border:#ffffff solid 4px ; box-shadow: 0 0 5px rgba(0,0,0,0.3) ;}


.recruitBox01 { }
.recruitBox02  { }
.recruitBox02  p { margin: 10px 5px 10px; border: 2px #222222 solid; padding: 10px; }

.lineBox { margin:0 auto ;padding:10px 10px 10px; border: 3px #000000 solid; position:relative; text-align:left; background:rgba(255,255,255,1.00); font-size:14px; line-height:22px; }
.lineBox h1 { text-align:center; margin-top:20px; }
.lineHow  {	margin: 0 5px; padding: 5px; border: 1px #ededed solid; }
.lineExp { width:100%; background: #d30000 none repeat scroll 0 0; border: 5px dashed #000000; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 15px; line-height: 22px; margin: 10px auto 20px; outline: 4px solid #d30000; padding: 20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:bold; }
.lineExpIn { padding:20px; background:#FFFFFF ; box-shadow: 0 0 7px rgba(0,0,0,0.70) ; border: 2px #000000 solid ; outline:2px #FFFFFF solid; color:#000000 ; }
.lineExp .bold { font-size:18px; }
.lineExp span.mail { background: #d30000 none repeat scroll 0 0; border: 1px solid #e1ee0b; color: #e1ee0b; font-size: 17px; font-weight: bold; padding: 0 3px; }
.lineExp span.mail a{ color: #e1ee0b; }
.lineHow table { width:100%; }
.lineHow th { width:60px; vertical-align:middle; text-align:center; padding-top:3px ; padding-bottom:3px ; border-bottom:1px solid #222222;  }
.lineHow td { padding-top:3px ; padding-bottom:3px ; font-size: 14px; line-height: 16px; border-bottom:1px solid #222222;  }
.lineHow th span { width:26px; height:26px; display: inline-block; line-height:26px; text-align:center; background:#222222 ; color:#FFFFFF ; font-size:17px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.lineHow td span { font-size:15px; font-weight:bold; }
.kensakuId { background:#00c300 ; border:3px #00c300 solid ; color:#FFFFFF ; font-size:21px !important; padding:3px 5px; }
.lineId { border:3px #00c300 solid ; color:#00c300 ; font-size:21px !important; padding: 3px 5px; }

.costumeExp { font-size: 15px; line-height: 18px; background: #ededed; font-weight: bold; margin:0 5px 10px; border-radius: 7px; border: 2px dashed #222222 ; padding: 10px 10px  }
.costumeBox { text-align: center; }
.costumeBox li{ width: 31%; display: inline-block; border: 1px solid #efefef; margin: 0 3px 6px; vertical-align: top;}
.costumeBox li.wash { opacity: 0.4}
.costumeBox li img.photo{ width: 100%; }
.costumeBox li .photoBox{ position: relative}
.costumeBox li .name{ height: 55px; padding: 3px 3px; font-size: 12px; border-top: 1px solid #222222;line-height: 15px; color: #222222; background: #FFF ; }
.costumeBox li .iconBox { height: 20%;  position: absolute;	bottom: 5px ; right: 5px; text-align: right;}
.costumeBox li .iconBox img{ height: 100%; }

#linkExp { background: #579bf3 none repeat scroll 0 0; border: 2px dashed #222222; color: #ffffff; font-size: 16px; line-height: 22px;	margin: 0 20px 20px; border-radius: 7px;  padding: 10px 10px; font-weight: bold;}

.showmore_content { position:relative; overflow:hidden; }
.showmore_trigger { width:100%; height:35px; line-height:35px; cursor:pointer; }
.showmore_trigger span { display:block; color: #579bf3 ; }

span.show { position: relative; }
.tooltip {width: 550px;  visibility: hidden; text-align: center; position: absolute; z-index: 1; opacity: 0; transition: opacity 500ms; bottom: 135%; left: 50%; margin-left: -275px; }
.tooltip > .text { background-color: #222222; color: #fff; padding: 7px 10px; border-radius: 7px; font-size: 14px; line-height: 18px; display: inline-block; text-align: left ; font-weight: normal; }
.tooltip > .text::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
span.show:hover > .tooltip { visibility: visible; opacity: 1;}

.blogLoaderSp ul li { width: 25% !important;	max-width: 250px; height: 120px !important; display: inline-block; box-sizing: border-box;	padding: 3px 2px 3px 2px !important; margin-bottom: 4px !important; vertical-align: top; text-align: left; font-size: 10px;}
.blogLoaderSp ul li div.blogBox { height: 120px !important; }
.blogLoaderSp li div.blogBox div { top: 101px !important; height: 22px !important; line-height: 22px !important}

.blogLoaderSpTop ul li { width: 25% !important; height: 100px !important; overflow: hidden !important }
.blogLoaderSpTop ul li div.blogBox { height: 100px !important; }
.blogLoaderSpTop li div.blogBox div { top: 77px !important; height: 22px !important; line-height: 22px !important}
.blogLink { text-align: center}
.blogLink a{ display: inline-block; padding: 3px 9px; margin: 5px 0; font-size: 16px; color: #222222; font-weight: bold;border:2px solid #222222; border-radius: 7px;}

div.getGeo { text-align: center}
div.getGeo a{ display: block; padding: 3px 9px; margin: 5px 5px; font-size: 16px; color: #222222; font-weight: bold;border:2px solid #222222; border-radius: 7px;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -25px;
	width: 100%;
}

/* Overlay */
.overlay {
    background-color: rgba(0, 0, 0, 0.48);
    border: 0 solid rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 9;
	height:100%;
	width:100%;
	cursor:pointer;
}
.overlay:hover {
    opacity: 1;
}
.overlay i, .overlay span.title {
    color: #FFFFFF;
    font-size: 40px;
    position: relative;
    top: -60px;
    transition: all 0.3s ease 0s;
}
.overlay span.title {
    font-size: 30px;
}
.overlay:hover i, .overlay:hover span.title {
    top: 10px;
}

span.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* Footer */



/* responsive */
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { .navbar-brand {margin-left:20px;} .navbar-toggle {margin-right:25px;} }
 
 .mg_auto { margin:0 auto;}
 .mg_5	{margin:5px;}
.mg_10	{margin:10px;}
.mg_15	{margin:15px;}
.mg_20	{margin:20px;}
.mg_25	{margin:25px;}
.mg_30	{margin:30px;}
.mgt_5	{margin-top:5px;}
.mgt_10	{margin-top:10px;}
.mgt_15	{margin-top:15px;}
.mgt_20	{margin-top:20px;}
.mgt_25	{margin-top:25px;}
.mgt_30	{margin-top:30px;}
.mgr_5	{margin-right:5px;}
.mgr_10	{margin-right:10px;}
.mgr_15	{margin-right:15px;}
.mgr_20	{margin-right:20px;}
.mgr_25	{margin-right:25px;}
.mgr_30	{margin-right:30px;}
.mgl_5	{margin-left:5px;}
.mgl_10	{margin-left:10px;}
.mgl_15	{margin-left:15px;}
.mgl_20	{margin-left:20px;}
.mgl_25	{margin-left:25px;}
.mgl_30	{margin-left:30px;}
.mgb_5	{margin-bottom:5px;}
.mgb_10	{margin-bottom:10px;}
.mgb_15	{margin-bottom:15px;}
.mgb_20	{margin-bottom:20px;}
.mgb_25	{margin-bottom:25px;}
.mgb_30	{margin-bottom:30px;}

.pd_5	{padding:5px;}
.pd_10	{padding:10px;}
.pd_15	{padding:15px;}
.pd_20	{padding:20px;}
.pd_25	{padding:25px;}
.pd_30	{padding:30px;}
.pdt_5	{padding-top:5px;}
.pdt_10	{padding-top:10px;}
.pdt_15	{padding-top:15px;}
.pdt_20	{padding-top:20px;}
.pdt_25	{padding-top:25px;}
.pdt_30	{padding-top:30px;}
.pdr_5	{padding-right:5px;}
.pdr_10	{padding-right:10px;}
.pdr_15	{padding-right:15px;}
.pdr_20	{padding-right:20px;}
.pdr_25	{padding-right:25px;}
.pdr_30	{padding-right:30px;}
.pdl_5	{padding-left:5px;}
.pdl_10	{padding-left:10px;}
.pdl_15	{padding-left:15px;}
.pdl_20	{padding-left:20px;}
.pdl_25	{padding-left:25px;}
.pdl_30	{padding-left:30px;}
.pdb_5	{padding-bottom:5px;}
.pdb_10	{padding-bottom:10px;}
.pdb_15	{padding-bottom:15px;}
.pdb_20	{padding-bottom:20px;}
.pdb_25	{padding-bottom:25px;}
.pdb_30	{padding-bottom:30px;}

.syuryo { display:block ; margin-bottom:10px; font-size:12px; text-align: center ; }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
#reserveFindBox { font-size: 80% ; padding: 0 15px; margin: 0 25px 10px;}
#reserveFindBox h4{ font-weight: 600 ; font-size: 14px ; color: #ff72d3; margin-bottom: 3px;;}
#reserveFindBox button a { display: block; width: 100%; height: 100%; list-style: none;}
.noResult { text-align: center; font-weight: 600 ; margin: 25px 0 ;}
#reserveFindBox button[type=submit]{ color: #FFF ;; background: #ff72d3 ; border: 2px solid #222 ; border-radius: 5px;}

.grecaptcha-badge { display: none;}
#google label {
    -webkit-box-align: center;
    align-items: center;
    background: rgb(255, 255, 255);
    border: 0px;
    border-radius: 100px;
    box-shadow: rgba(64, 60, 67, 0.16) 0px 2px 5px 1px;
    box-sizing: border-box;
    display: inline-flex;
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    min-height: 46px;
    overflow: hidden;
    padding: 11px 12px;
    position: relative;
    transition: all 0.1s ease 0s, border-radius 0ms ease 0s;
    width: 100%; margin-bottom: 15px;
}

#google input {
    -webkit-box-flex: 1;
    background: none;
    border: 0px;
    color: inherit;
    flex: 1 1 0%;
    font-family: inherit;
    font-size: inherit;
    min-width: 40px;
    outline: none;
}

#weekListTable table th {
    width: 100px;
    padding: 5px;
    vertical-align: top;
    position: relative;
}
#weekListTable table th {
    position: relative;
}
.WAKU::after {
	display: inline-block; content: "";
	width: 110px; height: 110px;
    background-image: url(../../images/shop/special.png); background-size: 100%;
	background-repeat: no-repeat; position: absolute; top: 0; left: 0;
}

.kantanYoyaku { width: 43px; position: fixed; top: 88px; right: 5px; z-index: 300;}