@charset "utf-8";
html {
	min-width: 1300px;
}
body {
	background:url(../images/img_bg.png) repeat-x #bbc7ce;
	font: 15px/1.5 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka ;
	margin: 0px;
	padding: 0px;
	color: #000;
	min-width:1300px;
}
	@media screen and (max-width: 619px){
		html{
			width:100%;
			min-width:100%;
			-webkit-text-size-adjust: 100%;
		}
		body {
			background:#fff none;
			min-width:inherit;
			font: 12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
			margin: 0px;
			padding: 0px;
			color: #232323;
		}
	}
p {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
	margin:0px;
	padding:0px;
}
	@media screen and (max-width: 619px){
		img {
			max-width: 100%;
			height: auto;
		}
	}
dl,dt,dd {
	margin:0px;
	padding:0px;
}
ul,li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
a:link,a:visited {
	color: #f9bb00;
	text-decoration: underline;
}
	@media screen and (max-width: 619px){
		a:link,a:visited {
			color: #e50e83;
		}
	}
a:hover,a:active {
	color: #fa758d;;
	text-decoration: none;
}
.pcout_inline{ display:inline; }
.pcout{ display:block; }
.spout{ display:none; }
	@media screen and (max-width: 619px){
		.spout{ display:block; }
		.pcout{ display:none; }
		.pcout_inline{ display:none; }
	}
.lf{
	margin-bottom:1.5em;
}
/*clearfix hack
---------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*nav
---------------------------------------------*/
#nav{
	width:246px;
	height: auto;
	margin:36px 0 0 30px;
	float: left;
}
#under #nav{
	margin-top:0;
}
#u_nav{
	margin:0 0 60px;
	overflow: hidden;
}
#nav h3,
#u_nav h3{
	display:none;
}
	@media screen and (max-width: 619px){
		#nav{
			display: none;
			background: url(../images/sp/img_top_menu_bg.gif) repeat;
			width: 100%;
			height:auto;
			margin:0;
			padding:65px 0 0;
			position: absolute;
			top:0;
			left:0;
			z-index: 50;
			border-bottom: solid 6px #f9ba00;
			overflow:hidden;
		}
		#u_nav{
			width: 100%;
			margin: 0 auto 1%;
			padding: 0;
			float: none;
			overflow:hidden;
			position:absolute;
			bottom:0;
			left:0;
		}
		#nav ul.navbox,
		#u_nav ul.navbox{
			width:93.75%;
			margin:0 auto;
		}
		#u_nav ul{
			width: 96%;
			height:auto;
		}
		#nav h3{
			width: 100%;
			height: auto;
			margin: 0 0 2%;
			padding: 10.6% 0 0 0;
			line-height: 0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			display:block;
		}
		.opennav{
			display: block;
		}
	}

/*nav*/
#nav_news,
#nav_intro,
#nav_chara,
#nav_cast,
#nav_episodes,
#nav_onair,
#nav_music,
#nav_dvd,
#nav_movie,
#nav_special,
#nav_top{
	width:246px;
	height:62px;
	margin:0;
	padding:0;
}

#nav_news a,
#nav_intro a,
#nav_chara a,
#nav_cast a,
#nav_episodes a,
#nav_onair a,
#nav_music a,
#nav_dvd a,
#nav_movie a,
#nav_special a,
#nav_top a{
	margin:0;
	padding:0;
	width:246px;
	height:62px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#nav_top{
	display:none;
}

#nav_news a{ background:url(../images/nav_news.png) no-repeat; }
#nav_intro a{ background:url(../images/nav_intro.png) no-repeat; }
#nav_chara a{ background:url(../images/nav_chara.png) no-repeat; }
#nav_cast a{ background:url(../images/nav_cast.png) no-repeat; }
#nav_episodes a{ background:url(../images/nav_episodes.png) no-repeat; }
#nav_onair a{ background:url(../images/nav_onair.png) no-repeat; }
#nav_music a{ background:url(../images/nav_music.png) no-repeat; }
#nav_dvd a{ background:url(../images/nav_dvd.png) no-repeat; }
#nav_movie a{ background:url(../images/nav_movie.png) no-repeat; }
#nav_special a{ background:url(../images/nav_special.png) no-repeat; }

