/* =================================
	99.9 News CSS
================================= */

/*	loop
============================== */
.news article.loop div.inner {
	background-image:url(../img/bbs_brd.png);
	background-position:right bottom;
	background-color:#f3f5f9;
	background-repeat:no-repeat;
	border-left:3px solid #235486;
	border-right:3px solid #235486;
	border-bottom:3px solid #235486;
}
.news article.loop:nth-child(even) div.inner {
	background-color:#fff;
	border-left:3px solid #173058;
	border-right:3px solid #173058;
	border-bottom:3px solid #173058;
}
.news article.loop p, .news article.loop dl dt, .news article.loop dl dd, .news article.loop li {
	line-height:1.6;
}
.news article.loop p.mgb-1em {
	margin-bottom:1.5em;
}
.news article.loop header p {
	color:#7b7b7b;
	text-align:right;
	margin-right:1em;
	margin-bottom:0.25em;
}
.news article.loop h2, .news article.loop h3, .news article.loop h4 {
	line-height:1.5;
}
.news article.loop h2 {
	color:#f3f5f9;
	text-shadow:0 2px 2px #000;
	background-color:#235486;
	/* border-bottom:2px solid #225486; */
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),to(rgba(254,254,254,0)));
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
}
.news article.loop:nth-child(even) h2 {
	background-color:#173058;
}

.news article.loop div.inner > h3 {
	border-left:6px solid #225486;
	text-shadow:0 2px 2px #f4b2cc;
	word-break:break-all;
	color:#c22047;
	padding-left:6px;
	margin-bottom:1em;
}
.news article.loop div.inner h4 {
	color:#179999;
	margin-bottom:0.5em;
}

@media all and (min-width: 768px) {
.news article.loop {
	margin-bottom:15px;
}
.news article.loop div.inner {
	padding:15px;
}
.news article.loop h2, .news article.loop h3, .news article.loop h4,
.news article.loop p, .news article.loop dl dt, .news article.loop dl dd {
	font-size:87.5%;
}
.news article.loop h2 {
	padding:9px 15px 10px;
}
}
@media all and (max-width: 767px) {
.news article.loop {
	margin-bottom:10px;
}
.news article.loop div.inner {
	padding:12px;
}
.news article.loop h2, .news article.loop h3, .news article.loop h4,
.news article.loop p, .news article.loop dl dt, .news article.loop dl dd, .news article.loop li {
	font-size:83%;
}
.news article.loop h2 {
	padding:6px 12px 7px;
}
}


/*	news hanadan
============================== */

article.hanadan section:last-child {
	padding-bottom:0;
}
article.hanadan h3, .news article.hanadan h4 {
	margin-bottom:0.5em;
}
article.hanadan h3 {
	color:#007b7b;
}
article.hanadan h4 {
	color:#ff4e7b;
}
article.hanadan dl dt {
	float:left;
}
article.hanadan dl dd {
	padding-left:7em;
}

@media all and (min-width: 560px) {
article.hanadan section {
	width:48%;
}
article.hanadan section.sec-lef {
	float:left;
}
article.hanadan section.sec-rig {
	float:right;
}
}


@media all and (min-width: 768px) {
article.hanadan section {
	padding-bottom:15px;
}
}
@media all and (max-width: 767px) {
article.hanadan section {
	padding-bottom:12px;
}
}


/*	comment
============================== */

section.hidebox {
	overflow:hidden;
	background-image:url(../img/bg_w75.png);
}
section.hidebox h3.hide-btn {
	position:relative;
	background-color:#4e7b99;
	border-bottom:2px solid #a7bdcc;
}
section.hidebox h3.hide-btn span {
	display:block;
	color:#fff;
	text-shadow:0 2px 2px #174e66;
	cursor:pointer;
	line-height:1.5;
	padding:11px 7px;
	border-left:8px solid #17334e;
}
section.hidebox h3.hide-btn span:before {
	position:absolute;
	content:"";
	display:block;
	width:22px;
	height:22px;
	right:10px;
	top:50%;
	background-image:url(../img/accordion.svg);
	background-repeat:no-repeat;
	margin-top:-10px;
}
section.hidebox h3.hide-on span:before {
	background-position:0 -50px;
}
section.hidebox h3.hide-off span:before {
	background-position:left top;
}
section.hidebox div.hide-inner {
	padding:15px;
}





/* onair */
main article.loop dl.dl-onair dt, main article.loop dl.dl-onair dd {
	line-height:1.6;
	}
main article.loop dl.dl-onair dt {
	color:#007b7b;
	margin-bottom:0.25em;
	}
main article.loop dl.dl-onair dd {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	}
main article.loop dl.dl-onair dd cite {
	color:#ff4e7b;
	}
@media all and (min-width: 768px) {
main article.loop dl.dl-onair {
	margin-bottom:20px;
	}
}
@media all and (max-width: 767px) {
main article.loop dl.dl-onair {
	margin-bottom:12px;
	}
}

