@charset "utf-8";

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


#nav{
	padding:0 0 0 0;
	margin:0 0 0 7px;
	position:absolute;
	top:900px;
	left:0;
	background: url(../images/t_button_bg.png) no-repeat left bottom;
	height:370px;
	width:980px;
}

#nav li{
	padding: 0;
	margin:0 0 0 0;
	display: block;
	height: 115px;
	width:150px;
	position:absolute;
}

#nav li a{
	padding: 0;
	margin:0;
	display: block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	height: 115px;
	width:150px;
}

/*---------------*/
#btn_news a {
	background: url(../images/t_btn_news.png) no-repeat left top;
}
#btn_news a:hover {
	background: url(../images/t_btn_news_on.png) no-repeat left top;
}
/*---------------*/
#btn_story{ top:26px; left:150px;}
#btn_story a {
	background: url(../images/t_btn_story.png) no-repeat left top;

}
#btn_story a:hover{
	background: url(../images/t_btn_story_on.png) no-repeat left top;
}
/*---------------*/
#btn_chara{ top:52px; left:300px;}
#btn_chara a {
	background: url(../images/t_btn_chara.png) no-repeat left top;
}
#btn_chara a:hover {
	background: url(../images/t_btn_chara_on.png) no-repeat left top;
}
/*---------------*/
#btn_staff{ top:78px; left:450px;}
#btn_staff a {
	background: url(../images/t_btn_staff.png) no-repeat left top;
}
#btn_staff a:hover {
	background: url(../images/t_btn_staff_on.png) no-repeat left top;
}
/*---------------*/
#btn_music{ top:145px; left:53px;}
#btn_music a {
	background: url(../images/t_btn_music.png) no-repeat left top;
}
#btn_music a:hover {
	background: url(../images/t_btn_music_on.png) no-repeat left top;
}
/*---------------*/
#btn_trailer{ top:171px; left:203px;}
#btn_trailer a{
	background: url(../images/t_btn_trailer.png) no-repeat left top;
}
#btn_trailer a:hover {
	background: url(../images/t_btn_trailer_on.png) no-repeat left top;
}
/*---------------*/
#btn_episodes{ top:197px; left:353px;}
#btn_episodes a {
	background: url(../images/t_btn_episodes.png) no-repeat left top;
}
#btn_episodes a:hover {
	background: url(../images/t_btn_episodes_on.png) no-repeat left top;
}
/*---------------*/
#btn_onair{ top:223px; left:503px;}
#btn_onair a {
	background: url(../images/t_btn_onair.png) no-repeat left top;
}
#btn_onair a:hover {
	background: url(../images/t_btn_onair_on.png) no-repeat left top;
}
/*---------------*/
#btn_streaming{ top:249px; left:653px;}
#btn_streaming a {
	background: url(../images/t_btn_streaming.png) no-repeat left top;
}
#btn_streaming a:hover {
	background: url(../images/t_btn_streaming_on.png) no-repeat left top;
}
/*---------------*/
li#top_back,li#btn_goods,li#btn_game,li#btn_dvd,li#btn_twitter{
    display: none;
}

	@media screen and (max-width: 619px){
		#nav{
			width:100%;
			height:auto;
			position:inherit;
			top:auto;
			left:auto;
			background:none;
			margin:0;
			padding:0;
			z-index:0;
		}
		#nav li{
			width:50%;
			height:auto;
			margin:0 1% 1% 0;
			float:left;
			position:inherit;
		}
			#nav li:nth-child(even){
				width:49%;
				margin:0 0 2px 0;
			}
		#btn_news,
		#btn_story,
		#btn_chara,
		#btn_staff,
		#btn_music,
		#btn_trailer,
		#btn_episodes,
		#btn_onair,
		#btn_data,
		#btn_streaming,
		#btn_goods,
		#btn_game,
		#btn_dvd,
		#btn_twitter{
			margin:0 0 1px;
			padding:0;
			position:inherit;
			top:auto;
			left:auto;
		}


		#nav li a{
			margin:0;
			padding:0;
			width:100%;
			height:0;
			padding:28.5% 0 0 0 ;
			display:block;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
		}

		#btn_news a,#btn_news a:hover{ background:url(../images/sp/btn_news.png) 0 0 no-repeat; background-size:cover;}
		#btn_story a,#btn_story a:hover{ background:url(../images/sp/btn_story.png) no-repeat; background-size:cover;}
		#btn_chara a,#btn_chara a:hover{ background:url(../images/sp/btn_chara.png) no-repeat; background-size:cover;}
		#btn_staff a,#btn_staff a:hover{ background:url(../images/sp/btn_staff.png) no-repeat; background-size:cover;}
		#btn_music a,#btn_music a:hover{ background:url(../images/sp/btn_music.png) no-repeat; background-size:cover;}
		#btn_trailer a,#btn_trailer a:hover{ background:url(../images/sp/btn_trailer.png) no-repeat; background-size:cover;}
		#btn_episodes a,#btn_episodes a:hover{ background:url(../images/sp/btn_episodes.png) no-repeat; background-size:cover;}
		#btn_onair a,#btn_onair a:hover{ background:url(../images/sp/btn_onair.png) no-repeat; background-size:cover;}
		#btn_streaming a,#btn_streaming a:hover{ background:url(../images/sp/btn_streaming.png) no-repeat; background-size:cover;}
		#btn_goods a,#btn_goods a:hover{ background:url(../images/sp/btn_goods.png) no-repeat; background-size:cover;}
		#btn_game a,#btn_game a:hover{ background:url(../images/sp/btn_game.png) no-repeat; background-size:cover;}
		#btn_dvd a,#btn_dvd a:hover{ background:url(../images/sp/btn_dvd.png) no-repeat; background-size:cover;}
		#btn_twitter a,#btn_twitter a:hover{ background:url(../images/sp/btn_twitter.png) no-repeat; background-size:cover;}

		li#btn_goods,li#btn_game,li#btn_dvd,li#btn_twitter{
			display: block;
		}
		
		#top_back {
			background: #edaebb none repeat scroll 0 0;
			border-top: 2px solid #e2263f;
			display: block;
			text-align: center;
			width: 100%;
		}
		#top_back a{
			color:#e7122f;
			display: block;
			margin: 0 0 10px;
			padding: 5px 0;
			width: 100%;
		}
	}



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

