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

fonts

******************************************************/
/******************************************************

PC／SP 共有

******************************************************/
.subpage.reservation-page .textBox figure{
  float: none;
  padding-right: 0;
  text-align: center;
  border: 1px solid #1458a7;
  padding-top: 30px;
  max-width: 660px;
  width: 100%;
  margin: 20px auto;
}
.arrow-ico{
  font-size: 5rem;
  text-align: center;
}
.txt-bold{
  font-weight: bold;
}

.textBox.reservation-box  figure,
.textBox.reservation-box  p{
  text-align: center;
}
.textBox.reservation-box p span{
  font-size: 2rem;
}
.calendar-btn {
  padding: 18px 9px;
  margin-right: 10px;
  color: #ffffff;
  font-size: 1.9rem;
  border-left: #e1e1e1 dotted 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  margin: 0 auto;
}
.calendar-btn img {
  width: 100%;
  height: 100%;
  margin-right: 5px;
}
.calendar-btn:hover{
  color: #fff;
}
.img-01{
  margin-left: 220px;
}
.img-02{
  margin-left: 100px;
}
.img-03{
  margin-left: 185px;
}
.img-04{
  margin-left: 160px;
}
.img-05{
  margin-left: 0px;
}
.img-06{
  margin-left: 158px;
}
.img-07{
  margin-left:0px;
}
.img-10{
  margin-left: 150px;
}
.red-star{
  color: #ff0000;
}
.btn-box{
  position: relative;
}
.img-reservation {
  position: absolute;
  right: 53px;
  top: 40px;
}
/******************************************************

sp

******************************************************/
@media screen and (max-width: 740px) {
  .calendar-btn {
    padding: 15px 9px;
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    font-size: 1.3rem;
}
.img-reservation {
  right: -10px;
  top: 110px;
}
.img-01 {
  margin-left: 25.63vw;
}
.img-02 {
  margin-left: 13.514vw;
}
.img-03 {
  margin-left: 25vw;
}
.img-04 {
  margin-left: 21.622vw;
}
.img-06 {
  margin-left: 21.297vw;
}
.img-10 {
    margin-left: 18vw;
}
  section {
    padding-bottom: 0 !important; }
    .subpage.reservation-page .textBox figure img {
      max-width: 70%;
      width: auto;
  }
  .arrow-ico {
    font-size: 4rem;
    text-align: center;
}
.subpage .textBox figure{
  text-align: center;
  padding: 10px 0 10px !important;
  margin: 20px 0px !important;
}
.textBox p{
  text-align: center;
}
.textBox.reservation-box p span{
  font-size: 1.5rem;
}
.subpage .textBox.reservation-box {
  padding: 0 20px 100px;
}
  }

@media screen and (max-width: 480px) {
 }

/******************************************************
PC / common

******************************************************/


@media screen and (max-width: 740px) {
}