body {
    font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif;
}

.site-logo {
    transform: rotateZ(0);
    transition: 1s;
}

.site-logo:hover{
    transform: rotateZ(360deg);
}

.sunday {
    color: red;
}

.saturday {
    color: blue;
}

.over-100 {
    color: rgb(95, 31, 255) !important;
    background-color: rgba(211, 139, 255, 0.401) !important;
}

.over-100r {
    color: rgb(95, 31, 255);
}

.over-60 {
    color: rgb(163, 0, 158);
    background-color: rgba(255, 99, 219, 0.401);
}

.over-60r {
    color: rgb(255, 99, 219);
}

input[type="month"] {
    width: auto;
    position: relative;
}

input[type="month"]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.data-table {
    table-layout: fixed;
}

.data-table th:nth-child(1) {
    width: 6em;
}

.data-table th:nth-child(2) {
    width: 10em;
}

.out-table {
    table-layout: fixed;
}

.out-table td,
.out-table th {
    border: 2px rgb(35, 35, 35) solid !important;
    color: #000000;
}

.out-table th:nth-child(1) {
    width: 5em;
}

.out-table th:nth-child(2) {
    width: 8em;
}

.out-table th {
    background-color: rgb(31, 165, 255);
}

.out-table td {
    font-size: 12px;
}

td.blank {
    background-color: rgb(89, 89, 89);
}