@charset "utf-8";

body{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500; /* EL200 L300 R400 M500 B700 H900 */
	font-style: normal;}

.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	overflow-y: scroll;}

.start_filter_logo{width: 200px;
	height: 100px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -50px 0 0 -100px;}
	
.start_filter_logo img{height: 100%;}

#container{display: none;}

.bar5{width: 100%;
	height: 5px;
	background: rgba(193,39,45,1.00);}

.bar1{width: 100%;
	height: 1px;
	background: rgba(193,39,45,1.00);}

.spacer2{width: 100%;
	height: 2px;}

.main{width: 100%;
	padding: 5px 0;}
	
.main_img_area{width: 100%;
	min-width: 1200px;
	padding: 10px 0 50px;
	text-align: center;}

.btn_ticket_info{width: 300px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	background: rgba(255,134,0,1.00);}
	
.btn_ticket_info a{color: rgba(255,255,255,1.00);
	display: block;}

.btn_ticket_info:hover{opacity: 0.8;}

.block1{width: 100%;}

.block1_main{width: 100%;
	padding: 30px 0 50px;
	background: rgba(193,39,45,1.00);}

.block1_title{text-align: center;}

.cast_name{padding-top: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: rgba(255,255,255,1.00);}

.guest{padding-top: 20px;}

.guest_title{padding-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;}

.guest_name{font-size: 26px;
	line-height: 28px;}

.guest_name2{font-size: 24px;}

.guest_disc{font-size: 12px;
	font-weight: 300;}

.twitter{width: 400px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;}

.block1_main2{width: 1000px;
	margin: 0 auto;
	overflow: hidden;}
	
.block_inner_left{width: calc(50% - 21px);
	padding: 10px;
	float: left;
	background: rgba(0,0,0,1.00);}
	
.block_inner_right{width: calc(50% - 21px);
	padding: 10px;
	float: right;
	background: rgba(193,39,45,1.00);}

.block_inner_center{width: 980px;
	padding: 10px;
	margin: 2px auto 0;
	background: rgba(193,39,45,1.00);}

.block_inner_center2{width: 980px;
	padding: 10px;
	margin: 0 auto 2px;
	color: rgba(255,255,255,1.00);
	background:rgba(0,0,0,1.00);}

.block_inner_title{}

.block_inner_title2{text-align: center;}

.comingsoon{width: 400px;
	padding-bottom: 50px;
	margin: 0 auto;}
	
.comingsoon img{width: 100%;}

.comingsoon_text{padding: 135px 0;
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	color: rgba(255,255,255,0.80);
	text-align: center;}

.story_block1{padding: 20px 0;}

.story_title1{font-size: 20px;
	text-align: center;}

.story_title_sub1{font-size: 14px;}

.story_text1{width: 80%;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;}

.schedule{height: 300px;
	color: rgba(255,255,255,1.00);}

.schedule_text1{padding-top: 20px;}

.schedule table{width: 100%;
	margin-top: 15px;
	line-height: 40px;
	font-weight: 300;
	border-top: rgba(255,255,255,1.00) solid 1px;}

.schedule_td1{width: 35%;
	text-align: center;
	border-right: rgba(255,255,255,1.00) solid 1px;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}

.schedule_td2{width: 65%;
	text-align: center;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}

.theater{height: 300px;
	color: rgba(255,255,255,1.00);}

.theater_name{font-size: 16px;
	line-height: 20px;
		padding-top: 20px;}
		
.theater_address{font-size: 14px;
	line-height: 20px;
	font-weight: 300;}

.theater_map{width: 100%;
	height: 240px;}
	
.theater_map iframe{width: 100%;
	height: 100%;}

.ticket{padding: 20px 0;
	text-align: center;
	color: rgba(255,255,255,1.00);}

.ticket_info{width: 70%;
	padding: 15px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	border: rgba(255,255,255,1.00) solid 1px;}

.ticket_info_text1{padding-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-weight: 500;}

.ticket_title{font-size: 20px;
	padding-bottom: 15px;}

.ticket_text{font-size: 16px;
	font-weight: 500;
	line-height: 22px;}

.member_entry{padding-top: 30px;}

.member_entry_text1{font-size: 16px;}

.member_entry_link{width: 200px;
	margin: 5px auto;}

.member_entry_link:hover{opacity: 0.7;}

.member_entry_link img{width: 100%;}

.member_entry_text2{font-size: 14px;
	font-weight: 300;}

.closed{color: rgba(150,150,150,1.00);}

.ticket_link{width: 250px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	background: rgba(255,150,0,1.00);
	border-radius: 5px;}

.ticket_link a{display: block;
	color: rgba(255,255,255,1.00);}

.ticket_link:hover{opacity: 0.7;}

.goods_table{width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;}
	
.goods_table table{width: 100%;
	border: rgba(255,255,255,1.00) solid 1px;}

.goods_td1{border-bottom: rgba(255,255,255,1.00) solid 1px;
	border-right: rgba(255,255,255,1.00) solid 1px;
	text-align: left;
	padding: 5px;}
	
.goods_td2{width: 80px;
	border-bottom: rgba(255,255,255,1.00) solid 1px;
	padding: 5px 0;
	vertical-align: middle;}

.goods_td3{padding: 5px 0;}

.goods_text1{font-size: 14px;
	font-weight: 200;}

.qa_block1{width: 800px;
	margin: 0 auto 5px;
	border: rgba(255,255,255,1.00) solid 1px;}

