﻿/*	header
============================== */
div.header {
	position:relative;
}
div.header header {
	text-align:left;
}
div.header header > h1 span {
	display:block;
}
div.header header > h1 > span {
	position:relative;
	height:0;
	padding-top:38%;
	padding-top:56.2962962962963%;
	background-size:90%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.header header > h1 > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.header header > h1 > span > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.header header p {
	color:#d6eaea;
	text-shadow:2px 3px 3px hsla(0,0%,0%,0.2);
	text-align:center;
/*	font-weight:bold; */
	line-height:1.5;
/*	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff; */
}
div.header header p > span {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(331,100%,75%,0.3)), to(hsla(331,100%,75%,0.3)));
	background-image: linear-gradient(transparent 50%, hsla(331,100%,75%,0.3) 50%);
	padding:0 0.25em;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
div.header header p > span > span {
	color:#fffcff;
}
@media all and (min-width: 768px) {
div.header {
	padding:30px 0;
}
div.header header {
	max-width:1080px;
	margin:0 auto;
}
div.header header p {
	margin-top:0.25em;
	font-size:225%;
}
}
@media all and (max-width: 767px) {
div.header header {
	margin-bottom:20px;
}
div.header header p {
	font-size:4.25vw;
	margin:0.25em 0 0.5em;
}
}


@media print {
div.header,
div.tbs-topics,
div.sns {
	display:none !important;
}
}


/*	figure
============================== */
div.ph-large figure > span, div.ph-large figure span img {
	display:block;
}
div.ph-large figure > span {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-size:cover;
}
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%;
}
@media print {
div.ph-large figure {
	display:none;
}
}
