@charset "utf-8";
/* CSS Document */

/*
last update 2016.4.19

	├共通
	│├top-ticker
	│├top-special-banner
	│├top-special-banner2
	│├content
	│├main-photo
	│├slick
	│├ad-box＠広告バナー
	│├cbcishop-box＠CBCショッピング
	│├pita-cbc-box
	│├cbc-news-box＠CBCニュース
	│├weather-box＠気象情報
	│├ichioshi-box＠イチオシf
	│├pickup-box＠ピックアップ
	│├information-box＠お知らせ
	│├banner-box＠バナー
	│├now-on-air-box＠今日の番組表 NOW ON AIR
	│├free-doga-box＠無料動画配信
	│├dragons-box＠ドラゴンズ情報
	│└カテゴリカラー設定
	│
	├1280px以下
	│├top-ticker
	│├top-special-banner
	│├content
	│├main-photo
	│├column01
	│├ichioshi-box＠イチオシ
	│├pickup-box＠ピックアップ
	│└information-box＠お知らせ
	│
	└1281px以上
	　├top-ticker
	　├top-special-banner
	　├content
	　├main-photo
	　├column01
	　├column02
	　├column03
	　├cbc-news-box＠CBCニュース
	　├weather-box＠気象情報
	　├ichioshi-box＠イチオシ
	　├pickup-box＠ピックアップ
	　└information-box＠お知らせ


*/



/* ****************************************************************************************************
	    共通
**************************************************************************************************** */








/****************************** top-ticker ******************************/
#top-ticker {
	background:#39414e;
	color:#FFF;
	height:32px;
	border-top: 5px solid #39414e;
	border-bottom: 5px solid #39414e;
}
#top-ticker.saigai {
	background:#fd2f51;
	border-top: 5px solid #fd2f51;
	border-bottom: 5px solid #fd2f51;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top-ticker-inner {
	margin:auto;
}
#top-ticker-inner:after {
	content: "";
	display: block;
	clear: both;
}
.top-ticker-saigai {
	width: 100%;
	background:#fd2f51;
}
.top-ticker-saigai ul {
	width: 980px;
	margin: 0 auto;
	font-size: 18px;
	list-style-type: none;
	text-align: center;
}
.top-ticker-saigai ul li a {
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

/*日付*/
#ticker-date {
	float:left;
	font-family: 'Oxygen', sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	width:135px;
	height:32px;
}

/*ティッカー*/
#ticker-ticker-text {
}
#ticker-ticker-text .ticker {
	line-height:32px;
	height:32px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#ticker-ticker-text .ticker span {
	background:#fd2f51;
	padding:5px 30px;
	margin-right:10px;
}
#ticker-ticker-text .ticker a {
	color:#FFF;
	text-decoration:underline;
}

#ticker-ticker-text .ticker ul {
	width: 100%;
	position: relative;
}
#ticker-ticker-text .ticker ul li {
	width: 100%;
	display: none;
	text-align: center;
}
#top-ticker.saigai #ticker-ticker-text .ticker ul li {
	top: 0px;
	left: 0px;
	position: absolute;
	display: block;
	opacity: 1;
	z-index: 98;
}

/*ロゴ*/
#ticker-logo {
	float: right;
	/*background: url(../image/pc/cbc-logo.png) no-repeat right 0;*/
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 76px;
	height: 32px;
}


/****************************** top-special-banner ******************************/

#top-special-banner-header {
	background:#FFF;
}
#top-special-banner-header-inner {
	height:42px;
	margin:auto;
	position:relative;
	cursor:pointer;
}
#top-special-banner-header h2 {
	position:absolute;
	top:7px;
	left:16px;
}
#top-special-banner-header p {
	color:#00F;
	text-decoration:underline;
	font-size:14px;
	line-height:1.5;
	position:absolute;
	top:13px;
	left:125px;
}
#top-special-banner-header ul {
	list-style:none;
}
#top-special-banner-header li#top-special-banner-header-btn {
	list-style:none;
	display: block;
	background: url(../image/pc/banner/btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 6px;
	right:0px;
}

#top-special-banner-footer {
	background: #000 url(/module/banner/pr/crowns_pc_1905x320.jpg) no-repeat center top;
	width:100%;
	height:320px;
}
#top-special-banner-footer-inner {
	width: 960px;
	height:320px;
	margin:auto;
	position:relative;
}
#top-special-banner-footer-inner ul {
	list-style:none;
}
#top-special-banner-footer-inner li a {
	list-style:none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 190px;
	height: 45px;
	position: absolute;
}
#top-special-banner-footer-inner iframe {
	position:absolute;
	top:40px;
	right:0;
	padding:0;
}


/****************************** top-special-banner2 ******************************/
#top-special-banner2 {
	background: url('../../banner/pr/shichousen_pc_1905x600.jpg') no-repeat center top;
	height: 600px;
}
#top-special-banner2-inner {
	width: 980px;
	margin: auto;
	position: relative;
}
#top-special-banner2 h2,
#top-special-banner2 p {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
#top-special-banner2 .youtube {
	text-align: center;
	padding-top: 85px;
}
#top-special-banner2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-special-banner2 li a {
	display: block;
	background: url('../../banner/pr/shichousen_pc_1905x600_2.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 174px;
	height: 44px;
	position: absolute;
	top: 533px;
	left: 403px;
	transition: 0.3s ease-in-out;
}
#top-special-banner2 li a:hover {
	opacity: 0.7;
}


/****************************** content ******************************/
#content {
	background:#00a2e5;
	padding:10px 0 25px;
	min-width:980px;
}
#content-inner {
	margin:auto;
	position:relative;
}
#content-inner:after {
	content: "";
	display: block;
	clear: both;
}


