@charset "utf-8";

#nav{top:149px;}
	@media screen and (max-width: 619px){
		#nav{top:auto;}
	}


/*under style
---------------------------------------------*/
#container {
	position:relative;
}

@media screen and (max-width: 619px){
	#container {
		padding: 0;
		position:relative;
		height: auto;  
	}
}


media screen and (max-width: 619px){
		#head{
			background:none;
			height:auto;
			position:inherit;
			top:auto;
		}
	}

#cate_ttl{ width:980px;}

#wrap_news #cate_ttl{background: url(../images/tit_news.png) no-repeat right top;}
#wrap_story #cate_ttl{background: url(../images/tit_story.png) no-repeat right top;}
#wrap_chara #cate_ttl{background: url(../images/tit_chara.png) no-repeat right top;}
#wrap_staff #cate_ttl{background: url(../images/tit_staff.png) no-repeat right top;}
#wrap_trailer #cate_ttl{background: url(../images/tit_trailer.png) no-repeat right top;}
#wrap_episodes #cate_ttl{background: url(../images/tit_episodes.png) no-repeat right top;}
#wrap_onair #cate_ttl{background: url(../images/tit_onair.png) no-repeat right top;}
#wrap_data #cate_ttl{background: url(../images/tit_data.png) no-repeat right top;}
#wrap_streaming #cate_ttl{background: url(../images/tit_streaming.png) no-repeat right top;}

	@media screen and (max-width: 619px){
		#cate_ttl{ width:auto; clear:inherit; height:auto;}
		#wrap_news #cate_ttl, #wrap_story #cate_ttl,#wrap_chara #cate_ttl,#wrap_staff #cate_ttl,#wrap_music #cate_ttl,#wrap_trailer #cate_ttl,#wrap_episodes #cate_ttl,#wrap_onair #cate_ttl,#wrap_streaming #cate_ttl,#wrap_data #cate_ttl{
			background:none;
		}
	}


#container h1{
	margin:0 auto 0 0;
	padding:5px 0 0 11px;
	width:250px;
	height:131px;
	display:block;
}

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

#container h1 a{
	margin:0;
	padding:0;
	width:250px;
	height:131px;
	display:block;
	background: url(../images/logo.png) no-repeat center top;
}

#container h1 span{
	display:none;
}

#cate_ttl h2{
	padding:0;
	margin:0;
	display:none;
}
	@media screen and (max-width: 619px){
		#cate_ttl h2{
			background: #3a7fd5;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			color:#fff;
			text-align:center;
			display:block;
			font-size:130%;
		}
	}

#contents {
	margin: 46px 0 0 auto;
	padding:0 0 50px 0;
	width:690px;
	min-height:720px;
}

	@media screen and (max-width: 619px){
		#contents{
			background:none;
			width:auto;
			padding:0;
			margin:0;
			min-height:inherit;
		}
	}
	
.kijibox {
	padding: 27px 0 1px 0;
	margin: 0 auto 40px auto;
	width: 670px;
	box-sizing:border-box;
	background: url(../images/kijihead.png) no-repeat center top;
	position:relative;
	border-bottom:solid 2px #140b75;
}

	@media screen and (max-width: 619px){
		.kijibox{
			padding: 0 0 0 0;
			margin: 0;
			width:auto;
			position:inherit;
			border:none;
			box-sizing:inherit;
			background: none;
			border-radius:auto;
			-webkit-border-radius: auto;
			-moz-border-radius: auto;

		}
	}

.kijibox2 {
	margin: 0 auto 40px auto;
	width: 670px;
	box-sizing:border-box;
}

	@media screen and (max-width: 619px){
		.kijibox2{
			margin: 0;
			width:auto;
			box-sizing:inherit;
		}
	}


.kijitit{
	padding:10px 0 10px 50px;
	margin: 0 auto;
	font-size:16px;
	font-weight: bold;
	color:#fff;
	background: url(../images/kiji_mark.png) no-repeat 15px center #6dc7ff;
}

	@media screen and (max-width: 619px){
		.kijitit{
			background: url(../images/kiji_mark.png) no-repeat 6px center #6dc7ff;
			width:auto;
			padding: 8px 5px 8px 40px;
			margin: 0 auto 0;
			min-height: auto;
			height: auto;
			box-sizing:border-box;
			text-align:left;
			line-height: 1.2em;
			font-size:inherit;
			font-weight: bold;
			color: #fff;
			text-shadow:2px 2px 0 #140b75;
			text-align:left;
			border-top:solid 2px #140b75;
		}
	}

.kijidate {
	font-weight:bold;
	padding: 0 0 10px 0;
	margin:0 auto;
	font-size:14px;
	width:360px;
	color:#e63222;
	text-align:right;
	position:absolute;
	top:5px;
	right:15px;
}
	@media screen and (max-width: 619px){
		.kijidate {
			height: auto;
			margin: 0;
			padding: 1% 1%;
			text-align:left;
			font-size:90%;
			color:#e63222;
			background: url(../images/kiji_bg.png) repeat center top #fff;
			width:auto;
			position:inherit;
		}
	}

.kijitxt {
	clear:both;
	padding: 16px 15px 16px 15px;
	margin: 0 auto;
	background: url(../images/kiji_bg.png) repeat center top #fff;
	border-bottom:solid 3px #6dc7ff;
}
	@media screen and (max-width: 619px){
		.kijitxt {
			padding: 4px 1% 20px 1%;
			margin: 0;
			width:auto;
			border-bottom:none;
		}
	}

.line{
	background:url(../images/line.png) repeat-x left center;
	height:10px;
	margin:0 10px 6px 10px;
}

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



	@media screen and (max-width: 619px){
		#nav{
			background: none;
			width: 96%;
			height:auto;
			margin: 0 0 1%;
			padding: 0;
			float: none;
			overflow:hidden;
			position:absolute;
			top:auto;
			bottom:0;
			left:2%;
		}
	}
	
#copyright{
	text-align:center;
	padding:10px 0 0 0;
	width:690px;
	height:50px;
	position:absolute;
	bottom:0;
	right:0;
}


	@media screen and (max-width: 619px){
		#copyright{
			position: absolute;
			bottom: 0;
			left: 0;
			right:auto;
			display:inherit;
			width:100%;
			text-align:center;
		}
	}

/*--動画--*/
.mov{
	margin:20px auto 0 auto;
	text-align:center;
	clear:both;
	width:100%;
}

.mov>div{margin:0 auto;}

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

.movie_area{
	width:100%;
}


/*--trailer時間変更--*/
.timetxt {
	padding: 8px 20px 8px 20px;
	margin: 0 20px 10px 20px;
	color:#F00;
	border:solid 2px #F00;
	background:#fff;
	font-weight:bold;
	text-align:center;
}

	@media screen and (max-width: 619px){
		.timetxt{
			border:none;
			background:none;
			margin: 0;
		}
	}


/*--ソーシャル--*/
.social_area {
	height: 31px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	width:390px;
	text-align:center;
}

.social_area .so01,.social_area .so02,.social_area .so03 {
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
}

	@media screen and (max-width: 619px){
		.social_area,.social_area .so01,.social_area .so02,.social_area .so03{
			display:none;
		}
	}