@charset "utf-8";

/*----------あにてれヘッダーバナー----------*/

.anibnr {
	padding: 10px 0;
	background: #d8d7d7;
	text-align: center;
	position: relative;
	z-index: 10;
}
.anibnr a {
	display: block;
	margin: 0 auto;
	width: 900px;
}
	@media screen and (max-width: 619px){
		.anibnr {
			padding: 10px;
		}
		.anibnr a {
			width: auto;
		}
	}


/*top style
---------------------------------------------*/

#container{

}
	@media screen and (max-width: 619px){
		#container{
			background: none;
		}
	}

#mainbox{
	position:relative;
	margin: 0;
	padding:0;
	min-height:1196px;
	background: url(../images/top/head_bg.png) no-repeat center top,url(../images/top/main.jpg) no-repeat right 175px;
}
	@media screen and (max-width: 619px){
		#mainbox{
			background: none;
			min-height:auto;
		}
	}

.program_nexttrailer{ display:none;}
	@media screen and (max-width: 619px){
		.program_nexttrailer{ display:inherit;}
	}

#wrap_top .p_tit{
	display: inline-block;
	height: 175px;
	margin:0;
	padding:10px 0 0 14px;
	box-sizing: border-box;
}


	@media screen and (max-width: 619px){
		#wrap_top .p_tit{
			display:none;
		}
	}

.onairtxt_pc{
	width: 224px;
	height: 165px;
	text-align: center;
}
.onairtxt_pc img{
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.onairtxt{
	display:none;
}


	@media screen and (max-width: 619px){
		.onairtxt_pc{
			display:none;
		}
		.onairtxt{
			background:#d6241a;
			margin:0;
			padding:5px 0;
			line-height:1;
			display:block;
			white-space:nowrap;
			text-align:center;
		}
		.onairtxt span{
			background:none;
			width:100%;
			height:auto;
			color:#fff;
			font-size:0.8em;
			line-height:1.2;
			font-weight:normal;
		}
	}



	/* 放送時間変更文言 */
@media screen and (max-width: 619px){
		.onairinfo{
			background:#ef4062;
			margin: 0;
			padding:5px 0;
			font-size:0.8em;
			color:#FFF;
	}
}
	
	/* SPタイトル */
@media screen and (max-width: 619px){
	#program_new_logo{
		padding:0px;
		margin: 2% 0;
		text-align:center;
		width:100%;
	}
	
	#program_new_logo img{
		text-align:center;
		width:100%;
		height:auto;
}
	
	.program_nexttrailer_logo {
		padding:0px;
		margin: 2% 0;
		text-align:center;
		width:100%;
	}
	
	.program_nexttrailer_logo img {
		width:100%;
	}
	
	.program_bangumiinfo_logo {
		padding:0px;
		margin: 2% 0 0;
		text-align:center;
		width:100%;
	}
	
	.program_bangumiinfo_logo img {
		width:100%;
	}
	
}

/*TOP新着
---------------------------------------------*/

/*top_newsbox*/
.news_b{
	box-sizing:border-box;
	padding:0px 0px 0 0;
	margin:0 auto;
	width:500px;
	height:94px;
	display:block;
	position: absolute;
	top:50px;
	right:14px;
}

.news_b li{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
	@media screen and (max-width: 619px){
		.news_b{
			background: none;
			border: none;
			box-sizing:inherit;
			padding:0;
			margin:0;
			width:auto;
			height:auto;
			display:inherit;
			position: inherit;
			top:auto;
			left:auto;
		}
		.news_b li{
			margin:auto;
		}
	}

#news.slide-wrapper{
	display:block;
	box-sizing:border-box;
	padding:6px 6px 6px 0px;
	margin:0;
	height: 94px;
	overflow:auto;
	font-size:12px;
}
	.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;
}

#news .flip-list {
	width:100%;
	margin: 0;
}
	.slide-container .flip-viewport .flip-list .glide__slide {
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}
	.glide__slide a{
		text-decoration:none;
		vertical-align: top;
	}
		.glide__slide a .program_contents{
			box-sizing: border-box;
			margin:0 0 8px 0;
			padding: 0 0 4px 0;
			text-decoration: none;
			color: #fff;
			line-height: 1.2;
			font-weight:normal;
			display:inline-block;
			vertical-align: top;
			width:380px;
		}
		.glide__slide .program_day{
			box-sizing: border-box;
			margin:0 0 8px 0;
			padding: 0 0 4px 0;
			font-weight:900;
			color: #fff;
			line-height:1;
			display: inline-block;
			width:90px;
		}
			.glide__slide .program_day span{
				display:none;
			}
	@media screen and (max-width: 619px){
		
		#news.slide-wrapper{
			border: solid 2px #efd03a;
			background:  none #001021;
			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:#efd03a;
		}
		.glide__wrapper {
			background:#22293e;
		}		
		.glide__slide a .program_contents{
			float:inherit;
			width:auto;
			padding:4px 0 0 0;
			display: block;
			text-shadow:none;
			color:#fff;
		}
		.glide__slide .program_day{
			margin:0;
			background: none;
			padding:inherit;
			float:inherit;
			width:auto;
			text-shadow:none;
			color:#fff;
		}
		.glide__slide .program_day span{
			display:inline;
		}
	}
	
	
	
	/* 次回予告 */
	.program_next {
		background: #22293e;
		border: solid 2px #efd03a;
	}
		
	.program_next table tr td {
		color:#fff;
	}
	.program_next table tr .program_title {
		 color:#fff;
	}
	



@media screen and (max-width: 619px){
	.foot{
		position:static;
		bottom:auto;
	}
}


/*banner
---------------------------------------------*/
.bnr_area{
	clear:both;
	text-align:center;
	padding:30px 0 6px;
	margin: 0;
}
.bnr_area img{
	padding:10px;
	max-width: 100%;
	box-sizing: border-box;
}

	@media screen and (max-width: 619px){
		.bnr_area{
			clear:both;
			text-align:center;
			padding:10px;
			margin:0;
			width:auto;
			position:static;
		}
		.bnr_area img{
			margin:1% auto 1% auto;
			padding:0;
			max-width:96%;
		}
	}


/*--その他--*/

.time_change {
	margin: 0px 0 0 0;
	padding: 4px 0;
	text-align: center;
	background: #d6241a;
}

	@media screen and (max-width: 619px){
		.time_change {
			display:none;
		}
	}



/*--ソーシャル--*/
ul.social_area{
	padding:6px 0 6px 30px;
	text-align: center;
}

ul.social_area li{
	display: inline-block;
	padding:4px 0;
	width:120px;
	text-align: left;
}

	@media screen and (max-width: 619px){
		ul.social_area {
			display:none;
		}
		ul.social_area li{
			display:none;
		}
		#sp_social_area{
			padding:2px 0;
		}
		.tx_social_table{
			margin: 0 auto;
		}
	}


/*--動画--*/
.mov{
	margin:10px auto 0 auto;
	padding:50px 0 30px 0;
	text-align:center;
	clear:both;
	width:600px;
	box-sizing: border-box;
}

.movie_area{
	width:100%;
}

	@media screen and (max-width: 619px){
		.mov{
			display: none;
		}
	}

/*--trailer時間変更--*/
.timetxt {
	padding: 8px 20px 8px 20px;
	margin: 10px auto;
	color:#a00;
	font-weight:bold;
	border:solid 1px #a00;
	background: rgba(255,255,255,0.50);
	display:table;
	max-width:650px;
}