/****************************** main-photo ******************************/
#main-photo {
	width: 100%;
	height: 436px;
	margin: 0 auto;
	background: #fff url("/module/top_2016/image/pc/main-photo/bg.png") repeat-x bottom left;
}
#main-photo li {
	background: #000;
	margin: 20px 7px 35px;
	position:relative;
}
#main-photo li a {
	opacity: .5;
}
#main-photo li.slick-center a {
	opacity: 1;
}
#main-photo li a {
	position: relative;
	width: 640px;
	height: 360px;
	overflow: hidden;
}
#main-photo li a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
#main-photo li div {
	background: rgba(0,0,0,0.5);
	box-sizing:border-box;
	color:#FFF;
	font-size:14px;
	padding:5px 20px 0 10px;
	width:640px;
	height:70px;
}
#main-photo li div.tv {
	background: url("/module/top_2016/image/pc/main-photo/category_tv.svg") no-repeat 0 0, rgba(0,0,0,0.5) url("/module/top_2016/image/pc/main-photo/bg_tv.png") no-repeat 0 0;
	padding:5px 20px 0 80px;
}
#main-photo li div.radio {
	background: url("/module/top_2016/image/pc/main-photo/category_radio.svg") no-repeat 0 0, rgba(0,0,0,0.5) url("/module/top_2016/image/pc/main-photo/bg_radio.png") no-repeat 0 0;
	padding:5px 20px 0 80px;
}
#main-photo li div.event {
	background: url("/module/top_2016/image/pc/main-photo/category_event.svg") no-repeat 0 0, rgba(0,0,0,0.5) url("/module/top_2016/image/pc/main-photo/bg_event.png") no-repeat 0 0;
	padding:5px 20px 0 80px;
}
#main-photo li div.live {
	background: url("/module/top_2016/image/pc/main-photo/category_live.svg") no-repeat 0 0, rgba(0,0,0,0.5) url("/module/top_2016/image/pc/main-photo/bg_live.png") no-repeat 0 0;
	padding:5px 20px 0 80px;
}
#main-photo li div.text {
	position:absolute;
	bottom:0;
	left:0;
}
#main-photo li div.text p.ttl {
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#main-photo li div.text p.desc {
	line-height:36px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


/****************************** slick ******************************/
/* Arrows */
#main-photo .slick-prev,
#main-photo .slick-next
{
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 80px;
	height: 80px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
#main-photo .slick-prev:hover,
#main-photo .slick-next:hover
{
	outline: none;
	opacity: .5;
}
#main-photo .slick-prev:hover:before,
#main-photo .slick-next:hover:before
{
	opacity: 1;
}
#main-photo .slick-prev.slick-disabled:before,
#main-photo .slick-next.slick-disabled:before
{
	opacity: .25;
}

#main-photo .slick-prev:before,
#main-photo .slick-next:before
{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;

	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#main-photo .slick-prev
{
	background: url(../image/pc/main-photo/slick-prev.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	left: calc(50% - 414px);
	width: 80px;
	height: 80px;
	z-index: 10;
}
[dir='rtl'] #main-photo .slick-prev
{
	right: -25px;
	left: auto;
}
#main-photo .slick-prev:before
{
	content: '';
}
[dir='rtl'] #main-photo .slick-prev:before
{
	content: '';
}

#main-photo .slick-next
{
	background: url(../image/pc/main-photo/slick-next.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	right: calc(50% - 414px);
	width: 80px;
	height: 80px;
	z-index: 10;
}
[dir='rtl'] #main-photo .slick-next
{
	right: auto;
	left: -25px;
}
#main-photo .slick-next:before
{
	content: '';
}
[dir='rtl'] #main-photo .slick-next:before
{
	content: '';
}

/* Dots */
#main-photo .slick-dotted.slick-slider
{
	margin-bottom: 30px;
}

#main-photo .slick-dots
{
	position: absolute;
	bottom: -36px;

	display: block;

	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;

	white-space: nowrap;
}
#main-photo .slick-dots li
{
	background: #000;

	position: relative;

	display: inline-block;

	width: 64px;
	height: 36px;
	margin: 0 0 40px;
	padding: 0;

	overflow: hidden;

	cursor: pointer;
}
#main-photo .slick-dots li img:hover
{
	opacity: 1;
}
#main-photo .slick-dots li.slick-active img
{
	opacity: 1;
}
#main-photo .slick-dots li img
{
	opacity: .5;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
#main-photo .slick-dots li button
{
	font-size: 0;
	line-height: 0;

	display: block;

	width: 20px;
	height: 20px;
	padding: 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
#main-photo .slick-dots li button:hover
{
	outline: none;
}
#main-photo .slick-dots li button:hover:before
{
	opacity: 1;
}
#main-photo .slick-dots li button:before
{
	font-size: 0;
	line-height: 0;
	dislay: block;

	position: absolute;
	top: 0;
	left: 0;

	width: 12px;
	height: 12px;

	content: '';
	text-align: center;

	opacity: .25;
	color: transparent;
	background: white;

	border-radius: 6px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#main-photo .slick-dots li.slick-active button:before
{
	opacity: 1;
	background: white;
}


/****************************** ad-box＠広告バナー ******************************/
#ad-box {
	background:#FFF;
	width:300px;
	height:250px;
	margin:0 5px 10px;
	padding:5px;
}


/****************************** cbcishop-box＠CBCショッピング ******************************/
#cbcishop-box {
	background:#FFF;
	width:310px;
	margin:0 5px 10px;
	padding:19px 0 10px;
}
#cbcishop-box h2 {
	background: url(../image/pc/ishop/cbcishop-title.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 186px;
	height: 80px;
	margin:0 auto 27px;
}

/*cbcishop-info*/
.cbcishop-info {
	width:260px;
	border-bottom:1px solid #afafaf;
	text-align:center;
	margin:0 auto 14px;
	padding:0 0 7px;
}
.cbcishop-info a,
.cbcishop-info a:link,
.cbcishop-info a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}
.cbcishop-info a:active,
.cbcishop-info a:hover,
.cbcishop-info a:focus {
	background:#e6f8ff;
}
.cbcishop-info a:after {
	content: "";
	display: block;
	clear: both;
}
/*cbcishop-info2*/
.cbcishop-info2 img{
	width:260px;
}
.cbcishop-info2 {
	width:260px;
	border-bottom:1px solid #afafaf;
	margin:0 auto 14px;
	padding:0 0 7px;
}
.cbcishop-info2 a,
.cbcishop-info2 a:link,
.cbcishop-info2 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}
.cbcishop-info2 a:active,
.cbcishop-info2 a:hover,
.cbcishop-info2 a:focus {
	background:#e6f8ff;
}
.cbcishop-info2 a:after {
	content: "";
	display: block;
	clear: both;
}
.cbcishop-box-left {
	float:left;
	width:90px;
}
.cbcishop-box-left img {
	width:90px;
	height: 68px;
}
.cbcishop-box-right {
	float:right;
	width:160px;
}
.cbcishop-box-right h3 {
	font-size:12px;
	line-height:1.5;
}
.cbcishop-box-right p {
	font-size:12px;
	line-height:1.5;
}

/*cbcishop-banner*/
#cbcishop-banner {
	width:260px;
	margin:auto;
}
#cbcishop-banner ul:after {
	content: "";
	display: block;
	clear: both;
}
#cbcishop-banner li {
	float:left;
	list-style:none;
	line-height:0;
	margin:0 0 10px;
}
#cbcishop-banner li:nth-child(2n) {
	float: right;
}
#cbcishop-banner li img {
	width: 120px;
	height: 80px;
}


