@charset "utf-8";

/**********************
 * reset
 **********************/

*{ margin:0px; padding:0px;}
a img{ border:none; background:none;}
table{ border:0;}
p,ul,li,dt,dd,dl,h1,h2,h2,h3,h4,h5,h6,body{ margin:0; padding:0;  font-weight:normal;}
em,strong{ font-weight:normal; font-style:normal;}
ul,li{ list-style-type:none;}
a:link, a:visited, a:active{ color:#EEE;}
a:hover{ color:#EEE; text-decoration:underline;}
body{ color:#FFF; background:#000; font-size:14px; line-height:1.5; font-family: "メイリオ","ＭＳ Ｐ明朝",Meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Geneva, Arial, Verdana, sans-serif;}
input,select,option,textarea{ font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Geneva, Arial, Verdana, sans-serif;}

/**********************
 * clearfix
 **********************/

.cf:after{ content: "."; display:block; clear:both; height:0; visibility:hidden; background-position: center 0;}

.cf{ min-height:1px;}

.clear {
	clear: both;
}

/* IE6 */
* html .cf { height:1px;}


/*960px以上*/
@media screen and (min-width: 960px) {
	#page{

	/* width:960px;*/
	width:100%;
	max-width:960px;
	margin:0 auto;

	}
}

/**********************
 * tmplate
 **********************/
.wrapWidth{
	width:100%;margin:0 auto;
	background:#400707;
	background:url(../images/fire_bg.jpg);
}
.eng{ font-family:Arial,serif,sans-serif,cursive,fantasy,monospace;}

/******************************** スマホ向け(Androidは大体360px) *****************************************************************/
@media screen and (max-width: 639px) {
.sp_br {
}
.pc_br {
	display:none;
}
#page{
	width:100%;
}
div#headArea{
	width:100%;
	background-color: #000;
}
div#headArea .header_image{
	width:100%;
}


/* リセット */
/*html, body { margin: 0; height: 100%; font-family: sans-serif; }*/
#box_menu ul { list-style-type: none; margin: 0; padding-left: 0; }
#box_menu li { display: block; }
/* その他スタイルの指定 */
#box_menu li { text-align: center; }
#box_menu li:not(:last-child) { border-right: 2px solid rgba(0,255,255,0.2); }
#box_menu li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; font: "メイリオ","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:63%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(255,255,255,0.1); border-top: 2px solid rgba(255,255,255,0.2); background-color: #000000; }
/* 【今回重要！】Flexboxのための追加指定 */
#box_menu ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
#box_menu li { -webkit-box-flex: 1; /* Android 2~4 */ flex: auto; -webkit-flex: auto; }
#box_menu{
	width:100%;
	margin:0 0 0 0;
}
#box_menu img{
	width:25%;
/*	margin:-5px -3px 0 0;*/
	float:left;
	margin-bottom:15px;
}

/*スマホ用メニュー*/
#box_menu_sp ul { list-style-type: none; margin: 0; padding-left: 0; }
#box_menu_sp li { display: block; }
#box_menu_sp li { text-align: center; }
#box_menu_sp li:not(:last-child) { border-right: 2px solid rgba(0,255,255,0.2); }
#box_menu_sp li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; font: "メイリオ","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:90%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(255,255,255,0.1); border-top: 2px solid rgba(255,255,255,0.2); background-color: #000000; }
/* 【今回重要！】Flexboxのための追加指定 */
#box_menu_sp ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
#box_menu_sp li { -webkit-box-flex: 1; /* Android 2~4 */ flex: auto; -webkit-flex: auto; }
#box_menu_sp{
	width:100%;
	margin:0 0 0 0;
}

/*SP デバイスでメニュー表示切替*/
#box_menu_sp{
	display:block;
}
#box_menu{
	display:none;
}

div#twi_name{
	text-align: center;
	margin: 3% 0 -3% 0;
	float:right;
	width:53%;
	color:#F00;
	background:#37F;
	border-radius: 20px;
	font-size:110%;
}

