/* ---------------------------------------------------------------------------------------------- */
/* -- movie css -- */



h3.page_title {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	font-size:160%;
	line-height:120%;
	color:#000;
	text-align:center;
	padding:0 0 40px;
	margin:0 auto;
}
h3.page_title.line {
	padding:0 0 10px;
	margin-bottom:25px;
	border-bottom:1px solid #000;
}

div.movie_section {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:0 0 40px;
	margin:0 auto;
}
div.movie_section .mb10 {
	padding:0;
}	
div.attention_section {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:0 0 80px;
	margin:0 auto;
	text-align: center;
	color：#F33;
}
div.movie_section:after,
div.attention_section:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.movie_section a {
	box-sizing: border-box;
	display:block;
	width:47%;
	max-width:460px;
}
div.movie_section a.mv_l {
	float:left;
}
div.movie_section a.mv_r {
	float:right;
}
div.movie_section a p.thumb {
	box-sizing: border-box;
	display:block;
	padding:6.5%;
	background-color:#F2F2F2;
}
div.movie_section a p.thumb img {
	width:100%;
}
div.movie_section a dl {
	font-size:100%;
	line-height:160%;
	padding:10px 0 0;
	margin:0;
}
div.movie_section a dl dt {
	color:#000;
}
div.movie_section a dl dd {
	color: #073487;
	padding:2px 0 2px 20px;
	background-image:url(../../../common/img/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	background-size:13px;
}
div.attention_section a {
	color:#F33;
	border:#F33 solid 1px;
	border-radius: 18px;
	padding:8px 20px; 
}


/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {



div.movie_section a:hover img {
	opacity: 0.7; filter: alpha(opacity=70);
}

div.movie_section a:hover dl dd {
	text-decoration:underline;
}
	
div.attention_section a:hover {
	text-decoration:underline;
}

}





/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {



}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {



h3.page_title {
	box-sizing: border-box;
	width:calc(100% - 20px);
	max-width:calc(100% - 20px);
	font-size:120%;
}

div.movie_section,
div.attention_section {
	box-sizing: border-box;
	width:calc(100% - 20px);
	max-width:calc(100% - 20px);
	padding:0;
	margin:0 auto;
}
div.movie_section a {
	box-sizing: border-box;
	display:block;
	width:100%;
	max-width:100%;
	padding:0;
	margin:0 auto 40px;
}	
div.movie_section a.mv_l,
div.movie_section a.mv_r {
	float:none;
}
div.movie_section a p.thumb {
	padding:5%;
}
div.attention_section a {
	box-sizing: border-box;
	display:block;
	width:90%;
	max-width:90%;
	padding:10px auto;
	margin:0 auto 80px;
}	




}