/****************************** pita-cbc-box ******************************/
#pita-cbc-box {
	background:#FFF;
	width:260px;
	margin:0 5px 10px;
	padding:18px 25px 20px;
}
#pita-cbc-box h2 {
	background: url(../image/pc/pita/pita-cbc-title.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 88px;
	margin:0 0 17px;
}

/**********pita-cbc-btn00**********/
#pita-cbc-btn00a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn00a.png);
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 258px;
	height: 44px;
	border: 1px solid #bcbcbc;
	cursor:pointer;
}
#pita-cbc-btn00b {
	display:none;
}
#pita-cbc-btn00b li {
	list-style:none;
}
#pita-cbc-btn00b-01 {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn00b-01.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 74px;
}

/*pita-cbc-btn00b-02*/
#pita-cbc-btn00b-02 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn00b-02.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn00b-02 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn00b-02.png) no-repeat 0 -44px;
}



/**********pita-cbc-btn01**********/
#pita-cbc-btn01a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01a.png);
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 258px;
	height: 44px;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	cursor:pointer;
}
#pita-cbc-btn01b {
	display:none;
}
#pita-cbc-btn01b li {
	list-style:none;
}
#pita-cbc-btn01b-01 {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-01.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 54px;
}

/*pita-cbc-btn01b-02*/
#pita-cbc-btn01b-02 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-02.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-02 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-02.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-03*/
#pita-cbc-btn01b-03 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-03.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-03 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-03.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-04*/
#pita-cbc-btn01b-04 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-04.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-04 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-04.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-05*/
#pita-cbc-btn01b-05 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-05.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-05 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-05.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-06*/
#pita-cbc-btn01b-06 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-06.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-06 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-06.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-07*/
#pita-cbc-btn01b-07 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-07.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-07 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-07.png) no-repeat 0 -44px;
}

/*pita-cbc-btn01b-08*/
#pita-cbc-btn01b-08 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn01b-08.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn01b-08 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn01b-08.png) no-repeat 0 -44px;
}

/**********pita-cbc-btn02**********/
#pita-cbc-btn02a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn02a.png);
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 258px;
	height: 44px;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	cursor:pointer;
}
#pita-cbc-btn02b {
	display:none;
}
#pita-cbc-btn02b li {
	list-style:none;
}
#pita-cbc-btn02b-01 {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn02b-01.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 74px;
}

/*pita-cbc-btn02b-02*/
#pita-cbc-btn02b-02 a {
	display: block;
	background: url(../image/pc/pita/pita-cbc-btn02b-02.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 260px;
	height: 44px;
}
#pita-cbc-btn02b-02 a:hover {
	background: url(../image/pc/pita/pita-cbc-btn02b-02.png) no-repeat 0 -44px;
}



/****************************** cbc-news-box＠CBCニュース ******************************/
#cbc-news-box {
	background: url(../image/pc/news/cbc_news.png) no-repeat 0 bottom;
	width: 630px;
	height: 420px;
	margin: 0 5px 10px;
	position: relative;
}
#cbc-news-box h1 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
}
#cbc-news-box .tab {
	overflow:hidden;
}
#cbc-news-box .tab:after {
	content: "";
	display: block;
	clear: both;
}
#cbc-news-box .tab li {
	list-style:none;
}
#cbc-news-box .tab li#tab-tokai {
	float:left;
	display:block;
	background: url(../image/pc/news/tab-tokai.png) no-repeat 0 -98px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 190px;
	height: 49px;
	margin: 16px 0 0 220px;
	/*position: absolute;
	top: 6px;
	left: 220px;*/
}
#cbc-news-box .tab li#tab-tokai:hover {
	background: url(../image/pc/news/tab-tokai.png) no-repeat 0 -49px;
}

#cbc-news-box .tab li#tab-tokai.select,
#cbc-news-box .tab li#tab-tokai.select:hover {
	background: url(../image/pc/news/tab-tokai.png) no-repeat 0 0;
}
#cbc-news-box .tab li#tab-zenkoku {
	float:left;
	display:block;
	background: url(../image/pc/news/tab-zenkoku.png) no-repeat 0 -98px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 190px;
	height: 49px;
	margin: 16px 0 15px;
	/*position: absolute;
	top: 6px;
	left: 410px;*/
}
#cbc-news-box .tab li#tab-zenkoku:hover {
	background: url(../image/pc/news/tab-zenkoku.png) no-repeat 0 -49px;
}
#cbc-news-box .tab li#tab-zenkoku.select,
#cbc-news-box .tab li#tab-zenkoku.select:hover {
	background: url(../image/pc/news/tab-zenkoku.png) no-repeat 0 0;
}

#cbc-news-box .tab-content {
	width:590px;
	height:210px;
	padding:0 20px;
	overflow: auto;
}
#cbc-news-box .tab-content iframe {
	width:590px;
	height:170px;
}
#cbc-news-box .tab-content #tab-content-tokai {
	width:590px;
	height:170px;
}
#cbc-news-box .tab-content #tab-content-zenkoku {
	width:590px;
	height:170px;
}
#cbc-news-box .hide {
	display:none;
}
#cbc-news-box #news-ichiran-btn li {
	list-style:none;
}
#cbc-news-box #news-ichiran-btn li a {
	display: block;
	background: url(../image/pc/news/news-ichiran-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 160px;
	height: 40px;
	position: absolute;
	top: 305px;
	left: 235px;
}
#cbc-news-box #news-ichiran-btn li a:hover {
		background: url(../image/pc/news/news-ichiran-btn.png) no-repeat 0 -40px;
}
#cbc-news-box .toukou-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
#cbc-news-box #toukou-btn li {
	list-style:none;
}
#cbc-news-box #toukou-btn li a {
	display: block;
	background: url(../image/pc/news/toukou-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 124px;
	height: 46px;
	position: absolute;
	top: 364px;
	left: 496px;
}
#cbc-news-box #toukou-btn li a:hover {
		background: url(../image/pc/news/toukou-btn.png) no-repeat 0 -46px;
}