div#category{
	margin:0 0 0 0;
	width:100%;
	color:#F00;
	background:#000;
}
div#category .info_bar{
	margin:0 50px 0 0;
	width:50%;
	background:#F00;
}
div#infomation_left{
	width:100%;
	margin:20px 0 20px 0;
	float:none;
}
div#infomation_left .news{
	width:88%;
	margin:0 0 15px 15px;
	padding:5px 0 5px 5px;
	border-top:double;
	border-bottom:double;
	background:rgba(0,0,0,0.50);
}
div#infomation_left .img{
	width:40%;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
}
div#infomation_right{
	width:100%;
	float:none;
}
div#infomation_right #bnr_poster{
	width:95%;
	text-align:center;
}
div#infomation_right #bnr_poster img{
	width:70%;
	margin:0 0 0 15px;
}
div#infomation_right #bnr_poster p{
	margin-bottom:20px;
}

div#infomation_left h1{
/*	width:88%;*/
	font-size: 100%;
	width: 94%;
	margin: 0 auto;
/*	margin:0 0 10px 10px;*/
	padding:2px 0 0 5px;
	font-weight:500;
	line-height:1.5;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
/*	width:200%;*/
}
div#infomation_left h2{
	width:88%;
	font-size:100%;
	margin:0 0 10px 10px;
	padding:2px 0 0 5px;	
	font-weight:500;
	line-height:1.5;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
/*	width:200%;*/
}
div#infomation_left p{
	width:95%;
	margin:0 0 10px 15px;
	font-size:100%;
	line-height:1.6;
	font-weight:500;
	text-align:left;
}
div#infomation_left span{
	font-size:130%;
}
div#infomation_left #poster{
	width:100%;
	text-align:center;
/*	background:rgba(201,23,26,1.00);*/
}
div#infomation_left #poster img{
	width:85%;
	padding:2% 2% 0 0;
}
div#infomation_left .suchedule{
	width:94%;
	font-size:16px;	
	margin:0 auto 20px;
	padding:6px;
	text-align:left;

	/* ▼黒い半透明ベール（0.80 = 80% の黒） */
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)),
		url("../images/face_background.png");

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
div#infomation_left .suchedule_day{
	width:88%;
	margin:20px 0 20px 20px;
	padding:3px;
	font-size:90%;	
	background:rgba(0,0,0,0.60);
}
div#infomation_left .suchedule_hosoku{
	margin:20px 0 20px 20px;
	padding:3px;
	background:rgba(0,0,0,0.60);
	font-size:95%;
}

/* add 20240412 */
div#infomation_left .mary_box{
	width:94%;
	min-height: 334px;
	font-size:16px;	
	margin:0 auto 20px;
	padding: 10px 2px 6px 6px;
	text-align:left;
	background:rgba(0,0,0,0.80);
	font-weight: normal;
	font-family: serif;
	font-size: 1.2rem;
}
div#infomation_left .mary_picture {
	float: left;
	width: 190px!important;
	margin: 8px!important;
}
div#infomation_left .mary_picture_txt {
	margin: 8px!important;
	font-size:14px;
	line-height:1.2;
}
div#infomation_left .mary_picture_goods {
	width: 190px!important;
	margin: 8px!important;
}

div#infomation_left #ara{
	margin:0 auto 20px ;
}
div#infomation_left #ara .end{
	text-align:left;
	width:88%;
	margin:20px 0 20px 20px;
	padding:5px 0 5px 5px;
	font-size:80%;
	color:#FFF;
	background:rgba(0,0,0,0.60);
	line-height:1.2;
	font-weight:500;
}
div#infomation_left .end2{
	width:100%;
	margin:0 0 20px 0;
	font-size:85%;
	color:#FFF;
	line-height:1.5;
	font-weight:bold;
}
div#infomation_left .ticket{
	width:90%;
	font-weight:bold;
	font-size:90%;
	text-align:center;
}
div#infomation_left #ticket_btn{
	width:95%;
	text-align:center;
	/*background:rgba(201,23,26,1.00);*/
}
div#infomation_left #ticket_btn p{
	/*font-size:110%;*/
}
div#infomation_left #ticket_btn img{
	width:70%;
}
div#infomation_left #ticket_btn .suchedule{
	font-size:0.92rem;
}
div#infomation_left .uketsuke{
	width:90%;
	margin:0 0 40px 20px;
	font-size:100%;
	line-height:1.5;
	font-weight:bold;
	text-align:left;
}
div#twitter {
	width:75%;
	text-align:center;
	margin:-20px auto 20px ;
	float:none;
}
div#corich {
	width:80%;
	text-align:center;
	margin:40px 0 50px 25px;
	float:none;
}
.mobile{
	/*text-align:center;*/
}


