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

/* 確認用 > */
.text_blue{color:rgba(0,100,255,1.00);}
/* < 確認用 */
.wf-sawarabimincho { font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.wf-merriweather{font-family: 'Merriweather', serif;}

canvas {background-color: #000000;
	position:fixed; left:0; top:300;
	opacity:0.3;
}
html, body {
  height: 100%;
  position:relative;
}
body {
  margin: 0;
  padding: 0;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  background: #000000;
}

#body{width:100%;
	min-width:1200px;
	position:absolute; top:0; left:0;}

.bg_block{width:100vw;
	height:100vh;
	position:fixed; top:0; left:0;
	background:url(../img/bg1.jpg);
	background-size:cover;
	z-index:-1;}

header{width:100%;
	min-width:1200px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	background:rgba(0,0,0,0.90);
	border-bottom:rgba(255,255,255,0.10) solid 1px;
	position:fixed; top:-50px; left:0;
	overflow:hidden;
	z-index:9999;}

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

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

@media screen and ( max-width:1000px )
{
.menu{width:100%;
	text-align:left;}
}
	
.menu_btn1{float:left;}

.menu_btn1:hover{opacity:0.7;}

.main{color:rgba(252,252,252,1.00);
	text-align:center;}

.main_top{padding-bottom:20px;}

h1,h2,h3{margin:0;
	padding:0;
	font-size:14px;}

.top_img{width:1190px;
	margin:0 auto;}

.logo1,.logo2{width:100%;
	height:300px;
	line-height:300px;
	padding:120px 0 50px;
	margin:20px auto;
	text-align:center;}

.logo2{background:rgba(255,255,255,1.00);}

.main_textimg{padding-bottom:30px;}

.main_text1{margin-bottom:30px;}

.main_text2{padding-bottom:8px;}

.ticket_link1{width:950px;
	margin:0 auto;}
	
/*.ticket_link1 img{width:100%;}*/

/*.ticket_link1 img:hover{opacity:0.4;}*/

.ticket_link1_inner{width:calc(100% - 20px);
	border-top:rgba(230,0,18,1.00) solid 1.5px;
	border-bottom:rgba(230,0,18,1.00) solid 1.5px;
	border-left:rgba(230,0,18,1.00) solid 10px;
	border-right:rgba(230,0,18,1.00) solid 10px;
	overflow:hidden;}
	
.ticket_link1_inner_block1,.ticket_link1_inner_block2{width:50%;
	height:40px;
	text-align:center;
	float:left;}

.ticket_link1_inner_block1{background:rgba(77,77,77,1.00);}

.ticket_link1_inner_block2{background:rgba(26,26,26,1.00);}

.ticket_link1_inner_block1:hover,.ticket_link1_inner_block2:hover{opacity:0.5;}

.ticket_link1_inner_block1 img,.ticket_link1_inner_block2 img{width:auto;
	height:100%;}

/* ブルーレイ用 > */
.main_text_img2{width:950px;
	margin:0 auto;
	padding-bottom:30px;}
	
.main_text_img2_block1{width:100%;}

.main_text_img2_block1 img{width:100%;}

.main_text_img2_block2{width:100%;
	overflow:hidden;}
	
.main_text_img2_block2_left{width:50%;
	float:left;}
	
.main_text_img2_block2_right{width:50%;
	float:left;
	overflow:hidden;}
	
.main_text_img2_block2_right_btn1{width:235px;
	float:left;}
	
.main_text_img2_block2_right_btn2{width:240px;
	float:left;}
	
.main_text_img2_block2_right_caution{clear:both;}

.main_text_img2_block2_right_btn2 a img:hover,.main_text_img2_block2_right_btn1 a img:hover{opacity:0.7;}	
/* < ブルーレイ用 */

.border1{width:90%;
	height:1px;
	margin:0 auto;
	border-top:rgba(120,120,120,1.00) solid 1px;}

.block01{width:100%;
	padding:40px 0 100px;}	

.title1{height:50px;
	padding-bottom:30px;}
	
.title1 img{height:100%;}

.block_tw_song{width:950px;
	margin:0 auto;
	overflow:hidden;}

