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

.bg_live1{width: 100%;
	height: 100vh;
	background:url("../img/live/bg1.webp");
	background-size:cover;
	background-position: center center;
	position: fixed; top: 0; left: 0;}

.main_img_box_inner2{width: 65%;
	margin: 0 auto;}

.logo_live img{width: 100%;}

.top_text_box{width: 85%;
	margin: 0 auto;
	line-height: 200%;
	background: rgba(0,0,0,0.90);}

.top_text_box2{width: 38%;
	margin: 0 auto;
	line-height: 200%;
	background: rgba(0,0,0,0.90);}

.top_img1{width: 90%;
	margin: 0 auto;}
	
.top_img1 img{width: 100%;}

.movie1{width: 35%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.movie1:hover{filter: brightness(150%);}
	
.movie1 img{width: 100%;}

.cast_block_live{padding: 0 2%;}

.timetable1{width: 50%;
	margin: 0 auto;}



@media screen and ( max-width:821px )
{
.main_img_box_inner2{width: 95%;}

.logo_live img{width: 100%;}

.top_text_box{width: 80%;
	margin: 0 auto;
	padding: 15px 5%;
	line-height: 150%;}

.top_text_box2{width: 82%;
	margin: 0 auto;
	padding: 15px 4%;
	line-height: 150%;}
	
.top_img1{width: 70%;}
	
.movie1{width: 70%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.movie1:hover{filter: brightness(100%);}

.timetable1{width: 100%;
	margin: 0 auto;}
}