@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;
}

/* --------------------- */


.mainimg_txt {
padding: 20px;
text-align: center;
background: url(../images/mainimg_txt_bg.png) center center;
}
.mainimg_txt img {
display: block;
max-width: 979px;
margin: 0 auto;
}


.roomimg_box {
background: url(../images/roomimg_bg.jpg) no-repeat center center;
height:724px;
}


.roomimg_box .w1200 {
height: 100%;
text-align: left;
display: -webkit-flex;
display: flex;
align-items: flex-end;
}

.roomimg_box .roomimg_pc {
max-width: 1013px;
width: 80%;
height: auto;
margin-bottom: 50px;
}
.roomimg_box .roomimg_sp {
display: none;
}

.ms_box {
border-top: dashed 3px #525252;
background: #F3F3F4;
}
.ms_box .w1200 {
background: #fff;
}
.ms_box .ms_inbox {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 25px 0 30px;
}
.ms_box .ms_inbox .ms_ttl {
display: block;
margin: 0 auto 10px;
width: 90%;
max-width: 847px;
}
.ms_box .ms_inbox .ms_flex {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;

align-items: center;
}
.ms_box .ms_inbox .ms_flex .ms_form {
width: 50%;
}
.ms_box .ms_inbox .ms_flex .ms_form .ms_form_txt {
width: 90%;
display: block;
max-width: 435px;
height: auto;
margin: 0 auto 15px;
}
.ms_box .ms_inbox .ms_flex .ms_form .ms_form_input {
width: 100%;
display: block;
border-radius: 10px;
margin: 0 auto 15px;
padding: 10px 20px;
font-size: 20px;
text-align: center;
}
.ms_box .ms_inbox .ms_flex .ms_form .ms_form_btn {
width: 60%;
max-width: 266px;
display: block;
margin: 0 auto;
}

.ms_box .ms_inbox .ms_flex .ms_form .ms_form_btn:hover {
opacity: 0.7;
}

.ms_box .ms_inbox .ms_flex .ms_imgbox {
width: 46%;
max-width: 440px;
}


.ms_box .ms_inbox .ms_flex .ms_imgbox .ms_img.anime{
transform-origin: center bottom;
animation: yurayura 1.5s linear infinite;
}
@keyframes yurayura {
  0% , 100%{
    transform: rotate(0deg);
  }
  15%{
    transform: rotate(-5deg);
  }
  30%{
    transform: rotate(5deg);
  }
  45%{
    transform: rotate(-5deg);
  }
  60%{
    transform: rotate(0deg);
  }
}

.border_bg {
background: url(../images/bg_border.png) top center;
padding: 30px 0 20px;
}

.border_bg .btn_moncolle{
display: block;
width: 80%;
max-width: 621px;
margin: 0 auto 20px;
}

.border_bg .relate_ttl {
background: url(../images/relate_ttl_bg.jpg) center center no-repeat;
background-size: cover;
padding: 20px;
margin-bottom: 10px;
}
.border_bg .relate_ttl img {
max-width: 999px;
margin: 0 auto;
}
.border_bg .relate_img {
display: block;
width: 95%;
max-width: 1179px;
height: auto;
margin: 0 auto;
}

.legend_box {
background: #EAE0FF url(../images/legend_bg_pc.jpg) top center no-repeat;
background-size: 100% auto;
padding: 100px 0 20px;
}
.legend_box .legend_ttl {
display: block;
width: 100%;
margin: 0 auto 520px;
}
.legend_box .mlbtn_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.legend_box .mlbtn_box a {
display: block;
width: 158px;
margin-bottom: 15px;
}

.legend_box .mlbtn_box .dis_none {
display: block;
width: 158px;
height: 1px;
}

.legend_box .mlbtn_box .dis_none.pc_none {
display: none;
}

.legend_box .legend_txt {
margin: 40px auto;
width: 100%;
}

.legend_box .legend_bottom {
margin: 0px auto;
width: 90%;
max-width: 650px;
}

.border_red {
background: url(../images/bg_border_red.png) center center;
padding: 30px 0;
}


.history_ttl {
display: block;
max-width: 715px;
width: 90%;
margin: 0 auto 30px;
}
.history_img01 {
display: block;
max-width:981px;
width: 90%;
margin: 0 auto 30px;
}
.history_img02 {
display: block;
max-width:903px;
width: 90%;
margin: 0 auto;
}





.kinpika_box {
background: url(../images/kinpika_bg.png);

padding: 30px 0;

}


.kinpika_box .kinpikaimg {
display: block;
margin: 0 auto 20px;

max-width: 1293px;
width: 100%;
height: auto;
}

.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;

max-width: 360px;
margin: 0 auto;
}
.btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #EF741D;
border-color: #EF741D;
}


.bnr_2205 {
width: 90%;
max-width: 1360px;
margin: 0 auto;
padding: 40px 0;
}