/* twitter > */
.tw_box{width:465px;
	height:305px;
	margin:0 0 30px;
	float:left;}

.tw_title{width:100%;
	height:40px;
	text-align:center;
	position:relative;}
	
.tw_title img{height:40px;}

.link_tw{position:absolute;top:0; right:0;}
.link_tw img{height:30px;
	padding-top:5px;}
	
.link_tw img:hover{opacity:0.7;}

.twitter-timeline{background:rgba(41,47,51,1.00);}
/* < twitter */

/* song_box > */
.song_box{width:465px;
	margin:0 0 30px 20px;
	float:left;}

.song_title{width:100%;
	height:40px;
	line-height:20px;
	font-size:14px;
	text-align:center;}

.song_title img{height:40px;}

.song_yt{position: relative;
    width: 100%;}
	
.song_yt:before {
    content:"";
    display: block;
    padding-top: 56.25%;}

#themasong{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* < song_box */

/* introductino > */
.intro_text1{font-size:16px;
	line-height:30px;}

.info_original{text-align:center;
	margin-top:40px;}
	
.info_original_inner{display:inline-block;
	margin-top:20px;
	background:rgba(50,50,50,1.00)}

.info_original_inner img{width:450px;}

.info_original_inner img:hover{opacity:0.7;}

.info_original_header{line-height:20px;
	font-size:12px;
	padding:0 5px;
	text-align:left;
	color:rgba(255,255,255,1.00);
	background:rgba(38,38,38,1.00);
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
	
.info_original_title{font-size:16px;
	line-height:20px;
	padding:5px 0;
	border-bottom:rgba(100,100,100,1.00) solid 1px;}
	
.info_original_text{line-height:24px;
	padding:5px 20px;}
/* < introductino */
/* cast > */
.cast_images{width:950px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;}

.cast_images_inner1{display:inline-block;
	margin:0 auto;}
	
.cast_block1{width:180px;
	padding:0 5px 10px;
	float:left;
	position:relative;}

.link_box{width:100%;
	height:54%;
	position:absolute; top:11%;}

.link_box img{width:100%;
	height:100%;
	z-index:2;}

.cast_block1 img,.cast_block2 img{width:100%;}

.cast_image_spacer{width:100%;
	height:30px;}

.cast_text{overflow:hidden;
	font-size:22px;
	line-height:36px;
	padding-top:30px;}
	
.cast_text_left{width:50%;
	float:left;
	text-align:right;}

.cast_text_left_inner{padding-right:7.5px;}
	
.cast_text_right{width:50%;
	float:left;
	text-align:left;}
	
.cast_text_right_inner{padding-left:7.5px;}

.cast_name_img{width:400px;
	margin:0 auto;}

.cast_name_img2{width:700px;
	margin:0 auto;}

.cast_name_img3{width:530px;
	margin:0 auto;}

.cast_um{width:100%;
	padding-bottom:20px;}

.cast_um_name{width:100%;
	overflow:hidden;}
	
.cast_um_name_inner1{width:21%;
	float:left;}
	
.cast_um_name_inner2{width:16%;
	float:left;}
	
.cast_name_img img,.cast_name_img2 img,.cast_name_img3 img{width:100%;}

.comment_btn{height:30px;
	margin-top:5px;}

.comment_btn:hover{opacity:0.7;}

.staff_text{overflow:hidden;
	font-size:16px;
	line-height:22px;}

.staff_name_img{width:550px;
	margin:0 auto;}
	
.staff_name_img img{width:100%;}
	
.staffname{width:100%;}

.staffname_left{width:50%;
	text-align:right;
	vertical-align:top;}
	
.staffname_right{width:50%;
	padding-top:5px;
	text-align:left;}
	
.staffname_center{text-align:center;}

.role{font-size:14px;
	padding-top:5px;}
/* < cast */
/* schedulu&theater > */
.sche_text1{font-size:16px;
	line-height:24px;}

.schedule{width:100%;
	text-align:center;
	margin:20px auto;}

.sche_color{width:200px;
	margin:0 auto 10px;
	line-height:25px;
	font-size:12px;
	overflow:hidden;}

.color1{width:50%;
	text-align:center;
	float:left;}

.sche_block1{width:100%;
	margin-bottom:5px;
	line-height:30px;
	clear:both;
	overflow:hidden;}
	
.sche_date{width:150px;
	text-align:center;
	float:left;}
	
.sche_time1{width:200px;
	text-align:center;
	float:left;}
	
.sche_time2{width:400px;
	text-align:center;
	float:left;}
	
.red_end{background:rgba(230,0,18,1.00);}

.black_end{background:rgba(58,58,58,1.00);}
	
.timetable{width:600px;
	margin:0 auto;}
	
.timetable2{width:1000px;
	margin:0 auto;}
.timetable2 img{width:100%;}
	
.timetable img{width:100%;}
	
.aftertalk{width:960px;
	margin:0 auto;
	text-align:center;}
	
.aftertalk_title{width:100%;
	margin:0 auto;
	padding-bottom:5px;}
	
.aftertalk_title img{width:100%;}
	
.aftertalk_timetable{width:100%;
	overflow:hidden;}

.aftertalk_timetable img{width:100%;}
	
.theater{padding-top:20px;}

.theater_text1{font-size:20px;
	line-height:24px;
	padding-bottom:5px;}
	
.theater_text2{font-size:14px;}

.theater_text3{font-size:12px;}

.theater_text3 a{color:rgba(132,132,132,1.00);}

.theater_text3 a:hover{color:rgba(241,105,0,1.00);}

.theater_map{width:960px;
	height:400px;
	margin:15px auto 0;}
	
.theater_map iframe{width:100%;
	height:100%;}
/* < schedulu&theater */
/* ticket > */
.ticket_text1{line-height:20px;
	text-align:center;}
	
.ticket_text1_inner{display:inline-block;
	text-align:left;
	font-size:16px;
	line-height:24px;}

.ticket_title{font-size:20px;
	text-align:center;}

.ticket_price{}
	
.ticket_store{padding-top:30px;}

.ticket_store a{color:rgba(0,163,255,1.00);}

.ticket_store a:hover{color:rgba(255,126,0,1.00);}

.presents{padding:30px 0 0;}

.border2{width:100%;
	height:1px;
	background:rgba(255,255,255,0.30);
	margin:5px auto;}

.tickettable{width:650px;
	vertical-align:top;}
	
.tickettable_td1{width:35%
	font-size:16px;
	line-height:30px;
	text-align:left;}

.tickettable_td2{width:45%;
	padding-left:15px;
	text-align:left;}

.tickettable_td3{width:20%;
	padding-left:15px;
	text-align:center;}
	
.tickettable_td4{width:30%
	font-size:16px;
	line-height:30px;
	text-align:left;}
	
.tickettable_td5{width:30%
	font-size:16px;
	line-height:30px;
	text-align:left;}
	
.tickettable_td6{width:40%
	font-size:16px;
	line-height:30px;
	text-align:left;}

.tickettable_spacer{padding-left:15px;
	color:rgba(122,122,122,1.00);}
	
.presents{text-align:center;}
/* < ticket */
/*  goods > */
.goods_inner{width:950px;
	margin:0 auto;}
	
.goods_img{width:100%;}
.goods_img img{width:100%;}

.repeater{padding-top:20px;}

.repeater_head{font-size:18px;
	font-weight:bold;
	text-align:center;}
	
.repeater_text{padding-top:10px;
	font-size:14px;
	line-height:20px;
	text-align:left;}
/* < goods */
/* Q&A > */
.qa_inner{width:650px;
	margin:0 auto;
	text-align:le;}

.qa_block1{padding-bottom:20px;}

.qa_block1 table tr td{vertical-align:top;}
	
.qa_inner table{width:100%;}

.qa_q{border-bottom:rgba(255,255,255,0.30) solid 1px;
	line-height:30px;
	font-size:20px;
	padding-bottom:5px;}

.qa_a{line-height:24px;
	font-size:14px;
	padding-top:5px;}

.qa_caution{font-size:12px;
	line-height:16px;
	padding-left:18px;}

.qa_mark{width:30px;
	font-weight:bold;}
	
.qa_mark_c{width:30px;
	text-align:right;}
	
.qa_text1{font-weight:bold;
	text-align:left;
	padding-left:5px;}

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

/* < Q&A */
footer{padding:20px 0 10px;
	background:rgba(45,45,45,0.70);
	color:rgba(255,255,255,1.00);
	text-align:center;}

.footer_logo{width:200px;
	margin:0 auto;}

.footer_logo img{width:100%;}

.sns_link{padding:10px 0;}

.sns_link_share{width:135px;
	margin:5px auto;
	font-size:10px;
	color:rgba(255,255,255,1.00);
	padding:1px 0;
	text-align:center;
	border:rgba(255,255,255,1.00) solid 1px;}

.sns_link img{height:30px;}

.sns_link img:hover{opacity:0.7;}

.footer_links{height:30px;}

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

/* gotop */
.gotop{width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	text-align:center;
	position:fixed; bottom:10px; right:10px;
	z-index:3;}

.gotop img{width:100%;
	height:100%;}

.gotop:hover{opacity:0.7;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}

.fc_red{color:rgba(193,39,45,1.00);}
.fc_yellow{color:rgba(247,255,165,1.00);}
.fc_gray{color:rgba(180,180,180,1.00);}
.fc_blue{color:rgba(0,112,193,1.00);}
@media screen and ( max-width:736px )
{
body{-webkit-overflow-scrolling: touch;}
	
#body{min-width:320px;}

.main{padding-top:0;}
	
.main_top{height:auto;
	padding:0;}

.top_img{width:100%;
	max-width:455px;
	margin:0 auto;
	padding-bottom:3px;}

.logo1,.logo2{height:auto;
	line-height:0;
	padding:100px 0 30px;
	margin:0 auto 50px;
	text-align:center;}

.logo1 img,.logo2 img{width:90%;
	max-width:400px;
	margin:0 auto;}

.main_textimg,.main_text_img2{width:93%;
	max-width:420px;
	margin:0 auto;}
	
.main_textimg img{max-width:100%;}

.main_text1{margin-bottom:10px;}

.main_text2{padding-bottom:5px;}

/* ブルーレイ用 > */
.main_text_img2 img{width:100%;}

.main_text_img2_block1_sp{padding-bottom:5px;}

.main_text_img2_block2_sp{padding-bottom:5px;}

.main_text_img2_block3_sp{overflow:hidden;}

.main_text_img2_block3_sp_left,.main_text_img2_block3_sp_right{width:50%;
	float:left;}
	
.main_text_img2_block5_sp{padding-top:5px;}
/* < ブルーレイ用 */

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

.ticket_link1 img:hover{opacity:1.0;}

.ticket_link1_inner{width:calc(100% - 16px);
	border-top:rgba(230,0,18,1.00) solid 1px;
	border-bottom:rgba(230,0,18,1.00) solid 1px;
	border-left:rgba(230,0,18,1.00) solid 8px;
	border-right:rgba(230,0,18,1.00) solid 8px;
	overflow:hidden;}
	
.ticket_link1_inner_block1,.ticket_link1_inner_block2{width:50%;
	height:30px;
	text-align:center;
	float:left;}

.ticket_link1_inner_block1:hover,.ticket_link1_inner_block2:hover{opacity:1.0;}

.ticket_link1_inner_block1 img,.ticket_link1_inner_block2 img{width:auto;
	height:100%;}

.block01{width:100%;
	padding:20px 0 40px;}

.inner{width:90%;
	max-width:420px;
	margin:0 auto;}

.title1{height:40px;
	padding-bottom:20px;}

.block_tw_song{width:100%;
	margin:0 auto;
	overflow:hidden;}
	
/* twitter > */
.tw_box{width:90%;
	max-width:400px;
	height:290px;
	margin:0 auto 30px;
	float:none;}

.link_tw img:hover{opacity:1.0;}
/* < twitter */

.song_box{width:90%;
	max-width:400px;
	margin:0 auto 30px;
	padding-top:20px;
	float:none;}

.song_title img{width:100%;
	height:auto;}

.song_yt{position: relative;
    width: 100%;}
	
.song_yt:before {
    content:"";
    display: block;
    padding-top: 56.25%;}

#themasong{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* introductino > */
.intro_text1{font-size:14px;
	line-height:24px;
	text-align:left;}

.info_original_inner img{width:100%;}
	
.info_original_inner img:hover{opacity:1.0;}
	
.info_original_text{padding:5px 50px;}
/* < introductino */	
/* cast > */
.cast_images{width:95%;
	max-width:420px;
	margin:0 auto;
	overflow:hidden;}

.cast_block1,.cast_block2{width:46%;
	padding:0 2% 10px;
	float:left;}

.cast_block1 img,.cast_block2 img{width:100%;}

.cast_text{overflow:hidden;
	font-size:16px;
	line-height:24px;}

.cast_name_img{width:90%;
	margin:0 auto 30px;}
	
.staff_text{overflow:hidden;
	font-size:10px;
	line-height:18px;}

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

.cast_name_img2{width:90%;
	max-width:400px;}

.cast_name_img3{width:90%;
	max-width:400px;}

.cast_um{padding-bottom:10px;}

.comment_btn:hover{opacity:1.0;}
	
.staffname{width:100%;}

.staffname tr{padding:5px 0;}

.staffname_left{width:50%;
	text-align:right;}
	
.staffname_right{width:50%;
	text-align:left;
	vertical-align:top;}
	
.staffname_center{text-align:center;}

.role{font-size:10px;}
/* < cast */
/* schedulu&theater > */
.schedule{width:95%;
	margin:30px auto 15px;}

.sche_color{width:70%;
	font-size:12px;}
	
.sche_block1{font-size:12px;}

.sche_date{width:30%;
	text-align:center;
	float:left;}
	
.sche_time1{width:35%;
	text-align:center;
	float:left;}
	
.sche_time2{width:70%;
	text-align:center;
	float:left;}

.timetable,.timetable2{width:100%;
	max-width:420px;}

.aftertalk{width:95%;}
	
.aftertalk_title{width:100%;
	padding-bottom:0;}

.theater_map{width:100%;
	height:300px;
	margin:15px auto 0;}
/* < schedulu&theater */
/* ticket > */
.border2{width:90%;}

.ticket_store a:hover{color:rgba(0,163,255,1.00);}

.ticket_text1{width:95%;
	max-width:420px;
	margin:0 auto;
	line-height:20px;
	text-align:left;}
	
.ticket_text1_inner{display:block;
	font-size:12px;
	text-align:left;}

.ticket_title{font-size:16px;
	text-align:center;}
	
.ticket_price{font-size:14px;}

.ticket_store{padding-top:30px;}

.presents{padding:30px 0 0;}

.tickettable{width:100%;
	vertical-align:top;}

.tickettable_td1{font-size:12px;
	line-height:30px;}

.tickettable_td2{font-size:12px;
	padding-left:5px;}

.tickettable_td3{font-size:12px;
	padding-left:5px;}

.tickettable_spacer{padding-left:5px;
	color:rgba(122,122,122,1.00);}

.tickettable_td7{width:35%;
	font-size:12px;
	line-height:30px;
	vertical-align:top;}

.tickettable_td8{width:65%;
	font-size:12px;
	padding-left:5px;}

.tickettable_spacer2{padding-left:5px;
	color:rgba(122,122,122,1.00);
	vertical-align:top;}

/* < ticket */
/* goods > */
.goods_inner{width:95%;
	max-width:420px;}

.repeater_head{font-size:16px;}
	
.repeater_text{font-size:12px;
	line-height:18px;}
/* < goods */
/* Q&A > */
.qa_inner{width:95%;
	max-width:420px;
	margin:0 auto;}

.qa_q{font-size:14px;
	line-height:24px;}

.qa_a{font-size:12px;
	line-height:20px;}

.qa_caution{font-size:12px;
	line-height:16px;
	padding-left:13px;}
	
.qa_mark{width:22px;
	font-weight:bold;}
	
.qa_mark_c{width:20px;
	text-align:right;}
	
.qa_text1{text-align:left;
	padding-left:2px;}

.qa_text2{text-align:left;
	padding-left:2px;}
/* < Q&A */
.sns_link img:hover{opacity:1.0;}

.gotop:hover{opacity:1.0;}
}