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

#info{
	width:90%;
	max-width:1000px;
	margin:50px auto 120px;
	text-align:left;
}

#info h2{
	text-align:center;
}

#info h2 span{
	display:block;
	font-size:15px;
	margin-top:15px;
}

#info .artistar{
	max-width:700px;
	margin:80px auto;
}

#info .artistar dt{
	width:17%;
	display:inline-block;
	font-size:13px;
	vertical-align:middle;
	margin-bottom:15px;
	color:#666;
	vertical-align:top;
}

#info .artistar dd{
	width:80%;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:15px;
}


#info .box{
	width:44%;
	margin:50px 5% 30px 0;
	display:inline-block;
	vertical-align:top;
}

#info .box h3{
	border-bottom:1px solid #313131;
	padding-bottom:15px;
	margin-bottom:30px;
}


#info .box dt{
	color:#666;
	font-size:13px;
	margin-bottom:5px;
}

#info .box dd{
	font-size:13px;
	margin-bottom:30px;
}




@media only screen and (max-width: 640px) { 
#info h2 span{
	font-size:13px;
}
#info .artistar{
	margin-top:40px;
}

#info .artistar dt{
	width:100%;
	display:block;
	margin-bottom:5px;
}

#info .artistar dd{
	width:100%;
	display:block;
	margin-bottom:30px;
}



#info .box{
	width:100%;
	margin:50px auto 30px;
	display:block;
}

#info .box h3{
	padding-bottom:10px;
	margin-bottom:10px;
}

}