@charset "UTF-8";
/* EC-CUBE テンプレートのページ内 <style> から生成（build_parts.js） */

#main .XXXX{
	margin:0;
}
/* h2タイトル */
div.movieSec h2.title{
	width:100%;
	max-width:730px;
	display:block;
	border:1px solid #EEE;
}
div.movieSec h2.title a{
	display:block;
	width:100%;
	background-image: url(../img/movie/ico_arrow_01s.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-position: right 5px top 0px;
	font-size:15px;
	text-decoration:underline;
}
div.movieSec h2.title:hover{
	background-color:#FFFFCC;
}

p.lead {
	padding-top:6px;
	margin-bottom:30px;
	font-size:15px;
}
p.lead img{
	margin-bottom:17px;
}
div.movieSec{
	clear:both;
	margin:0 0 30px 0;
}
div.movieSec div.photo{
	display:block;
	float:left;
	width:130px;
}
div.movieSec ul.movieList{
	display:block;
	float:left;
	padding-left:20px;
	width:calc(100% - 150px);
}
div.movieSec ul.movieList li{
	line-height:1.6;
	font-size:12px;
	margin-bottom:6px;
}
div.movieSec span.circle{
	color: #A8D1FF;
    padding-right: 2px;
}
div.secBottom{
	margin-bottom:30px;
}
div.self{
	padding-top:25px;
	clear:both;
	border-top:1px solid #DDD;
}
div.self div.title{
	margin-bottom:20px;
}
div.self div.title img{
	max-width: 240px;
}

/* スマホサイト */
@media screen and (max-width: 700px) {
	p.lead img {
		margin-bottom:10px;
	}
	div.movieSec div.photo {
		float: right;
		width: 80px;
	}
	div.movieSec ul.movieList {
		padding-left: 0px;
		width: calc(100% - 90px);
		float: left;
	}
	div.movieSec ul.movieList {
		font-size: 13px;
		line-height: 1.4;
	}
}