#booking-package .sun {
    
}

#booking-package .mon {
    
}

#booking-package .tue {
    
}

#booking-package .wed {
    
}

#booking-package .thu {
    
}

#booking-package .fri {
    
}

#booking-package .sat {
    
}

#booking-package .nationalHoliday {
    
}

#booking-package_calendarPage .dateField {
    /**
    background-color: #0f9b79;
    color: #fff;
    font-weight: 400;
    **/
}

#booking-package_calendarPage .startDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(270deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}

#booking-package_calendarPage .dateOfFullRoom {
    /**
    background: #ff8989;
    **/
}

#booking-package_calendarPage .endDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(90deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}


/* ============================================== */
/* ここからオリジナルCSS */
/* ============================================== */


/* 日別の時間帯枠・一覧表のテキスト */
#booking-package_schedulePage{
    font-size: 18px !important;
    font-weight:bold;
}

/* 日別の時間帯枠・営業していない日時の色 */
#booking-package_schedulePage .closed {
    color: #ccc !important;
}

/* 日別の時間帯枠：時間の後ろに〇を表示する */
.selectable_time_slot span.timeSlot::after {
  content: "　〇"!important;
  color: #000!important;
  margin-left: 5px;
}

/* 日別の時間帯枠：時間がクローズになったときの表示 */
.selectable_time_slot.closed span{
    color: #fff !important;
}

.selectable_time_slot.closed span.timeSlot::after{
    color: #fff !important;
}

#selectedDate{
    font-size: 20px !important;
}

/* 日別の時間帯枠：時間がクローズになったときに枠ごと非表示 */
#scheduleMainPanel .selectable_time_slot.closed {
    display: none !important;
}


/* カレンダに戻るボタン */

#returnToCalendarButton{
    padding: 10px;
    border-radius: 5px;
}

.selectable_time_slot:hover{
    background-color: #fff !important;
}

.selectable_time_slot {
    pointer-events: none !important; /* クリック無効化 */
    cursor: default !important;      /* マウスカーソルも通常に */
    color: inherit !important;       /* リンク色をそのまま維持 */
    text-decoration: none !important; /* 下線を消す場合 */
}

.selectable_day_slot selected_day_slot{
  display: flex !important;
  flex-direction: row-reverse !important; /* 左右反転 */
}

#booking-package_schedulePage .selectable_day_slot {
    display: flex;
    justify-content: space-evenly;
      flex-direction: row-reverse !important; /* 左右反転 */

}