/*SP コンセプトページ concept.html*/
div#concept{
	width:85%;
	margin:10px 10px 10px 10px;
}
div#concept h1{
	font-size:110%;
}
div#concept p{
	width:95%;
	margin:0 0 0 15px;
	font-size:100%;
	line-height:1.5;
}
div#concept span{
	font-size:100%;
	font-weight:500;
	padding:2px 80px 0 0;
	margin:0 0 0 -10px;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#concept #bg_black{
	background:rgba(0,0,0,0.60);
	margin:0 0 10px 0;
	padding:3px;
}
/*SP コンセプトページ concept.html*/


/*SP メンバーページ member.html*/
div#member_wrap{
	margin:10px 20px 20px 10px;
	width:95%;
}
div#member{
	width:98%;
}
div#member_wrap h1{
	font-size:110%;
	margin-bottom:10px;
}
div#member p{
	width:98%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#member .bg_black{
	background:rgba(0,0,0,0.60);
	margin:0 0 50px 0;
	padding:3px;
}
div#member span{
	/*width:100%;*/
	font-size:120%;
	font-weight:500;
	padding:2px 2px 0 0;
	margin:0 0 0 5px;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#member img{
	width:40%;
	margin:0 0 10px 10px;
	float:none;
}
/*SP メンバーページ member.html*/


/*SP 写真ギャラリーページ member.html*/
div#photo_wrap{
	width:97%;
	margin:10px 20px 20px 10px;
}
div#photo{
	width:95%;
	height:auto;
	margin:10px 20px 20px 10px;
	float:left;
}
div#photo .title{
	width:80%;
	font-size:110%;
	background:rgba(150,0,0,0.8);
	border-bottom: 1px solid rgba(85,0,0,1);
	border-left: 1px solid rgba(85,0,0,1);
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}
div#photo_wrap h1{
	font-size:110%;
	margin:15px 0 0 5px;
}
div#photo img{
	width:85%;
	margin:0 auto 10px;
	transition: 0.3s;
}
div#photo img:hover{
	opacity: .5;
}

div#photo p{
/*
	width:95%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
*/
}
div#photo .bg_black{
	width:85%;
	background:rgba(0,0,0,0.60);
	margin:0 0 0px 0;
	padding:5px;
	font-size:100%;
}
div#photo span{
/*
	width:100%;
	font-weight:500;
	padding:1px 3px 1px 3px;
*/
	font-size:110%;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}

/*SP 写真ギャラリーページ member.html*/


/*SP 過去の公演情報 histry.html*/
div#histry_wrap{
	width:94%;
	margin:10px 20px 20px 10px;
}
div#histry{
	width:95%;
	margin:10px 20px 20px 10px;
	float:left;
}
div#histry_wrap h1{
	font-size:110%;
	margin:15px 0 0 5px;
}
div#histry p{
	width:98%;
	margin:0 0 10px 0;
	font-size:100%;
	line-height:1.5;
}
div#histry span{

	font-size:86%;
	font-weight:500;
	padding:2px 5% 0 0;
	margin:0 0 0 0;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#histry #bg_black{
	background:rgba(0,0,0,0.60);
	margin:0 0 10px 0;
	padding:5px;
	font-size:110%;
}
div#histry #bg_black p{
	width:95%;
	font-size:80%;
	margin:5px 0 10px 0;
	padding:2px 0 0 10px;
	line-height:2.0;
}
div#histry #bg_black span2{
	width:100%;
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:2px 40% 0 10px;
	line-height:2.0;
	border-bottom: 1px solid rgba(255,255,255,1);
	border-left: 5px solid rgba(255,255,255,1);
}
div#histry img{
	width:45%;
	margin:0 0 10px 10px;
	float:none;
}
/*SP 過去の公演情報 histry.html*/

