@charset "utf-8";

.wf-merriweather{font-family: 'Merriweather',
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;}

body{padding:0;
	margin:0;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	background:rgba(0,0,0,1.00);}

ul {margin: 0;
  padding: 0;}

li{list-style:none;}

a{text-decoration:none;
	border:none;}
	
img{border:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;}

.pc{display: block;}
.sp{display: none;}

#container{width:100%;
	min-width:1000px;}

header{width: 100%;
	height: 70px;
	background:url(../img/header_bg.png);
	background-size:100% 100%;
	overflow: hidden;}

.header_img1{height: 70px;
	padding-left: 10px;}

.header_img1 img{height: 100%;}

.header2{width:100%;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	text-indent:10px;
	background:rgba(0,0,0,1.00);
	color:rgba(255,0,4,1.00);}

#main{padding-bottom:50px;}

.main_top{width:100%;
	margin-bottom:20px;
	text-align:center;
	background:rgba(83,0,0,1.00);
	overflow:hidden;}

.visual1{height:800px;}

.visual1 img{height:100%;}

.logo{width:1000px;
	margin:100px auto 30px;}

.date{width:700px;
	margin:0 auto;}

.top_name1{width:360px;
	margin:50px auto;}

.twitter{width:400px;
	margin:0 auto;}

.tw_title{width:100%;
	height:40px;
	text-align:center;
	background:rgba(255,255,255,0.20);}
	
.tw_title img{height:40px;}

.tw_title:hover{opacity:0.7;}

.tw_timeline{width:400px;
	margin:0 auto 15px;}

.introduction{width:100%;
	padding:30px 0;
	background:rgba(255,255,255,0.80);}
	
.intro_text1{font-size:21px;
	text-align:center;
	font-weight:bold;}
	
.intro_text2{font-size:16px;
	line-height:24px;
	text-align:center;
	padding-top:20px;}

.story{width:100%;
	padding:30px 0 50px;
	background:rgba(46,46,46,1.00);
	color:rgba(255,255,255,1.00);}
	
.con_title1{text-align:center;}

.con_title1 img{}

.story_text{text-align:center;
	font-size:16px;
	line-height:30px;}

.cast{min-width:1000px;
	margin:30px auto;
	padding-bottom:50px;}

.cast_area1{width:100%;
	text-align:center;}

.cast_block1{padding:10px 0 0;
	text-align:center;
	display:inline-block;
	overflow:hidden;}

.spacer2{width:100%;
	height:30px;}

.cast_set1{width:200px;
	padding:10px;
	margin:0 5px;
	border:rgba(255,255,255,1.00) solid 1px;}

.cast_set2{width:170px;
	padding:10px;
	margin:0 5px;
	border:rgba(255,255,255,1.00) solid 1px;
	float:left;}

.cast_set3{width:130px;
	padding:10px;
	margin:0 5px;
	border:rgba(255,255,255,1.00) solid 1px;
	float:left;}

.cast_name1{font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:rgba(255,255,255,1.00);}

.cast_img1{width:100%;}

.cast_img1 img{width:100%;}

.cast_role1{font-size:14px;
	line-height:16px;
	height:40px;
	text-align:left;
	color:rgba(255,255,255,1.00);}

.cast_role1 img{width:14px;
	height:14px;
	margin:0 1px 0 0;
	vertical-align:top;}

.cast_list{width:360px;
	margin:30px auto 50px;}

.cast_table{width:600px;
	margin:0 auto;
	font-size:14px;
	color:rgba(255,255,255,1.00);}

.cast_table table{width:100%;
	border-left:rgba(255,255,255,0.50) solid 1px;
	border-top:rgba(255,255,255,0.50) solid 1px;}

.cast_table table tr td{border-right:rgba(255,255,255,0.50) solid 1px;
	border-bottom:rgba(255,255,255,0.50) solid 1px;}

.role{width:25%;
	padding:5px 1%;
	text-align:left;}

.actor{width:16%;
	padding:5px 1%;
	text-align:center;}

.schedule{width:100%;
	padding:30px 0 50px;
	background:rgba(45,45,45,1.00);}

.sche__inner{width:600px;
	margin:0 auto 30px;
	color:rgba(255,255,255,1.00);
	text-align:center;}

.border1{width:600px;
	height:1px;
	margin:10px auto;
	background:rgba(255,255,255,0.50);}

.sche_place{font-size:20px;}

.sche_span{font-size:16px;
	margin-top:15px;}

.color_sample{width:50%;
	margin-top:20px;
	margin-left:25%;
	overflow:hidden;}

.color_sample_inner{width:25%;
	color:rgba(255,255,255,1.00);
	text-align:center;
	line-height:20px;
	float:left;}
	
