@charset "UTF-8";
/* -----------------------------------------------------------
   MUSIC
------------------------------------------------------------*/
#contentsArea h1{text-indent:-9999px;}

#Img{ text-align: center;}
#Img img{ background-image:url(../img/music_img.jpg);}

.box{ background-color: #f2f6f9;}
.box h3{ color: #386087;}

@media all and (min-width: 768px) {
#contentsArea .inner{
	padding:20px 40px 40px;
	}
#contentsArea h1{
	display:block;
	height:240px;
	background:url(../img/music_header.jpg) no-repeat;
	}
	#contentsArea h2{
		font-size:160%;
		line-height:1.4;
		color:#e4007f;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-bottom: 10px;
		}
#contentsArea .inner p{
		font-size:94%;
		line-height:1.6;
		}
#Img img{
		width:680px;
		height:450px;
		margin:0 auto 20px;
		}
.box{
	padding:20px;
	margin-bottom: 10px;
	}
.box h3{
	font-size:120%;
	line-height:1.5;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

}
@media all and (max-width: 767px) {
#contentsArea .inner{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	}
#contentsArea h1{
	display:block;
	width:100%;
	height:0;
	padding-top:28.125%;
	background-size:cover;
	background-image:url(../img/music_header_smp.jpg);
	}
#contentsArea h2{
	font-size:120%;
	line-height:1.4;
	color:#e4007f;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 5px;
	}
#contentsArea .inner p{
	font-size:80%;
	line-height:1.6;
	}
#Img{
		width:100%;
		margin:0 auto 10px;
		}
#Img img{
		width:100%;
		height:0;
		padding-top:66.17%;
		background-size:cover;
		}
.box{
	padding:16px;
	margin-bottom: 10px;
	}
.box h3{
	font-size:100%;
	line-height:1.5;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

}