@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;}
	
.movie2{width: 35%;
	padding: 0 2%;
	transition: 0.3s all;}
	
.movie1:hover,.movie2:hover{filter: brightness(150%);}
	
.movie1 img,.movie2 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%;}

/*.guest_box1{width: 95%;
	margin: 0 auto;
	display: flex;
	flex-direction: row; /* 左から */
	/*flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 *//*}

/*.guest_schedule{width: 22%;
	padding: 0 1.5%;}*/

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

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

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

@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,.movie2{width: 80%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.movie1:hover,.movie2:hover{filter: brightness(100%);}

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

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

.guest_schedule{width: 100%;
	padding: 0;}
	
.live_goods_img{width: 100%;}

.st_table{border-bottom: rgba(255,255,255,1.00) solid 2px;
	text-align: center;
	width: 100%;}

.st_td1,.st_td2{width: auto;
	display: block;}
	
.st_td1{border-top: rgba(255,255,255,1.00) solid 2px;
	padding-top: 10px;}
	
.st_td2{padding-bottom: 10px;}
}