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

body{min-width:1200px;
	background: rgba(255,72,147,1.00);
	overflow-y:scroll;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700; /* 100 200 300 400 500 700 900 */
	font-style: normal;}

@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(255,255,255,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;}
}

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

header{width:100%;
	min-width: 1200px;
	height: 80px;
	background: rgba(255,72,147,1.00);
	border-bottom: rgba(255,255,255,0.50) solid 1px;
	position:fixed; top:0; left: 0;
	overflow: hidden;
	z-index:3;}

.header_logo{height: 100%;
	float: left;}

.header_logo img{height: 100%;}

.header_menu_pc{height: 60px;
	padding: 10px;
	float: left;
	overflow: hidden;}
	
.btn_menu_pc{padding-left: 15px;
	float: left;}

.btn_menu_pc:hover{opacity: 0.7;}

.main_img{width: 100%;
	margin-top: 80px;
	background:url("../img/main_img3_pc.jpg");
	background-size: 100% 100%;
	background-position: center center;}
	
.main_img_filter{width: 100%;}

.main_img_filter img{width: 100%;}

.block1{width: 100%;
	padding: 50px 0;}
	
.block_title{width: 100%;
	position: relative;}

.block_title_name{width: 25%;
	max-width: 400px;
	margin: 0 auto;
	z-index: 2;
	position: relative;}
	
.block_title_name img{width: 100%;}

.block_title_bar1{width: 100%;
	height: 60px;
	background: url("../img/bg_line5.png");
	position: absolute; top: 50%;
	margin-top: -30px;
	z-index: 1;}

.block_inner{padding: 30px 0;
	background: url("../img/bg_line1.png");
	position: relative;}

#story{background: rgba(41,171,226,1.00);}

#cast,#staff{background: rgba(255,123,172,1.00);}

#schedule{background: rgba(34,181,115,1.00);}

#ticket{background: rgba(247,147,30,1.00);}

.introduction_text1{padding: 30px 0;
	font-size: 24px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

.twitter_mv_box{overflow: hidden;
	text-align: center;}

.twitter_mv_box_inner{display: inline-block;
	overflow: hidden;}

.mv_box{height: 353px;
	margin-right: 10px;
	border: rgba(255,255,255,1.00) solid 1px;
	float: left;}
	
.mv_box img{height: 100%;}

.twitter_box{float: left;
	padding-top: 5px;
	background: rgba(0,0,0,0.40);}

.tw_link{width: 15%;
	min-width: 250px;
	max-width: 400px;
	margin: 0 auto;}

.tw_link img{width: 100%;}

.tw_timeline{width: 480px;
	margin: 5px auto;
	text-align: center;
	background:rgba(255,255,255,0.90);}

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

.story_img1,.story_img2{width: 25%;
	position: absolute;}
	
.story_img1{top: 22%;
	left: 5%;}	
	
.story_img2{top: 20%;
	right: 5%;}
	
.story_img1 img,.story_img2 img{width: 100%;}

/* cast追記 > */
#cast{text-align: center;}

.cast_box1{display: inline-block;
	overflow: hidden;}
	
.cast1{width: 250px;
	padding: 0 5px;
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	float: left;}
	
.cast_name1{font-size: 18px;
	line-height: 24px;
	padding-bottom: 5px;}
	
.cast_name3{font-size: 12px;
	line-height: 24px;
	padding-bottom: 5px;}
	
.cast_img{width: 100%;}

.cast_img img{width: 100%;}

.cast_name2{font-size: 28px;
	line-height: 40px;
	padding-top: 5px;
	padding-bottom: 15px;}
	
.cast_name4{font-size: 24px;
	font-weight: 900;
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	padding-bottom: 5px;}
/* < cast追記 */

.cast_text1{font-size: 28px;
	font-weight: 900;
	text-align: center;
	color:rgba(255,255,255,1.00);}

.name1{font-size: 18px;
	line-height: 24px;}
	
.name2{line-height: 40px;
	padding-bottom: 15px;}

.staff_block{text-align: center;
	padding-bottom: 20px;}
	
.staff_name1{font-size: 18px;
	color: rgba(255,255,255,0.80);}
	
.staff_name2{font-size: 28px;
	font-weight: 900;
	color: rgba(255,255,255,1.00);}

.schedule_text1{text-align: center;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color:rgba(255,237,0,1.00);}
	
.schedule_text2{text-align: center;
	font-size: 24px;
	color: rgba(255,255,255,1.00);}

.schedule_table table{width: 1000px;
	margin: 0 auto;}
	
.schedule_td1,.schedule_td2,.schedule_td3,.schedule_td4{width: 20%;
	line-height: 40px;
	text-align: center;
	font-size: 18px;}
	
.schedule_td1 img,.schedule_td2 img,.schedule_td3 img,.schedule_td4 img{height: 30px;
	padding: 5px 0;}

.schedule_td1{background: rgba(0,0,0,0.35);}

.schedule_td2{background: rgba(0,0,0,0.70);
	color: rgba(255,255,255,1.00);}
	
.schedule_td3{background:rgba(255,72,180,1.00);
	color: rgba(255,255,255,1.00);}
	
.schedule_td4{background: rgba(255,255,255,0.80);}

.schedule_td5{line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255,255,255,1.00);
	text-align: left;}

