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

body{
	font-size:14px;
	line-height:1.4em;
	}

#wrap{
	width:100%;
	box-shadow:none;
	}

header{
	position:static;
	height:auto;
	background:url(../image/bg_header_side.png);
	background-repeat:repeat-x;
	background-size:cover;
	padding-bottom:0px;/*PC環境高さ合わせ*/
	}

header > div:after{	display:none;	background:none;}

header > div p{	width:100%;	}

header h1{
	margin-top:0px;/*reset*/
	font-size:.7em;
	line-height:1.8em;}

#contents{padding:5px 5px;}

nav{
	margin-top:10px;
	margin-bottom:10px;
	}

nav > ul > li a[href]{
	padding:14px 0 6px;/*調整*/
	font-size:1em;
	line-height:.6em;
	}
nav > ul > li a > span{	font-size:.6em;}
nav > ul > li a > span:before{/*cssで改行*/
	content:"\A";/*改行コード*/
	white-space: pre;/*改行コードを適用*/
	}

nav > ul > li a:active{
	background-color:rgba(0,0,0,.3);
	color:#F44 !important;
	}

footer{
	margin-top:20px;
	padding:5px 5px 5px;
	}
.footerMap ul{	overflow:hidden;	padding:0px;}
.footerMap ul li{
	float:none;
	position:relative;
	width:100%;
	padding:10px 20px 6px;
	font-size:1em;	
	text-align:left;
	border-bottom:1px solid #A00;
	}
.footerMap ul li:before{
	position:absolute;
	right:10px;
	color:#FFF;
	content:"▶"
	}
.footerMap ul li:hover{background-color:#500;}
.footerMap ul li:first-child:hover{border-radius:10px 10px 0 0;}
.footerMap ul li:last-child:hover{border-radius:0 0 10px 10px;}



/*=================--
	#contents　見出し
--=================*/
#main figure figcaption,
#a_side figure figcaption{
	margin-bottom:10px;
	font-size:1.4em;
	texgt-align:center;
}

#main figure figcaption{
	text-align:center;
	padding-left:0;
	}

/*===========--
 #a_sideエリア
--===========*/
#a_side{width:100%;}
#a_side > aside{margin-top:10px;}
#a_side > aside figure ul{margin-top:10px;}

#a_side > aside ul li{margin-bottom:5px;}
/*===========--
 #main エリア
--===========*/
#main{/*mainエリア*/
float:none;	width:100%;}
#main > div{margin-top:20px;}

/*=====記事共通=====*/
ul.topics li,			/*index 見出し*/
dl.newslist dt,		/*news 見出し*/
dl.livelist dt,	/*event 記事見出し*/
dl.talentlist dt,
dl.aboutlist dt,	/*about 記事見出し*/
dl.contactlist dt		/*about 記事見出し*/
{
	}

ul.topics li:first-child,			/*index 見出し*/
dl.newslist dt:first-child,		/*news 見出し*/
dl.livelist dt:first-child,	/*event 記事見出し*/
dl.talentlist dt:first-child,
dl.aboutlist dt:first-child,	/*about 記事見出し*/
dl.contactlist dt:first-child		/*about 記事見出し*/
{}

dl.newslist dd,
dl.livelist dd,
dl.contactlist dd
{/*各記事記事下の実線*/}

.Date{/*日付関係*/}
.Title{/*タイトル関係*/}
.Type{/*記事タイプ調整*/}

/*======index======*/
.topics ul{	/*2015/05/22 [+] */
	height:10em;
	}
.topics li:hover{/*2015/05/22 [+]*/
	color:#F00;
	text-decoration:none;
	}

/*======member======*/
.memberlist figure > div{
	float:none;
	width:96%;	
	padding:30px 2% 20px;
	border-bottom:1px dashed #800;
	}

.memberlist figure > div:last-child{
	padding-bottom:0;
	border-bottom:none;
	}

.memberlist figure dd img{
	border:3px solid rgba(52,0,0,1);
	-moz-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	-webkit-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	box-shadow:0 0 0px 2px rgba(104,0,0,1);
}

/*======discography======*/

.disco .box_a > ul > li > ul{
	margin-left:0px;
}

.disco .box_a > figure,
.disco .box_a > ul{
	width:100%;
	float:none;
	}

.disco .box_a > figure{
	max-width:340px;
	margin:0 auto;
	text-align:center;
	}

.disco .box_a > figure figcaption.Title{
	font-size:14px !important;
	}
.disco .box_a > ul .Date,
.disco .box_a > ul > li > ul{
	font-size:1em;
	}

.movieBox iframe{
	min-height: 250px;
	}

/*======contact======*/
#formspace th,
#formspace td{display:block;}


/*=========--
 TOP index
--=========*/


#topimage{
	border:2px solid rgba(52,0,0,1);
	-moz-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	-webkit-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	box-shadow:0 0 0px 2px rgba(104,0,0,1);
	}

/*banner*/
#sideBan{/*float用*/
	overflow:visible;}
#sideBan li{
	float:none;
	width:100%;
	margin-right:5%;
	margin-bottom:15px;
	text-align:center;
	}
#sideBan li:nth-of-type(2n){margin-right:0;}

#sideBan a{
	color:#DDD;
	font-size:.8em;
	line-height:.4em;
	}

#sideBan img{
	width:100%;
	max-width:400px;
	margin-top:5px;
	border:3px solid rgba(52,0,0,1);
	-moz-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	-webkit-box-shadow:0 0 0px 2px rgba(104,0,0,1);
	box-shadow:0 0 0px 2px rgba(104,0,0,1);
}




.comingsoon{position:relative; color:#CCC;}
footer .comingsoon:after{margin-left:15%; margin-top:10px;}
.comingsoon:after{
	position:absolute;
	display:block;
	content:"COMINGSOON";
	padding:2px 5px;
	top:0;
	left:0;
	text-align:center;
	margin-left:30px;
	font-size:.7em;
	color:rgba(200,0,0,1);
	border-radius:10px;
	background-color:rgba(0,0,0,.7);
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
	z-index:1;
	}