@charset "utf-8";

body{width: 100%;
	min-width: 1200px;
	overflow-y: scroll;}

.font-goth1{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;}

.font-goth2{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;}
	
.font-goth3{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 700;
	font-style: normal;}
	
.font-goth4{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 900;
	font-style: normal;}

.font-min1{font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;}

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

.font-min2{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(255,255,255,1.00);
	z-index: 9999;}

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

.loading_img2{height: 40px;
	-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;}
}

.loading_img1 img,.loading_img2 img{
	height: 100%;}

#container{display: none;}

.bg_box{width: 100%;
	height: 100vh;
	background: url("../img2/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed; top: 0; left: 0;
	z-index: 0;}

.contents_fadein{opacity: 0.0;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;}
	
.isAnimate { opacity: 1;}

#conttainer{width: 100%;
	position: relative;}

header{width: 100%;
	height: 50px;
	background: rgba(255,255,255,0.90);
	border-bottom: rgba(166,124,82,0.40) solid 1px;
	overflow: hidden;
	position: fixed; top: 0; left: 0;
	z-index: 9;}
	
.header_img1{height: 40px;
	float: left;
	margin: 5px 10px;}
	
.header_img1 img{height: 100%;}
	
.pc_menu{height: 40px;
	margin: 5px 10px;
	float: right;
	overflow: hidden;}
	
.pc_menu_btn1{font-size: 24px;
	line-height: 40px;
	margin: 0 15px;
	float: left;}
	
.pc_menu_btn1 a{color: rgba(0,0,0,1.00);}
	
.pc_menu_btn1 a:hover{color: rgba(166,124,82,0.70);}
	
.main_img{width: 100%;
	height: 100vh;
	margin-top: 30px;
	min-height: 600px;
	display:flex;
	justify-content: center;
	align-items: center;}

.main_img_inner{width: 50%;
	margin: 0 auto ;}
	
.main_img_img1{width: 100%;}
	
.main_img_img1 img{width: 100%;}

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

.text_spacer1{font-size: 0.85vw;}

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

.top_banner1:hover{opacity: 0.7;}

.twitter_box{width: 100%;
	padding: 50px 0;
	background: rgba(255,255,255,1.00);}

.title1{width: 100%;
	height: 60px;
	text-align: center;}
	
.title1 img{height: 100%;}

.info_tw_box{width: 890px;
	margin: 0 auto;
	overflow: hidden;}

.info_box{width: 49%;
	float: left;}

.info_link_btn1{width: calc(100% - 2px);
	font-size: 16px;
	line-height: 150%;
	background: rgba(255,255,255,1.00);
	border: rgba(200,200,200,1.00) solid 1px;
	position: relative;}
	
.info_link_btn1:hover{background: rgba(248,255,124,1.00);}
	
.link_text1{padding: 5px 0 5px 10px;
	text-align: left;}
	
a .link_text1{color: rgba(0,0,0,1.00);}
	
.link_arrow1{font-size: 16px;
	line-height: 100%;
	margin-top: -8px;
	position: absolute; top: 50%; right: 10px;}

a .link_arrow1{color: rgba(255,0,4,1.00);}

.tw_box{width: 49%;
	float: right;}

.tw_timeline{width: calc(100% - 2px);
	margin: 20px auto;
	border: rgba(166,124,82,0.40) solid 1px;}


.con_block1{width: 100%;
	padding: 50px 0;}

.box1{width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;}
	
.box_inner1{display: inline-block;
	max-width: 74%;}
	
.box_inner2{width: 880px;
	margin: 0 auto;}
	
.bar_img1{width: 100%;
	height: 2px;}
	
.bar_img2{width: 100%;
	height: 2px;
	transform: scale(-1, 1);}
	
.bar_img1 img,.bar_img2 img{width: 100%;
	height: 100%;
	opacity: 0.3;}
	
.bg_white1{background: rgba(255,255,255,0.80);}

.bg_blue1{background: rgba(207,240,255,0.80);}
	
.bg_gray1{background: rgba(61,64,52,0.90);}
	
.spacer1{width: 900px;
	margin: 0 auto;}
	
.spacer1 img{width: 100%;}
	
.introduction_text1{font-size: 24px;
	line-height: 180%;
	text-align: center;
	color: rgba(168,138,99,1.00);}
	
.introduction_text2{font-size: 30px;
	line-height: 180%;
	text-align: center;
	color: rgba(61,64,52,1.00);}
	
.introduction_text3{font-size: 16px;
	line-height: 150%;
	text-align: justify;}