/*SP 脚本貸出しページ screenplay.html*/
div#screenplay{
	width:82%;
	margin:15px 10px 25px 0;
	
}
div#screenplay h1{
	font-size:100%;
	background:rgba(0,0,0,0.4);
	width:44%;
	padding:5px 0 5px 0;
	margin:15px;
	border:rgba(255,255,255,1.00);
	text-align:center;
	border:inset;
}
div#screenplay p{
	width:100%;
	margin:0 0 0 20px;
	padding:3px 0 3px 6px;
	font-size:14px;
	line-height:1.7;
	background:rgba(0,0,0,0.60);
	border:inset;
}
div#screenplay span{
	font-size:15px;
	font-weight:500;
	padding:3px;
	line-height:3.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#screenplay span2{
	margin-left:12px;
}
/*SP 脚本貸出しページ screenplay.html*/

/*SP ムービーページ movie.html*/
div#movie_wrap{
	width:97%;
	margin:10px 20px 20px 10px;
}
div#movie{
	width:86%;
	height:480px;
	margin:10px 20px 20px 10px;
	float:left;
	/*background:rgba(191,10,13,1.00);*/
	text-align:center;
}
div#movie iframe{
	width:100%;
	height:50%;
	margin:0 auto 0;
}
div#movie .title{
	width:80%;
	font-size:110%;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	margin:0 0 10px;
	padding:5px 0 0 0;
}
div#movie_wrap h1{
	font-size:110%;
	margin:15px 0 0 5px;
}
div#movie img{
	width:63%;
	margin:0 0 10px 10px;
	float:none;
	transition: 0.3s;
}
div#movie img:hover{
	opacity: .5;
}

div#movie p{
	width:95%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#movie .bg_black{
	width:50%;
	padding:5px;
	font-size:100%;
	margin:0 0 10px 0;
	float:right;
}
div#movie span{
	width:100%;
	font-size:120%;
	font-weight:500;
	padding:4px 4px 4px 4px;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	text-align:center;
}
/*SP ムービーページ movie.html*/


/*SP アンケートページ enquete.html*/
div#enquete{
	width:100%;
	margin:15px 10px 10px 0;
}
div#enquete h1{
	font-size:140%;
}
div#enquete p{
	width:85%;
	margin:0 20px 0 20px;
	padding:10px 5px 0 10px;
	font-size:15px;
	line-height:1.1;
	background:rgba(0,0,0,0.60);
}
div#enquete span{
	font-size:14px;
	font-weight:500;
	padding:3px 35px 2px 4px;
	margin:0 0 0 0;
	line-height:3.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
/*SP アンケートページ concept.html*/
.pr{
	width:90%;
	margin:0 0 0 0;
	font-size:100%;
	line-height:1.2;
	background:rgba(0,0,0,0.60);
	padding:5px;
}
div#member0{
	margin:30px 0 30px 30px;
	float:none;
}
div#member0 img{
	width:40%;
}
div#member0_name{
	margin:0 0 0 0;
}

div#member1{
	margin:30px 0 30px 30px;
	float:none;
}
div#member1 img{
	width:40%;
}
div#member1_name{
	margin:30px 0 30px 0;
	float:none;
}

div#member2{
	margin:30px 0 30px 30px;
	float:none;
}
div#member2 img{
	width:40%;
}
div#member2_name{
	margin:30px 0 30px 0;
	float:none;
}
div#member2_pr{
	margin:30px 0 30px 0;
	float:none;
}

div#member3{
	margin:30px 0 30px 30px;
	float:none;
}
div#member3 img{
	width:40%;
}
div#member3_name{
	margin:30px 0 30px 0;
	float:none;
}
div#member3_pr{
	margin:30px 0 30px 0;
	float:none;
}

/*SP 募集要項*/
.bosyu{
	width:100%;
	text-align:center;
	margin:10px 0 20px 0;
	font-size:85%;
}
.bosyu span{
	font-size:150%;
	font-weight:500;
}

/*SP お問い合わせ*/
div#mail{
	margin:0 0 20px 0;
	width:100%;
	text-align:center;
}
.mail{
	width:90%;
}

/**********************
 * album page
 **********************/
div#photos{
	width:100%;
	height:auto;
	margin:0 30px 30px 0;
	float:left;
	background:url(../images/fire_bg.jpg);
}
div#photos p{
	margin:10px;
}
div#photos .album_thumb{
	width:28%;
	margin:0 5px 20px 10px;
	float:left;
}

}