/****************************** weather-box＠気象情報 ******************************/
#weather-box {
	background: url(../image/pc/weather/weather.png) no-repeat 0 bottom;
	width:630px;
	height:420px;
	margin:0 5px 10px;
	position:relative;
}
#weather-iframe {
	width:255px;
	height:130px;
	position:absolute;
	top:97px;
	left:25px;
}
#weather-iframe iframe {
	width:255px;
	height:130px;
}
#kuwasiku-btn li {
	list-style:none;
}
#kuwasiku-btn li a {
	display: block;
	background: url(../image/pc/weather/kuwasiku-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 160px;
	height: 40px;
	position: absolute;
	top: 305px;
	left: 235px;
}
#kuwasiku-btn li a:hover {
	background: url(../image/pc/weather/kuwasiku-btn.png) no-repeat 0 -40px;
}
#weather-img {
	position:absolute;
	top: 97px;
	left:295px;
}
#weather-img img {
	width: 260px;
	height: 195px;
}
#weather-box-footer-btn {
	list-style:none;
}

/* 2020/01/07 add */
.weather-pict {
	position:absolute;
	top: 95px;
	left: 25px;
	display: flex;
}
.weather-pict .weather-pict-item {
	width: 285px;
	margin-right: 10px;
}
.weather-pict .weather-pict-item:nth-child(2) {
	margin-right: 0;
}
.weather-pict-item img {
	width: 285px;
	height: 200px;
	object-fit: cover;
}
.weather-pict-item.forecast img {
	object-position: 0 100%;
}
.weather-pict-item.radar img {
	object-position: 80% 100%;
}


/*CBC防災ステーション*/
#bousai-btn a {
	display: block;
	background: url(../image/pc/weather/bousai-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 144px;
	height: 46px;
	position: absolute;
	top: 364px;
	left: 89px;
}
#bousai-btn a:hover {
	background: url(../image/pc/weather/bousai-btn.png) no-repeat 0 -46px;
}

/*CBC災害・緊急情報*/
#saigai-btn a {
	display: block;
	background: url(../image/pc/weather/saigai-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 144px;
	height: 46px;
	position: absolute;
	top: 364px;
	left: 243px;
}
#saigai-btn a:hover {
	background: url(../image/pc/weather/saigai-btn.png) no-repeat 0 -46px;
}

/*緊急地震速報*/
#earthquake-btn a {
	display: block;
	background: url(../image/pc/weather/earthquake-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 144px;
	height: 46px;
	position: absolute;
	top: 364px;
	left: 240px;
}
#earthquake-btn a:hover {
	background: url(../image/pc/weather/earthquake-btn.png) no-repeat 0 -46px;
}

/*台風情報*/
#typhoon-btn a {
	display: block;
	background: url(../image/pc/weather/typhoon-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 144px;
	height: 46px;
	position: absolute;
	top: 364px;
	right: 89px;
}
#typhoon-btn a:hover {
	background: url(../image/pc/weather/typhoon-btn.png) no-repeat 0 -46px;
}

/****************************** ichioshi-box＠イチオシ ******************************/
#ichioshi-box {
	background:#FFF;
	margin: 0 5px 10px;
	padding:12px 0 1px;
}

#ichioshi-box h2 {
	background: url(../image/pc/ichioshi/ichioshi-box-title.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 110px;
	height: 29px;
	margin:0 auto 19px;
}

/*************** イチオシのカルーセル ***************/
#ichioshi-box .responsive {
	/*background:#0F3;*/
	/*width:888px;*/
	margin:auto;
	padding:0 30px 10px;
	position:relative;
}

#ichioshi-box .slick-prev {
	display: block;
	background: url(../image/pc/ichioshi/slick-prev.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	left: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#ichioshi-box .slick-prev:hover {
	background: url(../image/pc/ichioshi/slick-prev.png) no-repeat 0 -70px;
}
#ichioshi-box .slick-next {
	display: block;
	background: url(../image/pc/ichioshi/slick-next.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	right: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#ichioshi-box .slick-next:hover {
	background: url(../image/pc/ichioshi/slick-next.png) no-repeat 0 -70px;
}

#ichioshi-box .responsive .ichioshi-box {
	padding:0 13px;
	height:350px;
}
#ichioshi-box .responsive .ichioshi-box a,
#ichioshi-box .responsive .ichioshi-box a:link,
#ichioshi-box .responsive .ichioshi-box a:visited {
	display:block;
	color:#000;
	text-decoration:none;
}
#ichioshi-box .responsive .ichioshi-box a:active,
#ichioshi-box .responsive .ichioshi-box a:hover,
#ichioshi-box .responsive .ichioshi-box a:focus {
	background:#e6f8ff;
}
#ichioshi-box .responsive .ichioshi-box img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
/*画像下のカテゴリ*/
#ichioshi-box .ichioshi-box .ichioshi-category {
	color:#FFF;
	font-size:12px;
	line-height:24px;
	text-align:center;
	/*width:270px;*/
	height:24px;
	margin:0 0 14px;
}

/*番組名*/
#ichioshi-box .ichioshi-box h3{
	font-size:16px;
	line-height:1.5;
	margin:0 0 8px;
	padding: 0 10px;
}
/*テキスト*/
#ichioshi-box .ichioshi-box .ichioshi-text {
	font-size:12px;
	line-height:1.5em;
	margin:0 0 8px;
	padding: 0 10px;

	/*height:3em;
	overflow:hidden;*/
}
#ichioshi-box .ichioshi-box .ichioshi-text .small {
	font-size:0.9em;
}
/*日付*/
#ichioshi-box .ichioshi-box .ichioshi-date {
	font-size:12px;
	line-height:1.5;
	text-align:right;
	padding: 0 10px 10px;

}
/*************** イチオシのカルーセル　ここまで ***************/

