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


.ct_box {
width: 100%;
margin: 0 auto;

background: url(../images/bg.jpg) center center fixed;
background-size: cover;


}

.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: 28px;
border-radius: 10px;
width: 240px;
margin: 0 auto;
}
.price_box .btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #00F81A;
border-color: #00F81A;
text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
}




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


.mainimg {
position: relative;
margin-bottom: 60px;
}
.mainimg .price_box {
position: absolute;
width: 368px;
left:15%;
bottom:6%;
z-index: 10;
}
.mainimg .price_box .price_txt {
margin-bottom: 20px;
}

.coming_box {
background: url(../images/coming_txt_bg.png) top center;
background-size: cover;
padding: 20px;
text-align: center;
}


.howto_box {
padding: 40px 0 60px;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}


.howto_box .howto_inbox {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}


.howto_box .howto_inbox .anime_box {
width: 90%;
max-width: 608px;
margin: 0 auto;
border:  solid 8px #2C64E7;
border-radius: 16px;
overflow: hidden;
}

.howto_box .howto_inbox .anime_box.anime_box02 {
border:  solid 8px #860005;
}


.sec_02 {
padding: 0 0 30px;
width: 100%;
max-width: 1076px;
margin: 0 auto;
}

.sec_02_2 {
padding: 0 0 40px;
width: 100%;
max-width: 1191px;
margin: 0 auto;
}

.sec_03 {
padding: 0 0 60px;
width: 100%;
max-width: 1026px;
margin: 0 auto;
}

.sec_03 a {
display: block;
margin: 0 auto 20px;
}

.cation_txt {
padding: 0 0 20px;
text-align: center;
color:#000;
}


nav.anchorbtn_box {
width: 96%;
max-width: 1080px;
margin: 0 auto 60px;

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
nav.anchorbtn_box a {
display: block;
width: 25%;
max-width: 255px;
}


.btn_manual {
display: block;
width: 90%;
max-width: 558px;
margin: 0 auto;
padding-bottom: 60px;
}



.ct_inbox.manual {
width: 96%;
max-width: 980px;
margin: 0 auto;
padding-bottom: 60px;
}

.ct_inbox.manual h1 {
display: block;
margin-bottom: 40px;
}

.ct_inbox.manual section {
display: block;
margin-bottom: 40px;
}



.ct_inbox.manual .btn_back {
display: block;
width: 60%;
max-width: 289px;
margin: 0 auto;
}