@charset "utf-8";


.program_nexttrailer{ display:none;}
	@media screen and (max-width: 619px){
		.program_nexttrailer{ display:inherit;}
	}




/*top style
---------------------------------------------*/

#wrap_top{
	margin:0 auto;
}

#container{
	border-right:solid 8px #ffeb00;
	box-sizing:border-box;
}
	@media screen and (max-width: 619px){
		#container{
			border-right: none;
		}
	}

.kvarea{
	background: url(../images/main.jpg) no-repeat right top;
	padding: 0 0 0 0;
	position:relative;
}
	@media screen and (max-width: 619px){
		.kvarea{
			background:none;
			padding: 0;
			position:inherit;
		}
	}

#wrap_top h1{
	margin:0;
	padding:0;
	display:none;
}

.onairtxt_pc{
	display:block;
	background: url(../images/hoso03.png) no-repeat center top;
	width:682px;
	height:126px;
	position:absolute;
	top:910px;
	right:0;
}

.onairtxt_pc h2{
	display:none;
}

.onairtxt{
	display:none;
}


	@media screen and (max-width: 619px){
		.onairtxt_pc{
			display:none;
		}
		.onairtxt{
			background:#0b0975;
			margin:0;
			padding:5px 0;
			line-height:1;
			display:block;
			white-space:nowrap;
		}
		.onairtxt h2{
			background:none;
			width:100%;
			height:auto;
			color:#fff;
			font-size:0.8em;
			line-height:1.2;
			font-weight:normal;
		}
	}

.left_area{
	width:240px;
	position:absolute;
	top:5px;
}
	@media screen and (max-width: 619px){
		.left_area{
			width:auto;
			margin:0 0 0 auto;
			position:inherit;
			top:auto;
		}
	}

#pvarea{
	background: url(../images/top_mov_bg.png) no-repeat center bottom;
	width:240px;
	height:198px;
	margin:0 0 0 16px;
	position:relative;
}

	@media screen and (max-width: 619px){
		#pvarea,#pvarea img,#pvarea a{ display:none;}
	}

#pvarea img{
	width:230px;
	height:130px;
	position:absolute;
	top:62px;
	left:5px
}

#pvarea a{
	background: url(../images/play.png) no-repeat center center;
	display:block;
	width:230px;
	height:130px;
	position:absolute;
	top:62px;
	left:5px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

#pvarea a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

#sp_pvarea{
	display: none;
}
	@media screen and (max-width: 619px){
		#sp_pvarea{
			display:inherit;
			margin-bottom: 20px;
		}
	}

/* メニュー */
#nav{
	position:relative;
	left:auto;
	padding-top:16px;
}
	@media screen and (max-width: 619px){
		#nav{top:auto;}
	}

#nav .t_bnr{
	width:270px;
	padding:20px 0 0 0;
}

#nav .t_bnr li{
	padding: 0;
	margin:0 auto 10px 0;
	display: block;
	font-size:14px;
	height:auto;
}

#nav .t_bnr li a{
	padding: 0;
	margin:0;
	display: block;
	text-indent:inherit;
	overflow:inherit;
	white-space:nowrap;
	height:auto;
}

#nav .t_bnr li a img{max-width:240px; height:auto; box-sizing:border-box;}

	@media screen and (max-width: 619px){
		#nav .t_bnr{
			clear:both;
			text-align:center;
			padding:0;
			margin:0;
			width:auto;
			position:inherit;
		}
		#nav .t_bnr li{		
			margin:0 auto 1% auto;
			width:100%;
		}
		
		#nav .t_bnr li a img{
			margin:0;
			max-width:none;
			width: 80%;
		}
	}

	/* 放送時間変更文言 */
@media screen and (max-width: 619px){
		.onairinfo{
			background:#cc0000;
			margin: 0;
			padding:5px 0;
			font-size:0.8em;
			color:#FFF;
			text-align:center;
	}
}
	
	/* SPタイトル */
@media screen and (max-width: 619px){
	#program_new_logo{
		paddingm:0px;
		margin-bottom: 2%;
		text-align:center;
		width:100%;
	}
	
	#program_new_logo img{
		text-align:center;
		width:100%;
		height:auto;
	}
	
	.program_nexttrailer_logo {
		paddingm:0px;
		margin-bottom: 2%;
		text-align:center;
		width:100%;
	}
	
	.program_nexttrailer_logo img {
		width:100%;
	}
	
	.program_bangumiinfo_logo {
		paddingm:0px;
		margin-bottom: 2%;
		text-align:center;
		width:100%;
	}
	
	.program_bangumiinfo_logo img {
		margin-bottom: -5px;
		width:100%;
	}
	
}

/*TOP新着
---------------------------------------------*/

/*top_newsbox*/
.news_b{
	box-sizing:border-box;
	padding:37px 0px 0 0px;
	height: 148px;
	width:682px;
	display:block;
	position:absolute;
	top:975px;
	right:0;
}

