/*
	/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
	08:	Baneer Module
	07:	AD Module
	09:	Footer Module
	90:	Live Module
	-----------------------------------
*/



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

/* Font */

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('/assets/fonts/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/assets/fonts/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('/assets/fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('/assets/fonts/NotoSansCJKjp-Light.eot');
    src: url('/assets/fonts/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NotoSansCJKjp-Light.woff') format('woff'),
    url('/assets/fonts/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/NotoSansCJKjp-DemiLight.eot');
    src: url('/assets/fonts/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('/assets/fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/NotoSansCJKjp-Regular.eot');
    src: url('/assets/fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NotoSansCJKjp-Regular.woff') format('woff'),
    url('/assets/fonts/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/NotoSansCJKjp-Medium.eot');
    src: url('/assets/fonts/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NotoSansCJKjp-Medium.woff') format('woff'),
    url('/assets/fonts/NotoSansCJKjp-Medium.ttf')  format('truetype');
}

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

body {
	font-family: Noto Sans, Noto Sans CJK JP,sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
}
#cbc-wrap 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: 14px;
}
@media (min-width: 1281px) {
	#news-header {
		width: 1280px;
	}
	#news-header h1 {
		width: 520px;
	}
	#news-header .update {
		width: 520px;
	}
	#news-header .update span,
	#news-header .update time {
		font-size: 18px;
	}
}



/*
	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(/news/module/img/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: 610px;
	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-headline-header h1.sub-ttl {
	font-size: 18px;
}
#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;
}
.modal-content-box {
	position:relative;
}
.modal {
	position:absolute;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	display:none;
}
.overLay {
	position: fixed;
	top:0;
	left:0;
	background:rgba(50,50,50,0.7);
	width:100%;
	height:100vh;
	z-index:10;
}
.modal .inner {
	position: fixed;
	z-index:11;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.inner {
	width: 400px;
	background-color: #fff;
	text-align: center;
	padding: 2%;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.inner {
		width: 400px;
		padding: 2%;
	}
}

@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: 24px;
}
.news-headline-article-date {
	text-align: right;
	margin-top: 10px;
}
#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%;
}
.link-youtube {
	margin-top: 1em;
	text-align: center;
}
.link-youtube a {
	display: block;
	padding: .5em 1em;
	border: 1px solid #aaa;
	background: #ddd;
	color: #666;
}
#news-headline-article .txt {
	font-size: 16px;
	line-height: 30px;
	margin: 1.5em auto 0;
}
#news-headline-article .txt p {
	margin-bottom: 24px;
}
#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;
}

.ad-article-bottom-2col-section {
	width: 610px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.ad-article-bottom-2col-section .rectangle {
	width: 300px;
}
.ad-article-bottom-2col-section .rectangle:nth-child(2n-1) {
	float: left;
}
.ad-article-bottom-2col-section .rectangle:nth-child(2n) {
	float: right;
}

.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;
}

@media (min-width: 1281px) {
	.ad-article-bottom-2col-section {
		width: 620px;
	}
}


/*
	08:	Banner Module
--------------------------------------------- */
.bnr-928x90 {
	width: 928px;
	margin-right: auto;
	margin-left: auto;
}




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

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



/*
	90:	Live Module
--------------------------------------------- */

/* 2019/01/31 add by i2m */
#cbc-live-block {
	width: 100%;
	background: linear-gradient(135deg, #014473, #009376);
	padding-top: 30px;
	padding-bottom: 30px;
}
#cbc-live-wrap {
	width: 980px;
	margin: 0 auto;
	display: flex;
}
#cbc-live-header {
	width: 340px;
	margin: 0 auto;
	display: flex;
}
#cbc-live-header .tag {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 24px;
	width: 60px;
	background: #fff;
	text-align: center;
}
#cbc-live-header .txt {
	position: relative;
	color: #fff;
	width: 270px;
}
#cbc-live-header .ttl,
#cbc-live-header p {
	padding-left: 15px;
	margin-bottom: 10px;
}
#cbc-live-header .ttl {
	font-size: 18px;
	padding-left: 15px;
	margin-bottom: 10px;
}
#cbc-live-header p {
	font-size: 14px;
	line-height: 1.6;
}
#cbc-live-header .catch {
	background: rgba(255, 255, 255, .2);
	padding: 15px;
}
.live-embed {
	width: 640px;
	height: 360px;
	margin: 0 auto;
}
.btn-reload {
	position: absolute;
	bottom: 0;
	left: 15px;
}
.btn-reload a {
	display: inline-block;
	padding: 5px 50px;
	border: 1px solid #fff;
	color: #fff;
}
.news-aside-ad-bottom {
	margin-top: 20px;
}