.link_stage202104{width: 400px;
	margin: 0 auto;}
	
.link_stage202104:hover{opacity: 0.7;}
	
.link_stage202104 img{width: 100%;}

.line1{width: 900px;
	height: 3px;
	margin: 0 auto;}
	
.line1 img{width: 100%;
	height: 100%;}

.text5{font-size: 30px;
	line-height: 150%;
	text-align: center;
	color: rgba(173,143,99,1.00);}

.about_box{width: 890px;
	margin: 20px auto;
	padding: 0 15px;
	border-left: rgba(173,143,99,1.00) solid 2px;}

.link_official_box{padding: 30px 0;
	text-align: center;}

.link_official_inner{display: inline-block;
	overflow: hidden;}
	
.link_official_btn1{width: 260px;
	height: 50px;
	margin: 0 5px;
	font-size: 17px;
	line-height: 50px;
	background: url("../img2/official_link_btn1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;}

.link_official_btn1:hover{opacity: 0.8;}

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

.cast_team1{width: 250px;
	height: 45px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 45px;
	text-align: center;
	color: rgba(61,64,52,1.00);
	background: rgba(248,255,124,1.00);}

.cast_team2{width: 250px;
	height: 2px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 45px;
	text-align: center;
	color: rgba(61,64,52,1.00);
	background: rgba(248,255,124,1.00);}

.cast_box1{width: 75%;
	max-width: 1520px;
	margin: 0 auto;
	overflow: hidden;}
	
.cast_block1{width: calc(25% - 10px);
	padding: 0 5px;
	float: left;}
	
.cast_block2{width: calc(25% - 10px);
	padding: 0 5px;
	margin: 0 auto;}
	
.cast_sp_block1{float: left;}
	
.cast_img{width: 100%;
	overflow: hidden;}
	
.cast_img,.cast_img img{width: 100%;}

.cast_colorbar{width: 100%;
	height: 5px;}
	
.color1{background: rgba(0,0,0,1.00);}

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

.cast_name1{font-size: 26px;
	line-height: 130%;
	color: rgba(255,255,255,1.00);}

.cast_name2{dominant-baseline: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}

.cast_name3{padding-top: 5px;
	font-size: 22px;
	line-height: 130%;
	color: rgba(255,255,255,1.00);}


.text1{font-size: 24px;
	text-align: center;
	line-height: 150%;
	color: rgba(140,98,57,1.00);}

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

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

.timetable{width: 100%;
	margin: 0 auto;}
	
.timetable table{width: 100%;}

.timetable_td1{width: 22%;
	padding: 5px 0;
	background: rgba(61,64,52,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 20px;}

.timetable_td2{padding: 10px 0;
	background:rgba(241,231,215,1.00);
	font-size: 20px;}

.timetable_td1,.timetable_td2{text-align: center;}

.timetable_caution{font-size: 16px;
	line-height: 140%;
	text-align: left;}

.theater_map{width: 100%;
	height: 350px;
	margin: 0 auto;}
	
.theater_map iframe{width: 100%;
	height: 100%;}

.text_block1{width: 700px;
	margin: 30px auto 0;}
	
.title_box1{width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 2;}
	
.title_box_bg{width: 100%;
	position: absolute; top: -24px; left: 0;}

.title_box_bg img{width: 100%;}

.title_box_text{width: 100%;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	position: absolute; top: -24px; left: 0;
	z-index: 3;}

.text_box1{width: 100%;
	padding-bottom: 20px;
	border: rgba(198,156,109,1.00) solid 2px;
	background:rgba(255,255,255,0.80);
	background-size: 100% 100%;
	position: relative;}

.text_box_bg{width: 100%;}

.text_box_bg img{width: 100%;}

.text_box_text{width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 20px;
	text-align: center;
	/*position: absolute; top: 50px; left: 10%;*/}

.ticket_link_box{width: 100%;
	text-align: center;}

.ticket_box_link_inner{display: inline-block;
	overflow: hidden;}
	
.ticket_link_btn1{width: 350px;
	height: 50px;
	margin: 5px auto;
	font-size: 16px;
	line-height: 50px;
	background: url("../img2/ticket_link_btn2.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;}

.ticket_link_btn1:hover{opacity: 0.8;}

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

.text4{font-size: 24px;
	color: rgba(255,0,4,1.00);}

.text6{display: inline-block;
	font-size: 16px;
	text-align: left;}

.caution1{font-size: 14px;
	line-height: 130%;
	padding-bottom: 10px;}

.foot_link_box{width: 100%;
	padding: 30px 0;
	background: rgba(251,252,129,1.00);}
	
.foot_link_block1{width: 600px;
	margin: 0 auto;}
	
.foot_link_block2{width: 400px;
	margin: 0 auto;}
	
.foot_link_block1 img,.foot_link_block2 img{width: 100%;}

.staff_block{width: 100%;
	padding: 50px 0;
	text-align: center;
	background: rgba(170,170,170,0.30);}

.staff_name1{padding-top: 15px;
	font-size: 16px;
	line-height: 150%;
	color: rgba(140,98,57,1.00);}
	
.staff_name2{padding-top: 5px;
	font-size: 18px;
	line-height: 150%;}
	
.staff_name3{font-size: 14px;
	line-height: 120%;}

footer{width: 100%;
	padding:30px 0 30px;
	text-align: center;
	background: rgba(173,142,96,1.00);}

.contact{width: 300px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 200%;
	border: rgba(255,255,255,1.00) solid 1px;
	border-radius: 100px;}
	
.contact a{display: block;
	color: rgba(255,255,255,1.00);}

.copyright{width: 100%;
	padding-top: 20px;
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

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

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

ul.listmarker2 {
	list-style-type: none;
	margin-left:16px;
}
	
ul.listmarker2 li:before {
	content: '・'; 
	margin-left:-16px; 
}
	
.inline{display: inline-block;
	text-align: left;}
	
/* 下層ページ */
.info_ex_box1{width: 100%;
	margin: 0 auto;
	min-height: calc(100vh - 648px);
	padding: 50px 0;
	text-align: center;}

.info_ex_text1{font-size: 24px;
	margin-bottom: 40px;
	line-height: 150%;
	color: rgba(168,138,99,1.00);}
	
.info_ex_text2{width: 800px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 150%;
	text-align: justify;}
	
.info_ex_caution{font-size: 14px;}
	
.text_right{text-align: right;}

.link_info_ex1{width: 60%;
	margin: 0 auto;}
	
.link_info_ex1:hover{opacity: 0.7;}
	
.link_info_ex1 img{width: 100%;}






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

#conttainer{margin-top: 0;}

.header_img1{height: 30px;
	float: left;
	margin: 10px;}

.bg_box{margin-top: 0;
	background:url("../img2/bg_sp1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0;
	z-index: 0;}

.main_img{display:flex;
	justify-content: center;
	align-items: center;}

.main_img_inner{width: 90%;
	margin: -20% auto 0;}

.main_img_img2{width: 90%;
	margin: 0 auto;}

.text_spacer1{font-size: 3.4vw;}

.top_banner1{width: 90%;
	margin: 0 auto;}

.top_banner1:hover{opacity: 1.0;}

.title1{width: 100%;
	height: 40px;
	text-align: center;}

.info_tw_box{width: 80%;}

.info_box{width: 100%;
	float: none;}

.info_link_btn1{width: calc(100% - 2px);
	font-size: 12px;
	line-height: 150%;
	background: rgba(255,255,255,1.00);
	border: rgba(200,200,200,1.00) solid 1px;
	position: relative;}
	
.info_link_btn1:hover{background: rgba(255,255,255,1.00);}
	
.link_text1{padding: 5px 0 5px 10px;
	text-align: left;}
	
.link_arrow1{font-size: 12px;
	line-height: 100%;
	margin-top: -6px;
	position: absolute; top: 50%; right: 10px;}

.tw_box{width: 100%;
	margin-top: 40px;
	float: none;}

.tw_timeline{width: 100%;
	max-width: 400px;
	margin: 20px auto;
	border: none;}

.box1{width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;}
	
.box_inner1{display: inline-block;
	max-width: 90%;}
	
.box_inner2{width: 90%;
	margin: 0 auto;}

.spacer1{width: 100%;
	margin: 0 auto;}

.introduction_text1{width: 90%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 150%;
	text-align: center;}
	
.introduction_text2{padding: 10px 0;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: rgba(61,64,52,1.00);}
	
.introduction_text3{font-size: 12px;
	line-height: 150%;
	text-align: justify;}

.link_stage202104{width: 250px;
	margin: 0 auto;}
	
.link_stage202104:hover{opacity: 1.0;}

.line1{width: 90%;
	height: 3px;
	margin: 0 auto;}
	
.line1 img{width: 100%;
	height: 100%;}

.text5{font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: rgba(173,143,99,1.00);}

.about_box{width: calc(90% - 20px);
	margin: 20px auto;
	padding: 0 10px;
	font-size: 12px;
	border-left: rgba(173,143,99,1.00) solid 2px;}

.link_official_box{padding: 10px 0;
	text-align: center;}

.link_official_inner{display: block;
	overflow: hidden;}
	
.link_official_btn1{width: 260px;
	height: 50px;
	margin: 10px auto;
	font-size: 16px;
	line-height: 50px;
	float: none;}

.link_official_btn1:hover{opacity: 1.0;}

.cast_team1{width: 200px;
	height: 40px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 40px;;
	text-align: center;
	color: rgba(61,64,52,1.00);
	background: rgba(248,255,124,1.00);}

.cast_team2{width: 200px;
	height: 2px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 40px;;
	text-align: center;
	color: rgba(61,64,52,1.00);
	background: rgba(248,255,124,1.00);}

.cast_box1{display: inline-block;
	overflow: hidden;}
	
.cast_block1,.cast_block2{width: 250px;
	margin: 0 auto 20px;
	float: none;}
	
.cast_sp_block1{float: none;
}
	
.cast_img,.cast_img img{width: 100%;}

.cast_name1{font-size: 22px;
	line-height: 130%;
	color: rgba(255,255,255,1.00);}

.cast_name2{dominant-baseline: 16px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}

.cast_name3{padding-top: 5px;
	font-size: 16px;
	line-height: 130%;
	color: rgba(255,255,255,1.00);}


.text1{font-size: 16px;}

.text2{font-size: 14px;}

.text3{font-size: 12px;}

.timetable_td1{width: 22%;
	padding: 5px 0;
	background: rgba(61,64,52,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 14px;}

.timetable_td2{padding: 10px 0;
	background:rgba(241,231,215,1.00);
	font-size: 14px;}

.timetable_caution{font-size: 12px;
	line-height: 140%;
	text-align: left;}
	
	
	

.theater_map{width: 100%;
	height: 290px;}
	
.text_block1{width: 90%;
	max-width: 400px;
	margin: 10px auto 0;}
	
.title_box1{width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 2;}
	
.title_box_bg{width: 100%;
	height: 30px;
	position: absolute; top: -10px; left: 0;}

.title_box_bg img{width: 100%;
	height: 30px;}

.title_box_text{width: 100%;
	font-size: 16px;
	line-height: 30px;
	position: absolute; top: -10px; left: 0;
	z-index: 3;}

.text_box1{width: 100%;
	position: relative;}

.text_box_bg{width: 100%;}

.text_box_bg img{width: 100%;}

.text_box_text{	font-size: 15px;}

.ticket_link_box{text-align: center;}

.ticket_box_link_inner{display: inline-block;
	overflow: hidden;}
	
.ticket_link_btn1{width: 260px;
	height: 40px;
	margin: 5px auto;
	font-size: 12px;
	line-height: 40px;
	background-position: center center;
	float: none;}

.ticket_link_btn1:hover{opacity: 1.0;}

.text4{font-size: 16px;}
	
.text6{font-size: 13px;}

.caution1{font-size: 12px;
	text-align: left;}

.staff_name1{padding-top: 15px;
	font-size: 12px;
	line-height: 150%;
	color: rgba(140,98,57,1.00);}
	
.staff_name2{padding-top: 5px;
	font-size: 13px;
	line-height: 150%;}
	
.staff_name3{font-size: 10px;
	line-height: 120%;}


.foot_link_box{width: 100%;
	padding: 30px 0;
	background: rgba(251,252,129,1.00);}
	
.foot_link_block1{width: 90%;
	margin: 0 auto;}
	
.foot_link_block2{width: 60%;
	margin: 0 auto;}
	
.foot_link_block1 img,.foot_link_block2 img{width: 100%;}

footer{}

.copyright{font-size: 12px;}
	
ul.listmarker1 {margin-left:12px;}
	
ul.listmarker1 li:before {margin-left:-12px;}

/* 下層ページ */
.info_ex_box1{width: 100%;
	margin: 0 auto;
	min-height: calc(100vh - 648px);
	padding: 50px 0;
	text-align: center;}

.info_ex_text1{font-size: 16px;}
	
.info_ex_text2{width: 95%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 150%;
	text-align: justify;}
	
.info_ex_caution{font-size: 10px;}

.link_info_ex1{width: 100%;
	margin: 0 auto;}
	
.link_info_ex1:hover{opacity: 1.0;}
	
}