.news_b li{
	margin:12px 0 0 0;
	padding:0 0 20px 0;
}
	@media screen and (max-width: 619px){
		.news_b{
			background: none;
			border: none;
			box-sizing:inherit;
			padding:0;
			width:auto;
			height:auto;
			position:inherit;
			top:auto;
			left:auto;
			display:inherit;
		}
		.news_b li{
			margin:auto;
		}
	}

#news.slide-wrapper{
	display:block;
	padding:0px 0 0 20px;
	margin:0;
	height: 148px;
	overflow:auto;
	color:#0f8fc0;
	font-size:16px;
}
	.slide-wrapper .glide__arrows{
		display:none;
	}
.slide-container {
	display: block;
	width: 100%;
}
#news.slide-wrapper h3{ display:none;}

#news.slide-wrapper .flip-arrow {
	display: none;
}
.slide-container .flip-viewport {
	width:317px;
	height:187px;
	color:#0f8fc0;
	overflow:auto;
	display:block;
}
#news .flip-list {
	width:100%;
	margin: 0;
}
	.glide__slide-container p {
		color: #0f8fc0;
	}
	.slide-container .flip-viewport .flip-list .glide__slide {
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}
	.glide__slide a{
		text-decoration:none;
	}
		.glide__slide a .program_contents{
			text-decoration:none;
			color: #0b0975;
			line-height:1.3;
			padding:5px 0 5px 0;
			font-weight:normal;
			float:left;
			width:480px;
		}
		.glide__slide .program_day{
			margin:0;
			font-weight:bold;
			color: #0b0975;
			line-height:1.3;
			float:left;
			width:130px;
			padding:5px 0 5px 22px;
			background: url(../images/mark.png) no-repeat left center;
			
		}
			.glide__slide .program_day span{
				display:none;
			}
	@media screen and (max-width: 619px){
		
		#news.slide-wrapper{
			border: solid 2px #0b0975;
			background:  none #fff;
			margin: 0 auto 15px;	
			font-size:100%;		
		}
		.slider{
			width:100%;
			display:table;
			table-layout:fixed;
			overflow:hidden;
			position:relative;
		}
	
		.slide-wrapper .glide__arrows{
			display:block;
			background:#0b0975;
		}
		.glide__wrapper {
			background:#fff;
		}		
		.glide__slide a .program_contents{
			color:#0b0975;
			float:inherit;
			width:auto;
		}
		.glide__slide .program_day{
			margin:0;
			color: #0b0975;
			background: none;
			padding:inherit;
			float:inherit;
			width:auto;
		}
		.glide__slide .program_day span{
			display:inline;
		}
	}
	
	
	
	/* 次回予告 */
	.program_next {
		background: #fff;
		border: solid 2px #0b0975;
	}
		
	.program_next table tr td {
		color:#0b0975;
	}
	.program_next table tr .program_title {
		 color:#0b0975;
	}
	
	

/*banner
---------------------------------------------*/

#bannerarea{
	margin: 0 auto;
	padding: 10px 16px 0 0;
	text-align:center;
}

#bannerarea img{
	margin: 10px 0 0 0;
	padding: 0;
}

/*--その他--*/

.time_change {
	margin: 0px;
	padding: 0 0 0 0;
	text-align: center;
	background-color:#ea5758;
}

	@media screen and (max-width: 619px){
		.time_change {
			display:none;
		}
	}

.bnr_area{
	clear:both;
	text-align:center;
	padding:16px 0 30px 0;
	margin:0 auto;
}
.bnr_area img{
	padding:4px;
}

	@media screen and (max-width: 619px){
		.bnr_area{
			clear:both;
			text-align:center;
			padding:0;
			margin:0;
			width:auto;
			position:static;
			background:none;
		}
		.bnr_area img{
			margin:2% auto 0 auto;
			max-width:96%;
		}
	}


#foot{
	padding:1165px 0 0 290px;
}
	@media screen and (max-width: 619px){
		#foot{padding:0 0 0 0;}
	}

/*--ソーシャル--*/
.social_area {
	height: 31px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align:center;
	font-size:0;
}

.social_area .so01,.social_area .so02,.social_area .so03 {
    margin: 0 auto;
    padding:4px 0 4px 0;
    width: 130px;
	display:inline-block;
	font-size:14px;
}

	@media screen and (max-width: 619px){
		.tx_social_table {
			margin: 0 auto;
		}
		.social_area,.social_area .so01,.social_area .so02,.social_area .so03{
			display:none;
		}
	}


/*----------あにてれバナー----------*/

.anibnr {
	padding: 10px;
	background: #332f31;
	text-align: center;
}
.anibnr a {
	display: block;
	margin: 0 auto;
	width: 900px;
}
	@media screen and (max-width: 619px){
		.anibnr a {
			width: auto;
		}
	}
	
/*----------PV上バナーー----------*/	
.topbnr{
	width:240px;
	padding:6px 0;
	margin:0 0 0 16px;
}

.topbnr img{
	max-width:100%;
}