/* =================================
	Ongakunohi Fes
================================= */

div.unit-ongakufes {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(192,100%,49%,1)), to(hsla(0,100%,100%,0.9)));
	background-image: linear-gradient(-135deg, hsla(192,100%,49%,1), hsla(0,100%,100%,0.9));
	/**/
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight:500;
	/**/
}
div.unit-ongakufes article p {
	color:#000;
}
div.unit-ongakufes article div.copy p {
	font-weight:700;
	text-align:center;
	line-height:1.5;
}
div.unit-ongakufes article div.copy p b {
	color:#3c00a0;
}
div.unit-ongakufes article div.copy p b.red {
	color:#ff001e;
}
div.unit-ongakufes article div.copy p:not(:last-child) {
	margin-bottom:1.5em;
}
div.unit-ongakufes article div.copy p > span,
div.unit-ongakufes article div.copy p > b {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(0,100%,100%,.4)), to(hsla(0,100%,100%,.4)));
	background-image: linear-gradient(transparent 50%, hsla(0,100%,100%,.4) 50%);
}

@media all and (min-width: 768px) {
div.unit article div.copy {
	margin-bottom:60px;
}
div.unit article div.copy p {
	font-size:175%;
}
}
@media all and (max-width: 767px) {
div.unit article div.copy {
	margin-bottom:30px;
}
div.unit article div.copy p {
	font-size:112.5%;
}
}



div.unit-ongakufes p.txt {
	text-align:center;
	line-height:1.5;
}
div.unit-ongakufes article section.unit-h3 {
	line-height:1.5;
}
div.unit-ongakufes article section.unit-h3 h3 {
	color:#3c00a0;
	border-bottom:2px solid #3c00a0;
	padding-bottom:0.2em;
	margin-bottom:0.75em;
}
div.unit-ongakufes article section.unit-h3 dl dd:not(:last-child) {
	margin-bottom:1.25em;
}
div.unit-ongakufes article section.unit-h3 dl dt {
	color:#ff001e;
	color:#fff;
	margin-bottom:0.5em;
}
div.unit-ongakufes article section.unit-h3 dl dd b {
	color:#d61880;
}
@media all and (min-width: 768px) {
div.unit-ongakufes p.txt {
}
div.unit-ongakufes p.txt,
div.unit-ongakufes article section.unit-h3 dl,
div.unit-ongakufes article section.unit-h3 p {
	font-size:125%;
}
div.unit-ongakufes p.txt:not(:last-child),
div.unit-ongakufes article section.unit-h3:not(:last-child) {
	margin-bottom:40px;
}
div.unit-ongakufes article section.unit-h3 {
	text-align:center;
}
div.unit-ongakufes article section.unit-h3 h3 {
	display:inline-block;
	font-size:150%;
}
}
@media all and (max-width: 767px) {
div.unit-ongakufes p.txt,
div.unit-ongakufes article section.unit-h3 dl,
div.unit-ongakufest article section.unit-h3 p {
	font-size:100%;
}
div.unit-ongakufes p.txt:not(:last-child),
div.unit-ongakufes article section.unit-h3:not(:last-child) {
	margin-bottom:20px;
}
div.unit-ongakufes article section.unit-h3 {
	text-align:left;
}
div.unit-ongakufes article section.unit-h3 h3 {
	font-size:112.5%;
}
}




/*	figure
============================== */
div.ph-large figure > span, div.ph-large figure span img {
	display:block;
}
div.ph-large figure > span {
	position:relative;
	height:0;
	background-size:cover;
}
div.ph-large figure > span {
	padding-top: -webkit-calc(9 / 16 * 100%);
	padding-top: calc(9 / 16 * 100%);
}
div.fes figure > span {
	padding-top: -webkit-calc(294 / 1280 * 100%);
	padding-top: calc(294 / 1280 * 100%);
}
div.ongakufes figure > span {
	padding-top: -webkit-calc(775 / 1200 * 100%);
	padding-top: calc(775 / 1200 * 100%);
}
div.ph-large figure span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.ph-large figure span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.ph-large figure figcaption {
	text-align:center;
	line-height:1.5;
	margin-top:1.5em;
}
@media all and (min-width: 768px) {
div.ph-large {
	margin-left:20%;
	margin-right:20%;
}
div.ph-large figure {
	max-width:800px;
	margin:0 auto;
}
div.ph-large:not(:last-child) {
	margin-bottom:60px;
}
div.ph-large figure span.lazy-done {
	-webkit-box-shadow:12px 12px 0 0 hsla(195,100%,39%,.2);
	box-shadow:12px 12px 0 0 hsla(195,100%,39%,.2);
}
div.ph-large figure figcaption {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.ph-large {
}
div.ph-large:not(:last-child) {
	margin-bottom:30px;
}
div.ph-large figure span.lazy-done {
	-webkit-box-shadow:6px 6px 0 0 hsla(195,100%,39%,.2);
	box-shadow:6px 6px 0 0 hsla(195,100%,39%,.2);
}
div.ph-large figure figcaption {
	font-size:75%;
}
}

@media print {
div.ph-large {
	display:none;
}
}