#nav_news a:hover{ background:url(../images/nav_news_on.png) no-repeat; }
#nav_intro a:hover{ background:url(../images/nav_intro_on.png) no-repeat; }
#nav_chara a:hover{ background:url(../images/nav_chara_on.png) no-repeat; }
#nav_cast a:hover{ background:url(../images/nav_cast_on.png) no-repeat; }
#nav_episodes a:hover{ background:url(../images/nav_episodes_on.png) no-repeat; }
#nav_onair a:hover{ background:url(../images/nav_onair_on.png) no-repeat; }
#nav_music a:hover{ background:url(../images/nav_music_on.png) no-repeat; }
#nav_dvd a:hover{ background:url(../images/nav_dvd_on.png) no-repeat; }
#nav_movie a:hover{ background:url(../images/nav_movie_on.png) no-repeat; }
#nav_special a:hover{ background:url(../images/nav_special_on.png) no-repeat; }

	@media screen and (max-width: 619px){
		#nav .navbox li,
		#u_nav li{
			width:100%;
			height:auto;
			margin:0 auto;
			padding:/*6% */0;
			border-bottom:solid 1px #fff;
		}
		#nav_news,
		#nav_intro,
		#nav_chara,
		#nav_cast,
		#nav_trailer,
		#nav_episodes,
		#nav_onair,
		#nav_music,
		#nav_dvd,
		#nav_movie,
		#nav_special,
		#nav_top{
			
		}
		#nav_news a,
		#nav_intro a,
		#nav_chara a,
		#nav_cast a,
		#nav_trailer a,
		#nav_episodes a,
		#nav_onair a,
		#nav_music a,
		#nav_dvd a,
		#nav_movie a,
		#nav_special a,
		#nav_top a{
			margin:0;
			padding:12% 0 6% 0 ;
			width:100%;
			height:0;
			display:block;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
		}
		#nav_top{
			display:block;
		}

		#nav_news a{ background:url(../images/sp/nav_news.png) left center no-repeat; background-size:contain;}
		#nav_intro a{ background:url(../images/sp/nav_intro.png) left center no-repeat; background-size:contain;}
		#nav_chara a{ background:url(../images/sp/nav_chara.png) left center no-repeat; background-size:contain;}
		#nav_cast a{ background:url(../images/sp/nav_cast.png) left center no-repeat; background-size:contain;}
		#nav_episodes a{ background:url(../images/sp/nav_episodes.png) left center no-repeat; background-size:contain;}
		#nav_onair a{ background:url(../images/sp/nav_onair.png) left center no-repeat; background-size:contain;}
		#nav_music a{ background:url(../images/sp/nav_music.png) left center no-repeat; background-size:contain;}
		#nav_dvd a{ background:url(../images/sp/nav_dvd.png) left center no-repeat; background-size:contain;}
		#nav_movie a{ background:url(../images/sp/nav_movie.png) left center no-repeat; background-size:contain;}
		#nav_special a{ background:url(../images/sp/nav_special.png) left center no-repeat; background-size:contain;}
		#nav_top a{ background:url(../images/sp/nav_top.png) left center no-repeat; background-size:contain;}

		#nav_news a:hover{ background:url(../images/sp/nav_news.png) left center no-repeat; background-size:contain;}
		#nav_intro a:hover{ background:url(../images/sp/nav_intro.png) left center no-repeat; background-size:contain;}
		#nav_chara a:hover{ background:url(../images/sp/nav_chara.png) left center no-repeat; background-size:contain;}
		#nav_cast a:hover{ background:url(../images/sp/nav_cast.png) left center no-repeat; background-size:contain;}
		#nav_trailer a:hover{ background:url(../images/sp/nav_trailer.png) left center no-repeat; background-size:contain;}
		#nav_episodes a:hover{ background:url(../images/sp/nav_episodes.png) left center no-repeat; background-size:contain;}
		#nav_onair a:hover{ background:url(../images/sp/nav_onair.png) left center no-repeat; background-size:contain;}
		#nav_music a:hover{ background:url(../images/sp/nav_music.png) left center no-repeat; background-size:contain;}
		#nav_dvd a:hover{ background:url(../images/sp/nav_dvd.png) left center no-repeat; background-size:contain;}
		#nav_movie a:hover{ background:url(../images/sp/nav_movie.png) left center no-repeat; background-size:contain;}
		#nav_special a:hover{ background:url(../images/sp/nav_special.png) left center no-repeat; background-size:contain;}
		#nav_top a{ background:url(../images/sp/nav_top.png) left center no-repeat; background-size:contain;}
	}
#nav_trigger{
	display: none;
}
@media screen and (max-width: 619px){
	#nav_trigger{
		display: block;
		background:url(../images/sp/nav_menu.png) center center no-repeat #e50e83;
		background-size: contain;
		width:16.67%;
		/*min-height: 65px;*/
		padding:16% 0 0;
		box-sizing: border-box;
		position: absolute;
		top:0;
		right: 0;
		z-index: 500;
	}
}

