/* --- 曜日の色分け --- */
/* 日曜日は赤 */
#booking-package .sun {
    color: #e74c3c !important; 
}

/* 土曜日は青 */
#booking-package .sat {
    color: #3498db !important;
}

/* 平日は濃いグレーで読みやすく */
#booking-package .mon,
#booking-package .tue,
#booking-package .wed,
#booking-package .thu,
#booking-package .fri {
    color: #333333;
}

/* 祝日は赤にして、背景をほんのり赤くする */
#booking-package .nationalHoliday {
    color: #e74c3c !important;
    background-color: #fdf2f2 !important;
}


/* --- 日付（マス）の基本設定 --- */
/* 通常の日付（予約できる日） */
#booking-package_calendarPage .dateField {
    background-color: #ffffff;
    color: #333333;
    font-weight: 500;
    border: 1px solid #eeeeee; /* 薄い枠線を入れて区切りをハッキリさせる */
}


/* --- 満室（予約不可）の日の設定 --- */
/* 満室の日は「薄いグレー」にして、文字も薄くすると『選べない感』が出ます */
#booking-package_calendarPage .dateOfFullRoom {
    background-color: #f5f5f5 !important;
    color: #bbbbbb !important;
    cursor: not-allowed; /* マウスを乗せた時に禁止マークにする */
}

/* 満室の開始日 */
#booking-package_calendarPage .startDateOfFullRoom {
    background-color: #f5f5f5 !important;
    color: #bbbbbb !important;
}

/* 満室の終了日 */
#booking-package_calendarPage .endDateOfFullRoom {
    background-color: #f5f5f5 !important;
    color: #bbbbbb !important;
}