.color_a{background:rgba(201,0,3,1.00);}
.color_b{background:rgba(28,145,255,1.00);}
.color_c{background:rgba(255,122,20,1.00);}
.color_d{background:rgba(168,53,255,1.00);}

.sche_table{width:600px;
	margin:10px auto 0;
	font-size:14px;}

.sche_date{width:108px;
	text-align:center;
	padding:5px 0;
	border-bottom:rgba(116,116,116,1.00) solid 1px;}

.sche_time{width:81px;
	text-align:center;
	padding:5px 0;
	border-left:rgba(116,116,116,1.00) solid 1px;
	border-bottom:rgba(116,116,116,1.00) solid 1px;}

.theater{margin-top:30px;}

.theater_name{font-size:16px;
	line-height:20px;}
	
.theater_address{font-size:14px;
	padding-top:10px;}

.map{width:100%;
	height:400px;
	margin-top:15px;}
	
.map iframe{width:100%;
	height:100%;}

.ticket{width:100%;
	padding:30px 0 0;}

.ticket_inner{width:600px;
	margin:0 auto;
	color:rgba(255,255,255,1.00);}
	
.ticket_price{font-size:18px;
	line-height:35px;
	border-bottom:rgba(255,255,255,0.50) solid 1px;}

.ticket_caution{padding-top:10px;
	font-size:14px;}

.info{width:100%;
	padding:30px 0 0;
	font-size:14px;
	text-align:center;
	color:rgba(255,255,255,1.00);}

.info_title1{width:95%;
	max-width:600px;
	line-height:25px;
	background:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
	margin:0 auto;}

.info_text1{padding:20px 0;
	font-size:14px;}

.ticket_store{width:600px;
	margin:0 auto;
	line-height:30px;
	text-align:center;
	border-bottom:rgba(255,255,255,1.00) double 4px;}

.info_caution{display:inline-block;
	text-align:left;}

.ticket_block1{width:95%;
	max-width:600px;
	margin:15px auto 0;
	text-align:left;
	overflow:hidden;}

.ticket_block_inner1{width:calc(25% - 10px);
	padding-right:10px;
	line-height:30px;
	float:left;}

.ticket_link{width:100%;
	height:20px;
	line-height:20px;
	font-size:14px;}

.ticket_link:hover{opacity:0.7;}

.ticket_link a{color:rgba(0,243,255,1.00);}
	
.ticket_block_inner2{width:calc(75% - 11px);
	padding-left:10px;
	float:left;
	border-left:rgba(255,255,255,1.00) solid 1px;}


ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;/* マーカーを1文字寄せた分、ULにマージンを設定*/
}
ul.listmarker1 li:before {
	content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-14px; /* 1文字分、左に寄せる */
}

.contact{width:100%;
	margin-top:30px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	border-top:rgba(255,255,255,1.00) solid 1px;}

.contact a{color:rgba(0,255,235,1.00);}

.contact a:hover{color:rgba(255,206,0,1.00);}

.contact_text1{font-size:18px;
	font-weight:bold;
	line-height:50px;}

.contact_text2{font-size:14px;
	line-height:30px;}
	
.contact_text3{font-size:12px;
	line-height:20px;}

.contact_text4{font-size:14px;
	line-height:20px;
	padding-top:25px;}

footer{width:100%;
	padding:30px 0 10px;
	background:url(../img/header_bg.png);
	background-size:100% 100%;}
	
.footer_logo{width:200px;
	margin:0 auto;}
	
.footer_logo img{width:100%;}

.copyright{padding-top:30px;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,1.00);}

.entry_link{position:fixed; bottom:10px; left:10px;}

.entry_link:hover{opacity:0.7;}

.fs12{font-size:12px;}
.fs_16{font-size:16px;}

.fw_b{font-weight:bold;}

.tc_gray{color:rgba(162,162,162,1.00);}

@media screen and ( max-width:736px )
{
html,body{overflow-x:hidden;}

img{max-width:100%;}
	
.pc{display: none;}
.sp{display: block;}

#container{min-width:320px;}
	
.header_img1{height: 70px;
	padding-left: 10px;}
	
.header_img1 img{height: 70px;}

#main{width:95%;
	min-width:320px;
	max-width:480px;
	margin:0 auto;}

.visual1{width:100%;
	margin:0 auto;
	height:auto;}

.visual1 img{width:100%;
	height:auto;}

.logo{width:100%;
	margin:50px auto 30px;}

.date{width:100%;}

.top_name1{width:100%;
	margin:30px auto;
	text-align:center;}

.top_name1 img{width:200px;
	margin:0 auto;}

.twitter{width:90%;
	margin:0 auto 20px;}

.tw_title{width:100%;
	height:50px;
	text-align:center;
	border-radius:5px;}
	
