﻿/*	p.title
============================== */
main article > div.outer > div.inner p.title, main article > div.outer > div.inner p.copy {
	line-height:1.5;
	text-align:center;
}
main article > div.outer > div.inner p.title {
	margin-bottom:1.25em;
}

main article > div.outer > div.inner p.copy {
	margin-bottom:1.5em;
}
main article > div.outer > div.inner p.copy b {
	font-weight:normal;
	background-image: none;
	color:#2c69ca;
	text-shadow:2px 3px 3px hsla(180,75%,82%,0.6);
}
main article > div.outer > div.inner p.copy b > span {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(30,88%,89%,0.5)), to(hsla(30,88%,89%,0.5)));
	background-image: linear-gradient(transparent 50%, hsla(30,88%,89%,0.5) 50%);
}
main article > div.outer > div.inner p.title b,
main article > div.outer > div.inner p.title span {
	display:block;
}
@media all and (min-width: 768px) {
main article > div.outer > div.inner p.title b {
	font-size:200%;
}
main article > div.outer > div.inner p.title span {
	font-size:112.5%;
}
main article > div.outer > div.inner p.copy b {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
main article > div.outer > div.inner p.title b {
	font-size:5.5vw;
}
main article > div.outer > div.inner p.title span {
	font-size:3.5vw;
}
main article > div.outer > div.inner p.copy b {
	font-size:4.25vw;
}
}


div.pics-inner > figure {
	float:left;
	width:33.3333333333333333%;
}
div.pics-inner > figure span, div.pics-inner > figure span img {
	display:block;
}
div.pics-inner > figure > span span {
	padding-top: -webkit-calc(600 / 400 * 100%);
	padding-top: calc(600 / 400 * 100%);
	background-size:cover;
}
div.pics-inner > figure > span span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.pics-inner > figure span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.pics > p {
	text-align:center;
	line-height:1.5;
}
div.pics-inner > figure:nth-child(4) {
	margin-left:16.65%;
}
@media all and (min-width: 768px) {
div.pics {
	margin-bottom:40px;
}
div.pics-inner > figure:nth-child(3n-2) > span {
	margin-right:12px;
}
div.pics-inner > figure:nth-child(3n-1) > span {
	margin-left:6px;
	margin-right:6px;
}
div.pics-inner > figure:nth-child(3n) > span {
	margin-left:12px;
}
div.pics-inner > figure {
	margin-bottom:18px;
}
div.pics > p {
	font-size:75%;
}
}
@media all and (max-width: 767px) {
div.pics {
	margin-bottom:20px;
}
div.pics-inner > figure:nth-child(3n-2) > span {
	margin-right:8px;
}
div.pics-inner > figure:nth-child(3n-1) > span {
	margin-left:4px;
	margin-right:4px;
}
div.pics-inner > figure:nth-child(3n) > span {
	margin-left:8px;
}
div.pics-inner > figure {
	margin-bottom:12px;
}
div.pics > p {
	font-size:62.5%;
}
}


/*	bnr
============================== */
div.bnr span,
div.bnr a {
	display:block;
}
div.bnr a {
	position:relative;
	height:0;
	padding-top:30%;
	background-size:cover;
}
div.bnr a.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.bnr a span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.bnr {
	width:56%;
	margin:0 auto 40px;
}
}
@media all and (max-width: 767px) {
div.bnr {
	width:80%;
	margin:0 auto 30px;
}
}