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

body{min-width:1200px;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500; /* EL200 L300 R400 M500 B700 H900 */
	font-style: normal;
	background:rgba(0,0,0,1.00);
	overflow-y:scroll;}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

.start_filter{width:100vw;
	height:100vh;
	background:rgba(0,0,0,1.00);
	position:fixed; top:0; left:0;
	z-index:99;}

.loading_img{width:200px;
	height:40px;
	position:absolute; top:50%; left:50%;
	margin-left:-100px;
	margin-top:-40px;}
	
.loading_img img{width:100%;
	-webkit-animation:blink 2s linear infinite;
	-moz-animation:blink 2s linear infinite;
	-ms-animation:blink 2s linear infinite;
	-o-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite;}

@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-ms-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.bg_all{width:100%;
	height:100vh;
	position:fixed; top:0; left:0;
	background:url("../img/bg3.jpg");
	background-size:cover;
	background-position:center center;
	z-index:0;}

#container{width:100%;
	position:relative;
	z-index:1;
	display:none;}

header{width:100%;
	padding:10px 0;
	position:fixed; top:0; left: 0;
	background:rgba(0,0,0,0.40);
	z-index:3;}
	
.menu{width:100%;
	min-width: 1200px;
	margin:0 auto;
	text-align:center;}
	
.menu_inner{display:inline-block;
	overflow:hidden;
	margin-bottom: 10px;}
	
.menu_btn{width:130px;
	height:40px;
	margin:0 5px;
	float:left;}

.menu_btn img{width:100%;
	height:100%;}
	
