@charset "utf-8";

/*common*********************************/

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

/*concept*/

#content.special .mainarea{
	height:408px;
	width:100%;
	background:url(/images/specialmovie/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.inbox{
	width:960px;
	margin:0 auto 150px;
}


.inbox ul{
	width:1000px;
	margin:0 0 0 -40px;
}

.inbox ul li{
	list-style:none;
	width:460px;
	margin:70px 0 0 40px;
	float:left;
}

.inbox ul li .tlbox{
	text-align:center;
	margin:0 0 20px 0;
}

.inbox ul li .tlbox img{
	display:inline-block;
	width:180px;
}

.inbox ul li a:hover{
	opacity:0.8;
}


}

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

/*concept*/
#content.special .mainarea{
	height:300px;
	width:100%;
	background:url(/images/specialmovie/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.inbox{
	width:90%;
	margin:0 auto 60px;
}


.inbox ul{
	width:100%;
	margin:0 0 0 0;
}

.inbox ul li{
	list-style:none;
	width:100%;
	margin:30px 0 0 0;
}

.inbox ul li p img{
	width:100%;
}

.inbox ul li .tlbox{
	text-align:center;
	margin:0 0 20px 0;
}

.inbox ul li .tlbox img{
	display:inline-block;
	width:60%;
}

.inbox ul li a:hover{
	opacity:0.8;
}


}