.aftertalk_block1{padding: 10px 0 15px;}

.aftertalk_date{width: 300px;
	padding: 5px 0;
	margin: 0 auto;
	font-size: 20px;
	line-height: 120%;
	background: rgba(255,72,180,1.00);}

.theater{width: 1000px;
	margin: 0 auto;}
	
.theater_address{text-align: left;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);}
	
.theater iframe{width: 100%;
	height: 300px;}

.ticket_text1{text-align: center;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 10px;
	color:rgba(255,237,0,1.00);}
	
.ticket_text2{padding: 0 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	line-height: 30px;
	color: rgba(255,255,255,1.00);}

/* 20200107追記 > */
.theater_caution{font-size: 18px;
	text-align: center;
	color: rgba(255,255,255,1.00);}
/* < 20200107追記 */

/* 12/18追記 > */
.repeater_block{display: inline-block;
	text-align: left;}
/* < 12/18追記 */

.ticket_sale1{color:rgba(255,57,223,1.00);}

.ticket_sale_btn{width: 150px;
	margin: 5px auto;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	background:rgba(0,179,255,1.00);}

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

.ticket_sale_btn:hover{opacity: 0.7;}

.ticket_sale_btn_close{width: 150px;
	margin: 5px auto;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	background:rgba(65,65,65,1.00);
	color: rgba(255,142,0,1.00);}

.playguide_block1{width: 800px;
	margin: 0 auto 1px;
	border: rgba(255,255,255,1.00);
	overflow: hidden;}
	
.pg_block_inner1{width: calc(25% - 20px);
	padding: 5px 10px;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: rgba(255,255,255,1.00);
	background: rgba(255,72,180,1.00);
	float: left;}
	
.pg_block_inner2{width: calc(75% - 121px);
	padding: 5px 10px;
	margin-left: 1px;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	color: rgba(0,0,0,1.00);
	background:rgba(255,255,255,0.80);
	float: left;}
	
.pg_block_inner3{width: 99px;
	padding: 5px 0;
	margin-left: 1px;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	background:rgba(0,179,255,1.00);
	float: left;}

.pg_block_inner3:hover{opacity: 0.7;}

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

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

.footer_staff_text1{font-size: 14px;
	font-weight:  500;
	color: rgba(255,255,255,0.80);}

.footer_staff_text2{font-size: 18px;}

.copyright{font-size: 14px;}

.ticket_caution{display: inline-block;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: left;
	padding-top: 10px;}
	
ul.listmarker1 {
	list-style-type: none;
	margin-left:18px;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-18px; 
}

/* 736 */

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

header{height: 60px;}

.main_img{margin-top: 60px;}

.block_title_name{width: 25%;
	min-width: 200px;
	margin: 0 auto;
	z-index: 2;
	position: relative;}
	
.introduction_text1{width: 95%;
	max-width: 400px;
	padding: 30px 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: rgba(255,255,255,1.00);}
	
.introduction_text1_img{width: 80%;
	max-width: 350px;
	margin: 0 auto;}
	
.introduction_text1_img img{width: 100%;}

.twitter_mv_box{overflow: hidden;
	text-align: center;}

.twitter_mv_box_inner{display: block;
	overflow: hidden;}

.mv_box{height: 300px;
	margin: 0 auto 20px;
	border: none;
	float: none;}
	
.mv_box img{height: 100%;}

.twitter_box{width: 100%;
	float: none;
	padding: 10px 0;
	background: rgba(0,0,0,0.40);}

.tw_link img{width: 100%;}

