@charset "UTF-8";

.vacal {
    padding: 0;
    margin: 0 0 20px;
}

.vacal-control {
    margin-bottom: 10px;
    text-align: center;
}
    .vacal-control-btn {
        color: #fff;
        background: #777;
    }
    .vacal-control-btn:hover {
        opacity: 0.8 !important;
    }
    .vacal-control-prev {
        margin-right: 3px;
        float: left;
    }
    .vacal-control-next {
        margin-left: 3px;
        float: right;
    }
    .vacal-control .vacal-label {
        font-size: 120%;
        font-weight: bold;
    }
    .vacal-control .BtnPrev::before {
        content: "\f053";
        margin-right: .5em;
        font-family: "FontAwesome";
    }
    .vacal-control .BtnNext::after {
        content: "\f054";
        margin-left: .5em;
        font-family: "FontAwesome";
    }

.vacal-main {
    padding: 0;
    margin: 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
    .vacal-main th {
        border: 1px solid #777;
        text-align: center;
        background: #e6dfcc;
    }
    .vacal-main td {
        padding: 0;
        border: 1px solid #777;
        text-align: center;
    }
    .vacal-main .vacal-cell-inner {
        background: #eee;
        display: block;
        cursor: default;
    }
        .vacal-main .vacal-cell-inner .vacal-cell-day {
            height: 20px;
            line-height: 20px;
            text-align: center;
            display: block;
        }
        .vacal-main .vacal-cell-inner .vacal-cell-status {
            height: 20px;
            line-height: 20px;
            color: #999;
            text-align: center;
            display: block;
        }
        .vacal-main .vacal-cell-inner .vacal-cell-status::before {
            content: "\f068";
            font-family: "FontAwesome";
        }
    .vacal-main .vacal-cell-inner.vacal-cell-inner-active {
        background: #fff;
        cursor: pointer;
    }
        .vacal-main .vacal-cell-inner.vacal-cell-inner-active .vacal-cell-status {
            color: #00a2e8;
        }
        .vacal-main .vacal-cell-inner.vacal-cell-inner-active .vacal-cell-status::before {
            content: "\f10c";
        }
/* 2020-07-17 "満室","残りわずか"追加 */
        /* 無効：満室表記 */
        .vacal-main .vacal-cell-inner.vacal-cell-inner-full .vacal-cell-status::before {
            content: "満室";
            font-family: inherit;
        }
        /* 有効：わずか表記 */
        .vacal-main .vacal-cell-inner.vacal-cell-inner-active.vacal-cell-inner-bit .vacal-cell-status::before {
            content: "残りわずか";
            font-family: inherit;
            font-size:80%;
        }
/* /2020-07-17 */