/* lt-week.css  週の表（2026-11-01）：「テーマのまま」と旧デザインの予約カレンダー用。
   include/_calendar_week.php が $loyWeekPlain のときだけ読む。手帳などの4つは lt-calendar.css 側
   今までのカレンダー（罫線の表・○×）に寄せて、線と文字だけで組む。色はテーマの変数があればそれを使う */
.lw-plain { --lw-ink: var(--lt-part-color, #333); --lw-accent: var(--lt-tertiary-bg, #333); --lw-on-accent: var(--lt-tertiary-color, #fff); --lw-line: rgb(0 0 0 / .15); --lw-muted: rgb(0 0 0 / .45); box-sizing: border-box; }
.lw-plain *, .lw-plain *::before, .lw-plain *::after { box-sizing: border-box; }

/* 切り替え */
.lc-view.lw-plain { display: flex; justify-content: flex-end; clear: both; width: 100%; margin: 0 0 14px; }
.lc-view.lw-plain button { border: 1px solid var(--lw-line); background: #fff; color: var(--lw-muted); padding: 9px 20px; font-size: 13px; letter-spacing: .1em; cursor: pointer; border-radius: 0; line-height: 1.2; }
.lc-view.lw-plain button + button { border-left: 0; }
.lc-view.lw-plain button.is-on { background: var(--lw-ink); border-color: var(--lw-ink); color: #fff; }

/* 週の表を出しているときは、月の表と時間の一覧を隠す */
.contentWrap.is-week > .calendarArea01, .contentWrap.is-week > #daySchedule { display: none !important; }
.lc-weekbox.lw-plain { display: none; clear: both; width: 100%; margin: 0 0 20px; color: var(--lw-ink); }
.contentWrap.is-week > .lc-weekbox.lw-plain { display: block; }
.lw-plain .lc-week[hidden] { display: none; }

.lw-plain .lc-week-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 12px; border-bottom: 2px solid var(--lw-ink); }
.lw-plain .lc-week-ttl { font-size: 17px; font-weight: bold; letter-spacing: .04em; text-align: center; }
.lw-plain .lc-week-btn { border: 1px solid var(--lw-line); background: #fff; color: inherit; padding: 8px 14px; font-size: 13px; cursor: pointer; border-radius: 0; white-space: nowrap; }
.lw-plain .lc-week-btn[disabled] { visibility: hidden; }

.lw-plain .lc-wtable { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; background: #fff; }
.lw-plain .lc-wtable th, .lw-plain .lc-wtable td { border: 1px solid var(--lw-line); border-top: 0; text-align: center; vertical-align: middle; padding: 0; height: 40px; font-size: 14px; background: none; }
.lw-plain .lc-wtable thead th { padding: 8px 0 6px; height: auto; font-weight: normal; font-size: 12px; line-height: 1.35; color: var(--lw-muted); }
.lw-plain .lc-wtable thead th b { display: block; font-size: 16px; color: var(--lw-ink); }
.lw-plain .lc-wtable thead th i { display: block; font-style: normal; font-size: 11px; }
.lw-plain .lc-wtable thead th.is-sun, .lw-plain .lc-wtable thead th.is-sun b { color: #c0392b; }
.lw-plain .lc-wtable thead th.is-sat, .lw-plain .lc-wtable thead th.is-sat b { color: #2e6da4; }
.lw-plain .lc-wtable thead th.is-sel { box-shadow: inset 0 -3px 0 var(--lw-accent); }
.lw-plain .lc-wtable .lc-wt-time { width: 64px; font-size: 13px; color: var(--lw-muted); font-weight: normal; }
.lw-plain .lc-wtable td a { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; color: var(--lw-accent); font-size: 17px; text-decoration: none; }
.lw-plain .lc-wtable td a:hover { background: var(--lw-accent); color: var(--lw-on-accent); }
.lw-plain .lc-wtable td.is-little a { color: #c97d12; }
.lw-plain .lc-wtable td.is-x { color: rgb(0 0 0 / .3); }
.lw-plain .lc-wtable td.is-none, .lw-plain .lc-wtable td.is-out { color: rgb(0 0 0 / .18); background: rgb(0 0 0 / .03); }
.lw-plain .lc-wtable .lc-wt-empty { height: 80px; color: var(--lw-muted); font-size: 13px; }
.lw-plain .lc-wlegend { font-size: 12px; color: var(--lw-muted); margin: 10px 0 0; line-height: 1.7; }

/* スマホ：日ごとの一覧（帳面型） */
.lw-plain .lc-wlist { display: none; }
.lw-plain .lc-wday { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 2px; border-bottom: 1px solid var(--lw-line); }
.lw-plain .lc-wday.is-sel { box-shadow: inset 3px 0 0 var(--lw-accent); padding-left: 8px; }
.lw-plain .lc-wday-date { line-height: 1.2; padding-top: 4px; }
.lw-plain .lc-wday-date b { display: block; font-size: 19px; }
.lw-plain .lc-wday-date span { font-size: 12px; color: var(--lw-muted); }
.lw-plain .lc-wday-date.is-sun b, .lw-plain .lc-wday-date.is-sun span { color: #c0392b; }
.lw-plain .lc-wday-date.is-sat b, .lw-plain .lc-wday-date.is-sat span { color: #2e6da4; }
.lw-plain .lc-wday-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 6px; }
.lw-plain .lc-wday-slots a { border: 1px solid var(--lw-ink); background: #fff; color: var(--lw-ink); padding: 9px 0; text-align: center; font-size: 15px; font-weight: bold; text-decoration: none; border-radius: 0; }
.lw-plain .lc-wday-slots a.is-little { border-color: #c97d12; color: #c97d12; }
.lw-plain .lc-wday-none { font-size: 13px; color: var(--lw-muted); padding-top: 8px; }

@media screen and (max-width: 767px) {
  .lc-view.lw-plain { justify-content: stretch; }
  .lc-view.lw-plain button { flex: 1; }
  .lw-plain .lc-wtable-wrap { display: none; }
  .lw-plain .lc-wlist { display: block; }
  .lw-plain .lc-week-ttl { font-size: 15px; }
  .lw-plain .lc-week-btn { padding: 8px 10px; font-size: 12px; }
}