/* 営業時間の部品（assets/hours.js の renderHours が出す HTML）。字は本文のまま、薄い罫線の 2 列、今日の行だけ少し濃く */
.hours { font: inherit; color: inherit; max-width: 360px; }
.hours-week { width: 100%; border-collapse: collapse; font: inherit; font-variant-numeric: tabular-nums; }
.hours-week th,
.hours-week td { padding: 6px 10px; border-bottom: 1px solid var(--line, #e3eae7); text-align: left; font-weight: inherit; vertical-align: top; }
.hours-week tr:first-child th,
.hours-week tr:first-child td { border-top: 1px solid var(--line, #e3eae7); }
.hours-week th { width: 3em; color: var(--muted, #6c8486); }
.hours-week td.is-closed { color: var(--muted, #6c8486); }
.hours-week tr.is-today th,
.hours-week tr.is-today td { background: var(--mint-faint, #f3fbf7); color: var(--ink, #113b43); font-weight: 700; }
.hours-note { margin: 6px 0 0; padding: 0 10px; font: inherit; color: inherit; }
.hours-note > span { display: inline-block; min-width: 5em; color: var(--muted, #6c8486); }
.hours-raw { margin: 0; font: inherit; color: inherit; }
