@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*下層タイトル*/
.titleimg {
  margin-bottom: 10px;
}

/*ご予約方法*/
.reservation {
  margin-bottom: 60px;
  background: #F4F0EA;
  padding: 50px 0;
}
.reservation .reservation__wp {
  margin-bottom: 50px;
  padding: 30px 4%;
  background: #fff;
  text-align: center;
  border-radius: 15px;
  box-sizing: border-box;
}
.reservation .reservation__wp .reservation__ttl {
  margin-bottom: 20px;
}
.reservation .reservation__wp .reservation__main {
  margin-bottom: 15px;
  color: #0C1848;
}
.reservation .reservation__wp .reservation__main .reservation__main-jp {
  font-size: 1.6rem;
  line-height: 1.6666666667;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__main .reservation__main-jp {
    font-size: calc(1.6rem + (1vw - 7.69px) * 0.3913894325);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__main .reservation__main-jp {
    font-size: 1.8rem;
  }
}
.reservation .reservation__wp .reservation__main .reservation__main-en {
  font-size: 1.5rem;
  line-height: 1.4375;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__main .reservation__main-en {
    font-size: calc(1.5rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__main .reservation__main-en {
    font-size: 1.6rem;
  }
}
.reservation .reservation__wp .reservation__sub .reservation__sub-jp {
  font-size: 1.4rem;
  line-height: 1.4666666667;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__sub .reservation__sub-jp {
    font-size: calc(1.4rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__sub .reservation__sub-jp {
    font-size: 1.5rem;
  }
}
.reservation .reservation__wp .reservation__sub .reservation__sub-en {
  font-size: 1.3rem;
  line-height: 1.4285714286;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__sub .reservation__sub-en {
    font-size: calc(1.3rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__sub .reservation__sub-en {
    font-size: 1.4rem;
  }
}
.reservation .reservation__wp .reservation__txt {
  margin-bottom: 15px;
}
.reservation .reservation__wp .reservation__txt .reservation__txt-jp {
  font-size: 1.4rem;
  line-height: 1.4666666667;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__txt .reservation__txt-jp {
    font-size: calc(1.4rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__txt .reservation__txt-jp {
    font-size: 1.5rem;
  }
}
.reservation .reservation__wp .reservation__txt .reservation__txt-en {
  font-size: 1.3rem;
  line-height: 1.4285714286;
}
@media (min-width: 769px) {
  .reservation .reservation__wp .reservation__txt .reservation__txt-en {
    font-size: calc(1.3rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .reservation__wp .reservation__txt .reservation__txt-en {
    font-size: 1.4rem;
  }
}
.reservation .reservation__wp .btn {
  margin-bottom: 0;
}
.reservation .reservation__wp .btn a {
  max-width: 360px;
  background: #AD371B;
  border: 1px solid #AD371B;
}
.reservation .reservation__wp .btn a:hover {
  background: #fff;
  color: #AD371B;
}
.reservation .sign__ttl {
  margin-bottom: 50px;
  text-align: center;
}
.reservation .sign__ttl .sign__ttl-sub {
  margin-bottom: 10px;
  color: #0C1848;
}
.reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-jp {
  font-size: 1.4rem;
  line-height: 1.2;
}
@media (min-width: 769px) {
  .reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-jp {
    font-size: calc(1.4rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-jp {
    font-size: 1.5rem;
  }
}
.reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-en {
  font-size: 1.3rem;
  line-height: 1.4285714286;
}
@media (min-width: 769px) {
  .reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-en {
    font-size: calc(1.3rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .sign__ttl .sign__ttl-sub .sign__ttl-sub-en {
    font-size: 1.4rem;
  }
}
.reservation .sign__ttl .sign__ttl-main .sign__ttl-main-jp {
  font-size: 2rem;
  line-height: 1.8181818182;
}
@media (min-width: 769px) {
  .reservation .sign__ttl .sign__ttl-main .sign__ttl-main-jp {
    font-size: calc(2rem + (1vw - 7.69px) * 0.3913894325);
  }
}
@media (min-width: 1280px) {
  .reservation .sign__ttl .sign__ttl-main .sign__ttl-main-jp {
    font-size: 2.2rem;
  }
}
.reservation .sign__ttl .sign__ttl-main .line {
  background: linear-gradient(transparent 70%, #FFE200 0%);
}
.reservation .sign__ttl .sign__ttl-main .num {
  font-size: 2.8rem;
  font-family: "Josefin Sans", sans-serif;
}
@media (min-width: 769px) {
  .reservation .sign__ttl .sign__ttl-main .num {
    font-size: calc(2.8rem + (1vw - 7.69px) * 0.3913894325);
  }
}
@media (min-width: 1280px) {
  .reservation .sign__ttl .sign__ttl-main .num {
    font-size: 3rem;
  }
}
.reservation .sign__ttl .sign__ttl-main .sign__ttl-main-en {
  font-size: 1.3rem;
  line-height: 1.4285714286;
}
@media (min-width: 769px) {
  .reservation .sign__ttl .sign__ttl-main .sign__ttl-main-en {
    font-size: calc(1.3rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .reservation .sign__ttl .sign__ttl-main .sign__ttl-main-en {
    font-size: 1.4rem;
  }
}
.reservation .howto__slide li:last-child .howto__ttl-box {
  color: #AD371B;
}
.reservation .howto__slide li:last-child .howto__ttl-box .howto__slide-ttl-num {
  background: #AD371B;
}
.reservation .howto__slide li:last-child .howto__txt-box .howto__txt-ttl-num {
  background: #AD371B;
}
.reservation .btn {
  margin: 0% 0% 10.56% 0%;
}
.reservation .btn a {
  max-width: 500px;
  background: #AD371B;
  border: 1px solid #AD371B;
}
.reservation .btn a:hover {
  background: #fff;
  color: #AD371B;
}
.reservation .btn.place__btn {
  margin-bottom: 0;
}
.reservation .btn.place__btn a {
  max-width: 360px;
  margin: 0;
  padding: 10px 0;
  background: #0C1848;
  border: 1px solid #0C1848;
}
.reservation .btn.place__btn a:hover {
  background: #fff;
  color: #0C1848;
}
.reservation .btn.sign__btn {
  margin-bottom: 0;
}
.reservation .btn.sign__btn a {
  max-width: 280px;
  margin: 0;
  padding: 10px 0;
}
/*# sourceMappingURL=style.css.map */