@charset "utf-8";

.footer_inner,
.footer_up,
.hi_menu,
.content_top{
	display:none;
}
.header_inner,
.menu_inner{
	width:100%;
}
.header{
	left:0;
	margin-left:0;
	width:100%;
}
.header_inner{
	margin-left:0;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
	background:none;
}
.header_inner_box{
	width:100%;
	margin-left:0;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
}

/*-----------------------------------
■ menu
-------------------------------------*/
.menu_up_inner li:nth-child(1) a .m_img,
.him_up li:nth-child(1) a .m_img,
.sp_menu_up_inner li:nth-child(1) a .m_img{
	opacity:0
}
.menu_up_inner li:nth-child(1) a .m_img_on,
.him_up li:nth-child(1) a .m_img_on,
.sp_menu_up_inner li:nth-child(1) a .m_img_on{
	opacity:1
}

.menu_up_w{
	margin-right:0;
}
.menu_under{
	margin:0 0 0 0;
	background:none;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg)
}
.menu_under_inner{
	padding-right:0;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg)
}

/*-----------------------------------
■ content
-------------------------------------*/
body{
	margin:0;
	background:#000;
}
header{
	background:rgba(255,255,255,.9);
}
section{
	height:100vh;
	/*background:linear-gradient(-45deg, rgba(0,0,0,.6), rgba(80,80,80,.6));*/
	background:linear-gradient(-45deg, rgba(0,0,0,.3), rgba(80,80,80,.3));
}
video{
	position:fixed;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	background:#000;
	background-size:cover;
	-webkit-transition:1s opacity;
	transition:1s opacity;
}

#mv_slider{
	position:fixed;
	top:0;
	left:0; 
	width:100%;
	height:100%;  
	z-index:-100; 
}
#mv_slider img{
    object-fit: cover;
	width:100%;
	height:100vh;
}
#mv_slider button{
    display: none !important;    
}

/*#bgimg,
#bgimg2{
    object-fit: cover;
}

#bgimg{
   animation: slide-animation-01 10s infinite; 
}
#bgimg2{
   animation: slide-animation-02 10s infinite; 
}
@keyframes slide-animation-01 {
0% {opacity: 1;}
40% {opacity: 1;}
50% {opacity: 0;}
90% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes slide-animation-02 {
0% {opacity: 0;}
40% {opacity: 0;}
50% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}*/

.container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	padding-bottom:0;
	min-height:568px;
	background:url('../img/m_bg.png') no-repeat bottom left;
}

/*-----------------------------------
■ footer
-------------------------------------*/
footer small{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	color:#999;
	background:rgba(0,0,0,.5);
}










