@charset "Shift_JIS";
/* CSS Document */

/*-------------------------------------
 cover
-------------------------------------*/
#cover_wrap{
position:relative;
top:0;
left:0;
width:100%;
text-align:center;
}

#cover_wrap #logo_wrap{
position:absolute;
width:100%;
top:50px;
left:0;
z-index:4;
text-align:left;
}
#cover_wrap #logo_wrap #logo{
width:1170px;
margin:0 auto;
}

.cover{
margin-left:0;
position:absolute; top:0px; z-index:3;/*重なり順*/
margin-left:0px;
height:650px;
width:100%;
min-width:1170px;
background:url(/images/20160817/index/cover.jpg) no-repeat;
background-position: top center;
}

.cover h3{
position:absolute;
top:100px;
left:50%;
margin:0 0 0 -440px;
}



/*-------------------------------------
#obi
-------------------------------------*/
#obi{
height:850px;
background-image:url(/images/20160817/common/obi.png); 
background-repeat: no-repeat;
background-position: top center;
position:absolute; top:50px; z-index: 4;/*重なり順*/
overflow:hidden;
width:100%;
min-width:1170px;
}



/*-------------------------------------
#map_link
-------------------------------------*/
#map{
position:absolute;
top:130px;
left:0;
width:100%;
min-width:1170px;

z-index: 4;
}
#map_link{
width:590px;
height:590px;
background:url(/images/20160817/index/map_bg.png);
background-position: top center;
background-position: top center;
margin:0 auto;
top:0;
left:0;
z-index:4;
position:relative;
}
#map_link h2{
position:absolute;
top:480px;
left:-15px;
font-size:21px;
color:#fff;
line-height:70px;
width:614px;
height:76px;
background:url(/images/20160817/index/map_title.png) no-repeat;
}
#map_link #shop_nav a{
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
background:#F35393;
height:43px;
width:71px;
display:block;
line-height:17px;
color:#fff;
padding:28px 0 0 0;
font-size:18px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#map_link #shop_nav a:before{
content: '';
display: block;
position: absolute;
z-index: -1;
border-radius: 50%;
transition: all .2s ease;
-webkit-transition: all .2s ease;

}
#map_link #shop_nav a:hover{
z-index:10;
font-weight:normal;
 box-shadow:0 0 0 10px #B9EDDA;
background:#373737;
}
#map_link #shop_nav .yk a{ padding:18px 0 0 0; height:52px; font-size:16px; line-height:120%;}

#map_link #shop_nav .sp{position:absolute; top:80px; left:400px;}
#map_link #shop_nav .st{position:absolute; top:279px; left:409px;}
#map_link #shop_nav .tk{position:absolute; top:350px; left:450px;}
#map_link #shop_nav .yk{position:absolute; top:350px; left:369px;}
#map_link #shop_nav .fk{position:absolute; top:250px; left:100px;}
#map_link #shop_nav .km{position:absolute; top:340px; left:100px;}


.girls_number{
position:absolute;
top:120px;
left:40px;
z-index:4;
text-align:right;
position:relative;
}
.girls_number dt{
position:absolute;
top:0;
left:50px;
margin:0;
text-align:right;
}

.girls_number dd{
position:absolute;
text-align:right;
top:30px;
left:0;
font-family: 'Oleo Script', cursive;
font-size:90px;
color:#fff;
letter-spacing:7px;
margin:0 0 0 50px;
}
.girls_number dd span{
font-size:20px;
}


/*-------------------------------------
#wrap
-------------------------------------*/
#wrap{
text-align:center;
margin:620px 0 0 0;
width:100%;
min-width:1170px;

}

#wrap .cont{
width:1170px;
margin:0 auto;
text-align:left;
}

/*-------------------------------------
#news
-------------------------------------*/
#news{
z-index: 3;/*重なり順*/
padding:240px 0 100px 0;
background:url(/images/20160817/common/cont_bg.png) repeat;
width:100%;
}
#news h3{
margin:0 0 70px 0;
}

#news .news_article a{
padding:25px;
font-size:16px;
display:block;
color:#444;
}
#news .news_article time{
font-size:13px;
font-weight:bold;
margin:0 30px 0 0;
}

#news .news_article span{
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background:#444;
padding:3px 15px 1px 15px;
color:#fff;
font-size:14px;
margin:0 30px 0 0;
}

#news .news_article.bg_color{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#f6f5f0;
}
#news .news_article a,
#news .news_article a::before,
#news .news_article a::after{
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#news .news_article a:hover{
background:#B9EDDA;
}

/*-------------------------------------
#about
-------------------------------------*/
#about{
background:#f6f5f0;
padding:100px 0 70px 0;
background:url(/images/20160817/common/green.jpg) repeat;
}
#about h3{
margin:0 0 70px 0;
text-align:center;
}
#about .section{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
background:#fff;
width:360px;
height:350px;
position:relative;
margin:0 30px 60px 0;
float:left;
}
#about .section.no_m{
margin-left:0;
}

#about .section .img{
position:absolute;
top:-20px;
left:125px;
}
#about .section h4{
position:absolute;
top:110px;
left:0%;
text-align:center;
width:100%;
font-size:19px;
}
#about .section p{
position:absolute;
width:280px;
top:160px;
left:40px;
text-align:center;
line-height:140%;
font-size:14px;
}




/*-------------------------------------
#girls_recruit
-------------------------------------*/
#recruit{
}
#recruit .link a{
margin:80px 0 0 0;
display:block;
}

#recruit .girls{
background:#f078a8;
height:420px;
}
#recruit .girls .link{
height:420px;
width:50%;
float:left;
}
#recruit .link a{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#recruit .link a:hover{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


#recruit .girls .img{
float:left;
width:50%;
height:420px;
background:url(/images/20160817/index/rec_girls.jpg) no-repeat center center;
}


#recruit .mens{
background:#59b3e2;
height:420px;
}
#recruit .mens .link{
height:420px;
width:50%;
float:left;
}
#recruit .mens .img{
float:left;
width:50%;
height:420px;
background:url(/images/20160817/index/rec_mens.jpg) no-repeat center center;
}


.bana{margin:20px auto 10px auto;}
.bana ul{display: block; overflow: hidden; text-align: center; width: 470px; margin: 10px auto;}
.bana ul li{ display: inline-block; margin-right: 7px; margin-bottom: 5px;}
.bana ul .yoasobi img {width: 200px;}
.bana ul li img{ width:100px;}