@charset "utf-8";
/* CSS Document */


* {	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:#000; color: #000; font-size: 14px; background:url(../images/common/bg.jpg) top center fixed;}

a:hover{
	opacity:0.6; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

/**common**/

input[name=menu_bt]{
	display:none;}

.clear:after{*zoom:1;}
.clear:after{content:''; display:block; clear:both;}

.text_overflow{
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal;
	text-overflow:ellipsis;
	}


.index{
	background:url(../images/index/index_bg.jpg) top center; background-size:cover; position:relative;}


.index_box{
	max-width:1100px; margin:0 auto; display:table;}

.index_contents{
	width:100%; display:table-cell; vertical-align:middle;}

.index_text{
	width:100%; text-align:center; color:#FFF; font-size:15px;}

.index_text02{
	width:100%; text-align:center; color:#FFF; font-size:15px;}

.index_text02 a{
	color:#FFF; font-size:15px;}

.index_enter{
	width:100%; margin:0 auto; transition:all 0.5s ease-in; max-width:440px; position:relative; z-index:100;}

.index_enter .index_enter_bg{
	position:absolute; top:0; left:0; opacity:0; z-index:-1; transition:all 0.5s ease-in;}

.index_enter:hover .index_enter_bg{
	opacity:1; transition:all 0.5s ease-in;}


.index_icon{
	width:100%; float:left; text-align:center;}

.index_tel{
	text-align:center; display:inline-block; width:100%; padding:10px 0;}

.index_enter img, .index_icon img, .index_tel img{
	display:inline-block;}

.enter_contents{
	padding-top:50px;}

.index_footer{
	width:100%; position:absolute; bottom:0; text-align:center; padding:50px 0 0 0; color:#000;}

.contents{
    width: 100%; max-width: 1000px; margin: 0 auto; position: relative;}

.owl-dots{
	display:none !important;}

.font_style{
	font-family:"Pinyon Script", cursive;}

.middle_box{
	max-width:1100px; margin:0 auto;}

.middle_contents{
	background:rgba(0,0,0,0.7); margin-top:-55px; padding: 0 10px;}

.title{
	text-align:center; padding:50px 0 15px 0;}

.title img{
	display:inline-block;}

/**header**/

header{
	width:100%; background-attachment:fixed; background-size:cover; position:relative; overflow: hidden;}

header .logo{
	max-width:1100px; width:100%; margin:0 auto; padding-top:10%;}

header .tel{
	max-width:450px; width:100%; margin:0 auto; position:absolute; bottom:10px; left:50%; margin-left:-225px;}


nav ul{
	max-width:1100px; width:100%; margin:0 auto; text-align:center; padding-top:15px;}

nav li{
	display:inline-block; padding-bottom:10px;}

.nav_header{
	width:100%; float:left; background: linear-gradient(-45deg, #dfb86d, #ce563b, #9a0022, #2b0d1e);
	background-size: 400% 400%;
	animation: gradientBG 10s ease infinite;}

.nav_header ul{
	max-width:1100px; width:100%; margin:0 auto; padding:10px 0;}

.nav_fix{
	width:100%; height:50px; background:rgba(97,0,0,0.8); position:fixed; display:block; z-index:990; top:-50px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.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;}

.nav_fix li.logo{
	float:left; padding:0 10px !important;}

.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; }

.mobile_fixed{
	width:100%; height:45px; background:#ff0000; position:fixed; z-index:500; display:none; bottom:0; }

.mobile_fixed .tel{
	width:100%; text-align:center;}

.mobile_fixed .tel a{
	font-size:24px; line-height:45px; color:#FFF;}

.mobile_fixed .tel a i{
	padding-right:10px;}

.mobile_fixed_bottom{
	width:100%; height:50px; background:rgba(97,0,0,0.5); 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 #000; 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 #000; 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;}

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;}



.contents_box{
	padding: 20px 10px 10px 10px;
  background: #FFF;
	margin-top:30px;
	box-shadow: 3px 3px 7px #999;
	border-radius: 5px;
	position: relative;}

.contents_box::after{
	content: '';
	background: linear-gradient(-45deg, #dfb86d, #ce563b, #9a0022, #2b0d1e);
	background-size: 400% 400%;
	animation: gradientBG 10s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
}

@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.contents_box02{
	padding: 2px;
    background: #FFF;
	box-shadow: 3px 3px 7px #999;
	margin-top:30px;
	position: relative;}

	.contents_box02::after{
		content: '';
		background: linear-gradient(-45deg, #dfb86d, #ce563b, #9a0022, #2b0d1e);
		background-size: 400% 400%;
		animation: gradientBG 10s ease infinite;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 10px;
	}

.text_title{
	font-size:15px; color:#999; padding:20px; font-family: 'Dancing Script', cursive;}

.text_title span{
	font-size:42px; color:#000; font-family: 'Dancing Script', cursive; padding-right:15px;}

.text_title p{
	font-size:42px; color:#ff0000; font-family: 'Dancing Script', cursive;  display:inline-block}


.pickup li:first-child{
	width:39.4%;}

.pickup li{
	width:19.4%; float:left; position:relative; margin:0.3%;}

.pickup li .overimg{
	position:absolute; top:0; left:0; z-index:10; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.pickup li:hover .overimg{
	opacity:0; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.pickup li .textbox{
	width:100%; position:absolute; z-index:20; background:rgba(0,0,0,0.7); bottom:0;}

.pickup li:first-child .textbox .text a{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:15px; padding:10px 0 5px 10px; line-height:25px;}

.pickup li .textbox .text a{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:12px; padding:10px 0 5px 10px; line-height:25px;}

.pickup li:first-child .textbox .text02{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:15px; padding:10px 0 5px 10px; line-height:25px;}

.pickup li .textbox .text02{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:12px; padding:10px 0 5px 10px; line-height:25px;}



.schedule li{
	width:19.4%; float:left; position:relative; margin:0.3%;}

.schedule li .overimg{
	position:absolute; top:0; left:0; z-index:10; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.schedule li:hover .overimg{
	opacity:0; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.schedule li .textbox{
	width:100%; position:absolute; z-index:20; background:rgba(0,0,0,0.5); bottom:0;}

.schedule li .textbox .text a{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:12px; padding:10px 0 5px 10px; line-height:17px;}

.schedule li .textbox .text{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:12px; line-height:17px;}

.schedule li .textbox .text02{
	color:#FFF; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; font-size:15px; padding:10px 0 5px 10px; line-height:17px;}


.girl_banner{
	padding:20px 0;}


.girllist li{
	width:19.4%; float:left; position:relative; margin:0.3%; border-radius:3px; border:1px solid #000;}

.girllist li .overimg{
	position:absolute; top:0; left:0; z-index:10; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.girllist li:hover .overimg{
	opacity:0; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.girllist li .textbox{
	width:100%; background:#000;}

.girllist li .textbox .text a{
	color:#FFF; font-size:12px; padding:10px 0 5px 5px; line-height:20px; font-weight:500; letter-spacing:-1px;}

.girllist li .textbox .text{
	color:#FFF; font-size:12px; line-height:20px; font-weight:500; letter-spacing:-1px;}

.girllist li .textbox .text02{
	color:#f3c5ad; font-size:17px; padding:0 0 5px 5px; line-height:20px; font-weight:500; letter-spacing:-1px;}

.girllist li .textbox .text03{
	color:#eb7233; font-size:10px; padding:10px 0 5px 5px; line-height:20px; font-weight:500; letter-spacing:-1px;}



.news ul{
	max-height:450px; overflow:auto; padding:0 20px;}

.news li{
	padding:0 0 30px 0;}

.news li .news_title{
	font-size:20px; color:#ffe11b; font-weight:500; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000;}

.news li:nth-child(2n-1) .news_title{
	font-size:20px; color:#ff1b81; font-weight:500; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000;}

.news li .news_date{
	font-size:12px; color:#ff1b81; font-weight:500; text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; padding:5px 0 10px 0;}

.news li .news_comment{
	font-size:12px; color:#000; line-height:20px; padding:0 15px 0 15px;}





.ranking .ranking_title{
	padding:27px 20px 23px 0;}

.ranking_title_m{
	display:none;}

.ranking .ranking_img{
	width:100%; padding:10px; position:relative;}

.ranking_icon{
	position:absolute; top:0; left:0;}

.ranking .ranking_text01{
	width:201px; height:42px; position:absolute; bottom:-5px; right:10px; background:url(../images/top/ranking_textbox01.png) no-repeat; text-align:center;}

.ranking .ranking_text01 a{
	font-size:18px; color:#FFF; line-height:42px;}

.ranking .ranking_text02{
	width:170px; height:36px; position:absolute; bottom:-5px; right:10px; background:url(../images/top/ranking_textbox02.png) no-repeat; text-align:center;}

.ranking .ranking_text02 a{
	font-size:15px; color:#FFF;  line-height:36px;}

footer{
	width:100%; height:100px; color:#000; background:#a8a8a8; text-align:center; padding-top:30px; margin-top:50px;}


@media (max-width: 769px) {
.ranking .ranking_title{
	display:none;}

.ranking_title_m{
	display:block;}

.ranking_contents{
	padding:30px 0 0 0;}
}


.right_contents{
	padding:0 10px;}

.right_contents li{
	padding:20px 10px 10px 10px;}

.right_fixed{
	position: sticky !important;
}

@media (max-width: 1025px) {

.girllist li, .schedule li{
	width:24.4%;}

.pickup li:first-child{
	width:49.4%;}

.pickup li{
	width:24.4%; float:left; position:relative; margin:0.3%;}

.pickup li:nth-child(6), .pickup li:nth-child(7){
	display:none;}

header{
	width:100%; background-size:cover; position:relative; background-attachment:inherit;}

.nav_fix{
	display:none !important;}

.mobile_fixed, .mobile_fixed_bottom{
	display:block;}

#gnb{
	display:block;}

}

.pc{display: block !important;}
.mo{display: none !important;}


@media (max-width: 649px) {

.girllist li, .schedule li{
	width:32.7%;}

.pickup li:first-child{
	width:99.4%;}

.pickup li{
	width:49.4%; float:left; position:relative; margin:0.3%;}

header{
	width:100%; background-size:cover; position:relative; background-attachment:inherit;}


.middle_contents{
	margin-top:0px;}



}

@media (max-width: 485px) {

.girllist li, .schedule li{
	width:49.4%;}

header{
	width:100%; background-size:cover; position:relative; background-attachment:inherit;}

header .tel{
	max-width:280px; width:100%; margin:0 auto; bottom:10px; left:50%; margin-left:-140px;}

}


.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)  top center fixed repeat-x; text-align:center;}

.sub_schedule .sub_title img{
	display:inline-block;}

.sub_schedule li{
	width:25%; margin-top:10px; float:left; padding:10 3px;}

.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 li .inner{
	width:100%; border:1px solid #d6d6d6; background:#FFF; text-align:center; }

.sub_schedule li .inner .date{
	width:100%; height:80px; background:#ff3761; 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 .date .date02 .blue{
	 font-size:18px !important;}

.sub_schedule li .inner .date .date02 .red{
	 font-size:18px !important;}

.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:100%; 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(255,55,97,0.5); 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; padding:3px;}

.girl_schedule ul{
	border:1px solid #999; padding:5px;}

@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;}

	 .pc{display: none !important;}
	 .mo{display: block !important;}

}

@media (max-width: 481px) {
.sub_schedule li{
	width:50%;}

.sub_schedule li:nth-child(2){
	width:50%;}

.sub_schedule li:nth-child(3){
	width:50%;}

.sub_schedule li:nth-child(4){
	width:50%;}

.sub_schedule .girl{
	width:100%;}



.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;}

				.profile_name{
					font-size:20px !important;
					color:#ff3761;
					font-weight:bold;
					}


				.profile_size{
					font-size:15px !important;
					color:#000;
					font-weight:bold;
					}
}



			#girlinfo_content {
				float:left;
				margin:0 0 6px 6px;
				background:rgba(0, 0, 0, 0.5);
				}



				#p1{
					float:left;
					margin:10px 0 0 6px;
					}

				#girlinfo_p1s {
					float:left;
					}


				#girlinfo_icon {
					width:160px;
					height:10px;
					float:left;
					margin:0px 0 0 0px;
					}

				#girlinfo_comment {
					width:270px;
					height:10px;
					float:right;
					color:#FFF;
					text-align:right;
					font-size:12px;
					font-weight:bold;
					margin:6px 10px 0 0;
					}

				#girl_profile{
					height:350px;
					float:right;
					}

				#girl_profile p{
					padding:5px 0;
					}


				#profile a{
					margin-top:4px;
					float:right;
					text-align:center;
					width:150px;
					height:20px;
					border:3px solid #5d9f38;
					background:#000;
					color:#FFF;
					line-height:20px;
					}

				#profile a:hover{
					float:right;
					text-align:center;
					width:150px;
					height:20px;
					border:3px solid #5d9f38;
					background:#39F;
					color:#FFF;
					}

				.profile_name{
					font-size:40px;
					color:#ff3761;
					font-weight:bold;
					}


				.profile_size{
					font-size:20px;
					color:#000;
					font-weight:bold;
					}

				.back_btn{
					width:88px;
					float:right;
					padding-bottom:5px;
					cursor: pointer;
					cursor: hand;
					}


				.profile_title{
					background: #ff3761;
					color:#FFF;
					font-size:18px;
					font-weight:bold;
					text-align:center;
					padding:5px 0;
					margin:10px 0 0 0;
					}

				.profile_comment{
					padding:0 10px;}

				.profile_comment p{
					color:#000;
					height:140px;
					font-size:12px;
					overflow:auto;
					}

				.girlinfo_movie{
					}


				#p1s ul{
					margin:1px 1px;
					}

				#p1s ul li{
					padding:0 1px;
					float:left;
					}


				#p1s ul li img{
					border:0px solid #FFF;
					max-width:80px;
					width:100%;
					}





.system_text{
	font-size:12px; color:#000; padding:30px 0; line-height:25px; font-weight: 500;}





.hotel_list table{ width:100%; padding-top:45px;}
.hotel_list th{ height:30px; text-align:left; border-bottom:1px dotted #666666; color:#F00;}
.hotel_list td{ height:30px; text-align:left; border-bottom:1px dotted #666666; color:#FFF;}

#video-background {
/*  making the video fullscreen  */
  position:absolute;
  top:0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background:#FFF;
	transform: scale(1.7);
}