.top{background:url(../img/menubtn_top.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.top:hover{background:url(../img/menubtn_top2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.story{background:url(../img/menubtn_story.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.story:hover{background:url(../img/menubtn_story2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.character{background:url(../img/menubtn_character.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.character:hover{background:url(../img/menubtn_character2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.cast{background:url(../img/menubtn_cast.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.cast:hover{background:url(../img/menubtn_cast2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.stage{background:url(../img/menubtn_stage.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.stage:hover{background:url(../img/menubtn_stage2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.ticket{background:url(../img/menubtn_ticket.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.ticket:hover{background:url(../img/menubtn_ticket2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.goods{background:url(../img/menubtn_goods.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.goods:hover{background:url(../img/menubtn_goods2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.qa{background:url(../img/menubtn_qa.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.qa:hover{background:url(../img/menubtn_qa2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.twitter{background:url(../img/menubtn_twitter.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.twitter:hover{background:url(../img/menubtn_twitter2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.covid{background:url("../img/covid1.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;}
	
.covid:hover{background:url(../img/covid2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.first{background:url("../img/menubtn_1st.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.first:hover{background:url("../img/menubtn_1st2.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.main_img{width: 100%;
	min-height: calc(100vh - 65px);
	padding-top: 70px;
	background:rgba(0,0,0,1.00);
	text-align: center;
	position: relative;}
	
.main_img img{width: 75%;}

.top_text3{width: 100%;
	margin: 0 auto;
	background: rgba(0,0,0,1.00);
	text-align: center;}
	
.top_text3 img{width: 50%;}


.link_winter{}

.link_winter img:hover{opacity: 0.8;}



.catchcopy{width:100%;
	background:rgba(0,0,0,1.00);}

.catchcopy_inner{width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	line-height:32px;
	color:rgba(255,255,255,1.00);}

.catchcopy_number{font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

.link_dvd{width: 510px;
	text-align: center;}

.link_dvd:hover{opacity: 0.7;}

.movie_box{width: 510px;
	height: 287px;
	margin:  30px 0 0 10px;}

.movie_box iframe{width: 100%;
	height: 100%;}

.con_spacer{width:100%;
	height:20px;
	background:rgba(0,0,0,1.00);}

.about{width:100%;
	padding:20px 0 40px;
	background:url(../img/bg_about.png);
	background-size:100% 100%;
	background-position:center center;}
	
.about_title{width:420px;
	margin:0 auto;}
	
.about_title img{width:100%;}

.about_text{padding-top:10px;
	text-align:center;
	font-size:24px;
	font-weight:700;
	line-height:42px;
	color:rgba(255,255,255,1.00);}

.con_block{width:100%;}

.bg_red{background: rgba(255,0,4,0.20);}

.bg_blue{background:rgba(34,143,189,0.20);}

.bg_orange{background:rgba(241,90,36,0.20);}

.bg_violet{background:rgba(212,20,90,0.20);}

.bg_yellow{background: rgba(255,174,0,0.20);}

.con_head{width:100%;
	height:130px;
	background:url(../img/bg_block_top.png);
	background-size:100% 100%;
	background-repeat:repeat-x;}

.con_title{width:420px;
	margin:0 auto;
	padding-top:50px;}

.con_title img{width:100%;}

.con_inner{width:1200px;
	margin:0 auto;
	min-height:300px;
	padding-top:50px;}
	
.con_inner2{width:1200px;
	margin:0 auto;
	min-height:300px;}
	
.con_foot{width:100%;
	height:130px;
	background:url(../img/bg_block_bottom.png);
	background-size:100% 100%;
	background-repeat:repeat-x;}

.story_text{text-align:center;
	font-size:18px;
	line-height:36px;
	font-weight:700;
	color:rgba(255,255,255,1.00);
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}

.diagram{width: 900px;
	margin: 30px auto;}
	
.diagram img{width: 100%;}

.cast_area{width: 70%;
	min-width: 700px;
	margin: 0 auto;
	color: rgba(255,255,255,1.00);}

.cast_box1{display: flex;
	/* flex-flow: <flex-direction> || <flex-wrap>; */
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content: center; /* 中央寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/
	align-content: center; /* アイテムを中央に寄せて配置。 */}

.cast_box2{width: 400px;
	margin: 0 auto;
	overflow: hidden;}

.cast_box3{width: 600px;
	margin: 0 auto;
	overflow: hidden;}

.cast_block1{text-align: center;}

.cast_block2{width: calc(200px - 10px);
	padding: 0 5px;
	float: left;}

.cast_block3{width: calc(25% - 10px);
	padding: 0 5px;
	margin: 0 auto;}

.cast_block4{width: 24%;
	padding: 0 0.5%;
	text-align: center;
	float: left;}

.cast_img1{width: 100%;
	padding: 5px 0;}

.cast_img1 img{width: 100%;}

.cast_block{text-align:center;
	color:rgba(255,255,255,1.00);}

.cast_text1{font-size:24px;
	font-weight:900;
	line-height:48px;
	text-align: center;}
	
.cast_text2{font-size:18px;
	font-weight:300;
	line-height:30px;}

.cast_name1{font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	text-align: center;
	padding-top: 0;}
	
.cast_name2{font-size: 24px;
	line-height: 150%;
	text-align: center;
	font-weight:900;}
	
.cast_name3{font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 140%;}

.cast_caution{font-weight: 200;}

.stage_text1{font-size:22px;
	font-weight: 700;
	line-height:150%;
	color:rgba(255,255,255,1.00);
	text-align:center;}

.stage_title1{font-size:24px;
	font-weight:900;
	line-height:32px;
	color:rgba(255,0,4,1.00);
	text-align:center;
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}	

.stage_inner{width:1100px;
	margin:0 auto;
	overflow:hidden;}

.stage_text2{overflow:hidden;
	font-size:18px;
	line-height:24px;
	color:rgba(255,255,255,1.00);}

.stage_table1{width:540px;
	padding:5px;
	float:left;}

.stage_table1 table{margin:0 auto;
	font-size:16px;}

.table_td1{width:140px;
	height:49px;
	line-height:49px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	color:rgba(255,255,255,1.00);}
	
.table_td2{width:400px;
	height:49px;
	line-height:49px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	color:rgba(0,0,0,1.00);}

.table_td3{width:200px;
	height:49px;
	line-height:49px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	color:rgba(0,0,0,1.00);}

.theater1{width:540px;
	padding:5px;
	float:left;}
	
.theater_name{font-size:16px;
	float:left;}

.theater_address{font-size:14px;
	float:right;}

.theater_map{width:calc(100% - 4px);
	height:296px;
	border:rgba(189,189,189,1.00) solid 2px;}
	
.theater_map iframe{width:100%;
	height:100%;}

.stage_caution{width:1100px;
	margin:0 auto;
	font-size:14px;
	line-height:22px;
	font-weight:200;
	color:rgba(255,255,255,1.00)}

.aftertalk_cast_block1{width: 100%;
	padding-bottom: 5px;
	background: rgba(189,189,189,1.00);}
	
.aftertalk_cast_block_inner1{width: calc(100% - 20px);
	padding: 0 10px;
	line-height: 50px;
	font-size: 16px;
	background:rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);}

.aftertalk_cast_block_inner2{overflow: hidden;}

.aftertalk_cast_block_inner2_guest{width: calc(100% - 20px);
	line-height: 24px;
	padding: 5px 10px;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);
	overflow: hidden;}

.aftertalk_cast_block_inner2_cast{width: calc(100% - 20px);
	line-height: 24px;
	padding: 5px 10px;
	background: rgba(189,189,189,1.00);
	overflow: hidden;}

.at_guest_mark{line-height: 16px;
	font-size: 12px;
	padding: 2px 5px;
	margin: 2px 0;
	float: left;
	background: rgba(255,0,4,1.00);}

.at_guest_mark2{line-height: 16px;
	font-size: 12px;
	color: rgba(255,255,255,1.00);
	padding: 2px 5px;
	margin: 2px 0;
	float: left;
	background:rgba(0,92,255,1.00);}
	
.at_guest_mark3{line-height: 16px;
	font-size: 12px;
	color: rgba(255,255,255,1.00);
	padding: 2px 5px;
	margin: 2px 0;
	float: left;
	background:rgba(0,199,16,1.00);}

.at_cast_name{padding-left: 5px;
	line-height: 24px;
	float: left;}

.aftertalk_guest_block{width: 100%;
	height:220px;
	margin: 0 auto;
	background: rgba(189,189,189,1.00);
	position: relative;}

.aftertalk_guest_day_name{width: 100%;
	height: 50px;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);
	overflow: hidden;}

.aftertalk_guest_day{line-height: 50px;
	font-size: 16px;
	padding: 0 15px;
	background: rgba(51,51,51,1.00);
	float: left;}

.aftertalk_guest_name{line-height: 50px;
	font-size: 16px;
	padding: 0 15px;
	float: left;}

.aftertalk_guest_line1{width: 100%;
	height: 5px;
	margin-top: 2px;
	background: rgba(193,39,45,1.00);}

.aftertalk_guest_img{width: 300px;
	height: 200px;
	position: absolute; top: 10px; right: 10px;}

.aftertalk_guest_img img{width: 100%;}

.aftertalk_guest_text{padding: 10px 15px;
	font-size: 16px;
	line-height: 24px;}

.aftertalk_guest_area1{width: 100%;
	overflow: hidden;}

.aftertalk_guest_block2{width: calc(50% - 5px);
	margin-bottom: 10px;
	background: rgba(189,189,189,1.00);
	float: left;}

.aftertalk_guest_box1{width: calc(100% - 20px);
	padding: 10px;
	overflow: hidden;}

.aftertalk_guest_img2{width: 160px;
	height: 200px;
	float: left;}

.aftertalk_guest_img2 img{height: 100%;}

.aftertalk_guest_text2{width: calc(100% - 170px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	float: left;}

.ticket_inner{width:1100px;
	margin:0 auto;}

.ticket_title1{font-size:24px;
	font-weight:900;
	line-height:32px;
	color:rgba(255,0,4,1.00);
	text-align:center;
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}

.ticket_table1{width:800px;
	margin:0 auto;}

.ticket_table1 table{width:100%;}

.table_td4{width:200px;
	line-height:49px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	color:rgba(255,255,255,1.00);}
	
.table_td5{width:300px;
	line-height:49px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	color:rgba(0,0,0,1.00);}

.table_td6{width:300px;
	line-height:30px;
	padding:10px 0;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.ticket_caution{font-size:16px;
	line-height:22px;
	font-weight:200;
	color:rgba(255,255,255,1.00)}

.table_td7{width:380px;
	line-height:30px;
	padding:10px 0;
	background:rgba(0,0,0,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(255,255,255,1.00);}

.table_td7l{width:560px;
	line-height:30px;
	padding:10px;
	background:rgba(0,0,0,0.90);
	font-size: 16px;
	text-align:left;
	vertical-align:middle;
	color:rgba(255,255,255,1.00);}

.table_td8{width:400px;
	line-height:30px;
	padding:10px;
	background:rgba(192,192,192,0.90);
	text-align:left;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.ticket_close1{color: rgba(118,118,118,1.00);}

.table_td9{width:200px;
	line-height:49px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	color:rgba(255,255,255,1.00);}
	
.table_td10{width:580px;
	line-height:49px;
	padding: 0 10px;
	background:rgba(192,192,192,0.90);
	text-align:left;
	color:rgba(0,0,0,1.00);}

.table_td11{width:200px;
	line-height:30px;
	padding:10px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}
	
.td_close{color: rgba(150,150,150,1.00);
	background: rgba(50,50,50,1.00);}
	
.soldout{color: rgba(255,0,4,1.00);
	background: rgba(50,50,50,1.00);}

.pg_text{float:left;
	font-size: 14px;
	padding-left:10px;
	text-align:left;}

.link_pg{float:right;
	width:100px;
	line-height:30px;
	font-size:14px;
	margin-right:0;
	text-align:center;
	background:rgba(0,68,255,1.00);
	border-radius:5px;}
	
.link_pg2{width:150px;
	line-height:30px;
	font-size:14px;
	margin:0 auto;
	text-align:center;
	background:rgba(0,68,255,1.00);
	border-radius:5px;}
	
.link_pg_close{float:right;
	width:100px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	background:rgba(63,63,63,1.00);
	border-radius:5px;
	color:rgba(255,110,0,1.00);}
	
.link_pg:hover,.link_pg2:hover{opacity:0.7;}

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

.goods_text1{font-size:18px;
	line-height:150%;
	text-align: center;}

.goods_name1{width: 100%;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,0.90);}

.goods_disc1{width: calc(100% - 20px);
	padding: 10px;
	font-size: 16px;
	line-height: 150%;
	background: rgba(192,192,192,1.00);}

.twitter_box{width: 500px;
	padding: 10px;
	margin: 0 auto;
	background: rgba(0,0,0,0.80);}

.qa_block1{width:800px;
	margin: 0 auto;}

.q{width: 100%;
	line-height: 24px;
	padding: 8px 0;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);
	overflow: hidden;
	cursor: pointer;}

.qa_amrk{width: 20px;
	float: left;
	padding-left: 10px;}

.qa_text_q{float: left;
	padding-left: 5px;}
	
.qa_text_a{width: calc(100% - 35px);
	float: left;
	padding-left: 5px;}

.qa_button{width:20px;
	height:20px;
	margin: 2px 10px;
	float:right;
	border:rgba(255,255,255,0.50) solid 1px;
	background:url(../img/qa_button_open_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.a{width: 100%;
	line-height: 24px;
	padding: 8px 0;
	color:rgba(0,0,0,1.00);
	background:rgba(192,192,192,0.90);
	overflow: hidden;
	display: none;}

.p_m{background:url(../img/qa_button_close_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.twitter_title{text-align: center;
	padding-bottom: 5px;
	line-height: 40px;
	font-size: 32px;
	font-weight: 900;}
	
.twitter_title a{color: rgba(255,0,4,1.00);}

footer{width:100%;
	padding:20px 0;
	background:rgba(0,0,0,1.00);}
	
.footer_logo{width:250px;
	margin:0 auto;}
	
.footer_logo img{width:100%;}

.sns_link{height:40px;
	text-align:center;}
	
.sns_link img{height:40px;}

.sns_link img:hover{opacity:0.7;}

.staff_block1{text-align:center;
	padding-bottom:10px;}

.staff_text1{font-size:12px;
	font-weight:200;
	line-height:18px;
	color:rgba(200,200,200,1.00);}

.staff_text2{font-size:14px;
	font-weight:500;
	line-height:22px;
	color:rgba(255,255,255,1.00);}

.link_tsuburaya{font-size:14px;
	font-weight:300;
	text-align:center;
	margin:0 auto;}

.link_tsuburaya a{color:rgba(0,187,255,1.00);}	

.link_tsuburaya a:hover{color:rgba(255,174,0,1.00);}

.copyright{text-align:center;
	font-size:12px;
	line-height:20px;
	color:rgba(255,255,255,1.00);}

.ver{font-size:10px;
	color:rgba(0,0,0,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
	line-height: 150%;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

ul.listmarker2 {
	list-style-type: none;
	font-size: 16px;
	margin-left:16px;
}
	
ul.listmarker2 li:before {
	content: '●'; 
	margin-left:-16px; 
}

.qa_text_q2{float: left;
	padding-left: 10px;}
	
.qa_text_a2{width: calc(100% - 20px);
	float: left;
	padding: 10px;}

ul.listmarker3 {
	list-style-type: none;
	font-size: 14px;
	margin-left:14px;
}
	
ul.listmarker3 li:before {
	content: '・'; 
	margin-left:-14px; 
}

ul.listmarker4 {
	list-style-type: none;
	font-size: 14px;
	margin-left:14px;
}
	
ul.listmarker4 li:before {
	content: '※'; 
	margin-left:-14px; 
}

.repeater_text{font-size: 14px;}

.bold{font-weight: 900;}

.information_ex2{width: 100%;
	height: 100vh;
	display: none;
	background: rgba(0,0,0,0.90);
	position: fixed; top: 0; left: 0;
	z-index: 1999;}
	
.information_ex_switch{width: 100%;
	height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 100;}

.information_ex_inner2{width: calc(90% - 40px);
	height: 70%;
	max-width: 1020px;
	margin: 15vh auto 10%;
	padding: 20px;
	background: rgba(255,255,255,1.00);
	overflow-y: scroll;
	position: relative;
	z-index: 101;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */}
	
.information_ex_inner2::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;}
		
.information_ex_header{text-align: center;
	font-size: max(1.2vw,24px);}

.information_ex_text{text-align: left;
	font-size: max(0.85vw,16px);
	line-height: 170%;
	padding: 40px 0;}
	
.information_ex_footer{text-align: right;
	font-size: max(0.9vw,18px);}

.text1_btn{cursor: pointer;}

.btn_close{width: 40px;
	height: 40px;
	position: fixed; top: 10px; right: 10px;
	z-index: 1999;
	cursor: pointer;}
	
.btn_close2{width: 100px;
	height: 30px;
	margin: 20px auto 0;
	line-height: 30px;
	background: rgba(177,177,177,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 20px;
	cursor: pointer;}
	
.btn_close img,.btn_close2 img{width: 100%;}




@media screen and ( max-width:736px )
{
body{min-width:320px;}

header{display:none;}

.ex_btn{width: 90%;
	margin: auto;
	height: auto;}

.ex_btn img{width: 100%;
	height: auto;}

.main_img{min-height: 0;
	padding-top: 0;}

.main_img img{width: 100%;}

.top_text3 img{width: 90%;}

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

.link_winter img:hover{opacity: 1.0;}

.catchcopy_inner{width:90%;
	max-width:400px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	font-size:11px;
	font-weight:300;
	line-height:20px;
	color:rgba(255,255,255,1.00);}

.link_dvd{width: 70%;
	max-width: 320px;
	margin: 0 auto;
	text-align: center;}

.link_dvd img{width: 100%;}

.link_dvd:hover{opacity: 1.0;}

.movie_box{width: 280px;
	height: 147px;
	margin:  0 auto;}

.about_title{width:250px;}

.about_text{width:95%;
	margin:0 auto;
	text-align:left;
	font-size:13px;
	font-weight:700;
	line-height:24px;
	color:rgba(255,255,255,1.00);}

.con_head{width:100%;
	height:80px;
	background:url(../img/bg_block_top.png);
	background-size:100% 100%;
	background-repeat:repeat-x;}

.con_title{width:250px;
	margin:0 auto;
	padding-top:30px;}

.con_title img{width:100%;}

.con_inner{width:95%;
	min-width:320px;
	max-width:420px;
	padding-top:30px;}
	
.con_inner2{width:95%;
	min-width:320px;
	max-width:420px;}
	
.con_foot{width:100%;
	height:80px;
	background:url(../img/bg_block_bottom.png);
	background-size:100% 100%;
	background-repeat:repeat-x;}
	
.story_text{text-align:left;
	font-size:12px;
	line-height:22px;
	font-weight:700;
	color:rgba(255,255,255,1.00);
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}

.diagram{width: 100%;
	max-width: 400px;
	margin: 30px auto;}

.cast_area{width: 90%;
	min-width: 0;
	margin: 0 auto;
	color: rgba(255,255,255,1.00);}

.cast_box1,.cast_box2,.cast_box3{width: 100%;}

.cast_block2{width: calc(50% - 10px);
	padding: 0 5px 10px;
	float: left;}
		
.cast_block3{width: calc(50% - 10px);
	padding: 0 5px 10px;
	margin: 0 auto;}

.cast_block4{width: 60%;
	margin: 0 auto;}

.cast_text1{font-size:18px;
	line-height:30px;}
	
.cast_text2{font-size:12px;
	line-height:18px;}

.cast_name1{font-size: 12px;
	font-weight: 500;
	line-height: 18px;}
	
.cast_name2{font-size: 18px;
	line-height: 24px;
	padding-bottom: 10px;}

.cast_caution{font-size: 12px;}

.stage_text1{font-size:14px;
	font-weight:500;
	line-height:20px;
	color:rgba(255,255,255,1.00);
	text-align:center;}

.stage_title1{font-size:18px;
	font-weight:700;
	line-height:24px;
	color:rgba(255,0,4,1.00);
	text-align:center;
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}	

.stage_inner{width:95%;
	max-width:400px;
	margin:0 auto;
	overflow:hidden;}

.stage_text2{overflow:hidden;
	font-size:14px;
	line-height:20px;
	color:rgba(255,255,255,1.00);}

.stage_table1{width:100%;
	padding:5px 0;
	float:none;}

.stage_table1 table{width:100%;
	margin:0 auto;
	font-size:12px;}

.table_td1{width:32%;
	height:40px;
	line-height:40px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	color:rgba(255,255,255,1.00);}
	
.table_td2{width:68%;
	height:40px;
	line-height:40px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	color:rgba(0,0,0,1.00);}

.table_td3{width:34%;
	height:40px;
	line-height:40px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	color:rgba(0,0,0,1.00);}

.theater1{width:100%;
	padding:5px 0;
	float:none;}
	
.theater_name{font-size:14px;
	float:none;}

.theater_address{font-size:12px;
	float:none;}

.theater_map{width:calc(100% - 4px);
	height:296px;
	border:rgba(189,189,189,1.00) solid 2px;}
	
.theater_map iframe{width:100%;
	height:100%;}

.stage_caution{width:95%;
	margin:0 auto;
	padding-left: 10px;
	font-size:12px;
	line-height:16px;}

.at_cast_name{padding-left: 5px;
	font-size: 14px;
	line-height: 24px;
	float: left;}

.aftertalk_guest_block{width: 95%;
	height:auto;
	margin: 0 auto;
	position: relative;}

.aftertalk_guest_day_name{width: 100%;
	height: auto;
	overflow: hidden;}

.aftertalk_guest_day{line-height: 30px;
	font-size: 14px;
	padding: 0;
	text-align: center;
	float: none;}

.aftertalk_guest_name{line-height: 40px;
	font-size: 14px;
	padding: 0;
	text-align: center;
	float: none;}

.aftertalk_guest_line1{width: 100%;
	height: 5px;
	margin-top: 2px;}

.aftertalk_guest_img{width: 90%;
	height: auto;
	margin: 10px auto 0;
	position:static;}

.aftertalk_guest_img img{width: 100%;}

.aftertalk_guest_text{padding: 10px;
	font-size: 12px;
	line-height: 18px;}

.aftertalk_guest_area1{width: 100%;
	overflow: hidden;}

.aftertalk_guest_block2{width: 100%;
	background: rgba(189,189,189,1.00);
	float: left;}

.aftertalk_guest_box1{width: calc(100% - 20px);
	padding: 10px;
	overflow: hidden;}

.aftertalk_guest_img2{width: 120px;
	height: auto;
	float: left;}

.aftertalk_guest_img2 img{width: 100%;
	height: auto;}

.aftertalk_guest_text2{width: calc(100% - 130px);
	padding-left: 10px;
	font-size: 12px;
	line-height: 18px;
	float: left;}

.ticket_inner{width:95%;
	margin:0 auto;}

.ticket_title1{font-size:18px;
	font-weight:700;
	line-height:24px;
	color:rgba(255,0,4,1.00);
	text-align:center;
	text-shadow:0px 0px 1px #000,
               0px 0px 2px #000,
               0px 0px 3px #000,
               0px 0px 4px #000,
               0px 0px 5px #000,
               0px 0px 6px #000;}

.ticket_table1{width:95%;}

.ticket_table1 table{font-size:12px;}
	
.table_td4{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(255,255,255,1.00);}
	
.table_td5{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.table_td6{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.ticket_caution{font-size:14px;
	line-height:18px;}

.table_td7,.table_td7l{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(0,0,0,0.90);
	font-size: 14px;
	text-align:center;
	vertical-align:middle;
	color:rgba(255,255,255,1.00);}
	
.table_td8{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.table_td9{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(0,0,0,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(255,255,255,1.00);}
	
.table_td10{width:calc(70% - 20px);
	padding:10px;
	line-height:20px;
	background:rgba(192,192,192,0.90);
	text-align:left;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.table_td11{width:auto;
	display: block;
	padding:10px 0;
	line-height:20px;
	background:rgba(192,192,192,0.90);
	text-align:center;
	vertical-align:middle;
	color:rgba(0,0,0,1.00);}

.td_close{color: rgba(150,150,150,1.00);
	background: rgba(50,50,50,1.00);}
	
.soldout{color: rgba(255,0,4,1.00);
	background: rgba(50,50,50,1.00);}

.pg_text{font-size: 12px;
	float: none;
	text-align: center;}

.pg_name{width:100%;
	line-height:20px;
	padding:10px 0;
	background:rgba(0,0,0,0.90);
	text-align:center;
	color:rgba(255,255,255,1.00);
	font-size:14px;}

.pg_info{width:100%;
	line-height:20px;
	padding:5px 0;
	background:rgba(192,192,192,0.90);
	text-align:center;
	font-size:12px;}

.link_pg{width:80%;
	height:30px;
	margin:5px auto 0;
	line-height:30px;
	font-size:12px;
	background:rgba(0,68,255,1.00);
	border-radius:5px;
	float:none;}
	
.link_pg_close{width:80%;
	height:30px;
	margin:5px auto 0;
	line-height:30px;
	font-size:12px;
	background:rgba(63,63,63,1.00);
	border-radius:5px;
	float:none;
	color: rgba(255,110,0,1.00);}

.link_pg:hover{opacity:1.0;}

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

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

.goods_name1{padding: 10px 0;
	font-size: 14px;
	line-height: 150%;}

.goods_disc1{font-size: 14px;}

.qa_block1{width:95%;
	margin: 0 auto;}

.q{width: 100%;
	line-height: 24px;
	padding: 8px 0;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);
	overflow: hidden;
	cursor: pointer;}

.qa_amrk{width:20px;
	float: left;
	padding-left: 10px;}

.qa_text_q{width:calc(100% - 80px);
	float: left;
	font-size: 14px;
	padding-left: 5px;}

.qa_text_a{width:calc(100% - 35px);
	float: left;
	font-size: 14px;
	padding-left: 5px;}

.qa_button{width:20px;
	height:20px;
	margin: 2px 5px 2px 5px;
	float:right;
	border:rgba(255,255,255,0.50) solid 1px;
	background:url(../img/qa_button_open_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.a{width: 100%;
	line-height: 24px;
	padding: 8px 0;
	color:rgba(0,0,0,1.00);
	background:rgba(192,192,192,0.90);
	overflow: hidden;
	display: none;}

.p_m{background:url(../img/qa_button_close_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}

.twitter_box{width: calc(95% - 20px);
	padding: 10px;
	margin: 0 auto;
	background: rgba(0,0,0,0.80);}

.twitter_title{text-align: center;
	padding-bottom: 5px;
	line-height: 30px;
	font-size: 24px;
	font-weight: 900;}

.footer_logo{width:200px;}

.sns_link img{height:40px;}

.sns_link img:hover{opacity:1.0;}

.staff_text1{font-size:12px;
	font-weight:200;
	line-height:16px;
	color:rgba(200,200,200,1.00);}

.staff_text2{font-size:12px;
	font-weight:500;
	line-height:20px;
	color:rgba(255,255,255,1.00);}

.link_tsuburaya{font-size:12px;}

.link_tsuburaya a:hover{color:rgba(0,187,255,1.00);}

.copyright{font-size:10px;}
			   
ul.listmarker1 {
	list-style-type: none;
	margin-left:10px;
	text-align: left;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-10px; 
}

.qa_text_q2{width:calc(100% - 50px);
	float: left;
	font-size: 13px;
	padding-left: 10px;}

.qa_text_a2{width:calc(100% - 20px);
	float: left;
	font-size: 14px;
	padding: 10px;}

ul.listmarker2 {
	font-size: 14px;
	margin-left:14px;
}
	
ul.listmarker2 li:before {
	margin-left:-14px; 
}


ul.listmarker3 {
	list-style-type: none;
	font-size: 12px;
	margin-left:12px;
}
	
ul.listmarker3 li:before {
	content: '・'; 
	margin-left:-12px; 
}

ul.listmarker4 {
	list-style-type: none;
	font-size: 12px;
	margin-left:12px;
}
	
ul.listmarker4 li:before {
	content: '※'; 
	margin-left:-12px; 
}

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