/*
	/news/css/style_pc.css
	-----------------------------------
	v1.0
	Last Updated: 2017-03-01
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.0		2017-03-01
	-----------------------------------
*/


/*
	[Content]
	00:	Base Module
	01:	Header Module
	02:	Layout Module
	03:	Top Module
	04:	Detail Module
	06:	SNS Module
	07:	AD Module
	09:	Footer Module
	-----------------------------------
*/



/*
	00:	Base Module
--------------------------------------------- */

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';

a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



/*
	01:	Header Module
--------------------------------------------- */

#news-header {
	width: 980px;
	margin: 15px auto;
}
#bnr-header {
	width: 728px;
	float: right;
}
#news-header h1 {
	width: 240px;
	float: left;
	border-top: 2px solid #343434;
	border-bottom: 2px solid #343434;
}
#news-header .update {
	width: 240px;
	float: left;
	text-align: right;
	margin-top: 5px;
	font-size: .9em;
}
#news-header .update span,
#news-header .update time {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.4em;
}
@media (min-width: 1281px) {
	#news-header {
		width: 1280px;
	}
	#news-header h1 {
		width: 520px;
	}
	#news-header .update {
		width: 520px;
	}
}



/*
	02:	Layout Module
--------------------------------------------- */

#cbc-wrap {
	background-color: #fff;
}
#cbc-content {
	background-color: #f4f4f4;
}
#cbc-content-block {
	width: 980px;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 3em;
}
#cbc-main-block {
	width: 650px;
	background-color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}
#cbc-aside-block {
	width: 310px;
	background-color: #fff;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
}

@media (min-width: 1281px) {
	#cbc-main-block {
		width: 950px;
	}
}



/*
	03:	Top Module
--------------------------------------------- */

/* News Pickup Article */

#cbc-pickup-block {
	background-color: #343434;
}
.news-pickup-article {
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
}
.news-pickup-article a {
	color: #fff;
	text-decoration: none;
}
.news-pickup-section {
	width: 100%;
}
.news-pickup-pic {
	background-color: #fff;
	width: 360px;
	float: left;
}
.news-pickup-pic img {
	width: 360px;
	height: 202px;
}
.news-pickup-body {
	background: #343434 url(../image/ttl_pickup.png) 0 0 no-repeat;
	padding-top: 60px;
	margin-left: 380px;
}
.news-pickup-body h2 {
	font-size: 22px;
}
.news-pickup-body .next {
	margin-top: 0.75em;
}
.news-pickup-body .next span {
	padding: 0.2em 1em;
	border: 1px solid #919294;
}
.news-pickup-body .next span:before {
	font-family: FontAwesome;
	content: '\f0da';
	margin-right: 0.35em;
	color: #919294;
}
.news-pickup-body .update {
	margin-top: 0.75em;
	color: #ccc;
}
.news-pickup-article .news-pickup-pic img,
.news-pickup-article .news-pickup-body {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news-pickup-article:hover .news-pickup-pic img,
.news-pickup-article:hover .news-pickup-body {
	opacity: 0.75;
}

@media (min-width: 1281px) {
	.news-pickup-article {
		width: 1140px;
		padding: 40px 0;
	}
	.news-pickup-pic {
		width: 450px;
	}
	.news-pickup-pic img {
		width: 450px;
		height: 253px;
	}
	.news-pickup-body {
		margin-left: 470px;
	}
}


/* News Today & Archives Headline */

#news-main-wrap {
	width: 600px;
	margin: 0 auto;
}
#news-today-headline,
#news-archive-headline {
	width: 100%;
}
.news-headline-header {
	padding-bottom: 0.75em;
	border-bottom: 2px solid #343434;
}
.news-headline-header h1 {
	display: inline-block;
	font-size: 22px;
	float: left;
	padding-top: 0.15em;
}
#news-today-headline .btn-tbsnewsi {
	display: inline-block;
	float: right;
	font-size: 16px;
	background-color: #343434;
}
.btn-tbsnewsi a {
	color: #fff;
	display: block;
	padding: 0.5em 1.25em;
}
#news-archive-headline {
	margin-top: 2em;
}

@media (min-width: 1281px) {
	#news-main-wrap {
		width: 900px;
		margin: 0 auto;
	}
}


/* News List */

.news-article-list {
	margin-top: 20px;
}
.news-article-list {
	letter-spacing: -.40em;
}
li.article-item {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	letter-spacing: normal;
	margin-bottom: 0.5em;
}
li.article-item a {
	text-decoration: none;
}
#news-today-headline li.article-item {
	width: 190px;
	margin-left: 15px;
}
#news-archive-headline li.article-item {
	width: 140px;
	margin-left: 13px;
}
#news-today-headline li.article-item:nth-child(1) {
	display: none;
}
#news-today-headline li.article-item:nth-child(3n+2) {
	margin-left: 0;
}
#news-archive-headline li.article-item:nth-child(4n+1) {
	margin-left: 0;
}
.article-txt h2 {
	color: #222;
	margin-top: 0.5em;
	font-weight: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#news-today-headline .article-txt h2,
#news-archive-headline .article-txt h2 {
	font-size: 14px;
}
.article-cat li {
	display: inline-block;
	padding: 0.2em 0.5em;
	font-size: 0.8em;
	margin-bottom: 0.35em;
	font-weight: bold;
}
.article-cat li.video {
	color: #fff;
	background: #575a64;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.article-pic {
	background: #fff;
}
.article-pic img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
}
.article-txt .update {
	color: #999;
	font-size: 12px;
	text-align: right;
	margin-top: 0.2em;
}
a:hover .article-pic img {
	opacity: 0.75;
}
a:hover .article-txt h2 {
	color: #337ab7;
}
#news-aside-headline .btn-tbsnewsi {
	display: inline-block;
	float: right;
	font-size: 14px;
	margin-top: 0.5em;
	background-color: #343434;
}

