/* 保育園・こども園くらべ 追加スタイル(regional-ds 1.0.0 の上に重ねる。ジャンル定義 design.css_file)
   共通 CSS の緑系の色は build.mjs が design.recolor で暖色へ付け替える。ここでは色以外の「らしさ」(書体・丸み・余白・面の表情)と、緑に頼っていた地方別の色を暖色系で再定義する。
   方針: 子どもっぽい装飾は使わない。生成りの白・淡い暖色・明朝の見出し・やわらかい角で、整った表の信頼感を出す */
body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;letter-spacing:-.01em}
h1,h2,.brandname,.heroTitle,.pTitle,.sectionTitle,.resultTitle,.sidebarTitle,.pSecHead h2{font-family:"Hiragino Mincho ProN","Yu Mincho","BIZ UDPMincho","Noto Serif JP",serif;letter-spacing:.01em;font-weight:700}
.brandname{font-size:22px;letter-spacing:.02em}
.resultTitle{font-size:19px}
.resultMeta{margin:7px 0 0;font-size:13px;line-height:1.7;color:var(--muted);font-weight:650}
.resultMeta span{opacity:.6}
.resultCard,.card,.findBox,.pDataCard,.filterSide .body{border-radius:26px}
.resultCard{background:var(--paper);box-shadow:0 12px 34px rgba(95,64,40,.07)}
.tag.on{background:#fbe9cf;color:#5a3a1e;border-color:#efd3a8}
.eyebrow::before{background:#d98b66;box-shadow:0 0 0 5px #f6e5d2}
.regionTop{background:linear-gradient(180deg,#f7ecdc 0%,var(--base) 100%)}
.prefStamp{color:#e9d3b8}
/* 全国版(都道府県の選択ポータル): 淡い暖色の面と、地方ごとの暖色パレット */
.portal{--a0:#cfe0e6;--a1:#f6d9b0;--a2:#f3e3a8;--a3:#efc3a9;--a4:#e6d0bd;--a5:#d9c6a5}
.pNotice{background:#4a362e;color:#f3e6d6}
.pChooser,.pMapBox{border-radius:30px}
.chip.active,.chip[aria-pressed=true]{background:#f7dcae;border-color:#e9bd7d;color:#4a2f18}
/* ---- デザイン基準(内部評価 90)向けの追加 ---- */
/* 地域トップの帯: 下端に身長計の目盛り(細い縦線)と、橙の太い基準線。子どもっぽい絵は使わず、成長記録の物差しだけを引く */
.regionTop{position:relative}
.regionTop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#d98b66 0 33%,#f2c28a 33% 66%,#e9d3b8 66%)}
.regionTop::before{content:"";position:absolute;left:0;right:0;bottom:6px;height:16px;background:repeating-linear-gradient(90deg,rgba(122,90,74,.42) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(122,90,74,.6) 0 1px,transparent 1px 50px);background-size:100% 9px,100% 16px;background-position:left bottom;background-repeat:repeat-x;-webkit-mask:linear-gradient(180deg,transparent,#000);mask:linear-gradient(180deg,transparent,#000)}
.card{position:relative}
.card>h2{position:relative;padding-top:12px}
.card>h2::before{content:"";position:absolute;left:0;top:0;width:34px;height:4px;border-radius:2px;background:#d98b66}
.dl dt{background:#f6ecdd;color:#4a362e}
.dl dd,.regionStats strong{font-variant-numeric:tabular-nums}
/* 値のない項目をまとめた札 */
.emptyCard{background:#fbf5ea}
.emptyList{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0}
.emptyList span{display:inline-block;padding:6px 12px;border-radius:999px;border:1px dashed #b89a80;color:#6b4a35;font-size:13px;font-weight:700;background:#fffdf9}
/* 条件の取り消し(×)は 44px 以上 */
.chip.pill{padding:0 0 0 14px}
.chip.pill button{min-width:44px;min-height:44px}
/* 全国版のヒーロー: 見出しの 1 行目「保育園・こども園を、」を折り返さない */
.pTitle{font-size:clamp(32px,3.5vw,50px);max-width:none}
.pTitle em{color:#f2c28a}
/* 全国版の地図タイル: 県内の施設のうち「土曜に開所」の割合(淡い生成り → 橙の段階) */
.pTile.tb0,.pLegend i.tb0{background:#f1e4cf;color:#3b2a1e}
.pTile.tb1,.pLegend i.tb1{background:#f2c28a;color:#3b2a1e}
.pTile.tb2,.pLegend i.tb2{background:#d98b66;color:#2a1608}
.pLegend i.tb0,.pLegend i.tb1,.pLegend i.tb2{border:1px solid rgba(255,255,255,.55)}
a.pTile.tb0:hover,a.pTile.tb0.sel,a.pTile.tb1:hover,a.pTile.tb1.sel,a.pTile.tb2:hover,a.pTile.tb2.sel{color:#3b2a1e;outline:2px solid #fff}
.pLegend.bands{grid-template-columns:1fr;gap:5px}
.pMapBandNote{margin:9px 0 0;font-size:13px;line-height:1.6;color:#eadfce;max-width:23em}
/* スマホ: 固定の比較トレイが本文の末尾に重ならないよう、本文の下に余白をとる */
@media (max-width:700px){main,#main{padding-bottom:96px}.regionTop::after{height:5px}}
/* 地域トップの帯: 条件のワンタップ検索 */
.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;column-gap:8px;align-items:baseline;min-height:64px;padding:9px 12px 9px 14px;border-radius:16px;background:#fffdf9;border:1px solid var(--line);border-left:7px solid #d98b66;color:var(--ink);text-decoration:none}
.quickTimes li:nth-child(even) .quickTime{border-left-color:#f2c28a}
.qtLabel{font-size:15px;font-weight:800;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)}
.qtFoot{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.6}
.quickTime:hover{background:#fbe9cf;border-color:#e9bd7d}
@media (max-width:700px){.quickTimes ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.regionHero h1,.card>h2{text-wrap:balance;word-break:auto-phrase}
@media (max-width:480px){.siteheader .brandname{font-size:15px;letter-spacing:0;white-space:nowrap}.siteheader .brandmark{width:34px;height:34px}.siteheader .brand{min-width:0}.siteheader .navbutton{padding-left:10px;padding-right:10px}}
/* 全国版(portal)のヘッダー: 390px 以下ではブランド名が「都道府県を選ぶ」に隠れるため、ボタンは印だけ(文言は読み上げ用に残す・44px は保つ) */
@media (max-width:480px){.pHeader .pNavCta{min-width:44px;min-height:44px;justify-content:center}.pHeader .pNavCta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pHeader .pNavCta .icon{display:block!important;width:20px;height:20px}}
@media (max-width:360px){.siteheader .brandname{font-size:12.5px}.siteheader .brandmark{width:30px;height:30px}.siteheader .navbutton{font-size:12px;padding-left:8px;padding-right:8px}}