/*topソーシャル*/
#social_area{
	background: url(../images/img_top_sharetxt.png) top left no-repeat;
	width:100%;
	height: 29px;
	margin:35px 0 0;
	padding:0 0 0 112px;
	box-sizing: border-box;
	clear:both;
}
	.social_pc li{
		width:29px;
		margin:0 12px 0 0;
		padding: 0px;
		list-style:none;
		float:left;
	}
	.social_sp{
		display: none;
	}
	@media screen and (max-width: 619px){
		#social_area{
			background: none;
			width:57.83%;/*55.83*/
			height: auto;
			margin:8% auto;
			padding:0 0 10% /*38%*/;
		}
		.social_pc{
			display: none
		}
		.social_sp{
			display: block;
		}
		.social_sp li{
			width:16%;
			margin:0 8% 0 0;
			padding: 0px;
			list-style:none;
			float:left;
		}
		.social_sp li.txt_share{
			width:52%;
			height: auto;
			padding:3.5% 0 0;
		}
		.social_sp li:last-child{
			margin-right: 0;
		}
	}
/*other*/
a.inline,
#colorbox,
#cboxClose{
	outline: none;
}
#footerBackToTop{
	display: none;
}

/*top_load
---------------------------------------------*/
#loader {
	display: none;
	width: 338px;
	height: 358px;
	margin: -179px 0 0 -169px;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	z-index: 100;
	text-align:center;
}
#fade {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}
	@media screen and (max-width: 619px){
		#loader,#fade{
			display: none;
		}
		/*#loader{
			width:50%;
			height: 50%;
			margin:-25% 0 0 -25%;
		}*/
	}

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

.wrap{
	width:1300px;
	margin:0 auto;
	overflow:hidden;
}
	@media screen and (max-width: 619px){
		.wrap{
			background:none;
			width:100%;
			text-align: center;
			line-height:1;
			overflow:visible;
		}
	}
#container{
	margin:0 auto;
	position: relative;
	overflow:hidden;
}

#under #container{
	/*background: url(../images/img_u_mainbg.png) center top no-repeat fixed;*/
}
	@media screen and (max-width: 619px){
		#container{
			background: url(../images/sp/img_top_bg.gif) repeat;
			width:100%;
			overflow:visible;
		}
		#under #container{
			background:#fff;
		}
	}

#contents{
	width:100%;
	margin:0;
	position:relative;
}
	#Top #contents{
	}
	#under #contents{
		background: none;
		height:auto;
		padding:0 0 30px;
	}
	@media screen and (max-width: 619px){
		#Top #contents,#contents{
            background:url(../images/sp/img_logo_sp_230326.jpg) no-repeat;
			background-size: contain;
			padding:162.8% 0 0 0;
			width: 100%;
			height: auto;
			min-height: inherit;
			margin:0 auto;
			position:static;
			float:none;
		}
		#under #contents{
			background: url("../images/sp/img_top_bg.gif") repeat;
			min-height: inherit;
			padding:0 ;
			position:relative;
		}
	}
#side_bar{
	width:260px;
	min-height: 900px;
	float: right;
	margin-bottom:20px;
}
	@media screen and (max-width: 619px){
		#side_bar{
			width:100%;
			min-height: inherit;
			padding:0 0 5%;
			float: none;
		}
	}

#Top #main{
    background:url(../images/img_top_main_230212.jpg) no-repeat 280px top;
	width:1040px;
	min-height:1028px;
	position: relative;
	float:left;
}
	@media screen and (max-width: 619px){
		#Top #main{
			background:none;
			width:100%;
			height:auto;
			min-height:inherit;
			position: static;
			float:none;
		}
	}
#under #main{
	width:1020px;
	min-height: 880px;
	margin:0 auto;
	float:right;
	position: relative;
}
	@media screen and (max-width: 619px){
		#under #main{
			/*background: url("../images/sp/img_top_bg.gif") repeat;*/
			width:100%;
			min-height: inherit;
			margin:0;
			float:none;
			position: static;
		}
	}

.mainvisual{
	width:764px;
	min-height: 920px;
	position: absolute;
	top:0;
	left:276px;
}
.layer01,.layer02,.layer03,.layer04{
	display: none;
	width:535px;/*764*/
	height: 644px;/*920*/
	position: absolute;
	top: 138px;
	left: 110px;
}
.layer05,.layer06{
	display: none;
	width:764px;
	height: 920px;
	position: absolute;
	top: -50px;
	left: 0;
}
.layer01{background: url(../images/img_top_movechara01.png) top no-repeat; background-size: contain; z-index:4;}
.layer02{background: url(../images/img_top_movechara02.png) no-repeat; background-size: contain; z-index:3;}
.layer03{background: url(../images/img_top_movechara03.png) no-repeat; background-size: contain; z-index:3;}
.layer04{background: url(../images/img_top_movechara04.png) no-repeat; background-size: contain; z-index:2;}
.layer05{background: url(../images/img_top_movechara05.png) no-repeat; background-size: contain; z-index:5;}
.layer06{background: url(../images/img_top_movechara06_02.png) no-repeat; background-size: contain; z-index:5;}
	@media screen and (max-width: 619px){
		.mainvisual{
			display: none;
		}
	}

