/* calendar.css */
.calendar { max-width: 2048px; margin: 20px auto; }
.cal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.cal-title-container { display:flex; align-items:center; }
.cal-title { text-align:center; margin-top:6px; font-size:1.5em; font-weight:bold; }
.cal-grid { display:grid; grid-template-columns: repeat(7, 1fr); gap:4px; }
.cal-cell { border:1px solid #ccc; min-height:80px; padding:6px; background:#fff; }
.cal-cell.other-month { background:#f5f5f5; color:#888; }
.cal-cell .date { font-weight:bold; font-size:1.2em; }
.cal-date {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.reserve-count {
    background-color: #007bff;
    color: white;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 0.8em;
}
.reserve-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.reserve-cancel {
    background-color: red;
    color: white;
    border-radius: 12px;
    font-weight: bold;
    padding: 2px 8px;
    font-size: 0.8em;
}
.reserve-event {
    background-color: #e73737;
    color: white;
    border-radius: 12px;
    font-weight: bold;
    padding: 2px 8px;
    font-size: 0.8em;
}
.reserve-itemRoom-event {
    background-color: #e73737;
    color: white;
    font-weight: bold;
    font-size: 1em;
}
.has-reserve { background:#ffecec; cursor:pointer; }
.has-reserve-view { background:#ffecec; }
.cal-weekdays { display:grid; grid-template-columns: repeat(7,1fr); text-align:center; font-weight:bold; font-size:1.2em; margin-bottom:4px; }
.toolbar { text-align:center; margin-bottom:10px; }
.month-only-icon {
    /* 入力欄自体は極力小さく＆文字は見えないように */
    width: 35px;
    padding: 0;
    margin-bottom: 6px;
    border: none;
    color: transparent;
    /* 入力文字を見えなくする */
    background-color: transparent;
    cursor: pointer;
}
.month-only-icon::-webkit-calendar-picker-indicator {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.month-only-icon::-webkit-datetime-edit-day-field,
.month-only-icon::-webkit-datetime-edit-hour-field,
.month-only-icon::-webkit-datetime-edit-minute-field,
.month-only-icon::-webkit-datetime-edit-second-field,
.month-only-icon::-webkit-datetime-edit-meridiem-field {
    display: none;
}
.month-only-icon::-webkit-datetime-edit-text {
    display: none;
}
.month-only-icon::-webkit-datetime-edit-month-field,
.month-only-icon::-webkit-datetime-edit-year-field {
    display: inline;
}
.month-only-icon::-webkit-inner-spin-button,
.month-only-icon::-webkit-clear-button {
    display: none;
}
.month-only-icon::-moz-calendar-picker-indicator {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.month-only-icon::-moz-datetime-edit-day-field,
.month-only-icon::-moz-datetime-edit-hour-field,
.month-only-icon::-moz-datetime-edit-minute-field,
.month-only-icon::-moz-datetime-edit-second-field,
.month-only-icon::-moz-datetime-edit-meridiem-field {
    display: none;
}
.month-only-icon::-moz-datetime-edit-text {
    display: none;
}
.month-only-icon::-moz-datetime-edit-month-field,
.month-only-icon::-moz-datetime-edit-year-field {
    display: inline;
}