/*************** イチオシのもっとみる ***************/
/*もっとみるボタン*/
#ichioshi-box #ichioshi-more {
	display: block;
	background: url(../image/pc/ichioshi/ichioshi-more.png) no-repeat center 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	height: 31px;
	border: 2px solid #b8b8b8;
	margin:0 auto 34px;
	cursor:pointer;
}
#ichioshi-box #ichioshi-more2 {
	display:none;
	margin:auto;
}
#ichioshi-box #ichioshi-more2:after {
	content: "";
	display: block;
	clear: both;
}
#ichioshi-box .ichioshi-box2 {
	height:90px;
	margin:0 0 20px;
	overflow:hidden;
}
#ichioshi-box .ichioshi-box2 a,
#ichioshi-box .ichioshi-box2 a:link,
#ichioshi-box .ichioshi-box2 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}
#ichioshi-box .ichioshi-box2 a:active,
#ichioshi-box .ichioshi-box2 a:hover,
#ichioshi-box .ichioshi-box2 a:focus {
	background:#e6f8ff;
}
#ichioshi-box .ichioshi-box2 a:after {
	content: "";
	display: block;
	clear: both;
}
#ichioshi-box .ichioshi-box2-left {
	float:left;
	width:160px;
	height:90px;
}
#ichioshi-box .ichioshi-box2-left img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#ichioshi-box .ichioshi-box2-right {
	float: right;
	height:90px;
	overflow:hidden;
}

/*カテゴリ*/
#ichioshi-box .ichioshi-box2 .ichioshi-category {
	color:#FFF;
	font-size:12px;
	line-height:20px;
	text-align:center;
	width:80px;
	height:20px;
}


/*日付*/
#ichioshi-box .ichioshi-box2 .ichioshi-date {
	font-size:12px;
	line-height:20px;
	margin:-20px 0 5px 88px;
}

/*番組名*/
#ichioshi-box .ichioshi-box2 h3{
	font-size:14px;
	line-height:1.5;
	text-decoration:underline;
	margin:0 0 8px;
}
/*テキスト*/
#ichioshi-box .ichioshi-box2 .ichioshi-text {
	font-size:12px;
	line-height:1.5em;
}



/****************************** pickup-box＠ピックアップ ******************************/
#pickup-box {
	background:#FFF;
	margin: 0 5px 10px;
	padding:17px 0 1px;
}
#pickup-box h2 {
	background: url(../image/pc/pickup/pickup-box-title.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 142px;
	height: 28px;
	margin:0 auto 15px;
}

/*************** ピックアップのカルーセル ***************/
#pickup-box .responsive {
	/*background:#0F3;*/
	/*width:888px;*/
	margin:auto;
	padding:0 30px 10px;
	position:relative;
}
#pickup-box .slick-prev {
	display: block;
	background: url(../image/pc/pickup/slick-prev.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	left: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#pickup-box .slick-prev:hover {
	background: url(../image/pc/pickup/slick-prev.png) no-repeat 0 -70px;
}
#pickup-box .slick-next {
	display: block;
	background: url(../image/pc/pickup/slick-next.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	right: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#pickup-box .slick-next:hover {
	background: url(../image/pc/pickup/slick-next.png) no-repeat 0 -70px;
}
#pickup-box .responsive .pickup-box {
	padding:0 13px;
	height:330px;
}
#pickup-box .responsive .pickup-box a,
#pickup-box .responsive .pickup-box a:link,
#pickup-box .responsive .pickup-box a:visited {
	display:block;
	color:#000;
	text-decoration:none;
}
#pickup-box .responsive .pickup-box a:active,
#pickup-box .responsive .pickup-box a:hover,
#pickup-box .responsive .pickup-box a:focus {
	background:#e6f8ff;
}
#pickup-box .responsive .pickup-box img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*画像下のカテゴリ*/
#pickup-box .pickup-box .pickup-category {
	color:#FFF;
	font-size:12px;
	line-height:24px;
	text-align:center;
	/*width:270px;*/
	height:24px;
	margin:0 0 14px;
}

/*番組名*/
#pickup-box .pickup-box h3{
	font-size:16px;
	line-height:1.5;
	margin:0 0 8px;
	padding: 0 10px;
}

/*テキスト*/
#pickup-box .pickup-box .pickup-text {
	font-size:12px;
	line-height:1.5em;
}

/*日付*/
#pickup-box .pickup-box .pickup-date {
	font-size:12px;
	line-height:1.5;
	text-align:right;
	padding: 0 10px 10px;
}

/*************** ピックアップのカルーセル　ここまで ***************/

/*************** ピックアップのもっとみる ***************/
/*もっとみるボタン*/
#pickup-box #pickup-more {
	display: block;
	background: url(../image/pc/pickup/pickup-more.png) no-repeat center 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	height: 31px;
	border: 2px solid #b8b8b8;
	margin:0 auto 34px;
	cursor:pointer;
}
#pickup-box #pickup-more2 {
	display:none;
	margin:auto;
}
#pickup-box #pickup-more2:after {
	content: "";
	display: block;
	clear: both;
}
#pickup-box .pickup-box2 {
	height:90px;
	margin:0 0 20px;
	overflow:hidden;
}
#pickup-box .pickup-box2 a,
#pickup-box .pickup-box2 a:link,
#pickup-box .pickup-box2 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}
#pickup-box .pickup-box2 a:active,
#pickup-box .pickup-box2 a:hover,
#pickup-box .pickup-box2 a:focus {
	background:#e6f8ff;
}
#pickup-box .pickup-box2 a:after {
	content: "";
	display: block;
	clear: both;
}
#pickup-box .pickup-box2-left {
	float:left;
	width:160px;
	height:90px;
}
#pickup-box .pickup-box2-left img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#pickup-box .pickup-box2-right {
	float: right;
	height:90px;
	overflow:hidden;
}

/*カテゴリ*/
#pickup-box .pickup-box2 .pickup-category {
	color:#FFF;
	font-size:12px;
	line-height:20px;
	text-align:center;
	width:80px;
	height:20px;
}

/*日付*/
#pickup-box .pickup-box2 .pickup-date {
	font-size:12px;
	line-height:20px;
	margin:-20px 0 5px 88px;
}

/*番組名*/
#pickup-box .pickup-box2 h3{
	font-size:14px;
	line-height:1.5;
	text-decoration:underline;
	margin:0 0 8px;
}