.tw_link{width: 25%;
	min-width: 200px;}

.tw_timeline{width: 80%;
	max-width: 400px;}

.story_text1{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: rgba(255,255,255,1.00);}

.story_img_sp{width: 95%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;}
	
.story_img3,.story_img4{width: 40%;
	padding: 0 5%;
	float: left;}
	
.story_img3 img,.story_img4 img{width: 100%;}

/* cast追記 > */
#cast{text-align: center;}

.cast_box1{display: inline-block;
	overflow: hidden;}
	
.cast1{width: 200px;
	padding: 0 5px;
	color: rgba(255,255,255,1.00);
	font-weight: 900;
	float: none;}
	
.cast_name1{font-size: 14px;
	line-height: 24px;
	padding-bottom: 0;}
	
.cast_name3{font-size: 10px;
	line-height: 24px;
	padding-bottom: 0;}
		
.cast_img{width: 100%;}

.cast_img img{width: 100%;}

.cast_name2{font-size: 18px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 15px;}
	
.cast_name4{font-size: 16px;
	line-height: 150%;
	padding-bottom: 0;}
/* < cast追記 */

.cast_text1{width: 95%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	color:rgba(255,255,255,1.00);}

.name1{font-size: 14px;
	line-height: 16px;}
	
.name2{line-height: 30px;
	padding-bottom: 15px;}

.staff_name1{font-size: 12px;
	color: rgba(255,255,255,0.80);}
	
.staff_name2{font-size: 16px;
	font-weight: 900;
	color: rgba(255,255,255,1.00);}
	
.schedule_text1{text-align: center;
	font-size: 16px;
	font-weight: 900;
	color:rgba(255,237,0,1.00);}
	
.schedule_text2{text-align: center;
	font-size: 14px;
	color: rgba(255,255,255,1.00);}
	
.schedule_table table{width: 95%;
	max-width: 400px;
	margin: 0 auto;}
	
.schedule_td1,.schedule_td2,.schedule_td3,.schedule_td4{width: 20%;
	line-height: 40px;
	text-align: center;
	font-size: 14px;}
	
.schedule_td1 img,.schedule_td2 img,.schedule_td3 img,.schedule_td4 img{height: 30px;
	padding: 5px 0;}

.schedule_td1{background: rgba(0,0,0,0.35);}

.schedule_td2{background: rgba(0,0,0,0.70);
	color: rgba(255,255,255,1.00);}
	
.schedule_td3{background:rgba(255,72,180,1.00);
	color: rgba(255,255,255,1.00);}
	
.schedule_td4{background: rgba(255,255,255,0.80);}

.schedule_td5{line-height: 30px;
	font-size: 12px;
	font-weight: 700;
	text-align: left;}

.aftertalk_date{font-size: 16px;}

.theater{width: 95%;
	max-width: 400px;
	margin: 0 auto;}
	
.theater_address{text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);}

/* 20200107追記 > */
.theater_caution{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 14px;
	text-align:left;}
/* < 20200107追記 */

.theater iframe{width: 100%;
	height: 280px;}

.ticket_text1{text-align: center;
	font-size: 16px;
	font-weight: 900;
	color:rgba(255,237,0,1.00);}
	
.ticket_text2{text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255,255,255,1.00);}

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

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

.ticket_sale_btn:hover{opacity: 1.0;}

.ticket_caution{font-size: 12px;
	line-height: 18px;}
	
.playguide_block1{width: 95%;
	max-width: 400px;
	padding-bottom: 5px;
	margin: 0 auto 5px;
	background:rgba(255,255,255,0.80);
	border: rgba(255,255,255,1.00);
	overflow: hidden;}
	
.pg_block_inner1{width: 100%;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(255,72,180,1.00);
	float: none;}
	
.pg_block_inner2{width: 100%;
	padding: 5px 10px;
	margin-left: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	line-height: 20px;
	text-align: center;
	color: rgba(0,0,0,1.00);
	background:rgba(0,0,0,0.00);
	float: none;}
	
.pg_block_inner3{width: 150px;
	margin:0 auto;
	padding: 0;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background:rgba(0,179,255,1.00);
	float: none;
	border-radius: 5px;}

.pg_block_inner3:hover{opacity: 0.7;}
	
.footer_staff_text1{font-size: 10px;
	font-weight:  500;
	color: rgba(255,255,255,0.80);}

.footer_staff_text2{font-size: 12px;}
	
.copyright{font-size: 10px;}

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