﻿/*	header
============================== */
div.header {
}
div.header header {
	text-align:left;
	position:relative;
}
div.header header > h1 span {
	display:block;
}
div.header header > h1 > span {
	position:relative;
	height:0;
	padding-top:56.2962962962963%;
	background-size:cover;
}
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:#000;
	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.6, transparent), color-stop(0.6, hsla(66,88%,54%,0.7)), to(hsla(66,88%,54%,0.7)));
	background-image: linear-gradient(transparent 60%, hsla(66,88%,54%,0.7) 60%);
	padding:0 0.25em;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
@media all and (min-width: 768px) {
div.header header {
	max-width:1080px;
	margin:0 auto 30px;
}
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;
}
}
