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

#siteid{
	opacity:1.0;
	-moz-opacity:1.0;
	filter: alpha(opacity=100); /* ie lt 8 */
}

#container{
	width: 650px;
}

/***************************/
/* main */
/***************************/

#main{
	width: 400px;
}

#main article{
	margin-bottom: 50px;
}

#main article:last-of-type{
	margin-bottom: 0;
}

#main h2{
	margin: 0 0 24px 4px;
}

#main h2 img{
	width: auto;
	height: 13px;
}

/* information
------------------- */

#information ul li{
	padding: 12px 4px;
	border-bottom: 1px dotted #9f9f9f;
	font-size: 82%;
	line-height:1.5em;
}

#information ul li:laft-of-type{
	border-bottom: 0;
}

#information ul li time{
	margin-bottom: 5px;
	display:block;
	font-size:75%;
	color:rgba(217,217,217,1.00);
}

/* mv
------------------- */

#mv .emblem{
	margin: 0 0 12px 8px;
}

#main .entry_detail h3{
	margin-bottom: 8px;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.6;
}

#main .entry_detail time{
	margin-bottom: 10px;
	display:block;
	font-size:68%;
}

/* media
------------------- */

#media .entry_detail{
	padding: 14px 4px;
	border-bottom: 1px dotted #9f9f9f;

}

#media .entry_detail p{
	font-size: 69%;
	line-height: 1.4;
}

#media .entry_detail h3 {
	height:26px;
	font-size: 82%;
	font-weight:normal;
	vertical-align:middle;
	display:inline;
	zoom:1
}

#media .entry_detail h3 img {
	float:left;
	margin:0px 15px 15px 0px;

}

/* live
------------------- */

#live h2{	
	margin-bottom: 36px;	
}

#live dt{
	font-size: 75%;
	line-height: 1.4;
	font-weight:normal;
	margin-bottom: 6px;
}

#live dd{	
	background-color: hsla(0,0%,4%,1.00);
	
	color:hsla(336,70%,56%,1.00);
	padding: 6px;
	display: block;
	margin-bottom: 3px;
	border: 1px solid #4A4646;
	font-size:69%;
	line-height:1.5em;
	cursor:pointer;
	display:block;
}
#live dd a {
	text-decoration:none;
}
#live dl{
	padding-bottom:10px;
	
}
.btn_more{
	margin-top:20px;
}

/***************************/
/* SP */
/***************************/

@media screen and (max-width: 768px) {
	
	#key{
		width: 100%;
		height: 100%;
		display:block;
		position:relative;
		top:0;
		left:0;
		z-index:1;
	}
	
	#key img{
		max-width: 100%;
		max-height: auto;
	}

	#container,
	#main{
		width: auto !important;
	}
	
	#container{
		padding-top: 30px;
	}
		
	#main article{
		margin-bottom: 40px;
	}
	
	/* information */
	
	#information ul li{
		padding: 16px 4px;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
		font-size: 82%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#information ul li:laft-of-type{
		border-bottom: 0;
	}
	
	#information ul li time{
		margin-bottom: 10px;
		display:block;
		font-size:87.5%;
	}
	
	/* mv */
	
	#mv iframe{
		width: 100%;
	}
}