@charset "utf-8";

#calendar-wrapper {
    min-height: 900px;
}
#calendar { 
    font-size: min(1.7vw, 19px);
    max-width: 1200px; 
    margin: 0 auto; 
    height: 100%;
}
.fc-event-title { font-weight: bold; }
/* 読み込み中のエラー表示など */
#status { text-align: center; color: red; margin-bottom: 10px; }
/* --- 土日の色分け設定 --- */
/* 土曜日 */
.fc-day-sat {
    background-color: #f0f8ff; /* 背景を薄い青に */
}
/* 土曜日の日付と曜日ラベルの文字色 */
.fc-day-sat .fc-col-header-cell-cushion,
.fc-day-sat .fc-daygrid-day-number {
    color: blue;
}
/* 日曜日 */
.fc-day-sun {
    background-color: #fff0f0; /* 背景を薄い赤に */
}
/* 日曜日の日付と曜日ラベルの文字色 */
.fc-day-sun .fc-col-header-cell-cushion,
.fc-day-sun .fc-daygrid-day-number {
    color: red;
}
/* --- 祝日の色分け（JavaScriptでクラスを付与します） --- */
.is-holiday {
    background-color: #fff0f0 !important; /* 日曜日と同じ背景色 */
}
.is-holiday .fc-daygrid-day-number {
    color: red !important; /* 文字も赤く */
}

/* 祝日名を表示するスタイル（お好みで調整してください） */
.holiday-name {
    font-size: 0.75em;
    color: red;
    display: block;
    text-align: left;
    margin-right: 4px;
}