@charset "shift_jis";
/* CSS Document */

#contents {
	max-width: 980px;
	width:100%;
	margin: 0 auto;
	overflow:hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contents .info_box {
	overflow:hidden;
  margin-bottom: 20px;
}
#contents .info_box .img01 {
	display:block;
	float:left;
}
#contents .info_box .info_inbox {
	width:490px;
	height:444px;
	float:left;
	background:#FDEA68;
	
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .info_box .info_inbox p {
	margin:20px 30px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:2;
	background:#FCDC03;
	padding:15px 20px;
}
#contents .info_box .info_inbox p img {
	display:block;
	margin: 0 auto 1em;
}
#contents .info_box .info_inbox .price {
	display:block;
	margin: 0 auto;
}
#contents .feature {
	margin: 0 auto;
}
#contents a.btn_to_list {
	display:block;
	margin: 30px auto;
	width:190px;
}

.movie_box {
padding: 30px 20px 10px;
	overflow:hidden;
	display:block;
}
.movie_box a:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.movie_box .campaign{
clear: both;
display: block;
width: 92%;
max-width:900px;
margin: 0 auto 30px;
}


#contents .feature_box {
background: #FABD00 url(../images/feature_bg.jpg) no-repeat top center;
background-size: 100% auto;
padding: 20px;
}
#contents .feature_box .feature_ttl {
margin:0 0 20px;
max-width: 940px;
width: 100%;
height: auto;
display: block;
}
#contents .feature_box .feature_inbox {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#contents .feature_box .feature_inbox img {
display: block;
margin-bottom: 20px;
}

#contents .copyright_txt {
font-size: 12px;
margin: 20px 0 ;
}

#contents .list_box {
overflow: hidden;
}
#contents .list_box h3.list_ttl {
display: block;
font-size: 32px;
background: #E70012;
padding: 10px 10px 8px ;
text-align: center;
color:#fff;
font-weight: bold;
}

#contents .list_box .list_inbox {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}

#contents .list_box .list_inbox>div {
width: 50%;
font-size: 16px;
line-height: 1.2;
color:#000;
text-align: center;
padding-bottom: 10px;
}

#contents .list_box .list_inbox .now {
background: #C7ECDB;
}
#contents .list_box .list_inbox .now h4 {
display: block;
font-size: 24px;
line-height: 1.1;
background: #00A75B;
padding: 8px 8px 6px ;
text-align: center;
color:#fff;
font-weight: bold;
margin-bottom: 15px;
}
#contents .list_box .list_inbox ul {
display: inline-block;
padding: 0 10px;
}
#contents .list_box .list_inbox ul li {
margin-bottom: 10px;
display: block;
text-align: left;
}


#contents .list_box .list_inbox .past {
background: #CDCEED;
}
#contents .list_box .list_inbox .past h4 {
display: block;
font-size: 24px;
line-height: 1.1;
background: #393CB4;
padding: 8px 8px 6px ;
text-align: center;
color:#fff;
font-weight: bold;
margin-bottom: 15px;
}