/*	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:#efe8de;
	text-shadow:2px 3px 3px hsla(24,33%,21%,0.5);
	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(22,38%,58%,0.6)), to(hsla(22,38%,58%,0.6)));
	background-image: linear-gradient(transparent 50%, hsla(22,38%,58%,0.6) 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;
}
}