/******************************** iPhone5s以下向け(326ppi) *************************************/
@media screen and (max-width: 326px) {
	div#infomation_left p{
		width:95%;
		margin:0 0 10px 15px;
		font-size:75%;
		line-height:1.5;
		font-weight:bold;
		text-align:left;
		/*改行させない*/
		/*white-space: nowrap;*/
	}
	div#histry span{
		width:100%;
		font-size:82%;
		font-weight:500;
		padding:2px 5% 0 0;
		margin:0 0 0 0;
		line-height:2.0;
		background:rgba(150,0,0,0.8);
		border-bottom: 2px solid rgba(85,0,0,1);
		border-left: 2px solid rgba(85,0,0,1);
	}
	div#member span{
		width:100%;
		font-size:120%;
		font-weight:500;
		padding:2px 2% 0 0;
		margin:0 0 0 0;
		line-height:2.0;
		background:rgba(150,0,0,0.8);
		border-bottom: 2px solid rgba(85,0,0,1);
		border-left: 2px solid rgba(85,0,0,1);
	}
}

/******************************* 642px以上 PC向け ******************************************************************/
@media screen and (min-width: 640px) {
.sp_br {
	display:none;
}
.pc_br {

}

#page{
	width:100%;
}
div#headArea{
	width:100%;
	background-color: #000;
    position:relative;
}
div#headArea .header_image{
	width:100%;
}

/* リセット */
/*html, body { margin: 0; height: 100%; font-family: sans-serif; }*/
#box_menu ul { list-style-type: none; margin: 0; padding-left: 0; }
#box_menu li { display: block; }

/* その他スタイルの指定 */
#box_menu li { text-align: center; }
#box_menu li:not(:last-child) { border-right: 2px solid rgba(0,255,255,0.2); }
#box_menu li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; font:"メイリオ","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:120%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(255,255,255,0.1); border-top: 2px solid rgba(255,255,255,0.2); background-color: #000000; }

/* 【今回重要！】Flexboxのための追加指定 */
#box_menu ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
#box_menu li { -webkit-box-flex: 1; /* Android 2~4 */ flex: auto; -webkit-flex: auto; }
#box_menu li:hover{
	opacity: .7;
}
#box_menu{
	width:100%;
	margin:0 0 0 0;
}
#box_menu img{
	width:25%;
/*	margin:-5px -3px 0 0;*/
	float:left;
	margin-bottom:25px;
}

/*スマホ用メニュー*/
#box_menu_sp ul { list-style-type: none; margin: 0; padding-left: 0; }
#box_menu_sp li { display: block; }
#box_menu_sp li { text-align: center; }
#box_menu_sp li:not(:last-child) { border-right: 2px solid rgba(0,255,255,0.2); }
#box_menu_sp li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; font: "メイリオ","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; font-size:85%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(255,255,255,0.1); border-top: 2px solid rgba(255,255,255,0.2); background-color: #000000; }
/* 【今回重要！】Flexboxのための追加指定 */
#box_menu_sp ul { display: -webkit-box; /* Android 2~4 */ -webkit-box-pack: justify; /* Android 2~4 */ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
#box_menu_sp li { -webkit-box-flex: 1; /* Android 2~4 */ flex: auto; -webkit-flex: auto; }
#box_menu_sp{
	width:100%;
	margin:0 0 0 0;
}

/*デバイスでメニュー表示切替*/
#box_menu_sp{
	display:none;
}
#box_menu{
	display:block;
}

div#twi_name{
display:none;	
}

div#category{
	margin:0 0 0 0;
	width:100%;
	color:#F00;
	background:#000;
}
div#category .info_bar{
	margin:0 50px 0 0;
	width:30%;
	background:#F00;
}
div#infomation_left{
	width:60%;
	margin:30px 0 30px 0;
	float:left;
}
div#infomation_left .news{
	width:90%;
	margin:20px 0 30px 20px;
	padding:5px 0 5px 10px;
	border-top:double;
	border-bottom:double;
	background:rgba(0,0,0,0.80);
}
div#infomation_left img{
	width:50%;
	margin:10px 0 10px 40px;
	opacity: 1;
	transition: 0.3s;
}
div#infomation_left img:hover{
	opacity: .5;
}

div#infomation_left #poster img{
	width:80%;
	padding:2% 0 0 0;
}

