/* クリニック診療時間くらべ 追加スタイル(regional-ds 1.0.0 の上に重ねる。ジャンル定義 design.css_file)
   共通 CSS の緑系の色は build.mjs が design.recolor で葡萄(ワイン)色へ付け替える。ここでは「診察券と、診療所の入口に貼ってある診療時間の掲示板」の世界観を足す:
   生成りの紙・葡萄色の罫線・朱の札(日・祝)・点線の罫・等幅数字。診療時間エンジン(hours-core.js / app-clinic.js)の画面部品: .hoursQ・.hoursTable・.cityHours・診療科目の検索 */
.brandname{font-weight:800;letter-spacing:.04em}
.resultTitle{font-size:18px}
.resultMeta{margin:7px 0 0;font-size:13px;line-height:1.7;color:var(--muted);font-weight:650}
/* 地域トップの帯: 診察券の角丸と、掲示板の罫線 */
.regionTop{background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(110,27,54,.07) 31px 32px),radial-gradient(circle at 93% 22%,rgba(255,107,74,.26) 0 6.5%,transparent 6.9%),linear-gradient(180deg,#f6e4df 0%,var(--base) 100%)}
.eyebrow::before{background:#ff6b4a;box-shadow:0 0 0 5px #ffd9cc}
.prefStamp{color:#e6cdd2}
.tag.on{background:#ffd9cc;color:#4a1710;border-color:#f0a58f}
.chip.active,.chip[aria-pressed=true]{background:#ffd9cc;border-color:#ee9a82;color:#3b120c}
.resultCard,.card,.findBox,.pDataCard,.filterSide .body{border-radius:14px}
.resultCard{border-left:5px solid var(--deep)}
/* 診療時間の検索パネル(診察券の見出し札) */
.hoursQ{border-top:0;padding-top:4px}
.hoursQTitle{font-size:13px!important;letter-spacing:0!important;color:#fff4ee!important;margin-bottom:8px!important;padding:8px 12px;border-radius:8px 8px 8px 0;background:var(--deep);display:inline-block}
.hqLabel{display:block;font-size:12px;font-weight:800;color:var(--ink);margin:10px 0 4px}
.hqField{min-height:46px!important;padding:0 11px!important}
.hqField select:disabled{opacity:.55}
.hqField input[type=search]{width:100%;min-height:44px;border:0;background:transparent;font:inherit;color:var(--ink)}
.hqField input[type=search]::placeholder{color:#7a5a66}
.subjCount{margin:4px 0 0;font-size:12px;color:var(--muted);min-height:1em}
.hqDef{margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted)}
.hqDef summary{cursor:pointer;font-weight:800;color:var(--deep);min-height:44px;display:flex;align-items:center}
.hqDef ul{margin:6px 0 0;padding-left:18px}
/* 曜日別の診療時間: 入口の掲示板。曜日は葡萄色の札、日・祝は朱の札、行は点線 */
.hoursTable td,.hoursTable th{font-variant-numeric:tabular-nums}
.hoursTable{border-collapse:separate;border-spacing:0}
.hoursTable td,.hoursTable th{border-bottom:1px dashed #d9b9bf}
.hoursTable td strong{font-weight:800;color:var(--deep);letter-spacing:.03em}
.hoursTable th[scope=row]{background:#f7e9e6;color:var(--deep);border-left:6px solid var(--deep)}
.hoursTable tr:nth-child(6) th[scope=row]{border-left-color:#e08a6f}
.hoursTable tr:nth-child(7) th[scope=row],.hoursTable tr:nth-child(8) th[scope=row]{background:#ff6b4a;color:#2e1220;border-left-color:#b3123f}
.hoursWarn{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#fff1ea;border:1px dashed #e08a6f;color:#4a1710;font-size:13px;line-height:1.7;font-weight:650}
.hoursBySubject{margin-top:12px;font-size:13px}
.hoursBySubject summary{cursor:pointer;font-weight:800;color:var(--deep);min-height:44px;display:flex;align-items:center}
/* 市区町村ページの診療時間の内訳 */
.cityHours{margin:0 0 22px;padding:18px 20px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.cityHours h2{margin:0 0 6px;font-size:16px}
.cityHours p{margin:0 0 12px;font-size:14px;color:var(--muted)}
.cityHoursList{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.cityHoursList a{display:flex;align-items:baseline;gap:6px;padding:10px 14px;border-radius:10px;background:#f7e9e6;color:var(--deep);text-decoration:none;font-size:13px;font-weight:700;min-height:44px;align-items:center;border:1px solid #e9cdd0}
.cityHoursList a strong{font-size:20px;font-variant-numeric:tabular-nums}
.cityHoursList a:hover{background:#ffd9cc}
.portal{--a0:#f1d3d6;--a1:#f6dccb;--a2:#f4e4b8;--a3:#ffd0c2;--a4:#e6d5ea;--a5:#d6e4e0}
.pNotice{background:#2e1220;color:#fbe9e6}
.pChooser,.pMapBox{border-radius:20px}
/* スマホ(700px 以下)でも装飾の円(朱の札)と掲示板の罫線を残す */
@media (max-width:700px){.regionTop{background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(110,27,54,.07) 31px 32px),radial-gradient(circle at 95% 5%,rgba(255,107,74,.28) 0 9%,transparent 9.4%),linear-gradient(180deg,#f6e4df 0%,var(--base) 100%)}}
/* 条件の取り消し(×)は 44px 以上 */
.chip.pill{padding:0 0 0 14px}
.chip.pill button{min-width:44px;min-height:44px}
/* 地域トップの帯: 時刻のワンタップ検索(診察券の札) */
.quickTimes{margin-top:22px;max-width:760px}
.qtTitle{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--deep)}
.quickTimes ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quickTime{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:baseline;min-height:64px;padding:9px 12px 9px 14px;border-radius:10px;background:#fffdf9;border:1px dashed #d9b9bf;border-left:7px solid #e08a6f;color:var(--ink);text-decoration:none}
.quickTimes li:nth-child(2) .quickTime{border-left-color:#ff6b4a}
.quickTimes li:nth-child(3) .quickTime{border-left-color:#6e1b36}
.quickTimes li:nth-child(4) .quickTime{border-left-color:#ffd9cc}
.qtLabel{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--deep)}
.qtNote{font-size:12px;font-weight:700;color:var(--muted);text-align:right}
.qtCount{grid-column:1/-1;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.qtCount strong{font-size:18px;color:var(--ink)}
.quickTime:hover{background:#ffd9cc;border-color:#ee9a82}
.quickTime:hover .qtCount,.quickTime:hover .qtNote{color:#3b120c}
.qtFoot{margin:8px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
@media (max-width:700px){.quickTimes ul{grid-template-columns:repeat(2,minmax(0,1fr))}.qtLabel{font-size:15px}}
/* 全国版の地図タイル: 時間帯(昼・夕・夜)の色。県内で平日19時以降も診療する医院の割合を 3 等分(build.mjs が実データから計算) */
.pTile.tb0,.pLegend i.tb0{background:#ffe7c2;color:#3b2400}
.pTile.tb1,.pLegend i.tb1{background:#ff9a7a;color:#3b120c}
.pTile.tb2,.pLegend i.tb2{background:#7a2145;color:#fff}
.pLegend i.tb0,.pLegend i.tb1,.pLegend i.tb2{border:1px solid rgba(255,255,255,.55)}
a.pTile.tb2:hover,a.pTile.tb2.sel{color:#2e1220}
.pLegend.bands{grid-template-columns:1fr;gap:5px}
.pMapBandNote{margin:9px 0 0;font-size:13px;line-height:1.6;color:#f3dcdf;max-width:23em}