#Top h1{
	background: url(../images/img_top_logo.png) no-repeat;
	width:324px;
	height: 160px;
	margin:23px 0 0 21px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: relative;
	z-index: 10;
}
	@media screen and (max-width: 619px){
		#Top h1{
			display: none;
		}
	}
#mainbox {
	width: 740px;/*728*/
	padding-right: 20px;
	min-height: 1030px;
	position: absolute;
	top: 0;
	right: 0;
}
#main_visual {
	min-height: 1030px;
	position: relative;
}
.img_visuallogo{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.img_visual01,.img_visual02{
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s ease;
}
.img_visual01.ver2,.img_visual02.ver2{
	transition: all ease;
}
.img_visual01 {
	opacity: 1;
	z-index: 2;
}
.img_visual02 {
	/*opacity: 0;*/
	z-index: 1;
}
.animate_fadeout{opacity: 0}
.animate_fadein{opacity: 1}
.animate_hidden{visibility: hidden}
.onairtxt{
	width:740px;
	position:absolute;
	left:280px;
	bottom: 0px;
	z-index: 5;
	text-align:center;
}
	.onairtxt h2{
		margin:0;
		padding:0;
	}
	@media screen and (max-width: 619px){
		.onairtxt{
			display:none;
		}
	}
.onairtxt_sp{
	display:none;
}
	@media screen and (max-width: 619px){
		#mainbox{display: none}
		.onairtxt_sp{
			width:94%;
			height:auto;
			margin:-23% auto 0;
			padding:5px 0 5%;
			line-height:1;
			display:block;
			white-space:nowrap;
		}
		.onairtxt_sp h2{
			width:100%;
			overflow:inherit;
		}
	}

.onairinfo{
	display:none;
}
	@media screen and (max-width: 619px){
		.onairinfo {
			background: #e50e61;
			margin: 0;
			padding: 2% 0;
			font-size: 0.8em;
			color: #fff;
			text-align:center;
			line-height:1.3;
			display:block;
		}
	}

#info{
}
	@media screen and (max-width: 619px){
		#info{
		}
	}
#info h3{
	display:none;
}
	@media screen and (max-width: 619px){
		#info h3{
			background: url(../images/sp/ttl_news_sp.png) left no-repeat;
			background-size: contain;
			width: 100%;
			height: auto;
			margin: 0 0 2.5%;
			padding: 10.42% 0 0 0;
			line-height: 0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			display:block;
		}
	}

/*--新着情報 ----------*/
#news.slide-wrapper{
	background:url(../images/img_top_newsbg.png) no-repeat left top;
	width:260px;
	height:231px;
	margin:31px 0 0;
	padding:0;
	font-size: 15px;
	line-height:1.5;
	display:block;
}
	@media screen and (max-width: 619px){
		#info #news.slide-wrapper{
			width: 95.8%;
		}
		#news.slide-wrapper{
			border-radius: 0px 0px 0px 0px;
			border: solid 1px #536b78;
			box-sizing:border-box;
			height:auto;
			margin: 0 auto 2.5%;
			padding:0;
			font-size: 13px;
			line-height:1.5;
			text-align:left;
		}
	}
.slide-container {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display: block;
}
	@media screen and (max-width: 619px){
		.slide-container{
			background:#1a009c;
			margin:0;
			padding:0;
			height:auto;
		}
	}