/*テキスト*/
#pickup-box .pickup-box2 .pickup-text {
	font-size:12px;
	line-height:1.5;
}


/****************************** information-box＠お知らせ ******************************/
#information-box {
	background:#FFF;
	margin: 0 5px 10px;
	padding:26px 0 16px;
}
#information-box h2 {
	background: url(../image/pc/information/information-box-title.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 170px;
	height: 26px;
	margin:0 auto 23px;
}
#information-box-inner {
	height:160px;
	margin:auto;
	overflow: auto;
}

#information-box ul {
	padding:0 10px 0 0;
}
#information-box li {
	list-style:none;
	font-size:14px;
	line-height:1.5;
	border-bottom:1px solid #dbdbdb;
}
#information-box li:first-child {
	border-top:1px solid #dbdbdb;
}
#information-box li  a,
#information-box li a:link,
#information-box li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding:12px 0 12px 1em;
}
#information-box li.emg a,
#information-box li.emg a:link,
#information-box li.emg a:visited {
	display: block;
	color: red;
	text-decoration: none;
	padding:12px 0 12px 1em;
}
#information-box li a:active,
#information-box li a:hover,
#information-box li a:focus {
	background:#e6f8ff;
}
#information-box li.link-none {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 12px 0 12px 1em;
}



/****************************** banner-box＠バナー ******************************/
#banner-box {
	clear:both;
	background: #FFF;
	width:950px;
	margin:0 5px 10px;
	padding: 16px 0;
}

/*************** カルーセル ***************/
#banner-box .carousel-banner {
	margin:auto;
	padding:0 30px;
	position:relative;
}
#banner-box .slick-prev {
	display: block;
	background: url(../image/pc/banner/slick-prev.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#banner-box .slick-prev:hover {
	background: url(../image/pc/banner/slick-prev.png) no-repeat 0 -70px;
}
#banner-box .slick-next {
	display: block;
	background: url(../image/pc/banner/slick-next.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#banner-box .slick-next:hover {
	background: url(../image/pc/banner/slick-next.png) no-repeat 0 -70px;
}
#banner-box .carousel-banner .carousel-banner-box {
	padding:0 7px;
}
#banner-box .carousel-banner .carousel-banner-box a {
	display:block;
	text-decoration:none;
}
#banner-box .carousel-banner .carousel-banner-box img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin: auto;
}



/****************************** now-on-air-box＠今日の番組表 NOW ON AIR ******************************/

/**********ボタン**********/
#now-on-air-box-btn {
	background: url(../image/pc/now-on-air/now-on-air-box-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width:60px;
	height:170px;
	position: fixed;
	top: 102px;
	left:0;
	z-index: 4;
	cursor: pointer;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;

}

/**********本文**********/
#now-on-air-box {
	background:#FFF;
	width:809px;
	height:510px;
	position: fixed;
	top: 102px;
	left:-809px;
	z-index: 1;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;

}
#now-on-air-box-inner {
	background:url(../image/pc/now-on-air/now-on-air-box-inner-bg.png) no-repeat 0 0;
	width:703px;
	/*height:510px;*/
	margin:0 0 0 79px;
}

/*日付*/
#now-on-air-date {
	font-family: 'Oxygen', sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:23px 0 17px 5px;
}

/*週間番組表ボタン*/
#now-on-air-box #syukan-bangumi {
	list-style: none;
}
#now-on-air-box #syukan-bangumi li a {
	display: block;
	background: url(../image/pc/now-on-air/syukan-bangumi-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 164px;
	height: 32px;
	position: absolute;
	top: 19px;
	left: 255px;
}
#now-on-air-box #syukan-bangumi li a:hover {
	background: url(../image/pc/now-on-air/syukan-bangumi-btn.png) no-repeat 0 -32px;
}

/*週間番組表＠iframe*/
#now-on-air-timetable {
	width:340px;
	height:370px;
	margin:65px 0 7px;
	overflow: auto;
}
#now-on-air-timetable iframe {
	width:340px;
	height:370px;
	display: block;
}

#now-on-air-box .jido {
	color:#fd2f81;
	font-size:12px;
	text-align:center;
	width:340px;
}
#now-on-air-box .ichiran-title {
	background: url(../image/pc/now-on-air/now-on-air_03.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 130px;
	height: 32px;
	position: absolute;
	top: 19px;
	left: 465px;
}
#now-on-air-box #cbc-tv-top {
	list-style: none;
}
#now-on-air-box #cbc-tv-top a {
	display:block;
	background: url(../image/pc/now-on-air/cbc-tv-top-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 164px;
	height: 32px;
	position: absolute;
	top: 19px;
	right:27px;
}
#now-on-air-box #cbc-tv-top a:hover {
	background: url(../image/pc/now-on-air/cbc-tv-top-btn.png) no-repeat 0 -32px;
}
/*番組一覧*/
#now-on-air-box #bangumi-ichiran {
	width:317px;
	height:430px;
	overflow:auto;
	position:absolute;
	top:60px;
	right:27px;
}
#now-on-air-box #bangumi-ichiran h4.special {
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
	padding:6px 15px;
	margin:0 3px 0 0;
	border-bottom: 2px solid #b5b6b9;
}
#now-on-air-box #bangumi-ichiran h4.special:before {
	color: #fd2f51;
	content: "★"
}

#now-on-air-box #bangumi-ichiran h4.regular {
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
	padding:6px 15px;
	margin:16px 3px 0 0;
	border-bottom: 2px solid #b5b6b9;
}
#now-on-air-box #bangumi-ichiran h4.regular:before {
	content: "★"
}
#now-on-air-box #bangumi-ichiran ul li a,
#now-on-air-box #bangumi-ichiran ul li a:link,
#now-on-air-box #bangumi-ichiran ul li a:visited {
	display:block;
	color:#000;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	padding:6px 15px;
	margin:0 3px 0 0;
	border-bottom:1px solid #dcdcdc;
}
#now-on-air-box #bangumi-ichiran ul li a:active,
#now-on-air-box #bangumi-ichiran ul li a:hover,
#now-on-air-box #bangumi-ichiran ul li a:focus {
	background:#e6f8ff;
}
#now-on-air-box #bangumi-ichiran ul.special li a:active,
#now-on-air-box #bangumi-ichiran ul.special li a:hover,
#now-on-air-box #bangumi-ichiran ul.special li a:focus {
	background:#ffeaf1;
}



