@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; font-size:14px; line-height:1.5; background:#000; 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;}

/*
* {
	margin:0;
	padding:0;
}

ul {
	list-style:none;
}

br {
	letter-spacing:0;
}

a:link, a:visited, a:active{ color:#EEE;}
a:hover{ color:#EEE; text-decoration:underline;}
*/

/**********************
 * 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;}

/*new*/
/* clearfix */
/*
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
*/
/* Hides from IE Mac \*/
/*
* html .clearfix {height: 1%;}
.clearfix{display:block;}
*/
/* End Hack */


/* 画像の最大幅を100%に */
/*img {
	max-width:100%;
	height:auto;
}*/

/* 文字サイズを自動調整する機能を無効化 */
/*body {
	-webkit-text-size-adjust: 100%;
	background:#000;
	color:#FFF;
	font-size:24px;
}*/
/*new*/

/*#page{*/
/*
 width:100%;
 position:relative;
 height:100%;
 min-height:100%;
 background-color:#000;
 */
/* 	width:92%;
	max-width:960px;
	margin:0 auto;
}*/

/*480px以下*/
@media screen and (max-width: 480px) {
#page{
 width:100%;
 min-width:320px;
 float:none;
 /*border-right:none;
 border-left:none;*/
}
}

/*960px以上*/
@media screen and (min-width: 960px) {
#page{
 width:100%;
 max-width:960px;
 margin:0 auto;
/*
 width:960px;
 margin:0 auto;
 border-right:1px solid #555;
 border-left:1px solid #555;
*/
}
}

/**********************
 * 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;}

/**********************
 * 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;
}

/**************************************スマホ向け*******************************************/
@media screen and (max-width: 639px) {
.clear {
	clear: both;
}
.clear2 {
	clear: both;
}

div#headArea{
	width:100%;
	background-color: #000;
}
div#headArea .header_image{
	width:100%;
}
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:42%;
	margin:30px 0 30px 0;
	float:none;
}
div#infomation_left .img{
	width:198%;
	margin:0 0 10px 40px;
}
div#infomation_right{
	width:100%;
	float:none;
}
div#infomation_left p{
	width:200%;
	margin:30px 0 0 40px;
	font-size:120%;
	line-height:1.8;
	font-weight:bold;
}
div#infomation_left .suchedule{
		width:200%;
	font-size:115%;	
	margin:0 0 20px 20px;
}
div#infomation_left .ticket{
	width:200%;
	margin:10px 0 30px 30px;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
div#infomation_left .ticket_btn{
	width:200%;
	margin:0 0 0 35px;
	text-align:center;
}
div#twitter{
	width:85%;
	text-align:center;
	margin:-20px 0 30px 30px;
	float:none;
}
div#corich {
	width:80%;
	text-align:center;
	margin:0 0 30px 25px;
	float:none;
}
.mobile{
	/*text-align:center;*/
}

div#concept{
	width:100%;
	margin:30px 30px 30px 0;
}
div#concept p{
	width:80%;
	margin:0 0 0 40px;
	font-size:20px;
	line-height:1.5;
}



/***プロフィール***/
div#member{
	margin:10px auto 30px;
	padding:5%;
	width:80%;
	height:auto;
/*	background:rgba(100,100,100,0.20);*/
}
div#member p{
	margin:20px auto 0;
	font-size:100%;
	}
/*div#member img{
	width:50%;
}*/
div#pict {
	width:50%;
	float:left;
/*	background:rgba(100,100,100,0.50);*/
}
div#pict p{

}
div#pict img{
	width:80%;
}
div#member .pictures1{
	margin:20px 0 30px 0;
	width:50%;
	height:auto;
}
div#member .pictures2{
	width:50%;
	height:auto;
}
div#photo img{
	width:7%;
	height:auto;
	margin:25px 0 0 3px;
}
div#photo img:hover{
	opacity: .5;
}
div#pr{
	width:85%;
	margin:10px auto 30px;
	padding:10px;
	font-size:100%;
	line-height:1.3;
	background:rgba(0,0,0,0.60);
}
/***プロフィール***/

.return{
	width:100px;
	text-align:center;
	margin:10px 0 20px 17px;
	padding:3px;
	background:rgba(0,0,0,0.60);	
}

h1{
	font-size:24px;
	margin:0 0 0 20px;	
	width:200%;
}

}


/******************************** 642px以上 PC向け ***********************************/
@media screen and (min-width: 640px) {
.clear {
/*	clear: both;*/
}
.clear2 {
	clear: both;
}

div#headArea{
	width:100%;
	background-color: #000;
}
div#headArea .header_image{
	width:100%;
}
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 img{
	width:40%;
	margin:0 0 5px 20px;
}
div#infomation_right{
	padding:50px 0 0 0;
	width:40%;
	float:left;
}
div#infomation_left p{
	width:100%;
	margin:0 0 10px 10px;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
}
div#infomation_left .suchedule{
	width:100%;
	font-size:16px;	
	margin:0 0 20px 20px;
}
div#infomation_left .ticket_btn{
	width:80%;
	margin:0 0 0 25px;
}
div#infomation_left .ticket{
	width:85%;
	margin:0 0 40px 10px;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

div#twitter{
	width:85%;
	text-align:center;
	margin:-20px 0 30px 30px;
	float:left;
}
div#corich {
	text-align:center;
	margin:20px 0 30px -15px;
	float:left;
}

.mobile{
	text-align:center;
}

div#concept{
	width:100%;
	margin:30px 30px 30px 0;
}
div#concept p{
	width:80%;
	margin:0 0 0 40px;
	font-size:20px;
	line-height:1.5;
}

/*プロフィール*/
div#member{
	margin:30px 0 0 30px;
	width:20%;
	float:left;
/*	background:rgba(100,100,100,0.20);*/
}
div#member p{
	margin:7px 0 0 0;
}
div#pict{
/*	background:rgba(100,100,100,0.50);*/
}
div#pict p{
	font-size:17px;
}
div#member img{
	width:80%;
}
div#member .pictures1{
	margin:10px 0 10px 0;
	opacity: 1;
	transition: 0.3s;
}
div#member .pictures1:hover{
	opacity: .5;
}
div#member .pictures2{
	margin:0 0 0 0;
	opacity: 1;
	transition: 0.3s;
}
div#member .pictures2:hover{
	opacity: .5;
}
div#photo img{
	width:50%;
	height:auto;
	margin:15px 0 0 15px;
}
div#photo img:hover{
	opacity: .5;
}
div#pr{
	width:70%;
	margin:30px 0 30px 0;
	padding:10px;
	font-size:15px;
	line-height:1.4;
	float:left;
	background:rgba(0,0,0,0.60);
}
/*プロフィール*/

.return{
	width:100px;
	text-align:center;
	margin:10px 0 20px 20px;
	padding:3px;
	background:rgba(0,0,0,0.60);	
}

h1{
	font-size:24px;
	margin:0 0 0 20px;	
}

}

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