@media (min-width: 1281px) {
	#cbc-live-block {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#cbc-live-wrap {
		width: 1280px;
	}
	#cbc-live-header {
		width: 440px;
	}
	#cbc-live-header .tag {
		width: 85px;
		font-size: 30px;
	}
	#cbc-live-header .ttl {
		font-size: 20px;
	}
	#cbc-live-header .txt {
		width: 340px;
	}
	#cbc-live-header p {
		font-size: 16px;
		line-height: 1.8;
	}
	.live-embed {
		width: 840px;
		height: 472px;
	}
	.btn-reload a {
		padding: 10px 50px;
	}
}


/* LINE NEWS page */
#cbc-line_news-block {
	background-color: #fff;
	padding-bottom: 25px;
	font-size: 14px;
	line-height: 180%;
}
#cbc-line_news-block #line_news-detail  h3 {
	font-size: 22px;
	color: #52b534;
	border-bottom: 2px;
	position: relative;
}
#cbc-line_news-block #line_news-detail  h3:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: inline-block;
	width: 100%;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #52b534;
}
#cbc-line_news-block #line_news-detail  .sns {
	margin-top: 40px;
}
#cbc-line_news-block #line_news-detail .line_news-detail-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 49px;
	margin-bottom: 45px;
}
#cbc-line_news-block #line_news-detail .line_news-detail-left {
	width: 421px;
}
@media (min-width: 1281px) {
	#cbc-line_news-block #line_news-detail .line_news-detail-left {
		width: 621px;
	}
}
#cbc-line_news-block #line_news-detail .line_news-detail-left .line_news-detail-text {
	font-size: 16px;
	line-height: 1.75;
}
#cbc-line_news-block #line_news-detail .line_news-detail-left .line_news-detail-text a {
	color: #52b534;
	text-decoration: none;
	border-bottom: 1px solid #52b534;
}
#cbc-line_news-block #line_news-detail .line_news-detail-right {
	width: 169px;
}
@media (min-width: 1281px) {
	#cbc-line_news-block #line_news-detail .line_news-detail-right {
		width: 250px;
	}
}
#cbc-line_news-block #line_news-detail .line_news-detail-right #line_news-friends figure,
#cbc-line_news-block #line_news-detail .line_news-detail-right #line_news-friends figure img {
	width: 100%;
}
#cbc-line_news-block #line_news-detail .line_news-detail-right #line_news-friends .line_news-qr {
	border: 1px solid #62bc47;
	margin-top: 15px;
}
#cbc-line_news-block #line_news-detail .line_news-detail-account {
	background: #edffeb;
	border: 1px solid #52b534;
	padding: 17px 25px;
	font-size: 15px;
	margin-top: 30px;
}
#cbc-line_news-block #line_news-detail .line_news-detail-account p.account-name {
	color: #52b534;
	font-weight: bold;
	font-size: 1.2rem;
	margin-top: 15px;
}
#cbc-line_news-block #line_news-detail .line_news-detail-account p.account-name span{
	font-size: 0.9rem;
}

#cbc-line_news-block #line_news-contents {
	display: flex;
	justify-content: space-between;
}
#cbc-line_news-block #line_news-contents .line_news-screen {
	width: 200px;
	border: 1px solid #62bc47;
}
@media (min-width: 1281px) {
	#cbc-line_news-block #line_news-contents .line_news-screen {
		width: 295px;
		border: 1px solid #62bc47;
	}
}
#cbc-line_news-block #line_news-contents .line_news-screen figure,
#cbc-line_news-block #line_news-contents .line_news-screen figure img {
	width: 100%;
}