#now-on-air-box #bangumi-ichiran ul li a img {
	vertical-align:middle;
}

/****************************** free-doga-box＠無料動画配信 ******************************/

/*ボタン*/
#free-doga-box-btn {
	background: url(../image/pc/free-doga/free-doga-box-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width:60px;
	height:170px;
	position: fixed;
	top: 272px;
	left:0;
	z-index: 5;
	cursor: pointer;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
}

/*本文*/
#free-doga-box {
	background:#FFF;
	width:644px;
	height:170px;
	position: fixed;
	top: 272px;
	left:-644px;
	z-index: 2;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
}
#free-doga-box:after {
	content: "";
	display: block;
	clear: both;
}
.free-doga-box-left {
	float:left;
	width:262px;
	padding:12px 16px 0 16px;
}
div.free-doga-box-left img {
	width:262px;
	height:147px;
}
.free-doga-box-right {
	float:left;
	width:327px;
	padding:12px 0 0 0;
}
.free-doga-box-right h3 {
	background:#ff3359;
	color:#FFF;
	font-size:14px;
	line-height:23px;
	height:23px;
	padding:0 10px;
	margin:0 0 7px;
}
.free-doga-box-right p {
	font-size:14px;
	line-height:1.5;
}
.free-doga-box-right p.notes {
	font-size:10px;
	line-height:1.5;
	margin:0 0 10px;
}
.free-doga-box-right ul {
	list-style:none;
	line-height:0;
}
.free-doga-box-right ul:after {
	content: "";
	display: block;
	clear: both;
}
.free-doga-box-right li {
	float:left;
	margin:0 6px 0 0;
}
.free-doga-box-right li:last-child {
	margin:0;
}




/****************************** dragons-box＠ドラゴンズ情報 ******************************/


/*ボタン*/
#dragons-box-btn {
	background: url(../image/pc/dragons/dragons-box-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width:60px;
	height:170px;
	position: fixed;
	top: 442px;
	left:0;
	z-index: 6;
	cursor: pointer;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
}

/*本文*/
#dragons-box {
	background:#FFF;
	width:734px;
	height:170px;
	position: fixed;
	top: 442px;
	left:-734px;
	z-index: 3;
	box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 5px -1px;
}
#dragons-box p {
	font-size:14px;
	line-height:1.5;
	/*position:absolute;
	top:25px;
	left:23px;*/
}
#dragons-box ul li a {
	display: block;
	background: url(../image/pc/dragons/more-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 164px;
	height: 32px;
	/*position: absolute;
	top: 15px;
	right: 15px;*/
}
#dragons-box ul li a:hover {
	background: url(../image/pc/dragons/more-btn.png) no-repeat 0 -32px;
}



.score-info {
	float: left;
	width: 530px;
	margin-left: 10px;
	margin-top: 10px;
}
.score-info .status {
	float: left;
	width: 80%;
}
.score-info .update {
	float: right;
	text-align: right;
	width: 20%;
}
.score-btn {
	float: right;
	width: 164px;
	margin-right: 10px;
	margin-top: 10px;
}
.score-btn a {
	display: block;
	background: url(../image/pc/dragons/more-btn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 164px;
	height: 32px;
}
.score-btn a:hover {
	background: url(../image/pc/dragons/more-btn.png) no-repeat 0 -32px;
}
.score-area {
	clear: both;
	margin: 10px;
	width: 715px;
}
table.score-board {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
table.score-board th,
table.score-board td {
	width: 5%;
	background: #e5e8ee;
	text-align: center;
	padding: 0.4em 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
table.score-board th:nth-of-type(2n),
table.score-board td:nth-of-type(2n+1) {
	background: #fff;
}
tr.score-num {
}
th.name {
	width: 20% !important;
	background: #e5e8ee;
}
th.total,
td.total {
	background: #b1d9fd !important;
}





/*
#dragons-box table {
}
#dragons-box tr td {
	font-size:14px;
	line-height:1.5;
	text-align:center;
	width:38px;
	padding:6px 0 5px;
	border-top: 1px solid #636363;
	border-bottom: 1px solid #636363;
}
#dragons-box tr:first-child td {
	border-top: 2px solid #000;
}
#dragons-box tr:last-child td {
	border-bottom: 2px solid #000;
}
#dragons-box tr td:nth-child(2n-1) {
	background:#e5e8ee;
}
#dragons-box tr td:first-child {
	width:208px;
}
#dragons-box tr td:last-child {
	background:#b1d9fd;
}




/****************************** Category Color ******************************/

.category-topics {background:#ff8400;}
.category-info {background:#abb3b7;}
.category-tv {background:#ff5092;}
.category-radio {background:#ffc600;}
.category-tv_radio {background:#09605d;}
.category-event {background:#3e9dff;}
.category-sports {background:#002468;}
.category-cinema {background:#5a6368;}
.category-movie {background:#3156e1;}
.category-mobile {background:#9f43cc;}
.category-shopping {background:#ff3e50;}
.category-announcer {background:#6dc417;}


















/* ****************************************************************************************************
	    1024px以下
**************************************************************************************************** */
@media (max-width: 1280px) {

body{
 min-width:980px;
}



/****************************** top-ticker ******************************/
#top-ticker {
	min-width:980px;
}
#top-ticker-inner {
	width:980px;
}

/****************************** top-special-banner ******************************/

#top-special-banner-header-inner {
	width:960px;
}
#top-special-banner-footer-inner {
	width: 960px;
}

#top-special-banner-footer-inner li a {
	top: 231px;
	left:181px;
}

/****************************** content ******************************/
#content-inner {
	width:960px;
}


/****************************** main-photo ******************************/
#main-photo-inner {
	width:960px;
	height:720px;
}

/*main-photo01～06の位置は共通*/

/*main-photo07*/
#main-photo07 {
	position:absolute;
	top:540px;
	left:0px;
}

/*main-photo08*/
#main-photo08 {
	position:absolute;
	top:540px;
	left:320px;
}

/*main-photo09*/
#main-photo09 {
	position:absolute;
	top:540px;
	left:640px;
}

/****************************** column01 ******************************/
#column01 {
	float: right;
	margin-top: -108px;
}

/****************************** column02 ******************************/

/****************************** column03 ******************************/

/****************************** ad-box ******************************/

/****************************** cbcishop-box＠CBCショッピング ******************************/

/****************************** pita-cbc-box ******************************/

/****************************** cbc-news-box＠CBCニュース ******************************/

/****************************** weather-box＠気象情報 ******************************/

/****************************** ichioshi-box＠イチオシ ******************************/
#ichioshi-box {
	width:630px;
}

/*************** イチオシのもっとみる ***************/
/*もっとみるボタン*/
#ichioshi-box #ichioshi-more {
	width: 536px;
}
#ichioshi-box #ichioshi-more2 {
	width: 540px;
}
#ichioshi-box .ichioshi-box2 {
	width:540px;
}
#ichioshi-box .ichioshi-box2-right {
	width:370px;
}


