@charset "UTF-8";
 
* {
	padding:0px;
	margin:0px;
 }
 
a {
	text-decoration:none;
	color:inherit;
 }
 
 body {
	 font-size:16px;
 }
 
#all
{
	position:relative;
	overflow:hidden;
}
 
header
{
	position:fixed;
	width:100%;
	z-index:10;
	height:80px;
	background-color:#e3cbcb;
}

hr {
	border:none;
}
/* top */
#top_area
{
	position:relative;
}

#top_area > div
{
	position:relative;
	height:80px;
}

.top_left_area 
{
	position:relative;
	display:inline-block;
	height:80px;
}

.top_left_area > div
{
	position:absolute;
	height:80px;
}


.top_right_area 
{
	position:relative;
	display:inline-block;
	height:80px;
}

.top_right_area > div
{
	position:absolute;
	height:80px;
}

.top_right_area_ul
{
	position:relative;
	text-align:center;
	padding-top:25px;
	padding-left:90px;
}

.top_right_area_ul > li
{
	display:inline-block;
	font-size:1.25rem;
	font-weight:bold;
	padding:0px 30px;
	transition:all 0.2s linear;
}

.top_right_area_ul > li:hover
{
	color:#ff0303;
	font-size:21px;
}


.phone_layout
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:6000%;
	background-color:black;
	width:500px;
	margin-left:-1000px;
}

.phone_layout > ul
{
	position:relative;
}


.phone_layout > ul >  li
{
	height:50px;
	background-color:#D3D3D3;
	font-size:30px;
	font-weight:bold;
	margin-top:20px;
}

.phone_layout > ul > div
{
	padding-left:190px;
	font-size:30px;
	font-weight:bold;
	margin-top:20px;
	color:white;
}



main
{
	position:relative;
	top:80px;
}
/* // top_area*/

/* video_area */
#video_area
{
	position:relative;
	background-color:#343536;
}

iframe
{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
}

.video_fixed
{
	position:fixed;
	aspect-ratio:16/9;
	z-index:10;
}



#video_area > div
{
	position:relative;
}

.video_video
{
	position:relative;
}

.next_video_area
{
	padding-top:280px;
	position:relative;
	background-color:black;
}

.next_video_area > div
{
	position:relative;
}

.next_video_area > div > ul
{
	position:relative;
	text-align:center;
	padding-top:20px;
}

.next_video_area > div > ul > li
{
	padding:10px 0px;
}


.next_video_area > div > ul > li > img
{
	width:500px;
	cursor:pointer;
	transition:all 0.5s linear;
}

/* // video_area */

/*  kind_area */
#kind_area
{
	position:relative;
	background-color:black;
}

#kind_area > div > ul
{
	position:relative;
	padding-left:10px;
	padding-top:40px;
}

#kind_area > div  >  ul > li
{
	padding:0px 10px;
	text-align:center;
}

#kind_area > div  > ul > li > div
{
	width:190px;
	height:60px;
}

#kind_area > div  > ul > li > div > h3
{
	font-size:2rem;
	padding:10px 0px;
}

.intro_season_one
{
	position:relative;
	padding-left:20px;
	padding-top:60px;
}

.intro_title
{
	position:relative;
}

.intro_title > h3
{
	color:white;
	font-size:2rem;
}

hr
{
	padding-top:20px;
}
.intro_intr
{
	color:white;
	font-size:1rem;
	padding-top:50px;
}

.intro_season_two
{
	position:relative;
	display:none;
	padding-left:20px;
	padding-top:60px;
}

.intro_season_three
{
	position:relative;
	display:none;
	padding-left:20px;
	padding-top:60px;
}

.intro_season_four
{
	position:relative;
	display:none;
	padding-left:20px;
	padding-top:60px;
}

.intro_season_five
{
	position:relative;
	display:none;
	padding-left:20px;
	padding-top:60px;
}
/* // kind_area */