#wrap_top{
	margin:0 auto;
}

#container{
	padding-bottom:70px;
	position:relative;
}
	@media screen and (max-width: 619px){
		#container{
			padding-bottom: inherit;	
			position:inherit;
		}
	}

.kvarea{
	background: url(../images/kv7.png) no-repeat left top;
	min-height: 1360px;
	padding: 0 0 6px 0;
	position: relative;
}

	@media screen and (max-width: 619px){
		.kvarea{
			background:none;
			min-height:inherit;
			padding: 0;
			position:inherit;
		}
	}


#wrap_top h1{
	margin:0;
	padding:0;
	display:none;
}

.onairtxt_pc{
	display:block;
	background: url(../images/hoso03.png) no-repeat right top;
	width:600px;
	height:248px;
	position:absolute;
	top:0;
	right:0;
}

.onairtxt_pc h2{
	display:none;
}

.onairtxt{
	display:none;
}


	@media screen and (max-width: 619px){
		.onairtxt_pc{
			display:none;
		}
		.onairtxt{
			background:#2dc0da;
			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;
		}
	}
	
	
	/* 放送時間変更文言 */
@media screen and (max-width: 619px){
	.onairinfo{
		background:#EF4062;
		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: 4%;
		text-align:center;
		width:100%;
	}
	
	.program_bangumiinfo_logo img {
		margin-bottom: -5px;
		width:100%;
	}
	
}

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

/*top_newsbox*/
.news_b{
	background: url(../images/news_bg.png) no-repeat center top;
	padding: 56px 16px 0 20px;
	margin:0 auto;
	height: 239px;
	width:198px;
	display:block;
	position:absolute;
	top:240px;
	right:6px;
}

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