.slider{
	width:230px;/*260*/
	height:158px;/*231*/
	padding:54px 10px 19px 20px;
}
	@media screen and (max-width: 619px){
		#Glide.slider{
			padding:5% 6% 3%;
		}
		.slider{
			background:#f49c21;
			width:100%;
			height:auto;
			padding:0;
			display:table;
			table-layout:fixed;
			overflow:hidden;
			position:relative;
		}
	}
	.slide-container .glide__arrows{
		width:10%;
		display:none;
	}
		@media screen and (max-width: 619px){
			.slide-wrapper .glide__arrows{
				background:#8da0aa;/*！新着情報_矢印_背景色*/
				display:block;
			}
		}
	.glide__wrapper{
		width:100%;/*594*/
		height:100%;/*98*/
		overflow:auto;
	}
		@media screen and (max-width: 619px){
			.glide__wrapper{
				width:100%;
				height:auto;
				background:#fff;/*！新着情報_背景色*/
				box-sizing: border-box;
			}
		}
	.glide__slide{
		background:url(../images/img_top_newslist.gif) left 2px no-repeat;
		margin: 0 10px 2px 0;
		padding:0;
		overflow: hidden;
	}
		@media screen and (max-width: 619px){
			.glide__slide{
				background: none;
				margin: 0;
				padding:0;
				box-sizing: border-box;
			}
		}
	.glide__slide a{
		text-decoration:none;
	}
		.glide__slide .program_day{
			width:100%;
			margin:0 0 2px;
			font-size: 93%;
			font-weight: bold;
			color: #fff;
			text-indent: 13px;
		}
		.glide__slide .program_contents{
			width:100%;
			margin:0 0 4px;
			color:#fff;
			font-size: 87%;
			line-height: 1.6;
		}
			@media screen and (max-width: 619px){
				.glide__slide .program_contents,
				.glide__slide .program_day{
					width:100%;
					margin: 0 0 5px;
					font-size:13px;
					float: none;
				}
				.glide__slide .program_day{
					background:url(../images/sp/img_top_newslist.gif) left 0 no-repeat;
					background-size: contain;
					margin:0 0 2% 1%;
					padding: 0 0 0 5%;
					box-sizing: border-box;
					font-weight:bold;
					text-indent: 0;
					line-height: 1;
					color: #e50e83;
				}
				.glide__slide .program_day span{
					display: block;
					padding: 1% 0 0;
				}
				.glide__slide a .program_contents{
					color:#e50e83;
					text-decoration:none;
				}
			}

.nexttrailer{
	display:none;
}
	@media screen and (max-width: 619px){
		.nexttrailer{
			width: 100%;
			height: auto;
			margin: 0 auto;
			padding-bottom: 0px;
			font-weight: normal;
			font-size: 13px;
			text-align: center;
			line-height: 130%;
			display:block;
		}
		.nexttrailer h3{
			background:url(../images/sp/ttl_episodes_sp.png) left no-repeat;
			background-size: contain;
			width:100%;
			height:auto;
			margin: 0 0 2.5%;
			padding:10.42% 0 0 0;
			line-height:0;
			display: block;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
		}
		/* 次回予告 */
		.program_next {
			background:#fff;
			margin: 0 auto 4.5%;
			padding: 15px 10px;
			text-align: left;
			width: 95.8%;/*90.31*/
			height:auto;
			box-sizing:border-box;
			border: solid 1px #61b5de;
		}
			.program_next a{
				text-decoration:none;
			}
			.program_next .program_day {
				background:url(../images/sp/img_top_newslist.gif) left 0 no-repeat;
				background-size: contain;
				margin: 0 0 2%;
				padding: 0 0 0 3%;
				color:#e50e83;
				line-height: 1;
			}
				.glide__slide .program_day span{
					display: block;
					padding: 1% 0 0;
				}
			.program_next .program_title {
				color:#0060af;
			}
			.program_next ul {
				font-weight: bold;
				margin-bottom: 0;
				vertical-align: middle;
			}
	}
#opedmovie{
	background: #e50e83;
	width:100%;
	height: auto;
	margin: 20px 0 0;
	padding: 12px 0;
	text-align: center;
}
	.ttl_opedmovie{
		background: url(../images/ttl_top_opedmovie.png) no-repeat;
		width:221px;
		height: 50px;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.opedmovie_thum{
		margin: 10px 0 0;
		border:solid 3px #f1ef21;
	}
	@media screen and (max-width: 619px){
		#opedmovie{
			margin-top: 0;
			padding:5% 2.1%;
			box-sizing: border-box;
		}
		.ttl_opedmovie{
			background: url(../images/sp/ttl_top_opedmovie.png) no-repeat;
			background-size: contain;
			width:100%;
			height: auto;
			margin:0 0 4.5%;
			padding:2.46% 0 0;
		}
		#opedmovie .opedmovie_thum{
			width:44.58%;
			height: auto;
			margin: 0 5% 0 0 ;
		}
		#opedmovie .opedmovie_thum:nth-child(odd){
			margin-right: 0;
		}
	}
