@charset "UTF-8";
#calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    margin: 20px;
}

.day {
    padding: 10px;
    border: 1px solid #ddd;
}

.holiday {
    background-color: #666666; /* 休業日の色 */
}

.workday {
    background-color: #ccffcc; /* 稼働日の色 */
}

.flex-day {
    background-color: #33ddff; /* 時差勤務日の色 */
}

.day-header {
    background-color: #80273F;
    color: white;
    /* その他のスタイリングプロパティ */
}