/* =================================
	pripri-TBS NEWS CSS
================================= */


/*	article (.unit)
============================== */

div.unit {
	padding-top:10px;
	margin-top:-10px;
}
div.unit article {
	border:2px solid hsla(0,51%,26%,0.5);
	background-color:hsla(0,0%,100%,0.75);
}
div.unit article header {
	text-align:center;
	background-image:-webkit-gradient(linear, left top, right top, from(hsla(0,0%,9%,0)), color-stop(0.25, hsla(0,0%,9%,0.5)), color-stop(0.75, hsla(0,0%,9%,0.5)), to(hsla(0,0%,9%,0)));
	background-image:-webkit-linear-gradient(left, hsla(0,0%,9%,0), hsla(0,0%,9%,0.5) 25%, hsla(0,0%,9%,0.5) 75%, hsla(0,0%,9%,0));
	background-image:linear-gradient(to right, hsla(0,0%,9%,0), hsla(0,0%,9%,0.5) 25%, hsla(0,0%,9%,0.5) 75%, hsla(0,0%,9%,0));
	background-color:#ca2e32;
	padding:0.5em 1em;
}
div.unit article h2 > span, div.unit article header p {
	color:#fff;
	line-height:1.5;
	text-shadow:1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 2px 2px 3px hsla(0,0%,0%,0.3);
}
div.unit article h2 {
}
div.unit article h2 > span {
	display:block;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
}
div.unit article header p {
	color:#e9dd8a;
	font-size:83%;
	font-family: 'Vidaloka', 'sans serif';
}

div.unit article div.unit-inner h3 {
	color:#e9dd8a;
	text-shadow:1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 2px 2px 3px hsla(0,0%,0%,0.3);
	background-position:left top;
	background-image:-webkit-gradient(linear, left top, right top, from(hsla(0,0%,9%,0.5)), to(hsla(0,0%,9%,0)));
	background-image:-webkit-linear-gradient(left, hsla(0,0%,9%,0.5), hsla(0,0%,9%,0));
	background-image:linear-gradient(to right, hsla(0,0%,9%,0.5), hsla(0,0%,9%,0));
	background-color:#ca2e32;
	line-height:1.5;
	padding:0.5em 1em;
	margin-bottom:0.75em;
}
div.unit article div.unit-inner h4 {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, hsla(343,58%,68%,0.25)), to(hsla(343,58%,68%,0.25)));
	background-image: linear-gradient(transparent 50%, hsla(343,58%,68%,0.25) 50%);
	padding:0.5em 0.75em;
	margin-bottom:0.75em;
}
div.unit article div.unit-inner p.txt {
	line-height:1.5;
}
div.unit article p.pgsub a {
	font-size:87.5%;
	position:relative;
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#eaeab8;
}
div.unit article p.pgsub a:before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(../img/cmn_arrow.svg);
	background-position:0 -40px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}
div.unit article p.pgsub a span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.unit:not(:last-child) {
	margin-bottom:20px;
}
div.unit article div.unit-inner {
	padding:20px;
}
div.unit article div.unit-inner h3,
div.unit article div.unit-inner h4,
div.unit article div.unit-inner p.txt {
	font-size:87.5%;
}
div.unit article p.pgsub {
	padding-left:530px;
}
div.unit article p.pgsub a {
	height:38px;
}
div.unit article p.pgsub a:hover {
	background-color:#7ba470;
}
}
@media all and (max-width: 767px) {
div.unit:not(:last-child) {
	margin-bottom:10px;
}
div.unit article div.unit-inner {
	padding:12px;
}
div.unit article div.unit-inner h3,
div.unit article div.unit-inner h4,
div.unit article div.unit-inner p.txt {
	font-size:83%;
}
div.unit article p.pgsub {
	padding:0 120px 10px;
}
div.unit article p.pgsub a {
	height:32px;
}
}


div.cmn-submenu nav ul li a {
	text-decoration:none;
}
@media all and (min-width: 768px) {
div.cmn-submenu nav ul li {
	line-height:18px;
	margin-bottom:0.5em;
}
div.cmn-submenu nav ul li:before {
	content:"";
	display:block;
	background-image:url(../img/cmn_arrow.svg);
	background-repeat:no-repeat;
	background-position:0 -59px;
	width:16px;
	height:18px;
	float:left;
	margin-right:6px;
}
div.cmn-submenu {
	margin-bottom:20px;
}
div.cmn-submenu nav ul li a:hover {
	text-decoration:underline;
}
div.cmn-submenu nav ul li a > span {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.cmn-submenu nav ul li a, div.cmn-submenu nav ul li a span {
	display:block;
}
div.cmn-submenu {
	margin-bottom:15px;
}

div.cmn-submenu nav ul li {
	position:relative;
	background-color:#eaeab8;
	margin-bottom:2px;
}
div.cmn-submenu nav ul li:before {
	position:absolute;
	content:"";
	display:block;
	background-image:url(../img/cmn_arrow.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:16px;
	height:16px;
	left:4px;
	top:50%;
	margin-top:-8px;
}
div.cmn-submenu nav ul li a {
	display:block;
	background-color:hsla(0,0%,100%,0.7);
	line-height:1.5;
	padding:0.5em;
	margin-left:24px;
}

div.cmn-submenu nav ul li a > span {
	font-size:83%;
}
}


/*	#onair
============================== */

dl.dl-onair dt, dl.dl-onair dd {
	line-height:1.6;
}
dl.dl-onair dt {
	color:#7b1700;
	margin-bottom:0.25em;
}
dl.dl-onair dd {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
@media all and (min-width: 768px) {
dl.dl-onair {
	margin-bottom:20px;
}
dl.dl-onair dt, dl.dl-onair dd {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
dl.dl-onair {
	margin-bottom:12px;
}
dl.dl-onair dt, dl.dl-onair dd {
	font-size:83%;
}
}


/*	#cast
============================== */

div.unit p.copy {
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.unit p.copy {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.unit p.copy {
	font-size:87.5%;
	margin-bottom:12px;
}
}

div.unit div.unit-inner ol {
	list-style-type:decimal;
	margin-left:2em;
	margin-bottom:1.5em;
}
div.unit div.unit-inner ol li {
	line-height:1.5;
	margin-bottom:0.25em;
}
@media all and (min-width: 768px) {
div.unit div.unit-inner ol li {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.unit div.unit-inner ol li {
	font-size:83%;
}
}

div.unit div.unit-inner div.bonus ul {
	list-style-type:circle;
	margin-left:1.25em;
	margin-bottom:1.5em;
}
div.unit div.unit-inner div.bonus ul {
	margin-bottom:0;
}
div.unit div.unit-inner div.bonus ul li {
	line-height:1.5;
	margin-bottom:0.25em;
}
@media all and (min-width: 768px) {
div.unit div.unit-inner div.bonus ul li {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.unit div.unit-inner div.bonus ul li {
	font-size:83%;
}
}


div.unit div.unit-inner div.bonus {
	background-color:hsla(0,0%,100%,0.9);
	border:1px solid #ccc2b2;
}
@media all and (min-width: 768px) {
div.unit div.unit-inner div.bonus {
	padding:20px;
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.unit div.unit-inner div.bonus {
	padding:12px;
	margin-bottom:15px;
}
}