@charset "utf-8";

@media print{
	body{display:none;}
}

body{min-width: 1200px;
	background: rgba(0,0,0,1.00);
	overflow-y: scroll;}
	
img {-webkit-touch-callout:none;}

.font-goth1{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 400;
font-style: normal;}

.font-goth2{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700; 
font-style: normal;}

.font-goth3{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 900; 
font-style: normal;}

.font-min1{font-family: kozuka-mincho-pr6n,serif;
font-weight: 500; 
font-style: normal;}

.font-min2{font-family: kozuka-mincho-pr6n,serif;
font-weight: 700; 
font-style: normal;}

.font-min3{font-family: kozuka-mincho-pr6n,serif;
font-weight: 900; 
font-style: normal;}

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

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

.loading_img{width: 100%;
	height: 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;}

.loading_img img{width: 100%;}

@-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;}
}

.loading_img img{height: 100%;}

.bg_box{display: none;
	width: 100%;
	min-width: 1200px;
	height: calc(100vh - 30px);
	margin-top: 30px;
	background:url("../img2/bg2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed; top: 0;
	z-index: 0;}

.top_bar{width: 100%;
	height: 30px;
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);
	position: fixed; top: 0; left: 0;
	z-index: 2;}

.top_bar_text{width: calc(100% - 20px);
	padding: 0 10px;}
	
.top_bar_under{width: 100%;
	height: 5px;}
	
.top_bar_under img{width: 100%;
	height: 100%;}

.pc_menu{width: 100%;
	height: 40px;
	text-align: center;
	background:url("../img2/menu_bg1.png");
	background-repeat: repeat-x;}

.pc_menu_inner{display: inline-block;
	overflow: hidden;}
	
.pc_menu_btn{width: 120px;
	height: 40px;
	margin: 0 1px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background:rgba(0,0,0,0.50);
	float: left;}
	
.pc_menu_btn:hover{background: rgba(255,118,0,0.50);}
	
.pc_menu_btn a{display: block;
	color: rgba(255,255,255,1.00);}

#container{position: relative;
	z-index: 1;}



.main_img{width: 100%;
	padding-top: 70px;
	display:flex;
	justify-content: center;
	align-items: center;
	background:rgba(0,0,0,1.00);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;}

@media screen and ( max-width:984px )
{
.main_img{padding-top: 30px;}
}

.main_img_inner{width: 100%;
	margin: -5% auto 0;}

.mark_20th{width: 8%;
	position: absolute; top: 10px; left: 10px;}
	
.mark_20th img{width: 100%;}

.link_sekiheki{width: 20%;
	position: absolute; top: 20px; right: 10px;}
	
.link_sekiheki img{width: 100%;}

.link_sekiheki:hover{opacity: 0.7;}
	
.mv2{width: 100%;
	position: relative;}
	
.mv2 img{width: 100%;}
	
.main_img_title2{width: 50%;
	padding: 50px 0 30px;
	margin: 0 auto;
	float: left;}
	
.main_img_title img,.main_img_title2 img{width: 100%;}

