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

#contents {
	max-width: 980px;
	width:100%;
	margin: 0 auto;
	overflow:hidden;
padding-bottom: 40px;
}

#contents .MB10 {
	margin-bottom:10px;
}
#contents .MB20 {
	margin-bottom:20px;
}
#contents .MB30 {
	margin-bottom:30px;
}
#contents .MB40 {
	margin-bottom:40px;
}
#contents .MB50 {
	margin-bottom:50px;
}
#contents .MB60 {
	margin-bottom:60px;
}
#contents .MB70 {
	margin-bottom:70px;
}
#contents .MB80 {
	margin-bottom:80px;
}
#contents .MB90 {
	margin-bottom:90px;
}
#contents .MT10 {
	margin-top:10px;
}
#contents .MT20 {
	margin-top:20px;
}
#contents .MT30 {
	margin-top:30px;
}
#contents .MT40 {
	margin-top:40px;
}
#contents .MT50 {
	margin-top:50px;
}

#contents a:hover {
opacity: 0.7;
}

#contents .price_box {
background: #d3bf91;
box-shadow: inset 0px 0px 10px 10px rgba(163, 127, 31, 0.9);
}

#contents .btn_mall .btn {
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem 2rem;
    font-size: 1rem;
    border-radius: 6px;
}
#contents .price_box .btn_mall .btn {
    font-size: 1.3rem;
    padding: .375rem 2rem 0.15rem;
}

#contents .btn_mall .btn:hover {
opacity: 0.7;

}
#contents .btn_mall .btn.btn-light {
color: #fff;
background-color: #cc0000;
border-color: #cc0000;
}
#contents .price_box .btn_mall .btn.btn-light {
color: #fff;
background-color: #cc0000;
border-color: #cc0000;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#contents .info_box .btn_mall .btn.btn-light {
position: absolute;
bottom: 13px;
right:30px;
z-index: 100;
}


#contents a.btn_to_list {
	display:block;
	margin: 30px auto;
	width:190px;
}



#contents .info_box .btn_mall .btn.btn-light {
position: absolute;
bottom: 26px;
right:30px;
z-index: 100;
}

#contents .info_box {
	overflow:hidden;
  margin-bottom: 20px;
}
#contents .info_box .img01 {
	display:block;
	float:left;
	width:490px;
	height:502px;
}
#contents .info_box .info_inbox {
	width:490px;
	height:502px;
	float:left;
position: relative;
	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .info_box .info_inbox .price {
	display:block;
	margin: 0 auto;
}

/*------*/

.hd_w100 {
width: 100%;
background: #fff;
padding: 10px 0 ;
}


.hd_w100 .hd_box {
	max-width: 980px;
	width:100%;
	margin: 0 auto;
	overflow:hidden;
}


.hd_w100 .hd_box h2 {
	display:block;
	float:left;
  margin: 0;
}
.hd_w100 .hd_box nav {
	display:block;
	float:right;
	overflow:hidden;
}
.hd_w100 .hd_box nav a {
	display: block;
  float:left;
  margin: 0;
}
.hd_w100 .hd_box nav a:hover {
opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.hd_w100 .hd_box nav a img {
	display: block;
}


#wrapper {
background: #0d0d0d;
}

#contents {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
}



#contents .price_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

align-items: center;


padding: 20px;
}

.price_box .price_txt {
max-width: 309px;
}

#contents .bnr_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#contents .bnr_box>* {
display: block;
width: 50%;
max-width: 420px;
}




#contents .movie_box {
background: #000;
padding: 20px 0;
}
#contents .movie_inbox {
display: block;
margin: 0 auto;
width: 80%;
max-width: 800px;
}
#contents .movie_inbox>div {
 position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 10px;
}
#contents .movie_inbox>div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/*------*/


#contents section {
color:#fff;
}

#contents section h2 {

display: block;
border: solid 4px #fff;
border-radius: 4px;
padding: 10px 15px 14px;

font-size: 30px;
text-align: center;
}

#contents .txt_anime span {
  opacity: 0;
}


#contents .feature_txt_box {
text-align: center;
}

#contents .feature_txt_box .feature_txt {
text-align: left;
font-size: 24px;

display: inline-block;
padding-left: 1em;
text-indent: -1em;
}

#contents .sec02_01 {
margin-left: auto;
margin-right: auto;
max-width: 825px;
}
#contents .sec02_02_box {
margin-left: auto;
margin-right: auto;
max-width: 680px;
position: relative;
}
#contents .sec02_02_box .sec02_02 {
display: block;
width: 60%;
height: auto;
max-width: 400px;
}
#contents .sec02_02_box .sec02_02_txt_box {
display: inline-block;
border: solid 4px #fff;
background: #000;;
border-radius: 4px;
padding: 10px 20px 15px;

position: absolute;
right:0;
top:10%
}
#contents .sec02_02_box .sec02_02_txt {
font-size: 24px;

display: inline-block;
padding-left: 1em;
text-indent: -1em;
}


#contents .sec03_box {
width: 80%;
height: auto;
max-width: 780px;
margin: 0 auto;
}
#contents .sec04_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}

#contents .sec04_box img {
display: block;
width: 42%;
height: auto;
max-width: 400px;
margin: 0 10px 30px;
}


#contents .feature_txt_box .feature_txt.ff9a39 {
color:#ff9a39;
}

#contents .slider {
width: 82%;
max-width: 800px;
margin: 0 auto;
}


/*------*/



#contents .copyright_box {
text-align: right;
}

#contents .copyright_box .copyright {
display: inline-block;
text-align: left;
font-size: 12px;
color:#fff;
}

.btn_to_list {
display: block;
width: 190px;
margin: 40px auto;
}

.slick-dots li {
width: 10px;
height: 10px;
padding: 2px;
}

.slick-dots li button {
width: 10px;
height: 10px;
padding: 2px;
}

.slick-dots li button:before {
opacity: .4;
color: #fff;
}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #fff;
}