@charset "utf-8";

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

.font-goth1{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	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: 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: 100vw;
	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("../img/bg3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	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%;
	padding-top: 70px;
	position: relative;}

header{width: 100%;
	height: 70px;
	position: fixed; top: 0;
	background:rgba(0,0,0,0.90);
	border-bottom: rgba(131,131,131,1.00) solid 1px;
	overflow: hidden;
	z-index: 5;}
	
.header_logo{height: 70px;
	padding-left: 10px;
	float: left;}

.header_logo img{height: 100%;}

.pc_menu{height: 70px;
	float: left;
	padding-left: 15px;
	overflow: hidden;}

.pc_menu_btn1{height: 70px;
	font-size: 24px;
	line-height: 70px;
	margin-left: 30px;
	float: left;}

.pc_menu_btn1 a{display: block;
	color: rgba(241,90,36,1.00);}

.pc_menu_btn1 a:hover{color: rgba(255,229,0,1.00);}

.main_img{width: 100%;
	height: calc(100vh - 70px);
	min-height: 600px;
	background: rgba(255,255,255,1.00);
	position: relative;}

.main_img_mv{width: 100%;
	height: 100%;
	background: url("../img/mv1.jpg");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;}

.main_img_logo1{width: 50%;
	min-width: 800px;
	margin: 0 auto;
	padding: 7% 0 3%;}
	
.main_img_text1{width: 100%;
	margin: 0 auto;}

.main_img_text1_img{text-align: center;}

.main_img_text1_img img{width: 45%;
	min-width: 500px;}
	
.main_img_logo1 img{width: 100%;}

.introduction{width: 100%;
	padding: 40px 0 80px;
	text-align: center;
	color: rgba(247,147,30,1.00);
	background: rgba(255,255,255,1.00);
	border-top: rgba(247,147,30,1.00) solid 10px;}
	
.intro_text1{font-size: 26px;
	line-height: 24px;}

.intro_text2{font-size: 36px;
	line-height: 170%;}
	
.intro_text3{font-size: 26px;
	line-height: 32px;}

.original_link{width: 400px;
	height: 50px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 50px;
	background: rgba(247,147,30,1.00);
	border-radius: 25px;}

.original_link:hover{opacity: 0.7;}

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

.twitter{width: 620px;
	margin: 0 auto;
	padding-top: 50px;}
	
.twitter_title{height: 50px;
	padding-bottom: 5px;
	text-align: center;}
	
.tw_timeline{width: 600px;
	padding: 8px 8px 3px 8px;
	border: rgba(0,0,0,0.10) solid 1px;}
	
.twitter_title img{height: 100%;}

.information1{width: 900px;
	margin: 0 auto;
	border: rgba(247,147,30,1.00) solid 1px;}

.information_title1{width: 100%;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(247,147,30,1.00);}

.information_text1{width: calc(100% - 40px);
	padding: 10px 20px;
	text-align: left;
	font-size: 16px;
	line-height: 150%;
	color: rgba(0,0,0,1.00);}



.con_bg1{background: url("../img/con_bg1.png");
	background-repeat: repeat;}
	
.con_bg2{background: rgba(255,255,255,0.95);}
	
.con_bg3{background:rgba(240,240,240,1.00);}
	
.introduction2{width: 100%;
	padding: 100px 0;
	text-align: center;}
	
.introduction2_inner{display: inline-block;
	padding-left: 15px;
	font-size: 20px;
	line-height: 170%;
	text-align: left;
	color: rgba(66,66,66,1.00);
	border-left: rgba(241,90,36,1.00) solid 4px;}
	
.introduction2_inner2{font-size: 16px;
	line-height: 170%;}
	
.con_block1{width: 100%;
	padding: 100px 0;}
	
.con_inner1{width: 900px;
	margin: 0 auto;
	text-align: center;}
	
.con_title1{width: 100%;
	padding-bottom: 50px;}
	
.con_title_text{font-size: 60px;
	line-height: 120%;
	text-align: left;
	color: rgba(241,90,36,1.00);}

.con_title_bar1{width: 100%;}

.con_title_bar1 img{width: 100%;}
	
.con_title_text2{font-size: 28px;
	line-height: 100%;
	text-align: right;
	margin-top: -10px;
	color: rgba(0,113,188,1.00);}
	
.cast_block1{text-align: center;
	padding-bottom: 30px;}
	
.cast_name1{font-size: 26px;
	line-height: 140%;}

.cast_name2{font-size: 18px;
	line-height: 120%;}

.cast_name3{font-size: 20px;
	line-height: 100%;
	color: rgba(57,57,57,1.00);}
	
.cast_box1{display: inline-block;
	overflow: hidden;}
	
.cast_block2{width: 250px;
	float: left;
	padding: 10px 10px 20px;}
	
.cast_img1{width: 100%;
	border: rgba(0,0,0,0.10) solid 1px;}

.cast_img1 img{width: 100%;}
	
.cast_name4{padding-top: 5px;
	font-size: 18px;
	line-height: 100%;
	text-align: left;
	color: rgba(0,113,188,1.00);}
	
.cast_name5{font-size: 22px;
	line-height: 150%;
	text-align: left;
	color: rgba(241,90,36,1.00);}
	
.cast_name6{font-size: 16px;}
	
.cast_name7{padding-top: 5px;
	font-size: 16px;
	line-height: 100%;
	text-align: left;
	color:rgba(83,83,83,1.00);}
	
.title_sub1{text-align: center;
	padding-bottom: 20px;
	font-size: 24px;
	color: rgba(247,147,30,1.00);}
	
.text1{font-size: 24px;
	line-height: 150%;
	text-align: center;}
	
.text2{font-size: 18px;
	line-height: 150%;
	text-align: center;}
	
.caution1{font-size: 16px;
	text-align: center;
	color: rgba(73,73,73,1.00);}
	
.theater_map{width: 100%;
	height: 300px;
	padding-top: 10px;}

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

.table_left{width: 10%;
	float: left;}
	
.table_right{width: 90%;
	float: left;}

.schedule_table table{width: 100%;}

.sche_td1,.sche_td2{height: 50px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 120%;}
	
.sche_td1{background: rgba(0,0,0,1.00);}

.sche_td2{width: 33%;
	color: rgba(255,255,255,1.00);
	background:rgba(255,206,0,1.00);}
	
.sche_td3{height: 60px;
	font-size: 18px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,179,255,1.00);
	vertical-align: middle;}
	