#twitter_area{
	background: #e50e83;
	width:100%;
	height: auto;
	margin: 20px 0 0;
	padding: 12px 0;
}
#pv{
	width:100%;
	margin:20px 0 0;
	text-align: center;
}
	#pv h3{
		background: url(../images/ttl_top_pv.png) no-repeat;
		width:260px;
		height: 34px;
		margin:0 0 16px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#pv h3.ttl_top_noncredit{
		background: url(../images/ttl_top_oped.png) no-repeat;
		height: 60px;
	}
	#pv h4.ttl_top_oped{
		margin:5px 0 0;
		font-size: 90%;
		text-align: center;
	}
	.pvthum{
		margin:0 auto;
		border:solid 2px #e50e83;
	}
	.bnr_pvarea{
		margin:20px auto 0;
	}
		@media screen and (max-width: 619px){
			#pv{
				width:95.8%;
				margin:4.5% auto 0;
			}
			#pv h3{
				background: url(../images/sp/ttl_top_pv.png) center top no-repeat;
				background-size: contain;
				width:100%;
				height: auto;
				margin:0 0 4.5%;
				padding:9.57% 0 0;
				font-size:0em;
			}
			#pv h3.ttl_top_noncredit{
				background: url(../images/ttl_top_oped_sp.png) center top no-repeat;
				background-size: contain;
				width:100%;
				height: auto;
				margin:0 0 4.5%;
				padding:22.07% 0 0;
				font-size:0em;
			}
			#pv h4.ttl_top_oped{
				margin:3% 0 0;
				font-size: 100%;
				line-height: 1.3;
			}
			.pvthum{
				width:94.65%;
				height: auto;
			}
			.bnr_pvarea{
				width:70%;/*95.85%*/
				height: auto;
				margin-top:4.5%;
			}
		}

#footer{
	width:100%;
	height: auto;
}
	.bnrarea{
		background: url(../images/img_top_bnrarea_bg.gif) repeat;
		width:100%;
		padding:20px 0;
		border-top:solid 6px #f9ba00;
		border-bottom:solid 6px #f9ba00;
		text-align: center;
	}
	.bnr{
		margin:0 10px 0 0;
	}
	.bnr_1thline{
		margin:0 10px 20px 0;
	}
	.bnr,.bnr_1thline{
		border:solid 1px #fff;
	}
		.bnr:last-child,
		.bnr_1thline:last-child{
			margin-right: 0;
		}
	@media screen and (max-width: 619px){
		.bnrarea{
			/*background: none;*/
		}
		.bnr{
			width:80%;
			height: auto;
		}
		.bnr_1thline{
			width:80%;
			height: auto;
			margin:0 1% 3% 0;
		}
			.bnr:last-child,
			.bnr_1thline:last-child{
				margin-right: 0;
			}
	}

.btn_pagetop{
	display: none;
}
.btn_u_pagetop{
	margin:-15px 50px 0 0;
	text-align:right;
}
	.btn_u_pagetop.chara{
		margin-top:-30px;
		margin-bottom: 30px;
	}
@media screen and (max-width: 619px){
	.btn_pagetop{
		display: block;
		width:66.67%;
		height: auto;
		margin:5% auto;
	}
	.btn_u_pagetop{
		margin:4% 2% 4% 0;
		text-align: right;
		position: static;
	}
	.btn_u_pagetop.chara{
		display:none;
	}
}

#copyright_bg{
	background:#bbc7ce;
	width:100%;
	height:50px;
	padding:25px 0 0;
}
#copyright{
	background:url(../images/img_copyright.png) center center no-repeat;
	margin:0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
	@media screen and (max-width: 619px){
		#copyright_bg{
			background:#383838;
			height:auto;
			margin: 0;
			padding: 2% 0 1%;
		}
		#copyright{
			background: url(../images/sp/img_copyright.png) no-repeat;
			background-size: contain;
			width:79.79%;
			padding:4.18% 0 0;
			height: auto;
			margin: 0 auto;
			font-size:0em;
		}
	}

.time_change {text-align: center;margin: 0 auto;padding: 1px 0 4px;}
	@media screen and (max-width: 619px){
		.time_change {
			display:none;
		}
	}
.program_degitalcont,
.program_streaming{
	display:none;
}

/*under
---------------------------------------------*/

