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


/*#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 a img,
#contents .movie_box>div img {
display: block;
margin-bottom: 10px;
}
#contents .movie_box a,
#contents .movie_box div.howto {
max-width: 400px;
color:#fff;
display: block;
text-decoration: none;
text-align: center;
}
#contents .movie_box>a,
#contents .movie_box div.howto {
margin: 0 auto 20px;
}
#contents .movie_box a:hover {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
#contents .movie_box .movie_inbox {
max-width: 840px;
margin: 0 auto;
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 .movie_box .movie_inbox.howto_box {
margin-bottom: 40px;
}

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

#contents .black_box {
background: #000;
padding-bottom: 30px;
font-size: 16px;
}

#contents .black_box h1 {
margin-bottom: 40px;
}

#contents .black_box .box01 {
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;
margin-bottom: 40px;
}

#contents .black_box .box01 h2 {
margin-bottom: 20px;
}
#contents .black_box .box01 .box01_inbox {
width: 436px;
color:#fff;
}
#contents .black_box .img01_02 {
max-width: 920px;
margin: 0 auto 40px;
}
#contents .btn_detail {
max-width: 299px;
width: 75%;
margin: 0 auto 40px;
}
#contents .each_box {
max-width: 920px;
width: 95%;
margin: 0 auto 20px;
color:#fff;
}
#contents .each_box h2 {
margin-bottom: 20px;
}
#contents .each_box p {
text-align: center;
margin-bottom: 20px;
}
#contents .img_box {
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 .img_box figure {
display: block;
width:443px;
margin:0 0 20px;
}
#contents .img_box figure img {
margin-bottom: 5px;
}
#contents .img_box figure figcaption {
padding-left:1.5em;
	text-indent: -1.5em;
	display:inline-block;
}


#contents .whats_plus {
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(29,29,29,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(29,29,29,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,29,29,1)), color-stop(20%, rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,1)), color-stop(100%, rgba(29,29,29,1)));
background: -webkit-linear-gradient(top, rgba(29,29,29,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(29,29,29,1) 100%);
background: -o-linear-gradient(top, rgba(29,29,29,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(29,29,29,1) 100%);
background: -ms-linear-gradient(top, rgba(29,29,29,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(29,29,29,1) 100%);
background: linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(29,29,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#1d1d1d', GradientType=0 );
color:#fff; 
margin-bottom: 40px;
}
#contents .whats_plus .whats_plus_inbox {
padding-top: 50px;
min-height: 715px;
background: url("../images/whats_bg.png") no-repeat top center;
}
#contents .whats_plus img {
display: block;
margin: 0 auto 40px;
}
#contents .whats_plus p {
text-align: center;
margin-bottom: 20px;
line-height: 2em;
}
#contents .w100.detail_img {
margin: 0 auto 30px;
}


#contents hr {
display: block;
width: 94%;
margin: 40px auto ;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #666;
}

#contents .bnr_event {
display: block;
margin: 0 auto 30px;
max-width: 690px;
width: 90%;
}

#contents .movie_box h2 {
width: 90%;
margin:0 auto 20px;
}


#contents .notice_box {
background: #F8DE1D;
text-align: center;
padding: 15px 10px;
color:#000;
font-size: 14px;
}
#contents .notice_box p {
display: inline-block;
padding-left: 1em;
text-indent: -1em;
text-align: left;
}
#contents .notice_box a {
font-weight: bold;
}