.sche_td4{width: 33%;
	height: 60px;
	background:rgba(255,255,255,0.90);
	text-align: center;}
	
.sche_td4 img{height: 40px;}

.sche_td5{background: rgba(140,140,140,1.00);
	font-size: 18px;
	line-height: 150%;
	color: rgba(255,0,4,1.00);
	text-align: center;
	vertical-align: middle;}

.sche_table_box{height: 40px;
	padding: 10px 0 0;
	display: inline-block;}

.sche_table_mark{height: 40px;
	float: left;}

.sche_table_text{height: 40px;
	padding-left: 5px;
	float: left;}

.sche_table_type1,.sche_table_type2,.sche_table_type3,.sche_table_type4{width: 80px;
	height: 20px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	border-radius: 10px;}
	
.sche_table_type1{background: rgba(0,140,255,1.00);}
	
.sche_table_type2{background:rgba(1,183,101,1.00);}
	
.sche_table_type3{background:rgba(255,166,0,1.00);}
	
.sche_table_type4{background:rgba(232,0,255,1.00);}
	
.sche_table_guest{height: 12px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;}

.type_list{width: 100%;
	margin: 0 auto;}
	
.type_list_box{width: 100%;
	overflow: hidden;}
	
.type_list_type1,.type_list_type2,.type_list_type3,.type_list_type4{width: 120px;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	color:rgba(255,255,255,1.00);
	border-radius: 12.5px;
	float: left;}

.type_list_type1{background: rgba(0,140,255,1.00);}

.type_list_type2{background:rgba(1,183,101,1.00);}

.type_list_type3{background:rgba(255,166,0,1.00);}

.type_list_type4{background:rgba(232,0,255,1.00);}

