@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
/* font-family: 'Pinyon Script', cursive; */

* {	margin:0; padding:0; border:0; font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ明朝 Pro W3"; font-style: normal; font-variant: normal; text-decoration: none; list-style-type: none; font-size:12px; line-height:130%;	}

a{
	text-decoration:none !important;}


body {	
	width:100%; font-weight: normal; background:#FFF; color: #000; font-size: 14px; overflow-x: hidden;}

a:hover{
	opacity:0.6; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.index{
	background:url(../images/common/top_banner.jpg) top center; background-size:cover;}

.index_box{
	max-width:1100px; margin:0 auto; display:table; position: relative; z-index: 50; height: 800px;}
	
.index_contents{
	width:100%; display:table-cell; vertical-align:middle; text-align:center;}
	
.index_contents .img{ display:inline-block !important; padding: 0 0 25px 0;  opacity:0;}

@media (max-width: 679px) {
	
.index{
	background:url(../images/common/index_banner_m.jpg) top center; background-size:cover;}
	
.index_contents{ padding-top:100px;}
	
.index_contents .img{ display:inline-block !important; padding: 0 0 25px 0; max-width:180px !important; position:absolute; top:10px; left:5px; opacity:1;}
	
	}
	
.index_text{
	width:100%; text-align:center; color:#FFF; font-size:15px;}

.index_enter{
	width:40%; float:left; text-align:center;}
	
.index_icon{
	width:20%; float:left; text-align:center; padding-top:50px;}
	
.index_enter img, .index_icon img{
	display:inline-block;}

/**common**/

input[name=menu_bt]{
	display:none;}

.clear:after{*zoom:1;}
.clear:after{content:''; display:block; clear:both;}	

.contents{
    width: 100%; max-width: 1000px; margin: 0 auto; position: relative;}

.owl-dots{
	display:none !important;}
	
.font_style{
	font-family:"Pinyon Script", cursive;}
	
header{
    width: 100%; position: relative;}

header h1{
    position: absolute; bottom: 0; width:50%;}
	
.contents_box01{ width:100%; height:1500px; display:none; animation: box01 3s ease-in-out; position: absolute; top: 0; left: 0; z-index: 999; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
@keyframes box01{
	0%{ display:block;}
	99%{ display:block;}
	100%{ display:none;}
	}

nav{
	position:absolute; right:0; bottom:0; width:100%; height:100%; z-index:100;}
	
.kirakira{
	position:absolute; right:0; bottom:0; width:100%; height:100%; z-index:1; background:url(../images/common/kirakira.png) top center; background-size:cover; animation: kirakira 3s ease-in-out infinite;}

nav ul{ height:100%;}
	
nav li{
	float:left; width:16.5%; text-align:center; height:100%;}
	
nav li .nav_box{ position:absolute; bottom:0; width:100%; background: rgba(255,255,255,0.8);  padding: 30px;}

nav li:hover .nav_box{ background:none;}
nav li .nav_menu{
	display:inline-block; max-width:100%; height:auto;}
	
.nav_fix{
	width:100%; height:50px; background:rgba(255,255,255,0.8); position:fixed; display:block; z-index:990; top:-50px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
@keyframes kirakira{
	0%{ opacity:0;}
	50%{ opacity:1;}
	100%{ opacity:0;}
	}
.nav_fixed{
	top:0 !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.nav_fix ul{
	max-width:1100px; width:100%; margin:0 auto;}
	
.nav_fix li{
	float:left; padding:5px 14px;}
	
.nav_fix li.logo{
	float:left; padding:0 10px !important;}

.nav01{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani01 0.5s ease-in-out;}
.nav02{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani02 0.5s ease-in-out; animation-delay:0.5s;}
.nav03{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani03 0.5s ease-in-out; animation-delay:1s;}
.nav04{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani04 0.5s ease-in-out; animation-delay:1.5s;}
.nav05{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani05 0.5s ease-in-out; animation-delay:2s;}
.nav06{ transition:all 0.5s ease-in-out; height:100%; width:100%; opacity:1; animation: ani06 0.5s ease-in-out; animation-delay:2.5s;}

.nav01:hover{ background:url(../images/common/nav_bg01.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
.nav02:hover{ background:url(../images/common/nav_bg02.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
.nav03:hover{ background:url(../images/common/nav_bg03.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
.nav04:hover{ background:url(../images/common/nav_bg04.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
.nav05:hover{ background:url(../images/common/nav_bg05.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
.nav06:hover{ background:url(../images/common/nav_bg06.jpg) top center; background-size:cover; transition:all 0.5s ease-in-out; opacity:1;}
	
@keyframes ani01{
	0%{ opacity:0; background:url(../images/common/nav_bg01.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg01.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg01.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg01.jpg) top center;}
	}
@keyframes ani02{
	0%{ opacity:0; background:url(../images/common/nav_bg02.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg02.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg02.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg02.jpg) top center;}
	}
@keyframes ani03{
	0%{ opacity:0; background:url(../images/common/nav_bg03.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg03.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg03.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg03.jpg) top center;}
	}
@keyframes ani04{
	0%{ opacity:0; background:url(../images/common/nav_bg04.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg04.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg04.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg04.jpg) top center;}
	}
@keyframes ani05{
	0%{ opacity:0; background:url(../images/common/nav_bg05.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg05.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg05.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg05.jpg) top center;}
	}
@keyframes ani06{
	0%{ opacity:0; background:url(../images/common/nav_bg06.jpg) top center;}
	45%{ opacity:1; background:url(../images/common/nav_bg06.jpg) top center;}
	50%{ opacity:1; background:url(../images/common/nav_bg06.jpg) top center;}
	100%{ opacity:0; background:url(../images/common/nav_bg06.jpg) top center;}
	}
	
@media (max-width: 1200px) {
	
header{
    width: 100%; height:}
	
	}
	
@media (max-width: 679px) {
	
header{
    width: 100%;}
	
	}
	
@media (max-width: 439px) {
	
header{
    width: 100%;}
	
	}

	
.pagetop{
	width:73px; height:73px; position:fixed; bottom:-80px; right:5px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; z-index:990;}
	
.pagetop_fixed{
	bottom:55px !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
	
#main_banner{
	width:100%; background:url(../images/top/top_banner_bg.jpg) top center no-repeat; padding: 10px 0 50px 0;}	
	
.main_banner{
	width:100%; max-width:1200px; margin:0 auto; padding:30px 0;}
	
.diary_title01{ width:100%; height:450px; background:#72b7ff url(../images/top/diary_title.png) top center no-repeat; background-size:cover;}
	
.owl-theme .owl-controls{
	display:none !important;}
	
.mobile_sm_none{
	display:block;}	
	
.mobile_fixed{
	width:100%; height:45px; background:rgba(41,143,226,0.8); position:fixed; z-index:500; display:none;}
	
.mobile_fixed .tel a{
	font-size:17px; line-height:45px; color:#FFF; padding-left:40px;}	
	
.mobile_fixed .tel {
	font-size:14px; line-height:45px; color:#FFF;}	
	
.mobile_fixed .tel i{
	font-size:30px; position:absolute; z-index:999; top:8px; left:10px;}	

.mobile_fixed_bottom{
	width:100%; height:50px; background:rgba(41,143,226,0.8); position:fixed; bottom:0; left:0; z-index:500; display:none;}
	
.mobile_fixed_bottom li{
	width:20%; float:left; text-align:center;}
	
.mobile_fixed_bottom li a{
	color:#FFF; font-size:15px; line-height:50px;}
	
.mobile_fixed_bottom li .fa{
	padding-right:2px;}
	
/**gnb bg**/
#gnb {
  max-width: 350px; margin: 0 auto; display: none;}

.gnb_btn_top{
    position: fixed; top: 10px; right: 10px; border-top: 0px solid #00a8ff; border-left: 0px solid transparent; z-index: 950; opacity: .9; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}

.gnb_btn_bottom{
    position: fixed; bottom: 10px; left: 10px; border-bottom: 0px solid #00a8ff; border-right: 0px solid transparent; z-index: 950; opacity: .9; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}

input#gnb_btn01:checked ~ .gnb_btn_top{
    border-left-width: 1921px; border-top-width: 956px; opacity: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-in-out; top:0; right:0;}

input#gnb_btn01:checked ~ .gnb_btn_bottom{
    border-right-width: 1921px; border-bottom-width: 956px; opacity: 1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-in-out; bottom: 0; left: 0;}

/**nav btn**/
.gnb_btn {
  position:fixed; z-index:970; color: #274a61; text-decoration: none; font-size:0; line-height:0; top: 5px; right:5px; width:32px; height:17px; cursor: pointer;}

.gnb_btn ul{
  position:relative; z-index:800; top: 0; left:0; width:32px; height:17px; cursor: pointer; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;}

.gnb_btn li:nth-child(1){
    width: 100%; height: 3px; top:0; background-color: #FFF; border-radius: 1px; position: absolute; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;}

.gnb_btn li:nth-child(2){
    width: 100%; height: 3px; top:7px; background-color: #FFF; border-radius: 1px; position: absolute; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;}

.gnb_btn li:nth-child(3){
    width: 100%; height: 3px; top:14px; background-color: #FFF; border-radius: 1px; position: absolute; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;}

.gnb_btn .lebel_text{
	font-size:10px; color:#FFF;}
	
input#gnb_btn01:checked ~ .gnb_btn > ul{
     transform:rotate(135deg); -webkit-transform:rotate(135deg); transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;}

input#gnb_btn01:checked ~ .gnb_btn > ul > li{
    top:50%;}

input#gnb_btn01:checked ~ .gnb_btn > ul > li:nth-child(3){
    transform:rotate(90deg); -webkit-transform:rotate(90deg);}

/**nav text**/
ul.gnb_text{
    text-align: center; max-width: 350px; height: 100%; width: 100%; top: 50px; z-index: -999; position: absolute; opacity: 0; position: fixed;}
	
	ul.gnb_text li{
		padding:10px 0;}

input#gnb_btn01:checked ~ ul.gnb_text{
    animation: navtext 2s ease-in-out; -webkit-animation: navtext 2s ease-in-out; z-index: 990; opacity: 1; overflow:auto; padding-bottom:80px;}


@media (max-width: 1025px) {

header{
    width: 100%; background: url(../images/common/top_banner.jpg) top center; background-size:cover; position: relative;}
	
header h1{
	width:100%;}
	
nav, #sync2, .nav_fix{
	display:none !important;}
	
.mobile_fixed, .mobile_fixed_bottom{
	display:block;}
	
#gnb{
	display:block;}
	
.owl-theme .owl-controls{
	display:block !important;}
	
}

@media (max-width: 767px) {

header{
    width: 100%; background: url(../images/common/top_banner.jpg) top center; background-size:cover; position: relative;}

.mobile_sm_none{
	display:none;}
	
header h1{
	width:100%;}
	
nav{
	display:none !important;}
	
.mobile_fixed{
	display:block;}
	
.mobile_sm_none{
	display:none;}
	
.ranking .ranking_img{ width:25%;}
	
}


/**newgirl**/
	
.newgirl{
	width:100%; padding:30px 0; background:url(../images/top/newgirl_bg.png) top right no-repeat;}
	
.newgirl .newgirl_tab01 li a{
	font-size:50px;}

.newgirl_tab_mobile{
	display:none; text-align:center;}
	
.newgirl_tab_mobile > li.active > a, .newgirl_tab_mobile > li.hover > a{
	border-radius:50% !important;}

.newgirl .newgirl_tab_mobile li a .text01{
	color:#00a8ff; font-size:20px; font-family:"Pinyon Script", cursive;}
	
.newgirl .newgirl_tab_mobile li.active a .text01{
	color:#FFF !important; font-size:20px; font-family:"Pinyon Script", cursive;}
	
.newgirl .newgirl_tab01 li a .text01{
	color:#00a8ff; font-size:50px; font-family:"Pinyon Script", cursive;}
	
.newgirl .newgirl_tab01 li.active a .text01{
	color:#FFF !important; font-size:50px; font-family:"Pinyon Script", cursive;}

.newgirl .text_box{
	padding:30px; position:relative;}
	
.newgirl li .number{
	position:absolute; top:10px; right:25px; font-size:240px; color:#00a8ff; opacity:0.4;}
	
.newgirl .en_name{
	font-size:100px; color:#535154;}
	
.newgirl .name{
	font-size:23px; color:#535154;}
	
.newgirl .size{
	font-size:20px; color:#535154;}
	
.newgirl .text{
	font-size:20px; color:#00a8ff;}
	
.newgirl .comment{
	font-size:15px; color:#535154; max-width:450px;}
	
@media (max-width: 989px) {
	
.newgirl_tab01{
	display:none;}
	
.newgirl_tab_mobile{
	display:block;}

}
	

/**pickup_news**/
	
.pickup_news{
	width:100%;}
	
.pickup_news .pick_img{
	float:right !important; position:relative;}
	
.pick_img .text_bg{
	position:absolute; left:0; bottom:0; z-index:10; padding:2px; width:100%;}
	
.pick_img .text_box{
	z-index:50; padding:20px; background:#72b7ff;}
	
.top_sc li:nth-child(n+1) .text_box{ background:#ff7272;}
.top_sc li:nth-child(n+2) .text_box{ background:#ff729a;}
.top_sc li:nth-child(n+3) .text_box{ background:#ff72c5;}
.top_sc li:nth-child(n+4) .text_box{ background:#ff72f3;}
.top_sc li:nth-child(n+5) .text_box{ background:#dc72ff;}
.top_sc li:nth-child(n+6) .text_box{ background:#c272ff;}
.top_sc li:nth-child(n+7) .text_box{ background:#9372ff;}
.top_sc li:nth-child(n+8) .text_box{ background:#7279ff;}
.top_sc li:nth-child(n+9) .text_box{ background:#72ccff;}
.top_sc li:nth-child(n+10) .text_box{ background:#72fdff;}
.top_sc li:nth-child(n+11) .text_box{ background:#72ffcf;}
.top_sc li:nth-child(n+12) .text_box{ background:#72ffc2;}
.top_sc li:nth-child(n+13) .text_box{ background:#72ffae;}
.top_sc li:nth-child(n+14) .text_box{ background:#72ff79;}
.top_sc li:nth-child(n+15) .text_box{ background:#93ff72;}
.top_sc li:nth-child(n+16) .text_box{ background:#e6ff72;}
.top_sc li:nth-child(n+17) .text_box{ background:#ffe672;}
.top_sc li:nth-child(n+18) .text_box{ background:#ffc872;}
.top_sc li:nth-child(n+19) .text_box{ background:#ff9a72;}
.top_sc li:nth-child(n+20) .text_box{ background:#ff7272;}
.top_sc li:nth-child(n+21) .text_box{ background:#ff729a;}
.top_sc li:nth-child(n+22) .text_box{ background:#ff72c5;}
.top_sc li:nth-child(n+23) .text_box{ background:#ff72f3;}
.top_sc li:nth-child(n+24) .text_box{ background:#dc72ff;}
.top_sc li:nth-child(n+25) .text_box{ background:#c272ff;}
.top_sc li:nth-child(n+26) .text_box{ background:#9372ff;}
.top_sc li:nth-child(n+27) .text_box{ background:#7279ff;}
.top_sc li:nth-child(n+28) .text_box{ background:#72ccff;}
.top_sc li:nth-child(n+29) .text_box{ background:#72fdff;}
.top_sc li:nth-child(n+30) .text_box{ background:#72ffcf;}
.top_sc li:nth-child(n+31) .text_box{ background:#72ffc2;}
.top_sc li:nth-child(n+32) .text_box{ background:#72ffae;}
.top_sc li:nth-child(n+33) .text_box{ background:#72ff79;}
.top_sc li:nth-child(n+34) .text_box{ background:#93ff72;}
.top_sc li:nth-child(n+35) .text_box{ background:#e6ff72;}
.top_sc li:nth-child(n+36) .text_box{ background:#ffe672;}
.top_sc li:nth-child(n+37) .text_box{ background:#ffc872;}
.top_sc li:nth-child(n+38) .text_box{ background:#ff9a72;}
	
.pickup{
	position:relative; padding:10px;}
	
.pickup:hover .over_bg{
	opacity:1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}		
	
.pickup_title{
	position:absolute !important; top:20px; z-index:150;}
	
.news_title{
	position:absolute !important; top:20px; z-index:150;}	
	
.news{
	background:rgba(41,143,226,0.8); position:relative; height:100%; padding-bottom: 30px; color:#FFFFFF; font-size:16px;}	
	
.news_title{
	padding:0 0 0 20px;}		
	
.news ul{
	padding:70px 0 0 25px;}
	
.news li{
	padding:30px 0 0 0;}	
	
.news .title{
	font-size:20px; color:#FFF;}
	
.news .comments{
	font-size:18px; color:#FFF; max-width:650px; width:100%; padding:10px 0 0 10px;}

.ranking{
	width:100%; padding:40px 10px;}	
	
.ranking_contents{
	position:relative; padding:10px; width:100%}

.ranking .ranking_img{
	border-radius:50%; overflow:hidden; float:left; width:20%;}
	
.ranking .text_box{
	width:80%; background:rgba(41,143,226,0.8); position:absolute; bottom:0; right:0; z-index:10; padding:15px;}	
	
.ranking .text_box .en_name a{
	font-size:50px; color:#FFF;}	
	
.ranking .name a{
	font-size:15px; color:#FFF; line-height:25px;}

.ranking .number{
	font-size:100px; bottom:0; right:25px; position:absolute; color:rgba(255,255,255,0.6);}

@media (max-width: 1300px) {
.ranking .ranking_img{ width:25%;}	
}

@media (max-width: 1100px) {
.ranking .ranking_img{ width:30%;}	

.ranking .text_box{ width:70%;}
}


@media (max-width: 630px) {
.news .title{
	font-size:15px; color:#FFF;}
	
.news .comments{
	font-size:12px; color:#FFF; max-width:650px; width:100%; padding:10px 0 0 10px;}
	
.ranking .text_box{
	padding:5px;}
	
.ranking .text_box .en_name a{
	font-size:25px; color:#FFF;}	
	
.ranking .name a{
	font-size:12px; color:#FFF; line-height:25px;}
	
.ranking .number{
	font-size:50px; bottom:0; right:25px; position:absolute; color:rgba(255,255,255,0.6);}	
	
.ranking .ranking_img{ width:35%;}

.ranking .text_box{ width:70%;}
}



/**shcedule**/

.schedule{
	padding:40px 0;}

.list_conetns{
	width:20%; float:left;}
	
.girllist .pick_img{
	position:relative; padding:2px;}
	
.girllist li:hover > .over_bg{
	opacity:1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}	

.girllist .en_name{
	font-size:85px; color:#000;}
	
.girllist .name{
	font-size:23px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .size{
	font-size:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .schedule_text{
	font-size:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
		
.girllist .over_bg{
	width:100%; height:100%; background:rgba(41,143,226,0.8); position:absolute; top:0; left:0; z-index:100; opacity:0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; cursor:pointer;}	

.girllist .over_name{
	text-align:center; padding-top:30%;}
	
.girllist .over_name a{
	font-size:85px; color:#FFF;}	
	
.girllist .over_btn{
	width:50px; height:50px; border-radius:25px; background-color:#FFF; text-align:center; margin:0 auto; margin-top:15%; line-height:50px;}
	
.girllist .over_btn a{
	 color:#00a8ff; font-size:25px; line-height:50px;}	
	
.girllist .over_text{
	padding-top:20%; text-align:center;}
	
.girllist .over_text a{
	font-size:25px; color:#FFF;}


@media (max-width: 1359px) {
	
.girllist .en_name{
	font-size:35px; color:#000;}
	
.girllist .name{
	font-size:13px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .size{
	font-size:12px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .schedule_text{
	font-size:15px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.pick_img .text_box{
	padding:3px;}
	
.girllist .over_name{
	text-align:center; padding-top:25%;}
	
.girllist .over_name a{
	font-size:35px; color:#FFF;}	
	
.girllist .over_btn{
	width:36px; height:36px; border-radius:18px; background-color:#FFF; text-align:center; margin:0 auto; margin-top:15%; line-height:36px;}
	
.girllist .over_btn a{
	 color:#00a8ff; font-size:15px; line-height:36px;}	
	
.girllist .over_text{
	padding-top:10%; text-align:center;}
	
.girllist .over_text a{
	font-size:15px; color:#FFF;}
}



@media (max-width: 959px) {
.list_conetns{
	width:50%; float:left;}
	
.girllist .en_name{
	font-size:50px; color:#000;}
	
.girllist .name{
	font-size:18px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .size{
	font-size:15px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .schedule_text{
	font-size:15px; line-height:20px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.pick_img .text_box{
	padding:3px;}
	
.girllist .over_name{
	text-align:center; padding-top:30%;}
	
.girllist .over_name a{
	font-size:60px; color:#FFF;}	
	
.girllist .over_btn{
	width:36px; height:36px; border-radius:18px; background-color:#FFF; text-align:center; margin:0 auto; margin-top:15%; line-height:36px;}
	
.girllist .over_btn a{
	 color:#00a8ff; font-size:15px; line-height:36px;}	
	
.girllist .over_text{
	padding-top:20%; text-align:center;}
	
.girllist .over_text a{
	font-size:20px; color:#FFF;}
}



@media (max-width: 630px) {
.list_conetns{
	width:50%; float:left;}
	
.girllist .en_name{
	font-size:35px; color:#000;}
	
.girllist .name{
	font-size:13px; line-height:14px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .size{
	font-size:12px; line-height:14px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.girllist .schedule_text{
	font-size:12px; line-height:14px; color:#FFF; text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000;}
	
.pick_img .text_box{
	padding:3px;}
	
.girllist .over_name{
	text-align:center; padding-top:30%;}
	
.girllist .over_name a{
	font-size:45px; color:#FFF;}	
	
.girllist .over_btn{
	width:36px; height:36px; border-radius:18px; background-color:#FFF; text-align:center; margin:0 auto; margin-top:15%; line-height:36px;}
	
.girllist .over_btn a{
	 color:#00a8ff; font-size:15px; line-height:36px;}	
	
.girllist .over_text{
	padding-top:20%; text-align:center;}
	
.girllist .over_text a{
	font-size:15px; color:#FFF;}
}


footer{
	width:100%; height:100px; color:#000; background:#a8a8a8; text-align:center; padding-top:30px;}


	

.girlinfo{
	width:100%; max-width:1300px; margin:0 auto;}

.girlinfo ul.loop02 li{
	padding:20px; background:#eeeeee;}
	
.girlinfo .btns{
	padding-top:60px;}
	
.girlinfo .textbox{
	padding:50px 30px 0 30px;}
	
.girlinfo .sub_title{
	padding-top:50px;}

.girlinfo .textbox .en_name{
	font-size:150px; color:#333; font-weight:600;}
	
.girlinfo .textbox .text01{
	font-size:15px; color:#00a8ff; font-weight:600;}
	
.girlinfo .textbox .name{
	font-size:30px; color:#000; font-weight:700;}
	
.girlinfo .textbox .size{
	font-size:15px; color:#525252; font-weight:300; letter-spacing:3px;}
	
.girlinfo .textbox .comment{
	font-size:15px; color:#525252; font-weight:300; letter-spacing:3px; padding-top:20px;}
	
.girlinfo .btns .btn{
	background:#999; width:48%; height:30px; margin:1%; float:left; text-align:center; color:#FFF; line-height:30px; border-radius:15px 15px; font-size:15px;}
	
.girlinfo .qna{
	font-size:13px; font-weight:500; color:#00a8ff;}
	
.girlinfo p{
	font-size:13px; font-weight:300; color:#000; line-height:22px;}
	
.ui-state-active .ui-icon, .ui-button:active .ui-icon, .ui-state-default .ui-icon{
	float:right;}
	
.ui-state-active{
	border-bottom:1px solid #999; background:#FFF !important; color:#00a8ff !important; font-size:15px;}
	
.ui-accordion .ui-accordion-header{
	border-bottom:1px solid #999; font-size:15px;}
	
.info_schedule_title{
	text-align:center; margin-top:25px;}

ul.info_schedule{
	margin-top:25px; padding:0 10px;}

ul.info_schedule li{
	width:100%; border-radius:7px; text-align:center; background:#b7e6ff; float:left; margin:0 0.5%}
	
ul.info_schedule li .date{
	width:100%; color:#FFF; font-size:15px; height:40px; background:#00a8ff; line-height:40px; border-radius:7px;}
	
ul.info_schedule li .time{
	width:100%; padding:10px 0; color:#000; font-size:15px; line-height:30px;}
	
.info_schedule >  div > div > .owl-item{
	opacity:1 !important;}

.info_nowmovie li{ 
	float:left; text-align:right; border:1px solid #CCC;}

.info_nowmovie li .blog_textbox{
	padding:2px;}

.info_nowmovie li .blog_name{
	font-size: 12px; color:#00a8ff; line-height:25px;}

.info_nowmovie li .name{
	font-size:13px; color:#000; font-weight:500; line-height:18px;}
	
.info_nowmovie li .size{
	font-size:13px; color:#000; line-height:18px; margin-bottom:5px;}
	
.info_nowmovie li .comment{
	font-size:13px; color:#000; line-height:18px; margin-bottom:10px; overflow:auto; height:30px; text-align:left; padding:0 10px;}
	
.info_nowmovie li .link{
	height:20px; background:#00a8ff; border-radius:7px; padding:2px 10px; font-size:14px; color:#FFF; margin-top:5px;}

	
@media (max-width: 769px) {
ul.info_schedule li{
	width:100%; border-radius:7px; text-align:center; background:#b7e6ff; float:left; margin:0 1.5% 15px 1.5%;}
	
ul.info_schedule li:nth-child(7){
	display:none;}
	
.girlinfo .textbox .text01, .girlinfo .textbox .name, .girlinfo .textbox .size{
	width:100%; text-align:center;}
	
.info_img >  div > div > .owl-item{
	padding:20px;}
	
.girlinfo .textbox{
	padding:20px 0 0 0;}
	
.girlinfo .btns{
	padding-top:20px;}
	
ul.info_schedule{
	margin-top:25px; padding:0 0}
}
	
	
	

.sub_schedule_text{
	text-align:center; font-size:20px;}
	
.sub_schedule_text a{
	text-align:center; font-size:20px; color:#000; line-height:50px;}
	
.sub_schedule_title{
	text-align:center; width:100%; background:url(../images/top/title02_bg.png) 900px center no-repeat;}

.sub_schedule .sub_title{
	width:100%; height:41px; background:url(../images/top/line.jpg) center center repeat-x; text-align:center;}

.sub_schedule .sub_title img{
	display:inline-block;}

.sub_schedule li{
	width:12.5%; height:246px; margin-top:10px; float:left; padding:0 3px;}
	
.sub_schedule li .inner{
	width:100%; height:246px; border:1px solid #d6d6d6; background:#FFF;}
	
.sub_schedule li .inner .date{
	width:100%; height:80px; background:#00a8ff; text-align:center; padding:20px 0 0 0;}
	
.sub_schedule li .inner .date .date01{
	color:#FFF; font-size:14px; width:100%;}
	
.sub_schedule li .inner .date .date02{
	color:#FF0; font-size:18px; width:100%;}

.sub_schedule li .inner .time{
	width:100%; text-align:center; padding:20px 0 0 0;}
	
.sub_schedule li .inner .time01{
	width:100%; color:#000; font-size:18px; font-weight:500;}
	
.sub_schedule li .inner .time02{
	width:100%; display:inline-block; padding:15px 0;}
	
.sub_schedule .girl{
	width:12.5%; height:246px; margin-top:10px; border:1px solid #d6d6d6; padding:2px; float:left; overflow:hidden; position:relative;}
	
.sub_schedule .girl .textbox{
	width:100%; position:absolute; padding:3px 0; background:rgba(41,143,226,0.8); bottom:0; height:30px;}
	
.sub_schedule .girl .textbox .text{
	position:absolute; top:5px; left:0; z-index:30; width:100%;}

.sub_schedule .girl .textbox .text01{
	 text-align:center; width:100%;}
	
.sub_schedule .girl .textbox .text01 a{
	color:#FFF; font-size:15px; font-weight:300;}
	
.sub_schedule .girl .textbox .text02{
	 text-align:center; width:100%;}
	
.sub_schedule .girl .textbox .text02 a{
	color:#dfdfdf; font-size:10px;}
	
.girl_schedule{
	margin:10px 0;}

@media (max-width: 769px) {	
.sub_schedule .girl .bg{
	display:none;}
	
.sub_schedule .girl .textbox{
	width:100%; float:left;}
	
.sub_schedule .girl .textbox .text01 a{
	color:#FFF; font-size:12px; font-weight:300;}
	
.sub_schedule .girl .textbox .text02{
	 text-align:center; width:100%; display:block; font-size:18px;}
}

@media (max-width: 481px) {
.sub_schedule li{
	width:25%;}
	
.sub_schedule li:nth-child(2){
	width:33.3%;}
	
.sub_schedule li:nth-child(3){
	width:33.3%;}
	
.sub_schedule li:nth-child(4){
	width:33.3%;}
	
.sub_schedule .girl{
	width:100%;}

.sub_schedule .girl{
	height:400px;}
		
.sub_schedule .girl .img{
	width:100%; float:left;}
	
.sub_schedule .girl .bg{
	display:none;}
	
.sub_schedule .girl .textbox{
	width:100%; float:left;}
	
.sub_schedule .girl .textbox .text01 a{
	color:#FFF; font-size:18px; font-weight:300;}
	
.sub_schedule .girl .textbox .text02{
	 text-align:center; width:100%; display:block; font-size:18px;}
}	




.sub_page{
	background:url(../images/sub/sub_bg.jpg) top center no-repeat;}

.sub_page .text{
	font-size:12px; color:#000; padding:30px 0; line-height:25px;}


.hotel_list table{ width:100%; padding-top:45px;}
.hotel_list th{ height:30px; text-align:left; border-bottom:1px dotted #666666; color:#296bf2;}
.hotel_list td{ height:30px; text-align:left; border-bottom:1px dotted #666666; color:#000;}