/* wadai-add.css: wadai.css の上に重ねる差分(wadai.css そのものは変えない)。
   1) 話題の種類(すべて・モーニング・クレープ)のタブと、種類ごとのまとまり
   2) 字の大きさ(13px)・押す所の高さ(44px)・タブの色・見出しの下線・下の案内 */

/* ---- 1) 話題の種類 ---- */
.wd-kinds { margin: 10px 0 0; }
.wd-per { margin: 8px 0 0; }
.wd-gh { margin: 22px 0 0; font-size: 20px; line-height: 1.45; }
.js .wd-gh { display: none; }
.js .wd-group { display: none; }
.js .wd-group.on { display: block; }
.wd-group .wd-at { margin: 12px 0 0; }

/* ---- 2) 字・押す所・色・下線・下の案内 ---- */
.wd-few { min-height: 0; }
.wd-few p + p { margin-top: 6px; }
.wd-few::after { top: 12px; }
.wd-few .wd-to { margin-top: 12px; }
.wd-stage h1 { white-space: nowrap; }
.wd-stage h1 { font-family: "Zen Maru Gothic", "BIZ UDPGothic","BIZ UDGothic","Yu Gothic UI","Meiryo",sans-serif; font-weight: 900; }
.nw { white-space: nowrap; }
.wd-nl { font-size: 13px; }
.wd-bm i small { font-size: 13px; }
.wd-when, .wd-row .wd-when { font-size: 13px; line-height: 18px; }
.wd-row .wd-who { font-size: 13px; }
.wd-kd { font-size: 13px; line-height: 18px; }
.wd-right, .wd-emb .e-s, .wd-notes li { font-size: 13px; }
.wd-open { display: flex; flex-direction: column; justify-content: center; min-height: 44px; }
.wd-right a { display: inline-block; padding: 16px 2px; margin: -16px 0; }
.wd-tabs button,.wd-to,.wd-more,.wd-emb .e-b{box-sizing:border-box;min-height:44px;border:2px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:700;box-shadow:none}
.wd-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.wd-ph{border-top:0;padding-top:0}
.wd-ph::after{content:"";display:block;width:56px;height:4px;background:var(--red);margin-top:6px}

/* ---- 3) 殻: 話題のページのロゴ(inline svg)・題の下の字・戻るボタン・下の「ほかのページ」 ---- */
.logo-svg { display: block; width: 88px; height: auto; }
.brand .bs { font-size: 13px; }
.wd-bk { border-radius: 22px; }
.wrap:has(.wd-stage) .sitefoot nav.towns a{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--ink);border-radius:22px;font-size:15px}
.wrap:has(.wd-stage) .sitefoot nav.towns a::after{content:none}
.wrap:has(.wd-stage) .sitefoot nav.towns.two a { width: calc((100% - 6px) / 2); }
.wrap:has(.wd-stage) .sitefoot nav.towns.two { padding-bottom: 14px; }