/*	p.title
============================== */
main article > div.outer > div.inner p.title {
	line-height:1.5;
	text-align:center;
	margin-bottom:1.25em;
}
main article > div.outer > div.inner p.title > b,
main article > div.outer > div.inner p.title > span {
	display:block;
}
main article > div.outer > div.inner p.title b {
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
@media all and (min-width: 768px) {
main article > div.outer > div.inner p.title b {
	font-size:250%;
}
main article > div.outer > div.inner p.title > span {
	font-size:112.5%;
}
main article > div.outer > div.inner p.title > span:first-child {
	font-size:150%;
}
}
@media all and (max-width: 767px) {
main article > div.outer > div.inner p.title {
	line-height:1.2;
}
main article > div.outer > div.inner p.title > b {
	font-size:6.2vw;
}
main article > div.outer > div.inner p.title > span {
	font-size:3.5vw;
	padding-top: .5em
}
main article > div.outer > div.inner p.title > span:first-child {
	font-size:4.5vw;
}
}


.comics p.lines > b {
	color:#ff788c;
}
.comics p.lines > span {
	color:#0897aa;
}



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