@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;
}
#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 20px;
}
#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 .movie_box .movie_inbox {
display: block;
float: left;
width: 100%;
max-width: 430px;
margin:0 0 20px 20px;
}
#contents .movie_box .movie_inbox>div {
 position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 10px;
}
#contents .movie_box>div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#contents .movie_box .movie_inbox:nth-child(2) {
float: right;
margin-right: 20px;
}
#contents .movie_box .movie_inbox img {
display: block;
margin: 0 auto;
}

#contents .movie_box .movie_inbox a:hover {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

#contents .feature_box {
margin-bottom: 40px;
}
#contents .feature_box .feature_ttl {
margin-bottom: 20px;
}
#contents .feature_box .feature_inbox {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

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

-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;
}