@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_box3{width: 70%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}

.main_img_box3 img{width: 100%;}

.kv_live_btn{width: 40%;
	position: absolute;top: 76%; left: 55%;}
	
.kv_live_btn_btn1{width: 50%;
	margin: 0 auto;}
	
.kv_live_btn_btn2{width: 90%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.kv_live_btn_btn2:hover{filter: brightness(150%);}
	
.kv_live_btn_btn1 img,.kv_live_btn_btn2 img{width: 100%;}

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

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

.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_img2{width: 90%;
	margin: 0 auto;}

.top_img3{width: 25%;
	margin: 0 auto;}

.top_img4{width: 50%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.top_img4:hover{filter: brightness(150%);}

.top_img1 img,.top_img2 img,.top_img3 img,.top_img4 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;}

.event_title{width: 100%;
	background: rgba(255,255,255,1.00);}

.event_title_img{width: 60%;
	margin: 0 auto;}
	
.event_title_img img{width: 100%;}

.event_qr{width: 15%;}

.event_qr img{width: 100%;}

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

.kv_live{width: 100%;}

.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%;}
	
.top_img2{width: 80%;}

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

.top_img4{width: 80%;
	margin: 0 auto;}
	
.top_img4:hover{filter: brightness(100%);}

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

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

.event_qr{width: 30%;
	margin: 0 auto;}
}