/* 時間軸 */
.time-axis {
    border: solid 1px gray;
    border-radius: 3px;

    background-color: gainsboro;

    grid-column: 1 / 2;
}

/* 午前 */

.time-axis.color8 {
    background-color: #fbfadb;
}

.time-axis.color9 {
    background-color: #f8f8d2;
}

.time-axis.color10 {
    background-color: #f7f5c7;
}

.time-axis.color11 {
    background-color: #f5f5bd;
}

.time-axis.color12 {
    background-color: #f2f1b4;
}

.time-axis.color13 {
    background-color: #f0f1ae;
}

/* 午後 */

.time-axis.color14 {
    background-color: #dee0f0;
}

.time-axis.color15 {
    background-color: #d7daef;
}

.time-axis.color16 {
    background-color: #d0d3ea;
}

.time-axis.color17 {
    background-color: #cacce5;
}

.time-axis.color18 {
    background-color: #c3c4e2;
}

.time-axis.color19 {
    background-color: #bcbdde;
}

.time-axis.color20 {
    background-color: #b5b5da;
}

.time-axis.color21 {
    background-color: #acb0d6;
}

.time-axis.color22 {
    background-color: #acacd5;
}