.type_list_text{width: calc(100% - 130px);
	padding-left: 10px;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	float: left;}

.corona_catuion_box{width: 100%;
	background: rgba(255,255,255,1.00);
	border: rgba(0,0,0,0.40) solid 1px;}
	
.corona_caution_title{width: 100%;
	font-size: 20px;
	padding: 7px 0;
	color: rgba(255,255,255,1.00);
	background: rgba(241,90,36,1.00);}

.corona_caution_text1{width: calc(100% - 20px);
	padding: 10px;
	font-size: 16px;
	line-height: 150%;
	text-align: left;}

.corona_caution_text1{font-size: 14px;}


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

.ticket_table table{width: 100%;}

.ticket_td1{width: 20%;
	padding: 12px 0;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(247,147,30,1.00);}

.ticket_td2{width: calc(80% - 20px);
	padding: 12px;
	font-size: 16px;
	line-height: 100%;
	text-align: left;
	background:rgba(230,230,230,1.00);}
	
.staff_block1{text-align: center;
	padding-bottom: 25px;}
	
.staff_name1{padding-bottom: 5px;
	font-size: 16px;
	line-height: 100%;
	color:rgba(247,147,30,1.00);}
	
.staff_name2{font-size: 18px;
	line-height: 150%;}
	
.staff_name3{font-size: 16px;
	line-height: 100%;}



footer{width: 100%;
	padding:30px 0 10px;
	text-align: center;
	background: rgba(247,147,30,1.00);
	position: relative;}

.footer_logo{height: 70px;
	text-align: center;}
	
.footer_logo img{height: 100%;}
	
.sns_link_text{width: 100%;
	height: 30px;
	padding-top: 20px;
	text-align: center;}
	
.sns_link_text img{height: 100%;}
	
.sns_link_text img:hover{opacity: 0.7;}
	
.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; 
}
	
	
	
	
	
	

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

#conttainer{margin-top: 0;
	padding-top: 0;}

.main_img{width: 100%;
	height: auto;
	min-height: 0;
	position: relative;}

.main_img_mv{background:rgba(255,255,255,1.00);
	text-align: center;
	overflow: hidden;}

.main_img_mv img{width: 140%;}

.main_img_logo1{width: 90%;
	max-width: 400px;
	min-width: 0;
	margin: 0 auto;
	padding-top: 18vh;
	padding-bottom: 12vh;}
	
.main_img_text1{width: 100%;
	margin: 0 auto;
	text-align: center;}

.main_img_text1_img img{width: 90%;
	max-width: 400px;
	min-width: 0;}
		
.intro_text1{font-size: 12px;
	line-height: 150%;}

.intro_text2{font-size: 16px;
	line-height: 170%;}
	
.intro_text3{font-size: 14px;
	line-height: 150%;}

.original_link{width: 300px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	background: rgba(247,147,30,1.00);
	border-radius: 20px;}

.original_link:hover{opacity: 1.0;}

.twitter{width: 300px;
	margin: 0 auto;
	padding-top: 50px;}
	
.twitter_title{height: 30px;
	padding-bottom: 5px;
	text-align: center;}
	
.tw_timeline{width: 290px;
	padding: 8px 5px 3px 5px;
	border: rgba(0,0,0,0.10) solid 1px;}
	
.information1{width: 85%;
	margin: 0 auto;
	border: rgba(247,147,30,1.00) solid 1px;}

.information_title1{width: 100%;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(247,147,30,1.00);}

.information_text1{width: calc(100% - 20px);
	padding: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
	color: rgba(0,0,0,1.00);}
	
.introduction2{width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;}
	
.introduction2_inner{display: block;
	width: calc(90% - 14px);
	margin: 0 auto;
	padding-left: 10px;
	font-size: 14px;
	line-height: 170%;}
	
.introduction2_inner2{font-size: 13px;}
	
.con_block1{width: 100%;
	padding: 50px 0;}
	
.con_inner1{width: 90%;
	margin: 0 auto;}
	
.con_title1{width: 100%;
	padding-bottom: 40px;}
	
