/* =================================
	news CSS
================================= */

/*	unit
============================== */

div.board > div.unit {
	position:relative;
	background-color:hsla(0,0%,100%,0.25);
}
div.board > div.unit article > header {
	background-image:url(../img/header_news.jpg);
	background-position:center bottom;
	color:#fff;
}
div.board > div.unit article > header h2, div.board > div.unit article > header p {
	background-color:hsla(0,0%,0%,0.6);
	line-height:1.5;
}
div.board > div.unit article > header p {
	text-align:right;
}
@media all and (min-width: 768px) {
div.board > div.unit {
	padding:0 30px 124px;
}
div.board > div.unit:not(:last-child) {
	margin-bottom:30px;
}
div.board > div.unit article > header {
	margin:0 -30px 40px;
	-webkit-box-shadow:0 10px 0 0 hsla(0,0%,0%,0.07);
	box-shadow:0 10px 0 0 hsla(0,0%,0%,0.07);
}
div.board > div.unit article > header h2 {
	font-size:125%;
	padding:12px 30px 0;
}
div.board > div.unit article > header p {
	font-size:87.5%;
	padding:0 30px 12px;
}
}
@media all and (max-width: 767px) {
div.board > div.unit article > header {
	background-size:cover;
	-webkit-box-shadow:0 7px 0 0 hsla(0,0%,0%,0.07);
	box-shadow:0 7px 0 0 hsla(0,0%,0%,0.07);
}
div.board > div.unit {
	padding:0 12px 74px;
}
div.board > div.unit:not(:last-child) {
	margin-bottom:20px;
}
div.board > div.unit article > header {
	margin:0 -12px 24px;
}
div.board > div.unit article > header h2 {
	font-size:112.5%;
	padding:6px 12px 0;
}
div.board > div.unit article > header p {
	font-size:83%;
	padding:0 12px 6px;
}
}


/*	copy
============================== */

div.copy p {
	text-align:center;
	line-height:1.75;
	font-weight:bold;
}
@media all and (min-width: 768px) {
div.copy {
	margin-bottom:30px;
}
div.copy p {
	font-size:112.5%;
}
}
@media all and (max-width: 767px) {
div.copy {
	margin-bottom:15px;
}
}



/*	bansen
============================== */

dl.dl-onair dt, dl.dl-onair dd {
	line-height:1.75;
}
dl.dl-onair dt {
	color:#900;
	margin-bottom:0.25em;
}
dl.dl-onair dd {
	padding-bottom:0.5em;
	margin-bottom:0.75em;
}
dl.dl-onair dd cite {
	font-size:112.5%;
}
@media all and (min-width: 768px) {
dl.dl-onair {
	margin-bottom:1.75em;
}
dl.dl-onair dt, dl.dl-onair dd {
	font-size:100%;
}
}
@media all and (max-width: 767px) {
dl.dl-onair {
	margin-bottom:1.75em;
}
dl.dl-onair dt, dl.dl-onair dd {
	font-size:87.5%;
}
}


/*	subox
============================== */
.subox {
	position:relative;
	background-color:hsla(0,0%,100%,0.25);
}
.subox > header {
	background-image:url(../img/header_news.jpg);
	background-position:center top;
	color:#fff;
}
.subox > header h3 {
	background-color:hsla(0,0%,0%,0.6);
	line-height:1.5;
}
.subox > section.unit h4 {
	line-height:1.5;
	padding:0 0.75em;
	margin-bottom:1.5em;
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(6,100%,80%,0.25)), to(hsla(6,100%,80%,0.25)));
	background-image: linear-gradient(transparent 50%, hsla(6,100%,80%,0.25) 50%);
}
.subox > section.unit section h5 {
	line-height:1.5;
	margin-bottom:0.75em;
	color:#c00;
}
.comment > section.unit section h5:before {
	content:"Q. ";
}
@media all and (min-width: 768px) {
.subox {
	padding:0 30px 30px;
}
.subox > section.unit:not(:last-child) {
	margin-bottom:30px;
}
.subox header {
	margin:0 -30px 40px;
	-webkit-box-shadow:0 10px 0 0 hsla(0,0%,0%,0.07);
	box-shadow:0 10px 0 0 hsla(0,0%,0%,0.07);
}
.subox header h3 {
	font-size:125%;
	padding:1em 1.5em;
}
.subox > section.unit h4 {
	font-size:112.5%;
}
.subox > section.unit section:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
.subox > header {
	background-size:cover;
	-webkit-box-shadow:0 7px 0 0 hsla(0,0%,0%,0.07);
	box-shadow:0 7px 0 0 hsla(0,0%,0%,0.07);
}
.subox {
	padding:0 12px 74px;
}
.subox > section.unit:not(:last-child) {
	margin-bottom:20px;
}
.subox header {
	margin:0 -12px 24px;
}
.subox header h3 {
	font-size:112.5%;
	padding:0.5em 1.5em;
}
.subox > section.unit section:not(:last-child) {
	margin-bottom:20px;
}
.subox > section.unit section h5 {
	font-size:87.5%;
}
}


/*	figure
============================== */
.pic-news {
	position:relative;
}
.pic-news span,
.pic-news span img {
	display:block;
}
.pic-news > span {
	background-color:#fff;
}
.pic-news span span.pic {
	position:relative;
	height:0;
	background-position:center center;
	background-repeat:no-repeat;
}
.pic-tate span span.pic {
	padding-top:142.8571428571429%;
}
.pic-news span span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
.pic-news span span.pic img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
.pic-news {
	margin:0 auto 30px;
}
.pic-tate {
	width:460px;
}
.pic-news > span {
	padding:6px;
}
}
@media all and (max-width: 767px) {
.pic-news {
	margin:0 12px 20px;
}
.pic-news > span {
	padding:5px;
}
.pic-news span span.pic {
	background-size:cover;
}
}


/*	table
============================== */

div.tbl table tr {
	border-bottom:2px solid #fff;
}
div.tbl table th, main div.tbl table td {
	line-height:1.5;
}
div.tbl table th {
	text-align:center;
	color:#fff;
	background-color:#e50012;
	vertical-align:middle;
	white-space:nowrap;
}
div.tbl table tr:nth-child(odd) td {
	background-color:hsla(0,0%,0%,0.05);
}
div.tbl table tr:nth-child(even) td {
	background-color:hsla(0,0%,100%,0.5);
}
@media all and (min-width: 768px) {
div.tbl table {
	font-size:100%;
	margin-bottom:30px;
}
div.tbl table th, main div.tbl table td {
	padding:0.75em 1.5em;
}
}
@media all and (max-width: 767px) {
div.tbl table {
	font-size:87.5%;
	margin-bottom:15px;
}
div.tbl table th, main div.tbl table td {
	padding:0.75em 0.5em;
}
}



div#release0310 .pic-main span.pic {
	padding-top:41.6129032258065%;
}



div.unit article div.unit-inner ol {
	list-style-type:decimal;
	margin-bottom:2.5em;
}
div.unit article div.unit-inner ol li {
	line-height:1.5;
	margin-bottom:0.5em;
}
div.unit article div.unit-inner ol li b {
	color:#c00;
}
@media all and (min-width: 768px) {
div.unit article div.unit-inner ol {
	margin-left:4em;
}
}
@media all and (max-width: 767px) {
div.unit article div.unit-inner ol {
	margin-left:2.25em;
}
div.unit article div.unit-inner ol li {
	font-size:87.5%;
}
}