/*pagetitle*/
#u_mainheader{
	width:100%;/*685*/
	height:180px;
}
	@media screen and (max-width: 619px){
		#u_mainheader{
			width:100%;
			height:auto;
			line-height:0;
			overflow: hidden;
		}
	}
	#u_mainheader h1{
		width:280px;
		height: 180px;
		margin:0;
		padding:0;
		display:block;
		float: left;
	}
	@media screen and (max-width: 619px){
		#u_mainheader h1{
            background:url(../images/sp/img_u_logo_sp_230212.jpg) 0 0 no-repeat;
			background-size:contain;
			padding: 56.3% 0 0 0;
			width:100%;
			height: auto;
		}
	}
	#u_mainheader h1 a{
		background: url(../images/img_u_logo.png) center center no-repeat;
		width:100%;
		height: 100%;
		padding:0;
		margin:0;
		display:block;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	@media screen and (max-width: 619px){
		#u_mainheader h1 a{
			background:none;
			width:100%;
			height:auto;
		}
	}
	#u_mainheader h2 {
		width:1020px;
		height: 100%;
		margin:0;
		padding:0;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		float: left;
	}
		#u_mainheader.news h2{background:url(../images/ttl_u_news.png) center center no-repeat;}
		#u_mainheader.introduction h2{background:url(../images/ttl_u_intro.png) center center no-repeat;}
		#u_mainheader.cast h2{background:url(../images/ttl_u_cast.png) center center no-repeat;}
		#u_mainheader.chara h2{background:url(../images/ttl_u_chara.png) center center no-repeat;}
		#u_mainheader.episodes h2{background:url(../images/ttl_u_episodes.png) center center no-repeat;}
		#u_mainheader.onair h2{background:url(../images/ttl_u_onair.png) center center no-repeat;}
		#u_mainheader.music h2{background:url(../images/ttl_u_music.png) center center no-repeat;}
		#u_mainheader.dvd h2{background:url(../images/ttl_u_dvd.png) center center no-repeat;}
		#u_mainheader.movie h2{background:url(../images/ttl_u_movie.png) center center no-repeat;}
		#u_mainheader.special h2{background:url(../images/ttl_u_special.png) center center no-repeat;}

	@media screen and (max-width: 619px){
		#u_mainheader h2 {
			display:block;
			background:#383838;
			width: 100%;
			height: auto;
			padding: 5px 0;
			color:#fff;
			line-height:1.5;
			text-indent:0;
			white-space:normal;
			overflow:visible;
		}
		#u_mainheader.news h2,
		#u_mainheader.introduction h2,
		#u_mainheader.cast h2,
		#u_mainheader.chara h2,
		#u_mainheader.episodes h2,
		#u_mainheader.onair h2,
		#u_mainheader.music h2,
		#u_mainheader.dvd h2,
		#u_mainheader.movie h2,
		#u_mainheader.special h2{
		background:none #f49c21;
		}
	}

	/*epi_h3*/
.u_headline_trailer,
.u_headline_episodes{
	width:100%;
	height: 44px;
	margin:10px 0 20px;
	padding: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
	.u_headline_trailer{
		background: url(../images/ttl_u_headline_trailer.png) center center no-repeat;
	}
	.u_headline_episodes{
		background: url(../images/ttl_u_headline_episodes.png) center center no-repeat;
	}
@media screen and (max-width: 619px){
	.u_headline_trailer,
	.u_headline_episodes{
		background-size: contain;
		margin: 3% 0;
		padding: 10% 0 0;
		height: inherit;
		font-size: 0;
	}
}

/*記事まわり ----------*/
.articlebox {
	width:920px;
	height: auto;
	margin: 0 auto 40px;
	padding:0;
	height:auto;
	color:#fff;
}
	.articlebox .abody{
		background: url(../images/img_u_abody_bg.png) repeat;
		width:100%;
		min-height:320px;
		padding:0 0 40px;
		box-sizing: border-box;
		line-height: 1.6;
	}
	.articlebox .atitle{
		background: url(../images/img_u_ttl_bg.jpg) repeat;
		width:100%;
		min-height: 50px;
		padding:13px 0 0 0;
		box-sizing: border-box;
		font-size: 120%;/*18*/
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	.articlebox .adate{
		background: url(../images/img_u_ttl_deco.gif) 8px 6px #f9ba00 no-repeat;
		width: auto;/*640*/
		height:auto;
		min-height: 30px;
		margin:10px 30px 30px 0;
		padding:8px 15px 0px 30px;
		font-size:107%;/*16*/
		text-align:right;
		line-height: 1;
		font-weight:bold;
		color: #000;
		box-sizing: border-box;
		float: right
	}
		.articlebox .adate p{
			display:inline;
		}
	.articlebox .atxt{
		width: 100%;
		margin:30px 0 0;
		padding: 0 30px;
		font-size: 107%;/*16*/
		box-sizing: border-box;
		clear: both;
		overflow:hidden;
	}
	.articlebox .afooter{
		background: url(../images/img_u_ttl_bg.jpg) repeat;
		width:100%;
		height:10px;
	}

	/*reset*/
	.articlebox.chara { padding:0; position: static;}
	.articlebox.chara .abody{ background: none; min-height:inherit; padding:0;}
	.articlebox.chara .atitle{display:none;}
	.articlebox.chara .adate,.articlebox.cast .adate{display:none;}
	.articlebox.chara .atxt{margin-top: 0;padding:0 ;}
	.articlebox.chara .afooter{display:none;}

	@media screen and (max-width: 619px){
		.articlebox {
			background:none rgba(255,255,255,0.6);
			width: 100%;
			margin:0;
			padding: 0;
			font-size:93.3%;/*14*/
			text-align:left;
			line-height:1.5;
			color:#535353;
			border-bottom: solid 3px #feee37;
		}
		.articlebox .abody{
			background:rgba(255,255,255,0.5) none;
			width:100%;
			min-height:inherit;
			margin:0 auto;
			padding: 0 0 5%;
			box-sizing:border-box;
			font-weight:normal;
			color:#535353;
		}
		.articlebox .atitle{
			width:100%;
			height:auto;
			min-height: inherit;
			margin: 0 auto;
			padding: 8px 5px;
			font-size:93.3%;/*14*/
			display: block;
		}
		.articlebox .adate{
			background: none;
			height:auto;
			margin: 0 0 1%;
			padding: 2% 2% 0;
			text-align:left;
			font-weight:normal;
			color:#727171;
			position: static;
			border-top: solid 1px #edd9d9;
		}
		.articlebox .atxt{
			margin:0;
			padding: 2% 4% 0;
		}
		.articlebox .afooter{
			display:none;
		}

		.articlebox.chara { padding:0; position: static;}
		.articlebox.chara .abody{padding: 0 0 3%;}
		.articlebox.chara .atitle{display:block;}
		.articlebox.chara .adate{display:block;}
		.articlebox.chara .atxt{padding: 2% 4% 0;}
		.articlebox.chara .afooter{display:none;}
	}

/*trailerソーシャル*/
#social_area_trailer{
	margin:40px auto 0;
	padding:0 0 0 279px;
	position:static;
	overflow:hidden;
}
	#social_area_trailer ul li{
		margin:0px;
		padding: 0px;
		width:115px;
		list-style:none;
		float:left;
	}
	@media screen and (max-width: 619px){
		#social_area_trailer{
			display: none;
		}
	}