.qa_q{width: calc(100% - 55px);
	padding: 5px 10px 5px 45px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	background:rgba(0,0,0,0.80);
	color: rgba(255,255,255,1.00);
	border-bottom: rgba(255,255,255,0.70) solid 1px;
	position: relative;}
	
.qa_mark_q{width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	position: absolute; top: 0; left: 0;}
	
.qa_a{width: calc(100% - 55px);
	padding: 10px 10px 10px 45px;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	background:rgba(0,0,0,0.20);
	color: rgba(255,255,255,1.00);
	position: relative;}

.qa_mark_a{width: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	position: absolute; top: 0; left: 0;}

footer{width: 100%;
	padding: 30px 0;
	text-align: center;
	background: rgba(193,39,45,1.00);}

.link_1st{width: 200px;
	margin: 0 auto 10px;}
	
.link_1st img{width: 100%;}

.link_1st:hover{opacity: 0.7;}

.footer_link{display: inline-block;
	overflow: hidden;}
	
.footer_link_img1{height: 50px;
	padding: 0 5px;
	float: left;}

.footer_link_img1 img{height: 100%;}

.footer_link_img1:hover{opacity: 0.7;}

@media screen and ( max-width:736px )
{

.main_img_area{width: 95%;
	min-width: 320px;
	max-width: 420px;
	padding: 10px 0 50px;
	margin: 0 auto;
	text-align: center;}

.main_text{width: 90%;
	max-width: 380px;
	margin: 0 auto;}

.btn_ticket_info{width: 250px;
	line-height: 40px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	background: rgba(255,134,0,1.00);}
	
.btn_ticket_info:hover{opacity: 1.0;}

.block1_title{width: 250px;
	margin: 0 auto;}

.block1_title img{width: 100%;}

.cast_name{padding-top: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
	color: rgba(255,255,255,1.00);}

.guest_title{font-size: 12px;
	font-weight: 500;
	line-height: 20px;}

.guest_name{font-size: 17px;
	line-height: 20px;}

.guest_name2{font-size: 16px;}

.guest_disc{font-size: 10px;
	font-weight: 300;}

.twitter{width: 90%;
	max-width: 380px;}
	
.twitter_title{width: 150px;
	margin: 0 auto;}
	
.twitter_title img{width: 100%;}

.block1_main2{width: 95%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;}
	
.block_inner_left{width: calc(100% - 20px);
	padding: 10px;
	float: none;
	background: rgba(193,39,45,1.00);}
	
.block_inner_right{width: calc(100% - 20px);
	padding: 10px;
	float: none;
	margin-top: 5px;
	background: rgba(0,0,0,1.00);}

.block_inner_center{width: calc(100% - 20px);
	max-width: 400px;
	padding: 10px;
	margin: 2px auto 0;
	background: rgba(193,39,45,1.00);}

.block_inner_center2{width: calc(100% - 20px);
	max-width: 400px;
	padding: 10px;
	margin: 0 auto 2px;
	background:rgba(0,0,0,1.00);}

.block_inner_title{width: 250px;}

.block_inner_title img{width: 100%;}

.block_inner_title2{width: 250px;
	margin: 0 auto;
	text-align: center;}

.block_inner_title2 img{width: 100%;}

.comingsoon{width: 90%;
	max-width: 400px;
	padding-bottom: 50px;
	margin: 0 auto;}
	
.comingsoon img{width: 100%;}

.comingsoon_text{padding: 50px 0;
	font-size: 24px;
	font-weight: 500;
	color: rgba(255,255,255,0.80);
	text-align: center;}

.story_title1{font-size: 16px;
	text-align: center;}

.story_title_sub1{font-size: 10px;}

.story_text1{width: 80%;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;}

.theater_name{font-size: 14px;}

.theater_address{font-size: 12px;}

.ticket_info{width: 90%;
	padding: 15px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	border: rgba(255,255,255,1.00) solid 1px;}

.ticket_info_text1{font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;}

.ticket_title{font-size: 16px;
	padding-bottom: 15px;}

.ticket_text{font-size: 12px;
	font-weight: 500;
	line-height: 22px;}

.ticket_text2{font-size: 10px;
	text-align: left;}

.member_entry_text1{font-size: 14px;}

.member_entry_link:hover{opacity: 1.0;}

.member_entry_text2{font-size: 12px;
	font-weight: 300;}

.ticket_link:hover{opacity:1.0;}

.goods_table{font-size: 12px;
	line-height: 20px;}

.goods_text1{font-size: 10px;}

.qa_block1{width: 100%;
	margin: 0 auto 5px;
	border: rgba(255,255,255,1.00) solid 1px;}

.qa_q{width: calc(100% - 45px);
	padding: 5px 10px 5px 35px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	background:rgba(0,0,0,0.80);
	color: rgba(255,255,255,1.00);
	border-bottom: rgba(255,255,255,0.70) solid 1px;
	position: relative;}
	
.qa_mark_q{width: 30px;
	height: 30px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	position: absolute; top: 0; left: 0;}
	
.qa_a{width: calc(100% - 45px);
	padding: 5px 10px 5px 35px;
	text-align: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	background:rgba(0,0,0,0.20);
	color: rgba(255,255,255,1.00);
	position: relative;}

.qa_mark_a{width: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	position: absolute; top: 0; left: 0;}

.footer_link_img1{width: 200px;
	margin: 5px auto;
	float: none;}
	
.link_1st:hover{opacity: 1.0;}
	
.footer_link_img1:hover{opacity: 1.0;}
}