.tw_title img{height:40px;
	padding-top:5px;}

.tw_title:hover{opacity:1.0;}

.tw_timeline{width:100%;}

.introduction{width:95%;
	padding:30px 2.5%;}
	
.intro_text1{font-size:16px;
	line-height:24px;
	text-align:center;
	font-weight:bold;}
	
.intro_text2{font-size:12px;
	line-height:20px;
	text-align:left;
	padding-top:20px;}

.story{}
	
.con_title1{}

.con_title1 img{}

.story_text{width:90%;
	max-width:480px;
	padding:0 2.5%;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	line-height:24px;}

.cast{min-width:480px;
	max-width:480px;}

.cast_set1{width:150px;
	padding:10px;
	margin:0 5px;
	border:rgba(255,255,255,1.00) solid 1px;}

.cast_set2{width:128px;
	padding:10px;
	margin:0 5px 10px;
	border:rgba(255,255,255,1.00) solid 1px;
	float:left;}

.cast_set3{width:128px;
	padding:10px;
	margin:0 5px 10px;
	border:rgba(255,255,255,1.00) solid 1px;
	float:left;}

.cast_name1{font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:rgba(255,255,255,1.00);}

.cast_img1{width:100%;}

.cast_img1 img{width:100%;}

.cast_role1{font-size:12px;
	line-height:14px;
	height:30px;
	text-align:left;
	color:rgba(255,255,255,1.00);}

.cast_role1 img{width:12px;
	height:12px;
	margin:0 1px 0 0;
	vertical-align:top;}
	
.cast_list{width:250px;}

.cast_list img{width:100%;}

.cast_table{width:95%;
	margin:0 auto;
	font-size:14px;
	color:rgba(255,255,255,1.00);}

.type_list{width:100%;
	margin:10px auto 0;
	overflow:hidden;}

.list_role{width:45%;
	float:left}

.spacer1{width:100%;
	height:40px;}

.list_actor{width:55%;
	float:left;}
/*タブのスタイル*/
.tab_item {
width: calc(100%/4);
height: 40px;
background-color: #d9d9d9;
line-height: 40px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding:0 1px;
text-align:center;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#type_a:checked ~ #type_a_content,
#type_b:checked ~ #type_b_content,
#type_c:checked ~ #type_c_content,
#type_d:checked ~ #type_d_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.list_actor input:checked + .tab_item {
background-color:rgba(94,94,94,1.00);
color: #fff;
}

.list_role_inner,.list_actor_inner{border-top:rgba(255,255,255,1.00) solid 1px;
	border-left:rgba(255,255,255,1.00) solid 1px;}

.list_role_inner li,.list_actor_inner li{padding:5px;
	line-height:20px;
	font-size:12px;
	border-right:rgba(255,255,255,1.00) solid 1px;
	border-bottom:rgba(255,255,255,1.00) solid 1px;}

.sche__inner{width:95%;}

.border1{width:95%;
	max-width:480px;}

.sche_place{font-size:20px;}

.sche_span{font-size:14px;}

.sche_table{width:100%;
	font-size:10px;}

.sche_table table{width:100%;}

.sche_date{width:20%;}

.sche_time{width:13%;}

.theater_name{font-size:14px;
	line-height:20px;}
	
.theater_address{font-size:12px;}

.map{height:300px;}

.ticket_inner{width:95%;
	margin:0 auto;
	color:rgba(255,255,255,1.00);}
	
.ticket_price{font-size:14px;
	line-height:30px;
	border-bottom:rgba(255,255,255,0.50) solid 1px;}

.ticket_caution{font-size:12px;}

.ticket_store{width:95%;
	max-width:420px;
	margin:0 auto;}

.ticket_block1{width:95%;
	max-width:420px;
	margin:15px auto 0;
	text-align:left;
	overflow:hidden;}

.ticket_block_inner1{width:100%;
	padding-right:0;
	line-height:30px;
	padding-bottom:5px;
	float:none;}

.ticket_link{width:100px;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
	float:right;
	background:rgba(0,116,255,1.00);
	border-radius:5px;}

.ticket_link:hover{opacity:1.0;}

.ticket_link a{color:rgba(255,255,255,1.00);}
	
.ticket_block_inner2{width:100%;
	padding-left:0;
	font-size:14px;
	line-height:20px;
	float:none;
	border-top:rgba(255,255,255,1.00) solid 1px;
	border-left:none;}

.info{width:95%;
	margin:0 auto;
	font-size:12px;}

.info_text1{font-size:12px;}

footer{padding:30px 0 60px;}

.entry_link{width:150px;}

.entry_link img{width:100%;}

.entry_link:hover{opacity:1.0;}

}

@media screen and ( max-width:479px )
{
.cast{min-width:320px;
	max-width:320px;}	
}