@media (min-width: 1281px) {
	#news-today-headline li.article-item {
		width: 290px;
	}
	#news-archive-headline li.article-item {
		width: 215px;
		margin-left: 13px;
	}
	#news-today-headline .article-txt h2 {
		font-size: 18px;
	}
	#news-archive-headline .article-txt h2 {
		font-size: 16px;
	}
}



/* Aside Module */

#news-aside-wrap {
	width: 300px;
	margin: 0 auto;
}
#news-aside-headline {
	width: 260px;
	margin: 20px auto;
}
.news-aside-headline-header {
	padding-bottom: 0.75em;
	/*border-bottom: 2px solid #343434;*/
}
.news-aside-headline-header h1 {
	font-size: 16px;
}
.news-aside-section {
	
}
#news-aside-headline .news-article-list {
	margin-top: 0;
}
#news-aside-headline li.article-item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	margin: 0;
}
#news-aside-headline .article-cat,
#news-aside-headline .article-txt {
	width: 165px;
	float: right;
}
#news-aside-headline .article-cat li {
	font-size: 10px;
	margin-bottom: 0.2em;
}
#news-aside-headline .article-cat li.video {
}
#news-aside-headline .article-cat li.no-cat {
	display: none;
}
#news-aside-headline .article-pic {
	width: 85px;
	float: left;
}
#news-aside-headline .article-pic img {
	object-fit: cover;
	width: 85px;
	height: 65px;
}
#news-aside-headline .article-txt h2 {
	margin-top: 0;
}

.aside-bnr {
	padding-top: 1em;
}
.aside-bnr li {
	margin-top: 0.7em;
}

@media (min-width: 1281px) {
}


/*
	04:	Detail Module
--------------------------------------------- */

#news-headline-article {
	width: 100%;
}
.news-headline-article-header {
	padding-bottom: 0.75em;
	border-bottom: 2px solid #343434;
}
.news-headline-article-header h1 {
	display: inline-block;
	font-size: 22px;
}
#news-headline-article .meta {
	margin-top: 1em;
}
#news-headline-article .date {
	float: right;
}
#news-headline-article .video {
	margin: 0.5em auto 0;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#news-headline-article .video video,
#news-headline-article .video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#news-headline-article .img {
	margin: 0.5em auto 0;
	max-width: 640px;
}
#news-headline-article .img img {
	width: 100%;
}
#news-headline-article .txt {
	font-size: 16px;
	line-height: 1.75;
	margin: 1.5em auto 0;
}
#news-headline-article .err-txt {
	font-size: 14px;
	line-height: 1.75;
	margin: 7em auto;
}
#news-headline-article .err-txt p {
	margin-bottom: 1em;
}
#news-headline-article .pager {
	margin: 2em auto 0;
}
#news-headline-article .pager li {
	display: inline-block;
	background-color: #f4f4f4;
}
#news-headline-article .pager li > a  {
	display: inline-block;
	background-color: #f4f4f4;
	padding: 0.4em;
}
#news-headline-article .pager li.btn-back:before  {
	font-family: FontAwesome;
	content: '\f104';
	font-size: 1.2em;
	padding-left: 0.4em;
	color: #337ab7;
}
#news-headline-article .pager li.btn-top:after  {
	font-family: FontAwesome;
	content: '\f105';
	font-size: 1.2em;
	padding-right: 0.4em;
	color: #337ab7;
}
#news-headline-article .pager i {
}

@media (min-width: 1281px) {
}




/*
	06:	SNS Module
--------------------------------------------- */

.sns {
	background-color: #fff;
}
.ttl-sns {
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	margin-right: 1em;
}
.ttl-sns i {
	padding-right: 0.25em;
}
.sns-list {
	display: inline-block;
}
.sns-list li {
	width: 30px;
	display: inline-block;
	position: relative;
}
.sns-list li.fb,
.sns-list li.tw,
.sns-list li.gp,
.sns-list li.ln {
}


/*
	07:	AD Module
--------------------------------------------- */
.ad-rectangle-section {
	width: 300px;
}
.ad-text-section {
	margin-top: 60px;
	border-top: 1px solid #a1a1a1;
}
.yads_ad_item {
	display: block;
	padding: .5em;
	border-bottom: 1px solid #ddd;
}
.yads_ad > .yads_ad_item:last-child {
	border-bottom: 4px solid #000;
}
.yads_ad_item:hover {
	background-color: #ddd;
	text-decoration: none;
}
.yads_ad_title {
}
.yads_ad_adv {
	font-size: .8em;
	color: #aaa;
}
.yads_ad_desc {
	font-size: .8em;
	color: #000;
}
.yads_ad_info {
	margin-top: .25em;
	font-size: .8em;
	font-weight: bold;
	text-align: right;
}


/*
	09:	Footer Module
--------------------------------------------- */

.footer-list-section h2 {
	color: #a1a1a1;
}