#top_back{
	display:none;
}
	@media screen and (max-width: 619px){
		#top_back{
			background:/*rgba(255,255,255,0.40)*/#bbc7ce;
			width:100%;
			margin:0;
			padding:10px 0;
			text-align:center;
			border-bottom:solid 1px #d6d6d6;
			display:block;
		}
	}

/* SPサイト用_共通
---------------------------------------------*/
@media screen and (max-width: 619px){
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset,
	form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
	figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
	{margin:0; padding:0; border:0; outline:0; font-size:100%; /* background:transparent;*/}
	
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}	/*  CSS3  */
	nav ul {list-style:none;}
	blockquote, q { quotes:none;}
	blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
	a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
	h1 a { text-decoration:none; }

	#anSideBar{
		display:none;
	}
	.sp_onairtxt{
		background-color : #333333;
		padding-top:5px;
		padding-bottom:5px;
		line-height:1;
	}
	.sp_onairtxt marquee{
		color:#fff;
		font-size:60%;
	}
	#anitvFooter{
		line-height: 1.5;
		font-size:12px;
		padding:10px 0 0px 0;
		margin:0px;
		text-align:left;
	}
	#sp_social_area{
		margin:5px 0;
	}
	#sp_social_area .tx_social_line img{
		width:auto;
		height:20px;
	}
	/* デジタルコンテンツバナー */
	.program_degitalcont{
		width:90.31%;
		height:auto;
		margin:0 auto 15px;
		display:block;
	}
	/* しあたー配信バナー */
	.program_streaming{
		width:90.31%;
		height:auto;
		margin:0 auto 15px;
		display:block;
	}
}






/* あにてれ配信サムネイル */
.top_mov_sttl {
	margin-bottom: 0;
	text-align: center;
	width: 260px;
}
.top_mov_sttl img {
	width: 360px;
}
	@media screen and (max-width: 619px){
		.top_mov_sttl {
			width: 100%;
			margin: 0 auto 2.5%;
		}
		.top_mov_sttl img {
			width: 100%;
		}
	}


.top_thum,
.top_mov {
	width: 260px;
	margin: 0 auto 20px;
	background: #000;
	text-align: center;
	position: relative;
}
.top_thum a {
	display: block;
}
.top_thum img {
	width: 100%;
	opacity: 0.8;
}
.top_thum img.play {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1;
}
.top_mov .mov_free {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.top_mov .mov_free iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
	@media screen and (max-width: 619px){
		.top_thum,
		.top_mov {
			width: 90%;
			margin: 0 auto 30px;
		}
	}