.con_title_text{font-size: 30px;}
	
.con_title_text2{font-size: 14px;
	margin-top: -15px;}

.cast_block1{text-align: center;
	padding-bottom: 30px;}
	
.cast_name1{font-size: 20px;}

.cast_name2{font-size: 12px;}

.cast_name3{font-size: 16px;}

.cast_box1{display: block;}

.cast_block2{width: 250px;
	margin: 0 auto;
	float: none;
	padding: 10px 10px 20px;}
	
.cast_img1{width: 100%;
	border: rgba(0,0,0,0.10) solid 1px;}

.cast_img1 img{width: 100%;}
	
.cast_name4{padding-top: 5px;
	font-size: 18px;
	line-height: 100%;
	text-align: left;
	color: rgba(0,113,188,1.00);}
	
.cast_name5{font-size: 22px;
	line-height: 150%;
	text-align: left;
	color: rgba(241,90,36,1.00);}
	
.cast_name6{font-size: 16px;}
	
.cast_name7{padding-top: 5px;
	font-size: 16px;
	line-height: 100%;
	text-align: left;
	color:rgba(83,83,83,1.00);}

.title_sub1{font-size: 20px;}
	
.text1{font-size: 16px;}
	
.text2{font-size: 14px;}
	
.caution1{font-size: 12px;}

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

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

.table_left{width: 70px;
	float: left;}
	
.table_right{width: calc(100% - 70px);
	float: left;
	overflow-x: scroll;}

.schedule_table table{width: 100%;}

.table_right table{width: 100%;
	min-width: 400px;}

.sche_td1,.sche_td2{font-size: 14px;}
	
.sche_td1{background: rgba(0,0,0,1.00);}

.sche_td2{width: 80px;
	color: rgba(255,255,255,1.00);
	background:rgba(255,206,0,1.00);}
	
.sche_td3{font-size: 14px;
	height: 120px;}
	
.sche_td4{width: 33%;
	height: 100px;
	padding: 10px 0;
	background:rgba(229,229,229,1.00);
	text-align: center;}
	
.sche_td4 img{height: 40px;}

.sche_td5{font-size: 16px;}

.sche_table_box{height: 80px;
	padding: 10px 0 0;
	display: inline-block;}

.sche_table_mark{height: 40px;
	float: none;}

.sche_table_text{height: 40px;
	padding-left: 0;
	float: none;}

.sche_table_type1,.sche_table_type2,.sche_table_type3,.sche_table_type4{width: 80px;
	height: 20px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	border-radius: 10px;}
		
.sche_table_guest{
	padding-top: 3px;
	font-size: 10px;
	line-height: 13px;
	text-align: center;}

.type_list{width: 100%;
	margin: 0 auto;}
	
.type_list_box{width: 100%;
	overflow: hidden;}
	
.type_list_type1,.type_list_type2,.type_list_type3,.type_list_type4{width: 120px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color:rgba(255,255,255,1.00);
	border-radius: 10px;
	float: none;}

.type_list_type1{background: rgba(0,140,255,1.00);}

.type_list_type2{background:rgba(1,183,101,1.00);}

.type_list_type3{background:rgba(255,166,0,1.00);}

.type_list_type4{background:rgba(232,0,255,1.00);}

.type_list_text{width: 100% ;
	padding-left: 0;
	padding-top: 5px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	float: none;;}



.corona_caution_title{font-size: 16px;}

.corona_caution_text1{font-size: 14px;}

.corona_caution_text1{font-size: 12px;}

.theater_map{height: 250px;}

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

.ticket_table table{width: 100%;}

.ticket_td1{width: 30%;
	padding: 12px 0;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(247,147,30,1.00);}

.ticket_td2{width: calc(70% - 20px);
	padding: 12px;
	font-size: 14px;
	line-height: 100%;
	text-align: left;}

.staff_name1{font-size: 11px;}
	
.staff_name2{font-size: 12px;}
	
.staff_name3{font-size: 11px;}



footer{}

.sns_link_text img:hover{opacity: 1.0;}

.copyright{font-size: 10px;}
	
	

	
}