/*	p.title
============================== */
div.unit article > div.inner p.title, div.unit article > div.inner p.copy {
	line-height:1.5;
	text-align:center;
}
div.unit article > div.inner p.title {
	margin-bottom:1.25em;
}
div.unit article > div.inner p.copy {
	margin-bottom:1.5em;
}
div.unit article > div.inner p.copy b > span {
	background-image: linear-gradient(transparent 70%, hsla(330,100%,70%,0.25) 70%);
	background-image: linear-gradient(transparent 70%, hsla(60,100%,65%,0.8) 70%);
}
div.unit article > div.inner p.title b,
div.unit article > div.inner p.title span {
	display:block;
}
@media all and (min-width: 768px) {
div.unit article > div.inner p.title b {
	font-size:200%;
}
div.unit article > div.inner p.title span {
	font-size:112.5%;
}
div.unit article > div.inner p.copy b {
	font-size:150%;
}
}
@media all and (max-width: 767px) {
div.unit article > div.inner p.title b {
	font-size:5.5vw;
}
div.unit article > div.inner p.title span {
	font-size:3.5vw;
}
div.unit article > div.inner p.copy b {
	font-size:4.5vw;
}
}


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