.ui-datepicker-week-end .ui-state-default{ color: #1524CA;}
.ui-datepicker-week-end+.ui-datepicker-week-end .ui-state-default{ color: #E62525;}
.input-datepicker a {
    font-family: "Noto Sans JP";
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: 700;
}
.ui-datepicker-calendar thead tr {
    background-color: transparent;
}
.ui-datepicker th {
    font-weight: 500;
    color: #94979B;
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: block;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    color: #C9C9C9;
}
.ui-datepicker-title {
    font-family: "Noto serif JP";
    font-weight: 400;
}
.ui-datepicker-title span {
    color: black;
}
a.ui-state-highlight {
    background-color: transparent;
    position: relative;
    display: block;
}
/* a.ui-state-highlight::after {
    content: 'TODAY';
    position: absolute;
    font-size: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    background-color: transparent;
    font-weight: 200;
    padding: 5px;
    border-radius: 5px;
} */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: #F5F4F0;
}
.ui-datepicker table {
    margin-top: 0;
}
.ui-datepicker .ui-datepicker-header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ECECED;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    outline: 2px solid var(--primary-color);
    color: var(--primary-color) !important;
    font-weight: 700;
    background-color: #EFDFD3;
}

/* html[lang="zh-Hant"] a.ui-state-highlight::after {
    content: '今天';
    white-space: nowrap;
} */
.ui-datepicker .ui-datepicker-header {
    display: grid;
    grid-template-areas: 
    "prev title next";
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}
.ui-datepicker .ui-datepicker-prev {
    position: static;
    grid-area: prev;
    /* margin-left: auto; */
}
.ui-datepicker .ui-datepicker-next {
    position: static;
    grid-area: next;
    justify-self: end;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    position: static;
    margin: auto;
}
/* date style */
.ui-datepicker .ui-datepicker-title {
    grid-area: title;
    padding: 0 27px;
    font-size: 20px;
    font-weight: 700;
}

.ui-datepicker th {
    font-weight: 700;
    color: #767676;
}
.ui-datepicker th span {
color: #767676;
font-family: 'noto serif JP';
font-size: 18px;
}
.ui-widget-header {
    background-color: #F5F4F0;
}
.ui-widget-content {
    background-color: #F5F4F0;
}