@charset "utf-8";

body{font-family: a-otf-jun-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	color:rgba(35,0,14,1.00);}
	
.start_filter{width:100vw;
	height:100vh;
	background:rgba(255,255,255,1.00);
	z-index:99;
	position:fixed; top:0; left:0;}

.loading_img1{position:fixed; top:50%; left:50%;
	margin:-25px 0 0 -100px;}
	
.loading_img1 img{-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%;
	min-width:1200px;
	height:100%;
	margin:0 auto;}

.pc_menu{padding:10px;
	position:fixed; top:10px; left:10px;
	background:rgba(255,255,255,0.80);
	z-index:10;
	display:none;}

.pc_menu_title{height:35px;
	background:url(../img/menu_menu_pc.png);
	background-size:auto 35px;
	background-repeat:no-repeat;
	background-position:top left;}

.pc_menu_btn{width:250px;
	height:40px;
	border:rgba(0,0,0,1.00) solid 1px;
	background:rgba(255,255,255,1.00);}

.pc_menu_btn img{width:100%;
	height:100%;}
	
.menu_top{background:url(../img/menu_top_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_top:hover{background:url(../img/menu_top2_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_cast{background:url(../img/menu_cast_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_cast:hover{background:url(../img/menu_cast2_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_information{background:url(../img/menu_information_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_information:hover{background:url(../img/menu_information2_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_ticket{background:url(../img/menu_ticket_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_ticket:hover{background:url(../img/menu_ticket2_pc.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_yeltama{background:url(../img/yeltama.png);
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_yeltama:hover{opacity: 0.7;}

.main_img{width:100%;
	height:85vh;
	min-height:600px;
	background:url(../img/main_img1.jpg);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	position: relative;}
	
.main_title1{width:100%;
	height:85vh;
	min-height:600px;
	background:url(../img/main_title1.png);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	display:none;}
	

/* 0701追記 > */
.just_before_reserve{width:250px;
	height:30px;
	padding:2px;
	margin: 0 auto;
	background:rgba(255,255,255,1.00);
	border:rgba(35,0,14,1.00) solid 3px;
	border-radius: 17px;}

.just_before_reserve:hover{opacity: 0.7;}

.just_bofore_reserve_inner{width:100%;
	line-height:16px;
	padding:5px 0 9px;
	font-size:16px;
	text-align: center;
	color:rgba(255,255,255,1.00);
	background:rgba(35,0,14,1.00);
	border-radius: 14.5px;}
	
.just_bofore_reserve_inner a{display: block;
	color: rgba(255,255,255,1.00);}
/* < 0701追記 */

/* DVD */

.dvd_text{text-align: center;}

/* トップ配置用 > */
.main_v{width:100%;
	height: calc(100% - 20px);
	text-align: center;
	position: absolute; top: 10px;}
	
@media screen and ( max-width:1300px )
{
.pc_menu_btn{width:200px;
	height:32px;}

.menu_top{background:url(../img/menu_top_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_top:hover{background:url(../img/menu_top2_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_cast{background:url(../img/menu_cast_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_cast:hover{background:url(../img/menu_cast2_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_information{background:url(../img/menu_information_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_information:hover{background:url(../img/menu_information2_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}
	
.menu_ticket{background:url(../img/menu_ticket_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_ticket:hover{background:url(../img/menu_ticket2_pc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;}

.menu_yeltama {background-size: 100% 100%;}

.main_v{width:100%;
	height: 80% ;
	text-align: center;
	position: absolute; top: 5%;}
}
	
.main_v_inner{height: 100%;
	display: inline-block;
	margin: 0 auto;}
	
.main_v_img1{height: 100%;
	padding-right: 2px;
	float: left;}
	
.main_v_img2{height:100%;
	padding-left: 2px;
	float: left;}
	
.main_v_img1 img,.main_v_img2 img{height: 100%;}

/* < トップ配置用 */

/* 下段配置用 > */
.tw_main_v{text-align: center;}

.tw_main_v_inner{display: inline-block;
	overflow: hidden;}
	
.twitter_block{float: left;}

.main_visual_block{float: left;
	padding-left: 2px;}

.main_visual_title{text-align: center;
	height: 25px;
	line-height: 25px;
	padding-bottom: 5px;}
	
.main_visual_inner{height: 300px;
	overflow: hidden;}

.main_visual1{height: 300px;
	padding: 0 2px;
	float: left;}
	
.main_visual1 img{height: 100%;
	cursor: pointer;}
	
.main_visual_block2{clear: both;
	text-align: center;}
	
.main_visual_inner2{width: 436px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;}
/* < 下段配置用 */

.catch1{width:800px;
	height:120px;
	margin:0 auto;}

.twitter_title{height: 25px;
	text-align:center;
	font-size:16px;
	line-height: 25px;
	padding-bottom:5px;}

.tw_timeline{width:350px;
	height:300px;
	margin:0 auto;
	background:rgba(128,128,128,1.00);}

.story{text-align:center;
	padding-top:50px;}

.title1{height:70px;}

.title1 img{height:100%;}

.story_text{width:100%;
	font-size:16px;
	line-height:30px;
	text-align:center;}

.cast{text-align:center;
	background:rgba(213,205,199,1.00);}

.cast_erea{width:630px;
	margin:0 auto;
	overflow:hidden;}
	
.cast_block1{width:200px;
	padding:0 5px;
	float:left;
	position:relative;}

.cast_img1{width:100%;}

.cast_img1 img{width:100%;}

.cast_name{padding-top:5px;
	font-size:16px;
	text-align:center;}

.chara_name{font-size:14px;
	text-align:center;
	padding-bottom:5px;}

.cast_block2{text-align:center;
	font-size:16px;
	line-height:24px;}

.information {text-align:center;
	font-size:16px;
	background:url(../img/con_bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center center;
  }

.information_block1{width:1000px;
	padding:40px 10px 10px;
	margin:0 auto;
	background:rgba(255,255,255,0.80);
	border:rgba(35,0,14,1.00) solid 3px;
	position:relative;}

.information_block1 a,.original a{color:rgba(73,0,255,1.00);}

.information_block1 a:hover,.original a:hover{color:rgba(191,107,0,1.00);}
	
.information_title{width:200px;
	height:30px;
	margin-left:-102px;
	padding:2px;
	background:rgba(255,255,255,1.00);
	border:rgba(35,0,14,1.00) solid 3px;
	position:absolute; top:-20px; left:50%;}

.information_title_inner{width:100%;
	line-height:16px;
	padding:5px 0 9px;
	font-size:16px;
	color:rgba(255,255,255,1.00);
	background:rgba(35,0,14,1.00);}

.stage_type{text-align:center;}

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

.circle_text{width:25px;
	height:25px;
	line-height:20px;
	text-align:center;
	background:rgba(35,0,14,1.00);
	border-radius:12.5px;
	color:rgba(255,255,255,1.00);
	float:left;}
	
.type_text{float:left;}

.timetable table{width:500px;
	margin:0 auto;}

.table_line{width:100%;
	height:1px;
	margin-bottom:5px;
	background:rgba(0,0,0,0.30);}

.timetacle_date,.timetable_time1,.timetable_time2,.aftertalk_time1,.aftertalk_name{line-height: 25px;
	padding:0 10px;}

.timetacle_date{width: 120px;
	vertical-align: middle;}

.aftertalk_title{width: 200px;
	margin: 0 auto 15px;
	padding:0 0  5px 0;
	background: rgba(35,0,14,1.00);
	color: rgba(255,255,255,1.00);}

.aftertalk_info{font-size: 14px;}

.aftertalk_time1{width: 50px;
	vertical-align: middle;}

.aftertalk_name{text-align: left;
	padding-bottom: 5px;}

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

.aftertalk_info2{margin-top: 10px;
	padding: 10px 5px;
	border: rgba(35,0,14,1.00) solid 1px;}

.aftertalk_info2_title{font-size: 14px;
	font-weight: bold;}
	
.aftertalkinfo2_text{font-size: 12px;
	line-height: 20px;
	padding-top: 5px;
	text-align: left;}

.theater_address{font-size:14px;}

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

.ticket_table table{margin:0 auto;
	text-align:left;
	line-height:20px;}

.ticket_table table tr td{padding:0 10px;}

.seat_caution{font-size:12px;
	padding-top:5px;}

.seat_caution2{font-size:14px;
	padding-top:5px;}

/* 0701追記 > */
.just_before_reserve_block{width: 600px;
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
	border: rgba(35,0,14,1.00) solid 1px;}

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

.just_before_reserve_block_title{text-align: center;
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 15px;}
	
.just_before_reserve_block_btn{text-align: center;
	padding-top: 10px;}
/* < 0701追記 */

.ticket_block1{text-align:center;}

.ticket_block1 table{margin:0 auto;}

.repeater_left{}

.repeater_right{text-align:left;
	font-size:16px;}

.ticket_close{color:rgba(156,156,156,1.00);}

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

.ticket_table_caution{padding-top: 5px;
	font-size: 12px;}

.yeltama_text{text-align: center;}

.link_yeltama{width: 220px;
	height: 40px;
	margin: 0 auto;}
	
.link_yeltama img{width: 100%;}

.link_yeltama:hover{opacity: 0.7;}

.staff{text-align:center;
	font-size:16px;
	background:rgba(213,205,199,1.00);}

.staff_block1{}

.staff_text1{font-size:12px;
	line-height:16px;}
	
.staff_text2{font-size:14px;
	line-height:20px;}

.original{text-align:center;}

.original_title{font-size:20px;
	line-height:24px;}
	
.original_box{width:630px;
	margin:0 auto;
	overflow:hidden;}
	
.original_img{width:200px;
	float:left;}

.original_img img{width:100%;}

.original_text{width:420px;
	padding-left:10px;
	text-align:left;
	float:left;}

.original_name{font-size:16px;}

.original_text_text{font-size:14px;}

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

.copyright{font-size:12px;}

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

@media screen and ( max-width:736px )
{
.loading_img1{width:100px;
	position:fixed; top:50%; left:50%;
	margin:-12.5px 0 0 -50px;}

.loading_img1 img{width:100%;}
	
#container{min-width:320px;}

.pc_menu{width:0;
	height:0;
	padding:0;
	overflow:hidden;}

.sp_header{width: calc(100% - 10px);
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	text-align: center;
	position: absolute; top: 0;
	background: rgba(255,255,255,0.90);
	z-index: 9;}

.main_img{width:100%;
	min-height:400px;
	max-height:400px;
	background:url(../img/main_img1.jpg);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;}
	
.main_title1{width:100%;
	min-height:400px;
	max-height:400px;
	background:url(../img/main_title1.png);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;}
	
.catch1{width:90%;
	max-width:420px;
	height:auto;}

/* 0701追記 > */
.just_before_reserve{width:200px;
	height:30px;
	padding:2px;
	margin: 0 auto;
	background:rgba(255,255,255,1.00);
	border:rgba(35,0,14,1.00) solid 3px;
	border-radius: 17px;}

.just_before_reserve:hover{opacity: 0.7;}

.just_bofore_reserve_inner{width:100%;
	line-height:16px;
	padding:5px 0 9px;
	font-size:14px;
	text-align: center;
	color:rgba(255,255,255,1.00);
	background:rgba(35,0,14,1.00);
	border-radius: 14.5px;}
	
.just_bofore_reserve_inner a{color: rgba(255,255,255,1.00);}
/* < 0701追記 */

/* トップ配置用 > */
.main_v{width:100%;
	height: 60%;
	text-align: center;
	position: absolute; top: 20%;}
		
.main_v_inner{height: 100%;
	display: inline-block;
	margin: 0 auto;}
	
.main_v_img1{height: 100%;
	padding-right: 2px;
	float: left;}
	
.main_v_img2{height:100%;
	padding-left: 2px;
	float: left;}
	
.main_v_img1 img,.main_v_img2 img{height: 100%;}

/* < トップ配置用 */

/* 下段配置用 > */
.tw_main_v{text-align: center;}

.tw_main_v_inner{display: block;
	overflow: hidden;}
	
.twitter_block{float: none;}

.main_visual_block{float: none;
	padding-left: 2px;}

.main_visual_title{text-align: center;
	height: 25px;
	line-height: 25px;
	padding-top: 20px;
	padding-bottom: 5px;}
	
.main_visual_inner,.main_visual_inner2{width:95%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;}

.main_visual1{width: calc(50% - 4px);
	height: auto;
	padding: 0 2px;
	float: left;}
	
.main_visual1 img{width: 100%;
	height: auto;}
/* < 下段配置用 */

.tw_timeline{width:85%;
	max-width:400px;
	height:300px;
	margin:0 auto;}

.story{padding-top:20px;}

.title1{height:35px;}
	
.story_text{width:90%;
	max-width:400px;
	margin:0 auto;
	font-size:13px;
	line-height:20px;
	text-align:left;}
	
.cast_erea{width:95%;
	max-width:420px;}
	
.cast_block1{width:calc(33% - 10px);}

.cast_name{font-size:14px;}

.chara_name{font-size:11px;}

.cast_block2{text-align:center;
	font-size:14px;
	line-height:24px;}

.information {text-align:center;
	font-size:14px;
	line-height:25px;
	background:url(../img/con_bg1.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: center center;}

.information_block1{width:calc(95% - 26px);
	max-width:420px;
	padding:30px 10px 10px;
	margin:0 auto;
	background:rgba(255,255,255,0.80);
	border:rgba(35,0,14,1.00) solid 3px;
	position:relative;}

.information_block1 a:hover,.original a:hover{color:rgba(73,0,255,1.00);}

.circle_text{font-size:16px;}

.timetable table{width: 95%;
	max-width: 400px;}

.timetacle_date{width: 100px;
	vertical-align: middle;}

.aftertalk_info{font-size: 12px;
	line-height: 16px;
	text-align: left;}

.aftertalk_time1{width: 40px;
	vertical-align: middle;}

.aftertalk_info2_title{font-size: 13px;
	font-weight: bold;}

.timetable_caution{font-size:11px;
	line-height:14px;}

.theater_address{font-size:12px;}

.theater_map{width:95%;}

.seat_caution{font-size:12px;
	padding-top:0;}

.seat_caution2{font-size:12px;
	padding-top:0;
	line-height:16px;}

/* 0701追記 > */
.just_before_reserve_block{width: 90%;
	padding: 15px 2.5%;
	margin: 0 auto;
	text-align: center;
	border: rgba(35,0,14,1.00) solid 1px;}

.just_before_reserve_block_inner{display: inline-block;
	text-align: left;
	font-size: 12px;
	line-height: 16px;}

.just_before_reserve_block_title{text-align: center;
	font-size: 14px;
	font-weight: 900;
	padding-bottom: 15px;}
	
.just_before_reserve_block_btn{text-align: center;
	padding-top: 10px;}
/* < 0701追記 */

.playguide{font-size:12px;}

.ticket_table_caution{padding-top: 0;
	font-size: 10px;}

.yeltama_text{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	text-align: left;}

.link_yeltama:hover{opacity: 1.0;}

.original_title{font-size:18px;
	line-height:24px;}
	
.original_box{width:90%;
	max-width:400px;
	margin:0 auto;
	overflow:hidden;}
	
.original_img{width:200px;
	margin:0 auto 20px;
	float:none;}

.original_img img{width:100%;}

.original_text{width:100%;
	padding-left:0;
	text-align:left;
	float:none;}

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

.original_text_text{font-size:12px;}

.link_original{text-align:center;}

footer{padding:20px 0 80px;}
}