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


.ct_box {
width: 100%;
margin: 0 auto;
background: #000;
}

.ct_inbox {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}

.w1200 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}


.pc_none {
display: none;
}
.sp_none {
display: block;
}


.price_box {
height: 176px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;

background: url(../images/price_bg.png) repeat-x center center;
}



.price_box .btn_mall .btn {
display: inline-block;
font-weight: bold;
line-height: 1.5;
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: 0.15em 2em;
font-size: 36px;
border-radius: 10px;
}
.price_box .btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #00ABF3;
border-color: #00ABF3;
}




#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.movie_area {
max-width: 980px;
width: 90%;
margin:0 auto 40px;
border: solid 3px #FF592D;
}


.promo_movie_box {
width: 100%;
max-width: 980px;
margin: 0 auto;
}




.btn_manual_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

max-width: 800px;
width: 80%;
margin: 30px auto 0;
}
.btn_manual_box a {
max-width: 371px;
display: block;
margin-bottom: 30px;
}


section.sec00 {
background: url(../images/sec00_bg.jpg) center center;
background-size: cover;

padding: 50px 20px 100px;
}
section.sec00 img {
max-width: 1200px;
display: block;
margin: 0 auto;
}



section.sec01 {
position: relative;
background: #000;
}
section.sec01 h2.sec01_ttl {
width: 100%;
display: block;
position: absolute;
top:-100px;
height: 197px;
background: url(../images/sec01_ttl_pc.png) center center no-repeat;
z-index: 100;
}
section.sec01 .w1200{
padding: 80px 0 200px;
background: url(../images/sec01_bg.jpg) top center repeat-y;
background-size: 100% auto;
}
section.sec01 .w1200 img{
margin-bottom: 40px;
}



section.sec02 {
position: relative;
background: #000;
}
section.sec02 h2.sec02_ttl {
width: 100%;
display: block;
position: absolute;
top:-210px;
height: 673px;
background: url(../images/sec02_ttl_pc.png) center center no-repeat;
z-index: 100;
}
section.sec02 .w1200{
padding: 470px 0 30px;
background: url(../images/sec02_bg.jpg) top center repeat-y;
background-size: 100% auto;
}
section.sec02 .w1200 img{
margin-bottom: 40px;
}




.bnr_moncolle {
display: block;
max-width: 400px;
width: 80%;
margin: 0 auto 20px;
}