/* カレンダー CSS*/

/*縮小カレンダー*/
.cld-container{}
.cld__table {
    background-color: #acb;
    border: 1px solid;
    position: relative;
}
.cld__hdr_tr{}
.cld__previous-month{
    float:left;
    cursor:pointer;
}
.cld__current-month{}
.cld__current-month select{}
.cld__next-month{
    float:right;
    cursor:pointer;
}
.cld__body_tr{}
.cld__body_td{}
.cld__date{ text-align:center;}
.cld__date-body{}
.cld__date-body tr td{}
.cld__date-body tr:not(:first-child) td{}
.cld__date-body tr td:last-child{}
.cld__dayofweek-title{ text-align:center;}
.cld__today{color: green}
.cld__eventday{}
.cld__sun{color: red}
.cld__mon{}
.cld__tue{}
.cld__wed{}
.cld__thu{}
.cld__fri{}
.cld__sat{ color:blue}
.cld__otherday{color:gray;}

/*全画面表示　カレンダー*/
.max-cld-container{}
.max-cld-container td{ font-size: 1em;}
.max-cld__table{
    border:0px solid;
    padding: 0;      
    position:relative;
    text-align:center;
}
.max-cld__hdr_tr{}
.max-cld__previous-month{}
.max-cld__current-month{}
.max-cld__current-month select{ font-size: 1em;}
.max-cld__next-month{}
.max-cld__body_tr{}
.max-cld__body_td{}
.max-cld__date{}
.max-cld__date-body{}
.max-cld__date-body tr td{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:#ccc;
    border-left-width:1px;
    border-left-style:solid;
}
.max-cld__date-body tr:not(:first-child) td{
    height:100px;
    vertical-align:text-top;
    width:150px;
}
.max-cld__date-body tr td:last-child{   
    border-right-style:solid; 
    border-right-width:1px;
}
.max-cld__dayofweek-title{ text-align:center;}
.max-cld__today{color: green}
.max-cld__eventday{}
.max-cld__sun{color: red}
.max-cld__mon{}
.max-cld__tue{}
.max-cld__wed{}
.max-cld__thu{}
.max-cld__fri{}
.max-cld__sat{ color:blue}
.max-cld__otherday{ color:gray;}
.max-cld__day-date{}