div#infomation_right{
	padding:50px 0 0 0;
	width:40%;
	float:left;
}
div#infomation_right #bnr_poster{
	width:95%;
	text-align:center;
}
div#infomation_right #bnr_poster img{
	width:70%;
	margin:0 0 0 15px;
}
div#infomation_right #bnr_poster p{
	margin-bottom:20px;
}

div#infomation_left h1{
	font-size:18px;
	width:94%;
	margin: 0 auto;
/*	margin:0 0 10px 15px;*/
	line-height:1.5;
	font-weight:100;
	padding:2px 10px 0 0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#infomation_left h2{
	font-size:18px;
	margin:0 0 10px 15px;	
	line-height:1.5;
	font-weight:100;
	padding:2px 10px 0 0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#infomation_left p{
	width:100%;
	margin:0 0 5px 25px;
	font-size:17px;
	line-height:1.5;
	font-weight:500;
	text-align:left;
}
div#infomation_left span{
	font-size:130%;
}
div#infomation_left #ticket_btn{
	width:100%;
	text-align:center;
}
div#infomation_left #ticket_btn img{
	width:60%;
}
div#infomation_left .ticket{
	width:100%;
	font-weight:500;
	font-size:16px;
	text-align:center;
	margin:0 0 20px 20px;
}
/*PCエリア*/
div#infomation_left .suchedule{
	width:94%;
	font-size:16px;	
	margin:0 auto 20px;
	padding:6px;
	text-align:left;

	/* ▼黒い半透明ベール（0.80 = 80% の黒） */
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)),
		url("../images/face_background.png");

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

div#infomation_left .suchedule_day{
	margin:20px 0 20px 30px;
	padding:5px;
	width:95%;
	font-size:120%;
	background:rgba(0,0,0,0.80);
}
div#infomation_left .suchedule_hosoku{
	font-size:110%;
	margin-top:10px;	
}

/* add 20240412 */
div#infomation_left .mary_box{
	width: 94%;
	min-height: 374px;
	font-size: 16px;	
	margin: 0 auto 20px;
	padding: 12px 12px 6px 6px;
	text-align: left;
	background: rgba(0,0,0,0.80);
	font-weight: normal;
	font-family: serif;
	font-size: 1.3rem;
}
div#infomation_left .mary_picture {
	float: left;
	width: 220px!important;
	margin: 8px!important;
}
div#infomation_left .mary_picture_txt {
	margin: 8px!important;
	font-size: 16px;
}

div#infomation_left #ara{

}
div#infomation_left #ara .end{
	text-align:left;
	width:95%;
	margin:5px 0 50px 30px;
	padding:5px;
	font-size:16px;
	color:#FFF;
	background:rgba(0,0,0,0.60);
	line-height:1.5;
	font-weight:500;
}
div#infomation_left .end2{
	width:100%;
	margin:0 0 40px 35px;
	font-size:16px;
	color:#FFF;
	line-height:1.5;
	font-weight:500;
}
div#twitter{
	width:85%;
	text-align:center;
	margin:-20px 0 30px 30px;
	float:left;
	
}
div#corich {
	width:80%;
	text-align:center;
	margin:20px 0 30px 40px;
}

.mobile{
	text-align:center;
}


/*PC コンセプトページ concept.html*/
div#concept{
	width:100%;
	margin:15px 10px 10px 0;
}
div#concept h1{
	font-size:140%;
}
div#concept p{
	width:85%;
	margin:0 0 0 35px;
	font-size:16px;
	line-height:1.5;
	background:rgba(0,0,0,0.80);
}
div#concept span{
	font-size:16px;
	font-weight:500;
	padding:4px 350px 4px 0;
	margin:0 0 0 10px;
	line-height:3.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
/*PC コンセプトページ concept.html*/