.main_img_text1{width: 100%;
	padding-bottom: 30px;
	text-align: center;
	font-size: 2.2vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background: url("../img2/shadow1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center bottom;}

@media screen and ( max-width:1200px )
{
.main_img_text1{font-size: 26px;}
}

.con_block1{width: 100%;
	text-align: center;
	background: url("../img2/con1_bg1.png");
	background-repeat: repeat;}

.con_block2{width: 1000px;
	margin: 0 auto;
	padding:  0 0;
	text-align: center;
	background-repeat: repeat;}

.con_bar1{width: 100%;
	height: 2px;}
	
.con_bar1 img{width: 100%;
	height: 100%;}

.news_twitter{width: 900px;
	margin: 15px auto 30px;
	overflow: hidden;}

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

.link_info_ex{width: calc(50% - 7px);
	padding: 5px 0;
	margin: 0 auto;
	font-size: 18px;
	line-height: 150%;
	background: rgba(255,0,4,1.00);
	border: rgba(205,177,55,1.00) solid 1px;
	border-radius: 5px;
	float: none;}
	
.link_info_ex2{width: calc(50% - 7px);
	padding: 5px 0;
	margin-left: 10px;
	font-size: 18px;
	line-height: 300%;
	background:rgba(0,76,255,1.00);
	border: rgba(205,177,55,1.00) solid 1px;
	border-radius: 5px;
	float: left;}

.link_info_ex3{width: calc(50% - 7px);
	padding: 5px 0;
	margin: 0 auto;
	font-size: 18px;
	line-height: 150%;
	background: rgba(255,0,4,1.00);
	border: rgba(205,177,55,1.00) solid 1px;
	border-radius: 5px;}

.link_info_ex:hover,.link_info_ex2:hover,.link_info_ex3:hover{opacity: 0.8;}
	
.link_info_ex a,.link_info_ex2 a,.link_info_ex3 a{color: rgba(255,255,255,1.00);
	display: block;}
	
.news_box{width: 540px;
	margin-right: 10px;
	float: left;}

.twitter_box{width: 350px;
	float: left;}

.news_twitter_title1{font-size: 24px;
	text-align: left;}

.news_block{width: calc(100% - 20px);
	padding: 10px;
	height: 330px;
	text-align: left;
	background: rgba(0,0,0,0.60);
	overflow-y: scroll;}
	
.topic_date{font-size: 14px;
	color: rgba(255,182,0,1.00);}

.topic_title{font-size: 16px;
	line-height: 150%;
	color: rgba(255,39,0,1.00);
	padding: 5px 0;
	border-bottom: rgba(255,255,255,0.20) solid 1px;}
	
.topic_text{font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	padding: 5px 0;}

.topic_text a{color: rgba(0,195,255,1.00);}

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

.tw_timeline{height: 350px;
	background: rgba(255,255,255,0.80);}

.info_ex{width: 100%;
	height: 40px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background:rgba(255,134,0,1.00);
	border-radius: 5px;}
	
.info_ex:hover{opacity: 0.8;}
	
.info_ex a{display: block;
	color: rgba(255,255,255,1.00);}

.introduction_box{width: 100%;
	padding: 50px 0;
	text-align: center;
	background: url("../img2/intro_top_bg1.png");
	background-size: cover;
	background-position: center center;}

.introduction_title{width: 100%;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
	color: rgba(255,255,255,1.00);
	background: url("../img2/intro_bg1.png");
	background-size: cover;}

.introduction_text1{display: inline-block;
	font-size: 24px;
	line-height:150%;
	color: rgba(255,255,255,1.00);
	text-align: justify;
	text-shadow: 
    rgba(193,39,45,1.00) 1px 1px 3px, rgba(193,39,45,1.00) -1px 1px 3px,
    rgba(193,39,45,1.00) 1px -1px 3px, rgba(193,39,45,1.00) -1px -1px 3px;}

.introduction_text2{display: inline-block;
	font-size: 18px;
	line-height: 200%;
	color: rgba(255,255,255,1.00);
	text-align: justify;}

.introduction_img{width:  300px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 200%;
	color: rgba(255,255,255,1.00);
	padding-top: 30px;}

.introduction_img img{width: 50%;}

.img_filter{width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;}
	
.img_filter img{width: 100%;
	height: 100%;}

.con_title1{width: 458px;
	margin: 0 auto;
		padding-top: 80px;
	padding-bottom: 40px;}

.con_title1 img{width: 100%;}

.cast_box1,.cast_box2,.cast_box3,.cast_box4{width: 100%;
	padding: 50px 0;}
	
.cast_box1{background: url("../img2/bg_sousou.png");
	background-size: 100% 100%;}
	
.cast_box2{background: url("../img2/bg_sonken.png");
	background-size: 100% 100%;}

.cast_box3{background: url("../img2/bg_ryubi.png");
	background-size: 100% 100%;}
	
.cast_box4{background: url("../img2/bg_uns.png");
	background-size: 100% 100%;}

.cast_box_inner1{width: 1000px;
	margin: 0 auto;
	overflow: hidden;}
	
.team_name1{font-size: 36px;
	line-height: 180%;
	color: rgba(255,255,255,1.00);
	margin: 0 0 30px;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}

.cast_block1{width: 33%;
	padding-bottom: 30px;
	float: left;
	overflow: hidden;}
	
.cast_img_box{width: 300px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}
	
.cast_img1{width: 50%;
	float: left;
	position: relative;}
	
.cast_img1 img{width: 100%;}

.cast_img_filter{width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;}
	
.cast_img_filter img{width: 100%;
	height: 100%;}
	
.cast_name1{padding-top: 5px;
	font-size: 19px;
	line-height: 150%;
	text-align: center;
	color: rgba(255,255,255,1.00);}
	
.cast_name_um{font-size: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);}	


.text1{font-size: 24px;
	color:rgba(255,255,255,1.00);}
	
.schedule_table{width: 100%;
	padding: 20px 0;
	overflow: hidden;}

.table_sepa1{width: 50%;
	float: left;}

.schedule_table .table_sepa1 table{width: 100%;}

.schedule_td1{width: 33.3%;
	font-size: 18px;
	line-height: 40px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	background: rgba(25,25,25,1.00);}
	
.schedule_td2{width: 33.3%;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background: rgba(255,255,255,1.00);}

.text2,.text3{font-size: 16px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	text-align: center;}

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

.text5{font-size: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	text-align: center;}

.text_inline{display: inline-block;
	text-align: left;}

.caution1{font-size: 15px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	text-align: left;}

.up_text,.goods_text{width: 100%;
	padding: 15px 0;
	font-size: 18px;
	line-height: 170%;
	color: rgba(255,255,255,1.00);
	text-align: center;}

.up_page{width: 200px;
	margin: 10px auto;
	line-height: 40px;
	font-size: 18px;
	background: rgba(255,0,4,1.00);
	border: rgba(205,177,55,1.00) solid 1px;
	border-radius: 5px;
	}

.up_page:hover{opacity: 0.8;}

.up_page a{display: block;
	color: #FFFFFF;}

.goods_sample{width: 100%;
	padding: 15px 0;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.goods_sample img{width: 80%;}

.caution2{display: inline-block;
	font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	text-align: left;}

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

.corona_caution{width: calc(100% - 2px);
	border: rgba(108,108,108,1.00) solid 1px;}

.corona_caution_title{width: 100%;
	padding: 10px 0;
	font-size: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background: rgba(255,110,0,1.00);}
	
.corona_caution_block_title1{width: 100%;
	padding: 5px 0;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	background: rgba(31,31,31,1.00);}
	
.corona_caution_block1{width: 100%;
	/*height: 300px;
	overflow-y: scroll;*/}
	
.corona_caution_text{padding: 10px;
	font-size: 16px;
	line-height: 170%;
	text-align: left;
	background: rgba(255,255,255,0.80);}

.text_right{text-align: right;}

.corona_caution_bar1{width: calc(100% - 20px);
	height: 1px;
	margin: 20px auto 0;
	background: rgba(0,0,0,0.40);}

.theater_map{width: 100%;
	height: 300px;}
	
.theater_map iframe{width: 100%;
	height: 100%;}
	
.ticket_table{width: 100%;
	padding: 20px 0;}
	
.ticket_table table{width: 100%;}
	
.ticket_td1{width: 30%;
	font-size: 18px;
	line-height: 150%;
	padding: 10px 0;
	color: rgba(255,255,255,1.00);
	text-align: center;
	vertical-align: middle;
	background: rgba(25,25,25,1.00);}

.ticket_td2{width: calc(70% - 20px);
	padding: 10px;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	background: rgba(255,255,255,1.00);
	position: relative;}

.ticket_btn,.ticket_btn2{width: 100px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(255,134,0,1.00);
	position: absolute; top: 10px; right: 10px;}
	
.ticket_btn:hover{opacity: 0.7;}
	
.ticket_btn a{display: block;
	color: rgba(255,255,255,1.00);}

.ticket_link_box{width: 100%;
	padding-top: 10px;
	overflow: hidden;}
	
.ticket_link{width: 180px;
	margin: 0 5px 0 0;
	font-size: 16px;
	line-height: 200%;
	text-align: center;
	background: rgba(255,126,0,1.00);
	border-radius: 5px;
	float: left;}
	
.ticket_link:hover{opacity: 0.7;}
	
.ticket_link a{display: block;
	color: rgba(255,255,255,1.00);}

.close1{color: rgba(171,171,171,1.00);}

.close2{background: rgba(171,171,171,1.00);}

.close3{color: rgba(255,142,0,1.00);
	background: rgba(79,79,79,1.00);}

.ticket_back{width: 100%;
	margin-top: 30px;
	background: rgba(255,255,255,1.00);
	border:rgba(122,122,122,1.00) solid 1px;}

.ticket_back_text1{padding: 10px;
	font-size: 16px;
	line-height: 150%;
	text-align: left;}

.ticket_contact{width: 100%;
	margin-top: 30px;
	background: rgba(255,255,255,1.00);
	border:rgba(122,122,122,1.00) solid 1px;}
	
.ticket_contact_title{width: 100%;
	padding: 5px 0;
	background: rgba(25,25,25,1.00);
	font-size: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.ticket_contact_text1{padding: 10px 0 5px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;}

.ticket_caution1 ul.listmarker1{display: inline-block;
	padding: 0 10px 10px;
	font-size: 14px;
	line-height: 150%;
	color: rgba(0,0,0,1.00);
	text-align: left;}

.goods_block1{width: 100%;
	overflow: hidden;}
	
.goods_img{width: 280px;
	padding: 10px;
	background: rgba(255,255,255,1.00);
	border:rgba(166,124,82,1.00) solid 1px;
	float: left}
	
.goods_img img{width: 100%;}

.goods_text_box{width: calc(100% - 322px);
	padding-left: 20px;
	text-align: left;
	color: rgba(255,255,255,1.00);
	float: left;}

.goods_name{font-size: 24px;
	line-height: 150%;}
	
.goods_bar{width: 100%;
	height: 1px;
	background: rgba(255,255,255,1.00);}
	
.goods_price{font-size: 20px;
	line-height: 150%;}
	
.goods_text1{width: 100%;
	padding-top: 10px;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	color: rgba(255,255,255,1.00);}
	
.goods_text1 a{color: rgba(0,187,255,1.00);}
	
.goods_btn_box{width: 100%;
	overflow: hidden;}
	
.goods_btn1{width: calc(25% - 5px);
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 250%;
	text-align: center;
	background: rgba(26,26,26,1.00);
	border-radius: 5px;
	float: left;}
	
.goods_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}
	
.goods_caution{width: 100%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 150%;}

.goods_link{width: 180px;
	margin: 0 5px 0 0;
	font-size: 16px;
	line-height: 200%;
	text-align: center;
	background: rgba(255,126,0,1.00);
	border-radius: 5px;}
	
.goods_link:hover{opacity: 0.7;}
	
.goods_link a{display: block;
	color: rgba(255,255,255,1.00);}



.qa_block{width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
	text-align: left;
	border:rgba(122,122,122,1.00) solid 1px;
	overflow: hidden;}
	
.qa_q{width: calc(100% - 30px);
	padding: 10px 15px;
	font-size: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	background: rgba(53,53,53,1.00);
	position: relative;
	cursor: pointer;}

.qa_a{width: calc(100% - 30px);
	padding: 10px 15px;
	font-size: 16px;
	line-height: 150%;
	background: rgba(255,255,255,1.00);
	display: none;}

.qa_btn{width: 28px;
	background: url("../img2/btn_open.png");
	background-size: 28px 28px;
	position: absolute; top: 10px; right: 10px;
	z-index: 2;}

.p_m{width: 28px;
	background: url("../img2/btn_close.png");
	background-size: 28px 28px;
	position: absolute; top: 10px; right: 10px;
	z-index: 2;}

.about_text1{width: calc(100% - 2px);
	margin-top: 5px;
	background: rgba(0,0,0,0.80);
	border: rgba(140,140,140,1.00) solid 1px;
	overflow: hidden;}
	
.about_text_inner1{padding: 20px;
	font-size: 16px;
	line-height: 170%;
	text-align: left;
	color: rgba(255,255,255,1.00);}
	
.gamelogo{width: 200px;
	padding: 15px 0;
	margin: 0 auto;}
	
.gamelogo img{width: 100%;}


.staff_block1{padding: 20px 0;}

.staff_name1{font-size: 18px;
	line-height: 120%;
	color: rgba(241,90,36,1.00);}

.staff_name2{font-size: 24px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}

.staff_name3{font-size: 18px;
	color: rgba(255,255,255,1.00);}

footer{width: 100%;
	padding: 30px 0 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,0,0,1.00);}

.contact{padding-bottom: 20px;}

.contact_title{font-size: 16px;
	padding-bottom: 5px;
	color: rgba(255,198,0,1.00);}
	
.contact_text{font-size: 14px;
	line-height: 150%;}
	
.contact_text a{color:rgba(0,255,243,1.00);}

.contact_text a:hover{color: rgba(255,190,0,1.00);}

.copyright{font-size: 14px;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:16px;
}

ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-16px; 
}

ul.listmarker2 {padding-top: 5px;
	list-style-type: none;
	margin-left:14px;
}
ul.listmarker2 li:before {
	content: '●'; 
	margin-left:-14px; 
}

ul.listmarker3 {padding-top: 5px;
	list-style-type: none;
	margin-left:14px;
}
ul.listmarker3 li:before {
	content: '○'; 
	margin-left:-14px; 
}


ul.listmarker4 {
	margin-left:30px;
}

ul.listmarker4 li{list-style-type:decimal;}

ul.listmarker5 {
	list-style-type: none;
	margin-left:28px;
}

ul.listmarker5 li:before {
	content: '※'; 
	margin-left:-14px;
}

ul.listmarker6 {
	list-style-type: none;
	margin-left:14px;
}


ul.listmarker6 li:before {
	content: '●'; 
	margin-left:-14px;
}

.inline{display: inline-block;
	text-align: left;}

/* info_ex */
.info_ex_box{width: 100%;
	min-height: calc(100vh - 370px);
	padding: 100px 0;}

.info_ex_inner{width: 800px;
	margin: 0 auto;
	padding: 20px 30px;
	background: rgba(255,255,255,1.00);
	border: rgba(168,168,168,1.00) solid 1px;}
	
.info_ex_title{font-size: 20px;
	text-align: center;}
		
.info_ex_text{font-size: 16px;
	line-height: 170%;
	padding: 20px 0;}

.info_ex_text2{font-size: 14px;
	line-height: 170%;
	padding: 20px 0;}

.info_ex_text ul.listmarker1{font-size: 14px;}
	
.info_ex_sign{font-size: 16px;
	text-align: right;
	padding: 30px 0;}

.info_ex_goods{padding: 5px;
	background: rgba(255,150,0,1.00);
	color: rgba(255,255,255,1.00);
	border-radius: 5px;
	cursor: pointer;}

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

.information_ex_inner{width: calc(50% - 40px);
	height: 65%;
	min-width: 700px;
	margin: 15vh auto 10%;
	padding: 20px;
	font-size: 0.9vw;
	line-height: 150%;
	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_inner::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	
.information_ex_header{text-align: left;
	font-size: max(1.0vw,16px);}

.information_ex_text{text-align: left;
	font-size: max(0.9vw,15px);
	line-height: 150%;
	padding: 40px 0 20px;}
	
.information_ex_footer{text-align: right;
	font-size: 0.9vw;}


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

.underline{border-bottom:  rgba(0,0,0,1.00) solid 1px;}

.information_ex_line1{width: 100%;
	height: 1px;
	margin-bottom: 15px;
	background:rgba(204,204,204,1.00);}





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

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

.bg_box{min-width: 320px;}

.mark_20th{width: 70px;
	position: absolute; top: 5px; left: 5px;}

.main_img{margin-top: 0;}

.main_img{width: 100%;
	margin-top: 0;
	padding-top: 30px;
	background:rgba(0,0,0,1.00);
	position: relative;}

.main_img_inner{width: 100%;
	margin: 0 auto;}
	
.main_img_title2{width: 90%;
	margin: 0 auto;}
	
.main_img_title img{width: 100%;}

.main_img_text1{font-size: 18px;}

.con_block2{width: 90%;
	max-width: 400px;}
	
.news_twitter{width: 80%;
	margin: 15px auto 30px;
	overflow: hidden;}
	
.link_info_ex,.link_info_ex3{width: calc(100% - 2px);
	max-width: 400px;
	margin: 0 auto;
	font-size: 12px;
	float: none;}
	
.link_info_ex2{width: calc(100% - 2px);
	max-width: 400px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 150%;
	float: none;}
	
.link_info_ex:hover,.link_info_ex2:hover,.link_info_ex3:hover{opacity: 1.0;}
	
.news_box{width: 100%;
	margin-right: 0;
	float: none;}

.twitter_box{width: 100%;
	max-width: 400px;
	margin: 15px auto;
	float: none;}

.news_twitter_title1{width: 100%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 24px;
	text-align: left;}

.news_block{width: calc(100% - 20px);
	max-width: 380px;
	margin: 0 auto;
	padding: 10px;
	height: 280px;
	text-align: left;
	background: rgba(0,0,0,0.60);
	overflow-y: scroll;}
	
.topic_date{font-size: 10px;}

.topic_title{font-size: 14px;}
	
.topic_text{font-size: 12px;}

.topic_text a{color: rgba(0,195,255,1.00);}
	
.topic_text a:hover{color: rgba(0,195,255,1.00);}
	
.info_ex{width: 100%;
	max-width: 400px;
	height: 40px;
	margin: 10px auto 0;
	font-size: 16px;
	line-height: 40px;}
	
.info_ex:hover{opacity: 1.0;}
	
.info_ex a{display: block;
	color: rgba(255,255,255,1.00);}

.introduction_text1{width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 16px;}

.introduction_text2{width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 14px;
	line-height: 160%;
	color: rgba(255,255,255,1.00);
	text-align: justify;}

.introduction_img{width: 80%;
	max-width: 350px;
	font-size: 14px;}

.introduction_title{width: calc(100% - 20px);
	height: auto;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 150%;}

.con_title1{width: 250px;}

.cast_box1,.cast_box2,.cast_box3,.cast_box4{width: 100%;
	padding: 50px 0;}
	
.cast_box1{background: url("../img2/bg_sousou.png");
	background-size: 100% 100%;}
	
.cast_box2{background: url("../img2/bg_sonken.png");
	background-size: 100% 100%;}

.cast_box3{background: url("../img2/bg_ryubi.png");
	background-size: 100% 100%;}
	
.cast_box4{background: url("../img2/bg_uns.png");
	background-size: 100% 100%;}

.cast_box_inner1{width: 90%;
	margin: 0 auto;
	overflow: hidden;}
	
.team_name1{font-size: 24px;
	line-height: 180%;
	color: rgba(255,255,255,1.00);
	margin: 0 0 30px;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}

.cast_block1{width: 100%;
	padding-bottom: 30px;
	float: left;
	overflow: hidden;}
	
.cast_img_box{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}
	
.cast_img1{width: 50%;
	float: left;}
	
.cast_img1 img{width: 100%;}

.cast_img_filter{width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;}
	
.cast_img_filter img{width: 100%;
	height: 100%;}
	
.cast_name1{padding-top: 5px;
	font-size: 17px;
	line-height: 150%;
	text-align: center;
	color: rgba(255,255,255,1.00);}
	
.cast_name_um{font-size: 15px;}
	
.text1{font-size: 16px;}
	
.schedule_table{width: 100%;
	padding: 20px 0;}

.table_sepa1{width: 100%;
	margin-bottom: 10px;
	float: none;}

.schedule_td1{padding: 5px 0;
	font-size: 14px;
	line-height: 150%;}
	
.schedule_td2{font-size: 14px;
	line-height: 40px;}

.text2{font-size: 12px;
	text-align: center;}

.text3{font-size: 12px;
	text-align: center;}

.text4{font-size: 14px;}

.text5{font-size: 14px;}

.caution1,.caution2{font-size: 12px;
	text-align: left;}
	
.up_text{width: 100%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 160%;}
	
.up_page{font-size: 16px;
	text-align: center;}
	
.up_page:hover{opacity: 1.0;}
	
.goods_text{width: 100%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 160%;
	text-align: left;}
	
.caution3{font-size: 12px;}
	
.corona_caution_title{font-size: 14px;}
	
.corona_caution_text{font-size: 12px;}

.corona_caution_block_title1{font-size: 14px;}

.theater_map{width: 100%;
	height: 280px;}
	
.ticket_td1{display: block;
	width: auto;
	font-size: 14px;
	line-height: 150%;
	padding: 10px 0;
	color: rgba(255,255,255,1.00);
	vertical-align: middle;
	text-align: center;
	background: rgba(53,53,53,1.00);}

.ticket_td2{display: block;
	width: auto;
	padding: 10px;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.ticket_btn,.ticket_btn2{width: 100px;
	margin: 10px auto 0;
	font-size: 14px;
	position:static;}
	
.ticket_btn:hover{opacity: 1.0;}

.ticket_link{width: 180px;
	margin: 5px auto;;
	font-size: 14px;
	float: none;}
	
.ticket_link:hover{opacity: 1.0;}

.close1{color: rgba(171,171,171,1.00);}

.close2{background: rgba(171,171,171,1.00);}

.close3{color: rgba(255,142,0,1.00);
	background: rgba(79,79,79,1.00);}

.ticket_contact_title{font-size: 14px;}
	
.ticket_contact_text1{font-size: 12px;
	line-height: 150%;}

.ticket_caution1{font-size: 12px;
	line-height: 150%;}
	
.ticket_back_text1{font-size: 12px;}
	
.goods_block1{}
	
.goods_img{width: 250px;
	padding: 10px;
	margin: 0 auto;
	background: rgba(255,255,255,1.00);
	border:rgba(166,124,82,1.00) solid 1px;
	float: none}
	
.goods_img img{width: 100%;}

.goods_text_box{width: 100%;
	padding-left: 0;
	padding-top: 15px;
	text-align: left;
	color: rgba(255,255,255,1.00);
	float: none;}

.goods_name{font-size: 16px;
	line-height: 150%;
	text-align: center;}
	
.goods_bar{width: 100%;
	height: 1px;
	margin: 5px 0;
	background: rgba(255,255,255,1.00);}
	
.goods_price{font-size: 15px;
	line-height: 150%;
	text-align: center;}
	
.goods_text1{width: 100%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 150%;
	text-align: left;}
	
.goods_btn_box{width: 100%;
	overflow: hidden;}
	
.goods_btn1{width: calc(50% - 10px);
	margin: 0 5px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 250%;
	text-align: center;
	background: rgba(26,26,26,1.00);
	border-radius: 5px;
	float: left;}
	
.goods_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}
	
.goods_caution{width: 100%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 150%;}
	
.goods_link{margin: 0 auto;}
	
.goods_link:hover{opacity: 1.0;}
	
.qa_q{font-size: 14px;}

.qa_q_text{width: calc(100% - 30px);}

.qa_a{font-size: 12px;}

.qa_btn{width: 22px;
	background: url("../img2/btn_open.png");
	background-size: 22px 22px;
	position: absolute; top: 10px; right: 10px;
	z-index: 2;}

.p_m{width: 22px;
	background: url("../img2/btn_close.png");
	background-size: 22px 22px;
	position: absolute; top: 10px; right: 10px;
	z-index: 2;}

.about_text1{width: calc(100% - 2px);
	margin-top: 5px;
	background: rgba(0,0,0,0.80);
	border: rgba(140,140,140,1.00) solid 1px;
	overflow: hidden;}
	
.about_text_inner1{padding: 20px;
	font-size: 14px;
	line-height: 170%;
	text-align: left;
	color: rgba(255,255,255,1.00);}
	
.gamelogo{width: 150px;
	padding: 15px 0;
	margin: 0 auto;}
	
	
	
	
	
	
	
	
	



.staff_name1{font-size: 12px;
	line-height: 120%;
	color: rgba(241,90,36,1.00);}

.staff_name2{font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}

.staff_name3{font-size: 12px;
	color: rgba(255,255,255,1.00);}

.copyright{font-size: 10px;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:12px;
}

ul.listmarker1 li{font-size: 12px;
	line-height: 150%;}

ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

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

ul.listmarker3 {padding-top: 5px;
	list-style-type: none;
	margin-left:12px;
}
ul.listmarker3 li:before {
	content: '○'; 
	margin-left:-12px; 
}

/* info_ex */
.info_ex_box{width: 100%;
	min-height: calc(100vh - 370px);
	padding: 50px 0;}

.info_ex_inner{width: calc(90% - 40px);
	margin: 0 auto;
	padding: 20px;}
	
.info_ex_title{font-size: 14px;
	text-align: center;}
	
.info_ex_text{font-size: 13px;
	line-height: 170%;
	padding: 20px 0;}
	
.info_ex_text2{font-size: 12px;
	line-height: 170%;
	padding: 20px 0;}
	
.info_ex_sign{font-size: 14px;
	text-align: right;
	padding: 30px 0;}
	
.information_ex{width: 100%;
	height: 100vh;
	display: none;
	background: rgba(0,0,0,0.70);
	position: fixed; top: 0; left: 0;
	z-index: 99;}

.information_ex_switch{width: 100%;
	height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 100;}

.information_ex_inner{width: calc(90% - 40px);
	height: 65%;
	min-width: 280px;
	max-width: 700px;
	margin: 15vh auto 10%;
	padding: 20px;
	font-size: 14px;
	line-height: 150%;
	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_header{text-align: left;
	font-size: 16px;}
	
.information_ex_text{text-align: left;
	font-size: 14px;
	line-height: 150%;
	padding: 40px 0 20px;}
		
.btn_close2{width: 40%;
	font-size: 3.4vw;
	line-height: 200%;
	margin: 20px auto 0;
	background: rgba(177,177,177,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 100px;
	cursor: pointer;}
}