/* vanillajs-datepicker用カスタム(2026-08-04): 旧jQuery UIカレンダー(css/jquery-ui.css:433-435)の土日祝色分けを踏襲 */
.datepicker-cell.day-sunday:not(.selected),
.datepicker-cell.day-holiday:not(.selected) { background: #ffc0c0; color: #DB1167; }
.datepicker-cell.day-saturday:not(.selected) { background: #c0d0ff; color: #4858EA; }
.datepicker-cell.selected, .datepicker-cell.selected:hover { background: #0073ea; color: #fff; }
/* サイトの固定ヘッダー(z-index:1001)より前面に出す */
.datepicker.datepicker-dropdown { z-index: 1100; }
/* セルの角丸を廃止し旧jQuery UIカレンダーと同じ四角形に(2026-08-05) */
.datepicker-picker span.datepicker-cell, .datepicker-picker .datepicker-cell { border-radius: 0; }
/* カレンダーらしい罫線＋曜日見出しのグレー背景(2026-08-05)。日付ビュー(.days)のみ対象で月/年選択ビューには適用しない */
.datepicker-picker .days .days-of-week { background: #f0f0f0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.datepicker-picker .days .dow { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; }
.datepicker-picker .days .datepicker-grid { border-left: 1px solid #ccc; }
.datepicker-picker .days .datepicker-cell { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/* 罫線の幅を含めてもflexの14.2857%幅を維持し7列を保つ(2026-08-05) */
.datepicker-picker .days .dow, .datepicker-picker .days .datepicker-cell { box-sizing: border-box; }