@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){


			#secMenu{
				display:block;
				background-image: url('../img/common/bg_secnavi.png');
				background-size:auto 100%;
				height:40px;
				margin-top:-5px;
				padding:18px;
				text-align:center;
			}

			#secMenu .inner{
				width:350px;
				margin:0 auto 0;
			}

			#secMenu a{
				display:block;
				float:left;
				padding:0 20px;
				border-left:1px solid #999;
			}


			#secMenu a:nth-child(1){width:95px;border-left:none;}
			#secMenu a:nth-child(2){width:62px;}
			#secMenu a:nth-child(3){width:62px;}

			#secMenu a img{
				display:block;
				width:100%;
			}

	#content_inner{
		padding:30px 0 120px;
		width:1000px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}


	.movieBox{
		position: relative;
  width: 100%;
  padding: 56.3% 0 0 0;
	margin:30px 0 0;
	}

	.movieBox.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:35px;
		height:35px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-8px;
		left:-8px;
	}

	.box.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:35px;
		height:35px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-8px;
		left:-8px;
	}

	.box a{
		overflow:hidden;
		border-radius:5px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	}

	.movie_thum .box.non a:after{
display:none;
	}

	.movie_thum .box.nohoveraction a img{
		opacity:1!important;
	}


	.channel_btn{

		float:right;
		margin:10px 0px 20px 0;

	}

	.movieBox iframe{
		display:block;
		top:0;left:0;
		margin:0 auto 0;
		width:100%;height:100%;
		position:absolute;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	}

	p{
		text-align:center;
		color:#633;
		display:block;
		padding:10px 0 0;
		font-size:18px;
		font-weight:800!important;
	}

	h2{
		margin-top:55px;
		color:#3c1e13;
		font-weight:800!important;
		padding:4px 4px 8px;
		border-bottom:1px solid #5A2F1E;
		margin-bottom:-12px;
	}

	h2:nth-of-type(1){
		margin-top:0px;
	}



	.movie_thum{
		/*border-top:1px solid #999;*/
		margin:0px 0 0;
		padding:0px 0 0;
	}

	.movie_thum .box{
		width:32%;
		position:relative;
		float:left;
		margin-left:1.8%;
		margin-top:4%;
	}

	.movie_thum p{
		font-size:16px;
		line-height:1.2;
	}

	.movie_thum p span{
		font-size:12px;
	}

	.movie_thum .box:nth-child(3n+1){
		margin-left:0;
	}

	.movie_thum .box:hover a img{
		opacity:0.6;
	}

	.movie_thum .box a{
		background-color:#000;
		display:block;
		position:relative;
	}

	.movie_thum .box img{
		display:block;
		width:100%;
	}


	.movie_thum .box a::after{
		content:'';
		background-image:url('../img/top/btn_play.png');
		display:block;
		width:70px;
		height:70px;
		background-size:100%;
		position:absolute;
		top:50%;
		left:50%;
		margin:-35px 0 0 -35px;
	}

/**/

a .long{
	background-color:rgba(0,0,0,0.8);
	color:#ccc;
	position:absolute;
	right:0;bottom:0;
	font-size:12px;
	display:block;
	padding:1px 10px;
	border-radius:10px 0 0 0;
}


#content_inner .fukidashi_anime:after {
	content: "";
	position: absolute;
	top: 50%; left: -15px;
	margin:auto;
	margin-top: -30px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #382f20 transparent transparent;
}



}




/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


	#content_inner{
		padding:7% 0 20%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#secMenu{
		display:block;
		background-image: url('../img/common/bg_secnavi.png');
		background-size:cover;
		padding:13px 10% 13px;
		text-align:center;
		position:relative;
		z-index:80;
	}

	#secMenu .inner{
		width:58%;
		margin:0 auto 0;
	}

	#secMenu a{
		display:block;
		float:left;
		padding:0 3%;
		border-left:1px solid #999;
		position:relative;
	}

	#secMenu a:nth-child(1){width:36%;border-left:none;}
	#secMenu a:nth-child(2){width:22%;}
	#secMenu a:nth-child(3){width:22%;}

	#secMenu a img{
		display:block;
		width:100%;
	}

	.movieBox{
		position: relative;
	width: 100%;
	padding: 55% 0 0 0;
	margin:30px auto 0px;
	}

	.channel_btn{
		float:right;
		margin:10px 5px 20px 0;
		box-shadow:none;
	}

	.movieBox iframe{
		display:block;
		top:0;left:0;
		margin:0 auto 0;
		width:100%;height:100%;
		position:absolute;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	}

	p{
		text-align:center;
		color:#633;
		display:block;
		padding:15px 0 0;
		font-size:18px;
		font-weight:800!important;
	}

	h2{
		margin-top:45px;
		color:#5A2F1E;
		font-weight:800!important;
		padding:4px;
		border-bottom:1px solid #5A2F1E;
	}

	h2:nth-of-type(1){
		margin-top:0px;
	}

	.movie_thum{

		margin:0% 0 0;
		padding:0% 0 0;
	}

	.movie_thum .box{
		width:100%;
		position:relative;
		float:left;
		margin-left:1%;
		margin-top:2%;
		padding-bottom:2%;
		border-bottom:1px solid #999;
	}

	.box.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:25px;
		height:25px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:2px;
		left:2px;
	}

	.movie_thum .box:hover a img{
		opacity:0.6;
	}

	.movie_thum .box a{
		background-color:#000;
		display:block;
		position:relative;
		width:50%;
		float:left;
	}

	.movie_thum .box img{
		display:block;
		width:100%;
	}

	.movie_thum .box p{
		float:right;
		width:42%;
		font-size:12px;
		padding:12% 4% 0 0;
		text-align:left;
		line-height:1.3;
	}


	.movie_thum .box a::after{
		content:'';
		background-image:url('../img/top/btn_play.png');
		display:block;
		width:40px;
		height:40px;
		background-size:100%;
		position:absolute;
		top:50%;
		left:50%;
		margin:-20px 0 0 -20px;
	}

	.movie_thum .box.non a:after{
		display:none;
	}

	.movie_thum .box.nohoveraction a img{
		opacity:1!important;
	}


	/**/

	a .long{
		background-color:rgba(0,0,0,0.8);
		color:#ccc;
		position:absolute;
		right:0;bottom:0;
		font-size:11px;
		display:block;
		padding:1px 8px;
		border-radius:10px 0 0 0;
	}



}