/* nuri */
div.nuri {
	background-color:#f6dee4;
}
div.mgb15, .mgb15 {
	margin-bottom:15px;
}
div.nuri section {
	background-color:#f6dee4;
	margin-bottom:1em;
}
.news article.loop div.nuri h3 {
	border:none;
	color:#c22047;
	padding:0.4em 1em;
	background-color:#fff;
	margin-bottom:0.75em;
	line-height:1.25;
}
.news article.loop div.nuri h4 {
	border:none;
	color:#c22047;
	padding:0.4em 1em;
	background-color:#fff;
	margin-bottom:0.75em;
	line-height:1.25;
}
div.nuri p {
	color:#c22047;
	line-height:1.5
	}
@media all and (min-width: 768px) {
div.nuri {
	padding:15px;
}
div.nuri h3 {
	font-size:87.5%;
	}
div.nuri p {
	font-size:83%;
	}
}
@media all and (max-width: 767px) {
div.nuri {
	padding:10px;
}
div.nuri h3 {
	font-size:83%;
	}
div.nuri p {
	font-size:75%;
	}
}

@media print {
div.pics-dvd {
	display:none;
	visibility:hidden;
}
}
div.pics-bear, div.pics-goods2, div.pics-tieup, div.pics-tieup2, div.pics-sdtk, div.pics-tieup3, div.pics-dvd {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
}
div.pics-goods2 {
	background-image:url(../img/news_goods2.jpg);
}
div.pics-tieup {
	background-image:url(../img/news_tieup.jpg);
}
div.pics-tieup2 {
	background-image:url(../img/news_tieup2.jpg);
}
div.pics-tieup3 {
	background-image:url(../img/news_tieup3.jpg);
}
div.pics-sdtk {
	background-image:url(../img/news_sdtk.png);
}
div.pics-dvd {
	background-image:url(../img/news_dvd2.jpg);
}

@media all and (min-width: 768px) {
div.pics-bear, div.pics-goods2 {
	width:480px;
	margin:0 auto 20px;
}
div.pics-bear {
	background-image:url(../img/news_bear.jpg);
}
div.pics-tieup, div.pics-tieup2, div.pics-sdtk, div.pics-tieup3, div.pics-dvd {
	width:180px;
	float:right;
}
article#tieup div.inner p.txt, article#tieup2 div.inner p.txt, article#sdtk div.inner p.txt, article#tieup3 div.inner p.txt, article#dvd div.inner p.txt {
	padding-right:210px;
}
article#sdtk div.inner h3 {
	padding-right:210px;
}
div.pics-bear img, div.pics-goods2 img {
	width:480px;
	height:340px;
}
div.pics-tieup img, div.pics-tieup2 img {
	width:180px;
	height:227px;
}
div.pics-tieup img, div.pics-tieup3 img {
	width:180px;
	height:255px;
}
div.pics-sdtk img {
	width:180px;
	height:180px;
}

div.pics-dvd img {
	width:180px;
	height:152px;
}
}
@media all and (max-width: 767px) {
div.pics-bear, div.pics-goods2, div.pics-tieup, div.pics-tieup2, div.pics-sdtk, div.pics-tieup3, div.pics-dvd {
	width:254px;
	margin:0 auto 15px;
}
div.pics-bear {
	background-image:url(../img/news_bear_smp.jpg);
}
div.pics-tieup, div.pics-tieup2, div.pics-sdtk, div.pics-tieup3, div.pics-dvd {
	width:224px;
}
div.pics-bear img {
	width:254px;
	height:360px;
}
div.pics-goods2 img {
	width:254px;
	height:180px;
}
div.pics-tieup img, div.pics-tieup2 img {
	width:224px;
	height:282px;
}
div.pics-tieup3 img {
	width:224px;
	height:317px;
}
div.pics-sdtk img {
	width:224px;
	height:224px;
}

div.pics-dvd img {
	width:224px;
	height:189px;
}
}

article.loop ol.basic {
	list-style-type:decimal;
	margin-left:1.75em;
	margin-bottom:1.5em;
}

article.loop ul.basic {
	list-style-type:disc;
	margin-left:1.5em;
	margin-bottom:1.5em;
}
article.loop ul.basic li, article.loop ol.basic li {
	line-height:1.5;
	margin-bottom:0.5em;
}
@media all and (min-width: 768px) {
article.loop ul.basic li, article.loop ol.basic li {
	font-size:87.5%
	}
}
@media all and (max-width: 767px) {
article.loop ul.basic li, article.loop ol.basic li {
	font-size:83%
	}
}


div.datapics {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.datapics span.lazy {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.datapics {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.datapics {
	margin-bottom:15px;
}
}


/*	novels
============================== */

ul.pics-novels li {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
}
ul.pics-novels li:first-child {
	background-image:url(../img/news_novel.png);
	float:left;
}
ul.pics-novels li:last-child {
	background-image:url(../img/news_novel2.png);
	float:right;
}


@media all and (min-width: 768px) {
ul.pics-novels {
	width:380px;
	margin:0 auto 20px;
}
ul.pics-novels li,
ul.pics-novels li img {
	width:180px;
	height:266px;
}
}

@media all and (max-width: 767px) {
ul.pics-novels {
	width:270px;
	margin:0 auto 10px;
}
ul.pics-novels li,
ul.pics-novels li img {
	width:110px;
	height:162px;
}
}