/****************************** pickup-box＠ピックアップ ******************************/
#pickup-box {
	width:630px;
}

/*************** ピックアップのもっとみる ***************/
/*もっとみるボタン*/
#pickup-box #pickup-more {
	width: 536px;
}
#pickup-box #pickup-more2 {
	width: 540px;
}
#pickup-box .pickup-box2 {
	width:540px;
}
#pickup-box .pickup-box2-right {
	width:370px;
}

/****************************** information-box＠お知らせ ******************************/
#information-box {
	width:630px;
}
#information-box-inner {
	width:560px;
}


/****************************** banner-box＠バナー ******************************/


/**** コロナバナー ****/
#bnr-covid19 {
	width:630px;
	padding-left: 5px;
}


}






/* ****************************************************************************************************
	   1025px以上
**************************************************************************************************** */
@media (min-width: 1281px) {

body{
 min-width:1024px;
}




/****************************** top-ticker ******************************/
#top-ticker {
	min-width:1280px;
}
#top-ticker-inner {
	width:1280px;
}

/****************************** top-special-banner ******************************/

#top-special-banner-header-inner {
	width:1280px;
}
#top-special-banner-footer-inner {
	width:1280px;
}

#top-special-banner-footer-inner li a {
	top: 231px;
	left:342px;
}

/****************************** content ******************************/
#content-inner {
	width:1280px;
}

/****************************** main-photo ******************************/
#main-photo-inner {
	width:1280px;
	height:540px;
}

/*main-photo01～06の位置は共通*/

/*main-photo07*/
#main-photo07 {
	position:absolute;
	top:0px;
	left:960px;
}

/*main-photo08*/
#main-photo08 {
	position:absolute;
	top:180px;
	left:960px;
}

/*main-photo09*/
#main-photo09 {
	position:absolute;
	top:360px;
	left:960px;
}

/****************************** column01 ******************************/
#column01 {
	float: right;
	margin-top:430px;
}

/****************************** column02 ******************************/
#column02 {
	position:absolute;
	top:200;
	left:0;
}
#column02:after {
	content: "";
	display: block;
	clear: both;
}

/****************************** column03 ******************************/
#column03 {
	float: left;
	margin-top:430px;
}


/****************************** ad-box ******************************/

/****************************** cbcishop-box＠CBCショッピング ******************************/

/****************************** pita-cbc-box ******************************/

/****************************** cbc-news-box＠CBCニュース ******************************/
#cbc-news-box {
	float:left;
}

/****************************** weather-box＠気象情報 ******************************/
#weather-box {
	float:left;
}

/****************************** ichioshi-box＠イチオシ ******************************/
#ichioshi-box {
	width:950px;
}

/*************** イチオシのもっとみる ***************/
/*もっとみるボタン*/
#ichioshi-box #ichioshi-more {
	width: 856px;
}
#ichioshi-box #ichioshi-more2 {
	width: 860px;
}
#ichioshi-box .ichioshi-box2 {
	float:left;
	width:420px;
}
#ichioshi-box .ichioshi-box2:nth-child(2n) {
	float:right;
}
#ichioshi-box .ichioshi-box2-right {
	width:250px;
}


/****************************** pickup-box＠ピックアップ ******************************/
#pickup-box {
	width:950px;
}

/*************** ピックアップのもっとみる ***************/
/*もっとみるボタン*/
#pickup-box #pickup-more {
	width: 856px;
}
#pickup-box #pickup-more2 {
	width: 860px;
}
#pickup-box .pickup-box2 {
	float:left;
	width:420px;
}
#pickup-box .pickup-box2:nth-child(2n) {
	float:right;
}
#pickup-box .pickup-box2-right {
	width:250px;
}


/****************************** information-box＠お知らせ ******************************/
#information-box {
	width:950px;
}
#information-box-inner {
	width:880px;
}

/****************************** banner-box＠バナー ******************************/





}







/*
	2017/02/27 add
*/

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


.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
#news-content {
}
.news-article-list {
	width: 630px;
	padding: 10px 30px 10px;
}
#news-content li {
	list-style: none;
}
#news-content li.article-item {
	width: 260px;
	margin: 0 12px;
}
#news-content li.article-item:nth-child(1) {
	border-top: 1px solid #d4d4d4;
}
#news-content li.article-item a {
	text-decoration: none;
}
#news-content .article-cat li {
	display: inline-block;
	padding: 0.2em 0.5em;
	font-size: 0.8em;
	margin-bottom: 0.35em;
	font-weight: bold;
}
#news-content .article-cat li.video {
	color: #fff;
	background: #575a64;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
#news-content .article-txt {
	color: #000;
}
#news-content .article-txt h2 {
	font-size: 16px;
	line-height: 1.3;
	margin: 5px 0 5px;
}
#news-content .article-txt .update {
	font-size: 12px;
	text-align: right;
	color: #999;
}
#news-content .article-pic {
	width: 260px;
}
#news-content .article-cat li {
}
#news-content .slick-prev {
	display: block;
	background: url(../image/pc/pickup/slick-prev.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	left: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#news-content .slick-prev:hover {
	background: url(../image/pc/pickup/slick-prev.png) no-repeat 0 -70px;
}
#news-content .slick-next {
	display: block;
	background: url(../image/pc/pickup/slick-next.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30px;
	height: 70px;
	margin-top:0;
	position: absolute;
	top: 156px;
	right: 0px;
	cursor: pointer;
	border: none;
	outline: none;
}
#news-content .slick-next:hover {
	background: url(../image/pc/pickup/slick-next.png) no-repeat 0 -70px;
}