/*PC メンバーページ member.html*/
div#member_wrap{
	width:97%;
	margin:10px 20px 20px 10px;
}
div#member{
	width:30%;
	height:400px;
	margin:10px 20px 20px 10px;
	float:left;
}
div#member2{
	width:30%;
	height:400px;
	margin:10px 20px 20px 10px;
	float:left;
}
div#member_wrap h1{
	font-size:140%;
	margin:15px 0 0 5px;
}
div#member p{
	width:98%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#member2 p{
	width:150%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#member .bg_black{
	background:rgba(0,0,0,0.80);
	margin:0 0 50px 0;
	padding:5px;
	font-size:110%;
}
div#member2 .bg_black{
	background:rgba(0,0,0,0.80);
	margin:0 0 50px 0;
	padding:5px;
	font-size:110%;
}
div#member span{
	width:100%;
	font-size:105%;
	font-weight:500;
	padding:4px 2% 4px 0;
	margin:0 0 0 0;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#member2 span{
	width:100%;
	font-size:130%;
	font-weight:500;
	padding:4px 20% 4px 0;
	margin:0 0 0 0;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#member img{
	width:50%;
	margin:0 0 10px 10px;
	float:none;
	transition: 0.3s;
}
div#member2 img{
	width:50%;
	margin:0 0 10px 10px;
	float:none;
	transition: 0.3s;
}
div#member img:hover{
	opacity: .5;
}
div#member2 img:hover{
	opacity: .5;
}
/*PC メンバーページ member.html*/


/*PC 写真ギャラリーページ member.html*/
div#photo_wrap{
	width:97%;
	margin:10px 20px 20px 10px;
}
div#photo{
	width:45%;
	height:auto;
	margin:10px 20px 20px 10px;
	float:left;
}
div#photo .title{
	width:80%;
	font-size:110%;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	margin:0 0 10px;
	padding:5px 0 0 0;
}
div#photo_wrap h1{
	font-size:140%;
	margin:15px 0 0 5px;
}
div#photo img{
	width:88%;
	margin:0 0 10px 10px;
	float:none;
	transition: 0.3s;
}
div#photo img:hover{
	opacity: .5;
}

div#photo p{
	width:95%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#photo .bg_black{
	width:70%;
	background:rgba(0,0,0,0.80);
	margin:0 0 50px 0;
	padding:5px;
	font-size:100%;
}
div#photo span{
	width:100%;
	font-size:130%;
	font-weight:500;
	padding:1px 4px 1px 4px;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	text-align:center;
}

/*PC 写真ギャラリーページ member.html*/


/*PC 過去の公演情報 histry.html*/
div#histry_wrap{
	width:98%;
	margin:10px 20px 20px 10px;
}
div#histry{
	width:95%;
	margin:10px 20px 20px 10px;
	float:left;
}
div#histry_wrap h1{
	font-size:140%;
	margin:15px 0 0 5px;
}
div#histry p{
	width:98%;
	margin:0 0 15px 0;
	font-size:90%;
	line-height:1.5;
}
div#histry span{
	width:100%;
	font-size:130%;
	font-weight:500;
	padding:4px 30% 3px 0;
	margin:0 0 0 0;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#histry #bg_black{
	background:rgba(0,0,0,0.80);
	margin:0 0 20px 0;
	padding:5px;
	font-size:110%;
}
div#histry #bg_black p{
	width:98%;
	font-size:100%;
	margin:5px 0 10px 5px;
	padding:2px 0 0 10px;
	line-height:2.0;
}
div#histry #bg_black span2{
	width:100%;
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:4px 400px 4px 10px;
	line-height:2.0;
	border-bottom: 1px solid rgba(255,255,255,1);
	border-left: 5px solid rgba(255,255,255,1);
}
div#histry img{
	width:35%;
	margin:0 0 10px 15px;
}
/*PC 過去の公演情報 histry.html*/

/*PC 脚本貸出しページPC screenplay.html*/
div#screenplay{
	width:100%;
	margin:15px 10px 25px 0;
	
}
div#screenplay h1{
	font-size:135%;
	background:rgba(0,0,0,0.4);
	width:20%;
	padding:5px 0 5px 0;
	margin:30px;
	border:rgba(255,255,255,1.00);
	border:inset;
	font-weight:bold;
	text-align:center;
}
div#screenplay p{
	width:85%;
	margin:0 0 0 40px;
	padding:10px 0 10px 15px;
	font-size:16px;
	line-height:1.7;
	background:rgba(0,0,0,0.80);
	border:inset;
}
div#screenplay span{
	font-size:16px;
	font-weight:500;
	padding:4px;
	line-height:3.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
div#screenplay span2{
	margin-left:20px;
}
/*PC 脚本貸出しページ screenplay.html*/

