.calenderHead {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    width: 100%;
}
    .calenderHead .divHead {
        display: block;
        vertical-align: middle;
        text-align: center;
        background-color: #d7f6cc;
        height: 20px;
        border: 1px solid #2b2b2b;
        width: 17.251rem;
    }


.calenderDetail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    width: 100%;
}

    .calenderDetail .divDetail {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column wrap;
        vertical-align: top;
        text-align: center;
        min-height: 120px;
        width: 17.251rem;
        border: 1px solid #2b2b2b;
    }

        .calenderDetail .divDetail p {
            margin-top: auto;
            margin-bottom: auto;
        }

        .calenderDetail .divDetail .divDate {
            vertical-align: top;
            height: 24px;
            width: 100%;
            padding-left: 3px;
        }

        .calenderDetail .divDetail .divSagyoTask {
            vertical-align: top;
            padding-top: 1px;
            padding-bottom: 1.5px;
            padding-left: 1px;
            padding-right: 3px;
            text-align: left !important;
            width: inherit;
        }

    .calenderDetail .unSagyoDate {
        background-color: lightgray !important;
    }

    .calenderDetail .sagyoDateSaturday {
        color: rgb(0, 112, 192) !important;
        background-color: rgb(221, 235, 247) !important;
    }

    .calenderDetail .sagyoDateHoliday {
        color: rgb(255, 0, 0) !important;
        background-color: rgb(255, 213, 213) !important;
    }

.sagyoDate_ul {
    display: table;
    width: 100%;
}

    .sagyoDate_ul li {
        display: table-cell;
        vertical-align: middle;
    }

        .sagyoDate_ul li.dispDay {
            text-align: left;
            padding-left: 3px;
        }

        .sagyoDate_ul li.sagyoAdd {
            text-align: center;
            padding-top: 2px;
        }

.barSagyoTask {
    border: 1px solid black;
    border-radius: 3px;
    color: black;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 18px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    text-shadow: none;
    word-wrap: break-word;
    word-break: break-all;
}

.tanto {
    background-color: white;
}
    .tanto:hover {
    }

.anken {
    background-color: rgb(155, 194, 230);
}
    .anken:hover {
    }

.zairyuGnjsse {
    background-color: rgb(255, 193, 255);
}
    .zairyuGnjsse:hover {
    }

.jshahaAnken {
    background-color: rgb(255, 255, 150);
}
    .jshahaAnken:hover {
    }


.taskComplate {
    background-color: rgb(221, 221, 221);
}
    .TaskComplate:hover{

    }

/* tooltipのカスタマイズ */
.divSagyoTask .popover {
    background-color: rgb(255, 193, 255);
    min-width: 15%;
    max-width: 30%;
}

.divSagyoTask .popover-content {
    color: black;
    background-color: rgb(255, 193, 255);
    max-width: 100%;
    word-break: break-all;
    text-align: left;
    font-size: 1.2rem !important;
}

.divSagyoTask .popover.top > .arrow:after {
    border-top-color: rgb(255, 193, 255);
}

.divSagyoTask .popover.right > .arrow:after {
    border-right-color: rgb(255, 193, 255);
}

.divSagyoTask .popover.bottom > .arrow:after {
    border-bottom-color: rgb(255, 193, 255);
}

.divSagyoTask .popover.left > .arrow:after {
    border-left-color: rgb(255, 193, 255);
}