@media screen and (max-width:767px){
	section,
	.top_soku title,
	.top_blog title{
		display:none;
	}
	.footer_inner,
	.footer_up,
	.content_top{
		display:block;
	}
	body{background:#fff url('../img/bg_error.jpg') no-repeat top center fixed}

	.top_main img,
	.top_soku .box_list li a img{
		width:100%;
		height:auto;
	}

/*-----------------------------------
■ content
-------------------------------------*/
	.container{
		position:relative;
		height:auto;
		padding-bottom:40px;
		background:rgba(255,255,255,.6) url('../img/sp_bg.png') fixed repeat-x left top;
	}

	.cts_box_top{padding:0 1.5%}
	.top_main{margin:0 0 20px}

/* Slider */
	.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
	.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
	.slick-list:focus{outline:none}
	.slick-list.dragging{cursor:pointer;cursor:hand}
	.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
	.slick-track:before,.slick-track:after{display:table;content:''}
	.slick-track:after{clear:both}
	.slick-loading .slick-track{visibility:hidden}
	.slick-slide{display:none;float:left;height:100%;min-height:1px}
	[dir='rtl'] .slick-slide{float:right}
	.slick-slide img{display:block}
	.slick-slide.slick-loading img{display:none}
	.slick-slide.dragging img{pointer-events:none}
	.slick-initialized .slick-slide{display:block}
	.slick-loading .slick-slide{visibility:hidden}
	.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
	.slick-arrow.slick-hidden{display:none}
	.slick-loading .slick-list{background:#fff url('../img/ajax-loader.gif') center center no-repeat}
/* Icons */
	@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('../fonts/slick.eot');src:url('../fonts/slick.eot?#iefix') format('embedded-opentype'),url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'),url('../fonts/slick.svg#slick') format('svg')}
/* Arrows */
	.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;z-index:1}
	.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}
	.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
	.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
	.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	.slick-prev{left:5px}
	[dir='rtl'] .slick-prev{right:-25px;left:auto}
	.slick-prev:before{content:'←'}
	[dir='rtl'] .slick-prev:before{content:'→'}
	.slick-next{right:5px}
	[dir='rtl'] .slick-next{right:auto;left:-25px}
	.slick-next:before{content:'→'}
	[dir='rtl'] .slick-next:before{content:'←'}
/* Dots */
	.slick-dotted.slick-slider{margin-bottom:30px}
	.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
	.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
	.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
	.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
	.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
	.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	.slick-dots li.slick-active button:before{opacity:.75;color:black}
/* Custom */
	.top_main_wrapper{width:100%;opacity:0;transition:opacity .3s}
	.slick-initialized{opacity:1}

/* soku blog
-------------------------------------*/
	.top_soku,
	.top_blog{
		margin-bottom:10px;
	}

	.top_soku h1,
	.top_blog h1,
	.today_sche h1{
		height:40px;
		line-height:40px;
		margin-bottom:10px;
		padding-left:10px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		background:#000;
	}
	.top_soku h1 a,
	.top_blog h1 a,
	.today_sche h1 a{
		float:right;
		padding:0 10px;
		height:40px;
		line-height:40px;
		color:#fff;
		text-decoration:none;
		background:#060980;
	}

	.top_soku .box_list,
	.top_blog .box_list{
		overflow:hidden;
	}
	.top_soku .box_list li,
	.top_blog .box_list li{
		float:left;
		margin-bottom:10px;
		margin-left:1%;
		border:1px solid #000;
	}
	.top_soku .box_list li{width:32%}
	.top_blog .box_list li{width:48.5%}

	.top_soku .box_list li a,
	.top_blog .box_list li a{
		position:relative;
		display:block;
		text-decoration:none;
	}
	.top_soku .box_list li a .text,
	.top_blog .box_list li a .text{
		position:absolute;
		left:0;
		bottom:0;
		padding:5px 0;
		width:100%;
		text-align:center;
		color:#fff;
		background:rgba(0,0,0,.7)
	}

	.top_blog .box_list li a .mkThumb img{
		width:100%;
		height:200px;
		object-fit:cover;
		font-family:'object-fit: cover;';
	}
	.top_blog .box_list li a .text{
		text-align:left;
	}
	.top_blog .box_list li a .text .mkThumb{
		float:left;
		margin-left:5px;
	}
	.top_blog .box_list li a .text img{
		width:20px;
		height:auto;
	}

/* top_movie
-------------------------------------*/
	.top_movie_w iframe{
		width:100% !important;
		height:295px !important;
		border:0 !important;
		margin-bottom:20px;
	}

/* line_banner
-------------------------------------*/
	.top_line{
		display:block;
		margin:0 1.5% 20px;
	}

/* today's Schedule
-------------------------------------*/
	.today_sche{
		margin-bottom:50px;
	}
	.gl_box{
		box-sizing:border-box;
		display:inline-block;
		width:32%;
		margin-left:1%;
		margin-bottom:20px;
		vertical-align:top;
		border:1px solid #000;
	}
	.gl_box.list_hide{display:none}

	.gl_img_box{
		position:relative;
		display:block;
	}
	.gl_img_box .gl_img{
		width:100%;
		height:auto;
		transition:transform .3s;
	}
	.gl_img_box:hover .gl_img{
		transform:scale(1.25) rotate(-10deg);
	}
	.gl_img_box .gli_r,
	.gl_img_box .gli_l,
	.gl_img_box .gli_b{
		display:block;
		position:absolute;
		text-decoration:none;
	}
	.gl_img_box .gli_r span,
	.gl_img_box .gli_l span,
	.gl_img_box .gli_b span{
		font-weight:bold;
	}
	.gl_img_box .gli_r,
	.gl_img_box .gli_l{
/*
		-webkit-transform:skewX(45deg);
		transform:skewX(45deg);
*/
	}
	.gl_img_box .gli_r span,
	.gl_img_box .gli_l span{
		font-size:12px;
		display:block;
/*
		-webkit-transform:skewX(-45deg);
		transform:skewX(-45deg);
*/
	}
	.gl_img_box .gli_b span{
		bottom:5px;
		font-size:14px;
	}
	.gl_img_box .gli_r{
		bottom:0;
		right:0;
	}
	.gl_img_box .gli_l{
		bottom:0;
		left:0;
	}
	.gl_img_box .gli_b{
		bottom:0;
		left:0;
		width:100%;
	}

	.gl_i_n{
		margin-right:-25px;
		padding:4px 30px 4px 5px;
		color:#ff0;
		background:rgba(0,153,0,.65);
	}
	.gl_i_h{
		margin-left:-25px;
		padding:4px 5px 4px 30px;
		color:#fff;
		background:rgba(204,0,204,.65);
	}
	.gl_i_k{
		margin-left:-25px;
		padding:4px 5px 4px 30px;
		color:#fff;
		background:rgba(0,51,204,.65);
	}
	.gl_i_t{
		margin-left:-25px;
		padding:4px 5px 4px 30px;
		color:#fff;
		background:rgba(255,51,0,.65);
	}
	.gl_i_e{
		margin-left:-25px;
		padding:4px 5px 4px 30px;
		color:#fff;
		background:rgba(255,0,255,.65);
	}
	.gl_i_p{
		margin-left:-25px;
		padding:4px 5px 4px 30px;
		color:#ff0;
		background:rgba(0,0,0,.65);
	}
	.gl_i_today{
		height:39px;
		background:url('../img/g_today_bg.png') repeat-x top center
	}
	.gl_i_today span{
		position:absolute;
		bottom:10px;
		left:0;
		display:block;
		width:100%;
		color:#ff0;
		font-size:20px;
		text-align:center;
		letter-spacing:2px;
	}

	.gl_name{
		display:block;
		padding:15px 0 10px;
		color:#333;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		background:rgba(255,255,255,.85);
		transition:color .3s;
	}
	.gl_name span{
		display:block;
		margin-top:5px;
		margin-left:5px;
		font-size:12px;
		font-weight:bold;
	}
	.gl_name:hover{color:#f00}

	.gl_3{
		padding:5px 0;
		line-height:1.3;
		font-size:10px;
		text-align:center;
		background:rgba(255,255,255,1)
	}

	.gl_icon_box{
		overflow:hidden;
		height:25px;
		padding:5px 0;
		text-align:center;
		background:rgba(255,255,255,.85)
	}
	.gl_icon_box span{
		display:inline-block;
		margin-bottom:10px;
		margin-left:1px;
		margin-right:1px;
		padding:0 5px;
		height:25px;
		line-height:25px;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		background:#060980;
	}

	.gl_time{
		padding:10px 0;
		line-height:1.2;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		background:rgba(0,0,0,.8);	
	}

	.more{
		margin:0 auto;
		width:250px;
		height:50px;
		line-height:50px;
		color:#fff;
		font-weight:bold;
		text-align:center;
		background:#060980;
	}

/* girls heaven
-------------------------------------*/
	.top_gh{
		text-align:center;
	}
	.top_gh img{
		max-width:400px;
		width:90%;
		height:auto
	}
	.tg_link{
		margin-bottom:10px;
	}
	

/*-----------------------------------
■ footer
-------------------------------------*/
	footer small{
		position:relative;
		color:#fff;
		background:#060980;
	}
}










/*-----------------------------------
■ animation
-------------------------------------*/
.fadeIn{
	-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;
	-webkit-animation-name:fadeIn;animation-name:fadeIn;
	visibility:visible !important;
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;-webkit-transform:translateY(20px);}
	100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeIn{
	0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform: translateY(20px);}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform: translateY(0);}
}