/* 予約カレンダー ここから */
.book_calendar {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #5b5b5b;
}

/* jQuery UI が style属性で幅を直接書き込むため、!important でしか上書きできない */
.book_calendar .ui-datepicker {
  width: auto !important;
}

/* 2ヶ月分が float で並ぶので、枠の高さが潰れないよう解除する */
.book_calendar .ui-datepicker:after {
  content: "";
  display: block;
  clear: both;
}

.book_calendar .ui-datepicker-group {
  box-sizing: border-box;
  padding: 0 20px;
}

.book_calendar .ui-datepicker-multi .ui-datepicker-group table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #5b5b5b;
}

/* datepicker.css が月名の後ろに「月」を足しているので、二重にならないよう消す */
.book_calendar .ui-datepicker-title .ui-datepicker-month:after {
  content: "";
}

/* クリック不可の日は datepicker.css で薄く(opacity: .35)なるので、元に戻す */
.book_calendar .ui-datepicker td {
  border: 1px solid #ddd;
  padding: 0;
  opacity: 1;
}

.book_calendar .ui-datepicker td span {
  box-sizing: border-box;
  height: 60px;
  padding: 6px 0 0;
  border: none;
  text-align: center;
}

/* 予約できる日：日付の下に○を出す */
.book_calendar .date-available span:after {
  content: "○";
  display: block;
  font-size: 20px;
  line-height: 1.2;
  color: #e0505a;
}

.book_calendar_legend {
  margin-top: 20px;
  font-size: 16px;
  font-family: a-otf-ryumin-pr6n, serif;
}

.book_calendar_legend_mark {
  color: #e0505a;
}

.book_calendar_note {
  margin-top: 30px;
  font-size: 18px;
  font-family: a-otf-ryumin-pr6n, serif;
}

@media only screen and (max-width: 799px) {
  /* 外側の白い枠を消し、月ごとに別々の白い箱として見せる */
  .book_calendar .ui-datepicker {
    border: none;
    background: transparent;
  }

  /* スマホは2ヶ月を縦に並べる */
  .book_calendar .ui-datepicker-multi-2 .ui-datepicker-group {
    float: none;
    width: 100%;
    padding: 0;
    border: 1px solid #aaaaaa;
    background: #ffffff;
  }

  /* 2ヶ月目の箱を、1ヶ月目から離す */
  .book_calendar .ui-datepicker-multi-2 .ui-datepicker-group-last {
    margin-top: 30px;
  }

  .book_calendar .ui-datepicker td span {
    height: 50px;
  }

  .book_calendar_note {
    font-size: 15px;
  }
}
/* 予約カレンダー ここまで */