@charset "utf-8";
header nav li.about {
	background: #E78492;
}
.about .greeting {
	margin-bottom:84px;
}
.about .greeting p,
.about .description p,
.about .charge h2 + p {
	font-size:1.5rem;
	line-height:1.4;
	color:#666;
	padding:26px 20px 0 9px;
}
.about .greeting p span {
	display:block;
	text-align:right;
	margin-top:14px;
}
.about .director {
	margin-bottom:47px;	
}
.about .director + .director {
	margin-bottom:57px;	
}
.about .explain {
	padding:0 10px 0 14px;
	overflow:hidden;
}
.about .explain img {
	float:left;
	width:23.4%;
	height:23.4%;
	margin:14px 18px 0 0;
}
.about .explain p {
	margin-top:14px;
	font-size:1.5rem;
	line-height:1.4;
	color:#666;
	float:left;
	width:74%;
}
.about .summary {
	margin-bottom:72px;
}
.about .summary table {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#666;
	font-size:1.5rem;
	max-width:727px;
	margin:38px 0 0 9px;
}
.about .summary tr {
	min-height:45px;
}
.about .summary th {
	padding:14px 0 10px 18px;
	text-align:left;
	width:76px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	font-weight:normal;
}
.about .summary td {
	line-height:1.4;
	border-bottom:1px solid #CCC;
	padding:14px 13px 10px 22px;
}
.about .description .image {
	padding:0 30px;
	margin:42px auto 66px;
}
.about .description img {
	max-width:800px;
	width:100%;
	height:auto;
}
.about .charge p + .sample {
	margin-top:65px;
}
.about .charge .sample {
	margin-top:43px;
	padding:0 0 0 9px;
}
.about .charge .sample + .sample {
	margin-top:51px;
}
.about .charge h3 {
	font-size:2rem;
	color:#666;
	font-weight:normal;
	margin-bottom:5px;
}
.about .charge .sample p {
	font-size:1.5rem;
	color:#666;
	height:52px;
	line-height:53px;
}
.about .charge .table {
	border:1px solid #999;
	max-width:850px;
	margin-left:1px;
	overflow:hidden;
}
.about .charge dl {
	float:left;
	border-right:1px solid #999;
	overflow:hidden;
}
.about .charge dl.copyright {
	width:180px;
}
.about .charge dl.copyright2 {
	width:219px;
}
.about .charge dl.song-num {
	width:129px;
}
.about .charge dl.sistem-price {
	width:119px;
}
.about .charge dl.total-price {
	width:197px;
	border-right:none;
}
.about .charge dt {
	color:#666;
	font-size:1.5rem;
	text-align:left;
	border-bottom:1px solid #999;
	font-weight:normal;
	background:#EDEDED;
	height:40px;
	line-height:41px;
	text-align:center;
}
.about .charge dt span {
	color:#999;
	font-size:1.2rem;
}
.about .charge dd {
	color:#999;
	font-size:2rem;
	height:50px;
	padding-top:30px;
	text-align:center;
}
.about .charge dd.memo {
	position:relative;
}
.about .charge dd.memo span {
	position:absolute;
	top:22px;
	left:0;
	width:100%;
}
.about .charge dd small {
	font-size:1.3rem;
	color:#999;
}
.about .charge .note {
	font-size:1.5rem;
	color:#999;
	margin-left:12px;
	line-height:1.4;
	margin-top:38px;
}
@media only screen and (max-width :1023px) {
	.about .charge .table {
		border:none;
		border-left:1px solid #999;
	}
	.about .charge dl,
	.about .charge dl.copyright,
	.about .charge dl.copyright2,
	.about .charge dl.song-num,
	.about .charge dl.sistem-price,
	.about .charge dl.total-price {
		width:100%;
		border:none;
	}
	.about .charge dl.copyright dt {
		border-top:1px solid #999;
	}
	.about .charge dl.copyright dd {
		border-top:1px solid #999;
	}
	.about .charge dl.total-price {
		border-right:none;
	}
	.about .charge dt {
		float:left;
		width:57%;
		height:80px;
		line-height:81px;
		border-right:1px solid #999;
	}
	.about .charge dd {
		float:left;
		width:42%;
		padding:0;
		height:80px;
		line-height:81px;
		border-bottom:1px solid #999;
		border-right:1px solid #999;
	}
	.about .charge dd.memo span {
		top:20px;
		line-height:1;
	}
}
@media only screen and (max-width :767px) {
	.about .greeting {
		margin-bottom:40px;
	}
	.about .greeting p,
	.about .description p,
	.about .charge h2 + p {
		padding:18px 9px 0 9px;
		font-size:1.3rem;
	}
	.about .director,
	.about .director + .director,
	.about .summary {
		margin-bottom:40px;
	}
	.about .director h2 {
		font-size:1.4rem;
	}
	.about .charge p + .sample {
		margin-top:40px;
	}
	.about .explain img {
		width:100%;
		height:100%;
		margin-top:18px;
		max-width:254px;
		margin:14px auto 0;
		display:block;
		float:none;
	}
	.about .explain p {
		width:100%;
		font-size:1.3rem;
	}
	.about .summary table {
		font-size:1.3rem;
		margin:18px 9px 0 9px;
	}
	.about .summary th {
		padding:10px 0 10px 9px;
	}
	.about .summary td {
		padding: 10px 13px 10px 9px;
	}
	.about .description .image {
		padding:0 10px;
	}
	.about .charge h3 {
		font-size:1.6rem;
		line-height:1.4;
	}
	.about .charge .sample p {
		font-size:1.2rem;
	}
	.about .charge dl.copyright.high dt,
	.about .charge dd.memo {
		height:51px;
		line-height:52px;
	}
	.about .charge dd.memo span {
		top:10px;
	}
	.about .charge dd small {
		font-size:1rem;
	}
	.about .charge dt {
		font-size:1.3rem;
		height:40px;
		line-height:41px;
	}
	.about .charge dd {
		font-size:1.6rem;
		height:40px;
		line-height:41px;
	}
	.about .charge .note {
		font-size:1.3rem;
		margin-top:20px;
	}
}