#news.slide-wrapper{
	display:block;
	padding:0 6px 0 0;
	margin:0;
	height: 224px;
	overflow:auto;
	color:#2e3dcb;
	font-size:14px;
}
	.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:#000;
	overflow:auto;
	display:block;
}
#news .flip-list {
	width:100%;
	margin: 0;
}
	.glide__slide-container p {
		color: #000;
	}
	.slide-container .flip-viewport .flip-list .glide__slide {
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}
	.glide__slide a{
		color:#000;
		text-decoration:none;
	}
		.glide__slide a .program_contents{
			text-decoration:none;
			color: #d22fd4;
			line-height:1.3;
			padding:0 0 6px 0;
			font-weight:normal;
			float:left;
		}
		.glide__slide .program_day{
			margin:0;
			font-weight:bold;
			color: #d22fd4;
			float:left;
			width:110px;
			background: url(../images/ic_star.png) no-repeat left 1px;
			padding:0 0 0 18px;
			
		}
			.glide__slide .program_day span{
				display:none;
			}
	@media screen and (max-width: 619px){
		
		#news.slide-wrapper{
			border: solid 2px #E770FD;
			background:  none #fff;
			margin: 0 auto 15px;			
		}
		.slider{
			width:100%;
			display:table;
			table-layout:fixed;
			overflow:hidden;
			position:relative;
		}
	
		.slide-wrapper .glide__arrows{
			display:block;
			background:#fff;
		}
		.glide__wrapper {
			background:#fff;
		}		
		.glide__slide a .program_contents{
			color:#D500D2;
			float:inherit;
			width:auto;
		}
		.glide__slide .program_day{
			margin:0;
			color: #D500D2;
			background: none;
			padding:inherit;
			float:inherit;
			width:auto;
			background:none;
		}
		.glide__slide .program_day span{
			display:inline;
		}
	}
	
	
	
	/* 次回予告 */
	.program_next {
		background: #fff;
		border: solid 2px #E770FD;
	}
		
	.program_next table tr td {
		color:#D500D2;
	}
	.program_next table tr .program_title {
		 color:#D500D2;
	}


.social_area {
	position:absolute;
	top:1320px;
	padding:0;
}	
	
/*banner
---------------------------------------------*/

#bannerarea{
	margin: 0 auto;
	padding: 0px 16px 0 0;
	text-align:center;
}

#bannerarea img{
	margin: 10px 0 0 0;
	padding: 0;
	height:52px;
}

/*--その他--*/

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

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

.bnr_area{
	clear:both;
	text-align:center;
	background:#231815;
	padding:10px;
	margin:0;
}
.bnr_area img{
	padding:4px;
}

	@media screen and (max-width: 619px){
		.bnr_area{
			clear:both;
			text-align:center;
			background:none;
		}
		.bnr_area img{
			margin:0 auto;
		}
	}


/*-------right_box--------*/
.right_box{
	margin:0;
	padding:0;
	position:absolute;
	top:590px;
	right:0;
	text-align:right;
	z-index:1;
}
.right_box a:hover img{
	  opacity: 0.8;
	  filter: alpha(opacity=80);
	  -ms-filter: "alpha(opacity=80)";
}

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

/*--SP用バナーボックス--*/
.sp_top_bnr{display:none;}

	@media screen and (max-width: 619px){
		.sp_top_bnr{
			display:inherit;
			padding:10px 0 0 0;
			margin:0 auto;
			width:98%;
			}
		.sp_top_bnr img{
			text-align:center;
			width:100%;
			padding:0 0 10px 0;
		}
	}

/*--次回予告動画--*/
.sam{
	background: url(../images/trailer_bg.png) no-repeat center;
	padding:16px 0 0 0;
	width:293px;
	height:202px;
	margin:6px 0 0 0;
}

#movthumb{
	padding:0 17px 0 15px;
}
#movthumb img{
	width:261px;
	height:147px;
}
.btn_next {
	padding: 5px 0px 0px 0px;
	text-align:center;
}
.btn_next span {
	display:none;
}
.btn_next a {
	height: 39px;
	width: 266px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	background: url(../images/trailer_btn.png) no-repeat left top;
}