/*PC ムービーページ movie.html*/
div#movie_wrap{
	width:97%;
	margin:10px 20px 20px 10px;
}
div#movie{
	width:45%;
	height:400px;
	margin:10px 20px 20px 10px;
	float:left;
	text-align:center;
}
div#movie .title{
	width:80%;
	font-size:110%;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	margin:0 0 10px;
	padding:5px 0 0 0;
}
div#movie_wrap h1{
	font-size:140%;
	margin:15px 0 0 5px;
}
div#movie img{
	width:63%;
	margin:0 0 10px 10px;
	float:none;
	transition: 0.3s;
}
div#movie img:hover{
	opacity: .5;
}

div#movie p{
	width:95%;
	margin:0 0 10px 0;
	font-size:90%;
	line-height:1.5;
}
div#movie .bg_black{
	width:50%;
	padding:5px;
	font-size:100%;
	float:right;
}
div#movie span{
	width:100%;
	font-size:140%;
	font-weight:500;
	padding:4px 4px 4px 4px;
	line-height:2.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
	text-align:center;
}
/*PC ムービーページ movie.html*/


/*PC アンケートページ enquete.html*/
div#enquete{
	width:100%;
	margin:15px 10px 10px 0;
}
div#enquete h1{
	font-size:140%;
}
div#enquete p{
	width:85%;
	margin:0 0 0 35px;
	padding:10px 0 0 20px;
	font-size:15px;
	line-height:1.1;
	background:rgba(0,0,0,0.80);
}
div#enquete span{
	font-size:15px;
	font-weight:500;
	padding:3px 35px 2px 4px;
	margin:0 0 0 0;
	line-height:3.0;
	background:rgba(150,0,0,0.8);
	border-bottom: 2px solid rgba(85,0,0,1);
	border-left: 2px solid rgba(85,0,0,1);
}
/*PC アンケートページ concept.html*/


.pr{
	width:100%;
	margin:0 0 0 0;
	font-size:16px;
	background:rgba(0,0,0,0.60);
	padding:5px;
}
div#member0{
	margin:30px 0 30px 50px;
	width:20%;
	float:left;
}
div#member0 img{
	width:90%;
	opacity: 1;
	transition: 0.3s;
}
div#member0 img:hover{
	opacity: .5;
}
div#member0_name{
	margin:0 0 0 0;
}


div#member1{
	margin:160px 0 30px 30px;
	width:20%;
	float:left;
}
div#member1 img{
	width:90%;
	opacity: 1;
	transition: 0.3s;
}
div#member1 img:hover{
	opacity: .5;
}
div#member1_name{
	margin:30px 0 30px 0;
	width:20%;
	float:left;
}

div#member2{
	margin:30px 0 30px 30px;
	width:20%;
	float:left;
}
div#member2 img{
	width:90%;
}
div#member2_name{
	margin:30px 0 30px 0;
	width:20%;
	float:left;
}
div#member2_pr{
	margin:30px 0 30px 0;
	width:20%;
	float:left;
}

div#member3{
	margin:160px 0 30px 30px;
	width:20%;
	float:left;
}
div#member3 img{
	width:90%;
}
div#member3_name{
	margin:30px 0 30px 0;
	width:20%;
	float:left;
}
div#member3_pr{
	margin:30px 0 30px 0;
	width:20%;
	float:left;
}
h1{
	font-size:24px;
	margin:0 0 0 20px;	
}
/*募集要項*/
.bosyu{
	width:100%;
	margin:0 0 10px 0;
	font-size:16px;
	text-align:center;
}
.bosyu span{
	font-size:120%;
	font-weight:bold
}
/*お問い合わせ*/
div#mail{
	margin:0 0 20px 0;
	width:100%;
	text-align:center;
}
.mail{

}

/**********************
 * album page
 **********************/
div#photos{
	width:100%;
	height:auto;
	margin:0 30px 30px 0;
	float:left;
	background:url(../images/fire_bg.jpg);
}
div#photos p{
	margin:10px;
}
div#photos .album_thumb{
	margin:0 5px 20px 10px;
	float:left;
}

}



/*共通フッター*/
div#footer{
	width:100%;
	height:40px;
	background:#000;
	text-align:center;
	font-size:14px;
}
div#footer p{
	width:100%;
	padding:10px 0 0 0;
}