/* この予約欄のカレンダーを開いている間だけ適用する。 */
#ui-datepicker-div.hakata-web-reservation-datepicker {
  display: none;
  z-index: 10000 !important;
  box-sizing: border-box;
  width: min(336px, calc(100vw - 24px));
  padding: 12px;
  border: 1px solid #b8a186;
  border-radius: 8px;
  background: #fffdf9;
  color: #382c23;
  box-shadow: 0 5px 20px #382c2326;
  font: 16px/1.5 sans-serif;
}
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-header { position: relative; padding: 8px 0 12px; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-title { margin: 0 48px; text-align: center; font-weight: 700; white-space: nowrap; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-prev,
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-next { position: absolute; top: 8px; width: 48px; color: #76543b; text-align: center; cursor: pointer; white-space: nowrap; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-prev { left: 0; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-next { right: 0; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-header .ui-icon { display: inline; position: static; width: auto; height: auto; margin: 0; background: none; text-indent: 0; }
#ui-datepicker-div.hakata-web-reservation-datepicker table { display: table; width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; }
#ui-datepicker-div.hakata-web-reservation-datepicker tr { display: table-row; border: 0; }
#ui-datepicker-div.hakata-web-reservation-datepicker th,
#ui-datepicker-div.hakata-web-reservation-datepicker td { display: table-cell; width: auto; padding: 2px; border: 0; background: transparent; text-align: center; line-height: 1.5; }
#ui-datepicker-div.hakata-web-reservation-datepicker th { padding-bottom: 6px; font-size: 13px; font-weight: 700; }
#ui-datepicker-div.hakata-web-reservation-datepicker td a,
#ui-datepicker-div.hakata-web-reservation-datepicker td span { display: block; padding: 7px 0; border: 1px solid transparent; border-radius: 4px; color: inherit; text-decoration: none; }
#ui-datepicker-div.hakata-web-reservation-datepicker td a:hover,
#ui-datepicker-div.hakata-web-reservation-datepicker td a:focus { border-color: #a78c6d; background: #f2e9dd; outline: 2px solid #a78c6d; outline-offset: -2px; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-datepicker-today a { border-color: #b8a186; }
#ui-datepicker-div.hakata-web-reservation-datepicker td a.ui-state-active { background: #76543b; color: #fff; }
#ui-datepicker-div.hakata-web-reservation-datepicker .ui-state-disabled { opacity: .35; cursor: not-allowed; }