
/* 意匠＝幟旗（のぼり）と番付の版組から起こす（2026-08-09 ユーザー「華やかさがない」）。
   ⛔金は使わない・見出しの明朝も使わない（棋士録／ボクシングログの型）。
   本場所の会場を囲む幟は、混ぜない高い彩度の色を並べる＝それが相撲の華やかさ。
   地は冷たい灰でなく**生成り（きなり）の紙**、字は**墨（暖かい黒）**。 */
:root{
  --gr:#F1EBDF;--surf:#FBF7EF;--tx:#171310;--tx2:#6B635A;--line:#DED5C4;
  --ao:#1F6E58;--aka:#B03327;--shiro:#FFFFFF;--shiro-edge:#171310;
  --murasaki:#5B3E86;--momo:#C43C6E;      /* 化粧まわしの紫／幟の濃桃 */
  --plate:#171310;--plate-tx:#F7F2E7;     /* 名跡札＝墨地に生成りの白抜き */
  --btn:#171310;--btn-tx:#F7F2E7;
  /* 🔴星は相撲の言葉そのもの＝白星が勝ち・黒星が負け。地の色に関係なく
     「白い丸」「黒い丸」に見えなければ意味が壊れるので、勝敗の色は独立の変数にする。 */
  --hw-bg:#FFFFFF;--hw-ed:#17181A;--hk-bg:#17181A;--hk-ed:#17181A;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --gr:#14120F;--surf:#201C17;--tx:#EDE6D9;--tx2:#9C9284;--line:#332D25;
  --ao:#4FA783;--aka:#E0685E;--shiro:#F2F1EC;--shiro-edge:#6E7478;
  --murasaki:#A98BD8;--momo:#E9769F;
  --plate:#F0E9DB;--plate-tx:#14120F;     /* 暗い地では札を反転＝生成り地に墨字 */
  --btn:#EDE6D9;--btn-tx:#14120F;
  /* 暗いテーマでも白星は白いまま。黒星は黒のまま＋灰の輪郭で在ることを示す */
  --hw-bg:#F5F4F0;--hw-ed:#F5F4F0;--hk-bg:#0C0D0E;--hk-ed:#7C8286;}}
:root[data-theme="dark"]{
  --gr:#14120F;--surf:#201C17;--tx:#EDE6D9;--tx2:#9C9284;--line:#332D25;
  --ao:#4FA783;--aka:#E0685E;--shiro:#F2F1EC;--shiro-edge:#6E7478;
  --murasaki:#A98BD8;--momo:#E9769F;
  --plate:#F0E9DB;--plate-tx:#14120F;     /* 暗い地では札を反転＝生成り地に墨字 */
  --btn:#EDE6D9;--btn-tx:#14120F;
  --hw-bg:#F5F4F0;--hw-ed:#F5F4F0;--hk-bg:#0C0D0E;--hk-ed:#7C8286;}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0 16px 72px;background:var(--gr);color:var(--tx);line-height:1.8;
 font-family:"Hiragino Sans","Yu Gothic",YuGothic,"Noto Sans JP",system-ui,sans-serif}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.top .brand{font-weight:900;letter-spacing:-.02em;font-size:19px;text-decoration:none}
.top .brand small{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--tx2);font-weight:400}
.tbtn{font:inherit;font-size:12px;letter-spacing:.08em;padding:11px 15px;cursor:pointer;
 background:var(--btn);color:var(--btn-tx);border:none;border-radius:2px}
.tbtn:focus-visible{outline:2px solid var(--ao);outline-offset:2px}
/* 🔴この意匠の要＝**名跡札**。番付や幟の名前は「墨がぎっしり詰まった字が地に白く抜ける」形で
   読ませる。Webフォントは9,800ページに載せられない（和文は数MB）ので、
   **色地への白抜き＋字間を極端に詰める**ことで相撲字の密度を作る。
   ⚠️札は名前を抱く幅だけ（inline-block）＝全幅の黒帯にすると紙面が重くなる。 */
h1.nm{display:inline-block;font-size:clamp(30px,8.4vw,50px);font-weight:900;letter-spacing:-.055em;
 margin:26px 0 0;line-height:1.06;background:var(--plate);color:var(--plate-tx);
 padding:.16em .32em .2em;border-left:7px solid var(--ao);
 text-box-trim:trim-both;text-box-edge:cap alphabetic}
/* 🔴札の緑縁は「東方」の意味。索引やランキングなど**人でないページ**の見出しに同じ緑を
   使うと、読者が覚えた「緑＝東」に嘘をつく。⇒ ハブは紫（化粧まわし＝こちら側の道具）。 */
h1.nm.hub{border-left-color:var(--murasaki)}
.sub{color:var(--tx2);font-size:12.5px;letter-spacing:.14em;margin:10px 0 0}
.side{display:inline-block;font-size:11px;letter-spacing:.18em;padding:3px 10px;margin:14px 8px 0 0;
 border:1px solid var(--ao);color:var(--ao)}
.side.w{border-color:var(--shiro-edge);color:var(--tx)}
/* 見出し＝名跡札を小さくしたもの（同じ発想を2つの大きさで通す）。
   左の房色チップが「どの節か」を色で示す＝装飾でなく索引。 */
h2{margin:40px 0 10px;font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--tx);
 padding:0 0 8px;border-bottom:2px solid var(--tx);display:flex;align-items:center;gap:9px}
/* 🔴チップの色は**節の意味**で決める。出現順（nth-of-type）で振ると、写真や改名歴や
   フォロー節の有無でページごとに色がずれ、「索引」の約束が破れる（2026-08-09に破綻を指摘された）。
   青房＝その人のデータ／赤房＝取組と勝負／紫＝こちらが用意した導線。 */
h2::before{content:"";flex:0 0 auto;width:9px;height:18px;background:var(--ao)}
h2.c-aka::before{background:var(--aka)}
h2.c-mu::before{background:var(--murasaki)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;
 background:var(--line);border:1px solid var(--line);margin:14px 0 0}
.grid div{background:var(--surf);padding:12px 13px}
.grid dt{font-size:10.5px;letter-spacing:.18em;color:var(--tx2);margin:0}
.grid dd{margin:5px 0 0;font-size:15.5px;font-weight:700;font-variant-numeric:tabular-nums}
.photo{margin:20px 0 0;background:var(--surf);border:1px solid var(--line);padding:10px}
.photo img{display:block;width:100%;height:auto;max-width:320px;margin:0 auto}
.photo .cr{font-size:10.5px;color:var(--tx2);margin:8px 0 0;line-height:1.6;word-break:break-word}
.noimg{margin:20px 0 0;background:var(--surf);border:1px dashed var(--line);padding:26px 14px;
 text-align:center;color:var(--tx2);font-size:12.5px}
.bout{display:grid;grid-template-columns:7px 1fr auto 1fr 7px;align-items:stretch;gap:10px;
 background:var(--surf);border:1px solid var(--line);margin:7px 0 0}
.bout>span{align-self:center;padding:10px 0;min-width:0}
.bar-e{background:var(--ao)}
.bar-w{background:var(--shiro);border-left:1px solid var(--shiro-edge);border-right:1px solid var(--shiro-edge)}
.bout .e{font-weight:700;font-size:15.5px;text-align:right;overflow-wrap:anywhere}
.bout .w{font-weight:700;font-size:15.5px;overflow-wrap:anywhere}
.bout .k{font-size:11px;letter-spacing:.1em;color:var(--aka);white-space:nowrap}
.bout .dim{color:var(--tx2);font-weight:600}
/* 🔴白星＝白い丸／黒星＝黒い丸。文字の色の濃さで表すと相撲の言葉と食い違う */
.mk{display:inline-block;width:13px;height:13px;border-radius:50%;margin:0 7px;
 vertical-align:-1px;border:1.5px solid transparent}
.mk.win{background:var(--hw-bg);border-color:var(--hw-ed)}
.mk.lose{background:var(--hk-bg);border-color:var(--hk-ed)}
.stars{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.s{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;
 background:var(--hw-bg);border:1.5px solid var(--hw-ed);color:var(--tx2)}
.s.lose{background:var(--hk-bg);border-color:var(--hk-ed);color:#9AA0A4}
.s.none{background:transparent;border:1.5px dotted var(--tx2);color:var(--tx2)}
.s.kin{box-shadow:0 0 0 2px var(--aka)}
.score{display:flex;align-items:baseline;gap:10px;margin:14px 0 0}
.score b{font-size:32px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.score span{font-size:12.5px;color:var(--tx2);letter-spacing:.1em}
.rows{margin:12px 0 0;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;
 padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.row .l{color:var(--tx2);font-size:11.5px;white-space:nowrap;letter-spacing:.06em}
.row .v{font-weight:700;overflow-wrap:anywhere}
.row .r{color:var(--tx2);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 0;font-size:11.5px;color:var(--tx2)}
.legend i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-2px}
.legend .wc{background:var(--shiro);border:1px solid var(--shiro-edge)}
.go{background:var(--surf);border:1px solid var(--line);padding:14px 15px;margin:14px 0 0}
.go a{display:inline-block;margin:6px 12px 0 0;font-size:13.5px}
.pr{font-size:10px;letter-spacing:.1em;color:var(--tx2);border:1px solid var(--line);padding:1px 5px;
 margin-left:6px;vertical-align:1px}
.note{font-size:12px;color:var(--tx2);margin:10px 0 0;line-height:1.75}
footer{margin-top:52px;border-top:1px solid var(--line);padding-top:16px;color:var(--tx2);font-size:12px}
.idx{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--line);
 border:1px solid var(--line);margin:14px 0 0}
.idx a{background:var(--surf);padding:11px 12px;text-decoration:none;display:block}
.idx b{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em}
.idx small{color:var(--tx2);font-size:11px;letter-spacing:.06em}
/* ---- 第1便：専用ページ ---- */
.nav{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);
 margin:22px 0 0}
.nav a{background:var(--surf);padding:12px 13px;text-decoration:none;font-size:12.5px;
 font-weight:700;letter-spacing:.04em;flex:1 1 auto;text-align:center;white-space:nowrap}
.nav a[aria-current]{background:var(--tx);color:var(--gr)}
.nav a:focus-visible{outline:2px solid var(--ao);outline-offset:-2px}
.lede{margin:16px 0 0;font-size:14.5px;line-height:1.95}
.lede strong{font-weight:800}
.scroll{overflow-x:auto;margin:14px 0 0;border:1px solid var(--line);background:var(--surf)}
table{border-collapse:collapse;width:100%;font-size:13px;min-width:min(100%,460px)}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
thead th{font-size:10.5px;letter-spacing:.14em;color:var(--tx2);font-weight:700;
 position:sticky;top:0;background:var(--surf)}
tbody tr:last-child td{border-bottom:none}
tbody tr.sum td{font-weight:800;background:var(--gr)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
td.nm{font-weight:700;white-space:normal;overflow-wrap:anywhere}
td.e{color:var(--ao);font-weight:700}
td.w{font-weight:700}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
 background:var(--line);border:1px solid var(--line);margin:14px 0 0}
.kv div{background:var(--surf);padding:12px 13px}
.kv dt{font-size:10.5px;letter-spacing:.16em;color:var(--tx2);margin:0}
.kv dd{margin:5px 0 0;font-size:20px;font-weight:900;letter-spacing:-.02em;
 font-variant-numeric:tabular-nums}
.kv dd small{display:block;font-size:11.5px;font-weight:400;letter-spacing:0;color:var(--tx2);
 margin-top:3px;line-height:1.6}
.kb{margin:12px 0 0;border-top:1px solid var(--line)}
.kb .r{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;
 padding:9px 0 5px;border-bottom:1px solid var(--line)}
.kb .r b{font-size:14.5px;font-weight:700}
.kb .r span{font-size:12px;color:var(--tx2);font-variant-numeric:tabular-nums}
.kb .track{grid-column:1/-1;height:5px;background:var(--line);margin:0 0 8px}
/* 🔴勝敗のバーは**白星＝白・黒星＝黒**に揃える。ここだけ緑＝勝ち／赤＝負けにすると、
   同じサイトの中で緑が「東方」と「勝ち」の2つの意味を持ち、東西の色が信用できなくなる。
   白は地に沈むので、白房の作法どおり墨のヘアラインで縁取る。 */
.kb .fill{display:block;height:100%;background:var(--hw-bg);
 box-shadow:inset 0 0 0 1px var(--hk-ed)}
.kb .fill.l{background:var(--hk-bg);box-shadow:none}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 0}
@media (max-width:560px){.pair{grid-template-columns:1fr}}
.pair h3{margin:0 0 2px;font-size:12px;letter-spacing:.14em;color:var(--tx2);font-weight:700}
.top8{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;
 background:var(--line);border:1px solid var(--line);margin:14px 0 0}
.top8 a,.top8 span.x{background:var(--surf);padding:12px 13px;text-decoration:none;display:block}
.top8 b{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em}
.top8 em{font-style:normal;font-size:12.5px;color:var(--tx2);font-variant-numeric:tabular-nums}
.bck{display:inline-block;margin:20px 0 0;font-size:12.5px;color:var(--tx2)}
/* ---- 一画面に収める行（表を使わない。スマホ390pxで横スクロールさせない） ---- */
.list{margin:14px 0 0;border-top:1px solid var(--line)}
.bs{display:grid;grid-template-columns:5.4em 1fr auto;gap:4px 10px;align-items:baseline;
 padding:9px 2px;border-bottom:1px solid var(--line)}
.bs .d{font-size:12px;color:var(--tx2);font-variant-numeric:tabular-nums;line-height:1.35}
.bs .d i{display:block;font-style:normal;font-size:10.5px}
.bs .rk{font-size:14px;font-weight:700;overflow-wrap:anywhere;line-height:1.35}
.bs .rc{text-align:right;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;
 line-height:1.35;white-space:nowrap}
.bs .rc i{display:block;font-style:normal;font-size:10.5px;font-weight:400;color:var(--tx2)}
.bs.tot{background:var(--surf);border-bottom:none}
.bt{display:grid;grid-template-columns:2.3em 15px 1fr auto;gap:2px 8px;align-items:center;
 padding:8px 2px;border-bottom:1px solid var(--line)}
.bt .d{font-size:11.5px;color:var(--tx2);font-variant-numeric:tabular-nums}
.bt .o{font-size:14px;font-weight:700;overflow-wrap:anywhere;line-height:1.3;min-width:0}
.bt .o i{display:block;font-style:normal;font-size:10.5px;font-weight:400;color:var(--tx2)}
.bt .k{font-size:11.5px;color:var(--aka);text-align:right;white-space:nowrap;letter-spacing:.04em}
.bt .mk{margin:0}
.kin{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--aka);
 border:1px solid var(--aka);border-radius:2px;padding:0 3px;margin-left:5px;vertical-align:1px}
details.yr{border-bottom:1px solid var(--line)}
details.yr>summary{cursor:pointer;padding:11px 2px;font-size:14px;font-weight:800;
 letter-spacing:.02em;list-style:none;display:flex;justify-content:space-between;gap:10px}
details.yr>summary::-webkit-details-marker{display:none}
details.yr>summary::after{content:"＋";color:var(--tx2);font-weight:400}
details.yr[open]>summary::after{content:"−"}
details.yr>summary:focus-visible{outline:2px solid var(--ao);outline-offset:-2px}
details.yr>summary span{font-size:11.5px;font-weight:400;color:var(--tx2);
 font-variant-numeric:tabular-nums}
.bsh{font-size:11px;letter-spacing:.12em;color:var(--tx2);padding:10px 2px 4px;
 border-bottom:1px solid var(--line)}
.vs{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline;
 padding:9px 2px;border-bottom:1px solid var(--line)}
.vs .o{font-size:14.5px;font-weight:700;overflow-wrap:anywhere;line-height:1.35;min-width:0}
.vs .o i{display:block;font-style:normal;font-size:10.5px;font-weight:400;color:var(--tx2)}
.vs .rc{text-align:right;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;
 white-space:nowrap;line-height:1.35}
.vs .rc i{display:block;font-style:normal;font-size:10.5px;font-weight:400;color:var(--tx2)}
/* ---- サイト共通のナビ ---- */
.gnav{display:flex;gap:1px;background:var(--line);border-bottom:1px solid var(--line);
 overflow-x:auto;-webkit-overflow-scrolling:touch}
.gnav a{background:var(--gr);padding:10px 15px;text-decoration:none;font-size:12.5px;
 font-weight:700;letter-spacing:.08em;white-space:nowrap;flex:1 0 auto;text-align:center}
.gnav a[aria-current]{background:var(--tx);color:var(--gr)}
.gnav a:focus-visible{outline:2px solid var(--ao);outline-offset:-2px}
.gnav.sub a{font-size:11.5px;font-weight:600;padding:8px 12px;color:var(--tx2)}
.gnav.sub a[aria-current]{background:var(--ao);color:#fff}
/* 検索 */
.qbox{position:relative;margin:12px 0 0}
.qbox input{width:100%;font:inherit;font-size:14px;padding:10px 12px;color:var(--tx);
 background:var(--surf);border:1px solid var(--line);border-radius:2px}
.qbox input:focus{outline:2px solid var(--ao);outline-offset:-1px;border-color:var(--ao)}
.qbox #qout{position:absolute;left:0;right:0;top:100%;z-index:20;background:var(--surf);
 border:1px solid var(--line);border-top:none;max-height:60vh;overflow-y:auto}
.qbox #qout a{display:block;padding:9px 12px;text-decoration:none;
 border-bottom:1px solid var(--line)}
.qbox #qout a:hover,.qbox #qout a:focus-visible{background:var(--gr)}
.qbox #qout b{display:block;font-size:14.5px;font-weight:700}
.qbox #qout small{display:block;font-size:11px;color:var(--tx2);margin-top:2px}
/* トップページ */
/* 幟（のぼり）＝いま場所で誰が主役かを、会場を囲む幟と同じ彩度で出す。
   ⚠️色は濃桃1色に絞る（多色にすると幟でなく単なる派手なカードになる）。 */
.hero{background:var(--surf);border:1px solid var(--line);border-left:9px solid var(--momo);
 padding:16px 17px;margin:18px 0 0}
.hero .lb{font-size:10.5px;letter-spacing:.18em;color:var(--momo);font-weight:700}
.hero .big{display:inline-block;font-size:clamp(26px,7.6vw,40px);font-weight:900;
 letter-spacing:-.055em;margin:8px 0 0;line-height:1.06;
 background:var(--momo);color:#FFF;padding:.14em .3em .18em}
.hero .sm{font-size:12.5px;color:var(--tx2);margin:9px 0 0;line-height:1.7}
/* 誰なのかが一目で分かるように、顔写真があれば札の横に出す（無ければ札だけ） */
.hero .who{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero .who img{width:88px;height:88px;object-fit:cover;border:2px solid var(--tx);flex:0 0 auto}
/* 幟が下りてくる一手だけ動かす。⛔他は動かさない */
@media (prefers-reduced-motion:no-preference){
  .hero{animation:unfurl .34s cubic-bezier(.2,.8,.2,1) both;transform-origin:top}
  @keyframes unfurl{from{transform:scaleY(.86);opacity:0}to{transform:none;opacity:1}}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
 background:var(--line);border:1px solid var(--line);margin:14px 0 0}
.cards a{background:var(--surf);padding:14px 14px;text-decoration:none;display:block}
.cards b{display:block;font-size:15px;font-weight:800}
.cards small{display:block;font-size:11.5px;color:var(--tx2);margin-top:3px;line-height:1.6}
.anch{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}
.anch a{font-size:12px;letter-spacing:.06em;padding:11px 14px;text-decoration:none;
 border:1px solid var(--line);background:var(--surf)}
.anch a:hover,.anch a:focus-visible{border-color:var(--ao)}
.kcard{background:var(--surf);border:1px solid var(--line);padding:12px 13px;margin:8px 0 0}
.kcard b{font-size:15.5px;font-weight:800}
.kcard .yo{font-size:11px;color:var(--tx2);margin-left:7px}
.kcard .n{float:right;font-size:12px;color:var(--tx2);font-variant-numeric:tabular-nums;
 text-align:right}
.kcard .n i{display:block;font-style:normal;font-size:14px;font-weight:800;color:var(--tx)}
.kcard p{margin:6px 0 0;font-size:12.5px;color:var(--tx2);line-height:1.7}
.grp{margin:20px 0 0;font-size:13px;font-weight:800;letter-spacing:.04em}
/* フォロー導線＝上部に置く。押せる面を大きく取る */
.follow{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;
 margin:14px 0 0}
.fbtn{display:block;background:var(--tx);color:var(--gr);text-decoration:none;
 padding:11px 13px;border-radius:2px}
.fbtn b{display:block;font-size:14.5px;font-weight:800;letter-spacing:.02em}
.fbtn span{display:block;font-size:11px;opacity:.78;margin-top:2px}
.fbtn:hover{background:var(--ao);color:#fff}
.fbtn:focus-visible{outline:2px solid var(--ao);outline-offset:2px}
/* 推し */
.oshi{font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;margin:16px 8px 0 0;
 padding:9px 16px;cursor:pointer;background:transparent;color:var(--tx);
 border:1.5px solid var(--tx);border-radius:2px}
.oshi[aria-pressed="true"]{background:var(--aka);border-color:var(--aka);color:#fff}
.oshi:focus-visible{outline:2px solid var(--ao);outline-offset:2px}
.empty{background:var(--surf);border:1px dashed var(--line);padding:26px 16px;margin:16px 0 0;
 text-align:center;color:var(--tx2);font-size:13px;line-height:1.9}
/* ニュース＝見出し・出典・日付だけ。押すと元記事へ */
.news{margin:14px 0 0;border-top:1px solid var(--line)}
.news a{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start;
 padding:11px 2px;border-bottom:1px solid var(--line);text-decoration:none}
.news a:hover,.news a:focus-visible{background:var(--surf)}
.news img,.news .noth{display:block;width:92px;height:62px;object-fit:cover;object-position:50% 22%;
 background:var(--line);border:1px solid var(--line)}
/* 写真の無い記事＝四房（青・赤・白・紫）の帯。空白の灰色を置かない */
.news .noth{background:linear-gradient(180deg,var(--ao) 0 25%,var(--aka) 25% 50%,
 var(--shiro) 50% 75%,var(--murasaki) 75% 100%);opacity:.85}
.news .tx{min-width:0}
.news b{display:block;font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.news small{display:block;margin-top:4px;font-size:11px;color:var(--tx2);
 font-variant-numeric:tabular-nums}
.news .dup{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;color:var(--aka);
 border:1px solid var(--aka);border-radius:2px;padding:0 4px}
/* 🔴文中の力士名は押せると分かるようにする（下線が無いとリンクだと気付かれない） */
.bout a,.bt a,.vs a,.kv a,.lede a,.rows a{text-decoration:underline;
 text-decoration-color:var(--ao);text-underline-offset:3px;text-decoration-thickness:1.5px}
.bout a:hover,.bt a:hover,.vs a:hover,.kv a:hover,.lede a:hover,.rows a:hover{color:var(--ao)}
.bout a:focus-visible,.bt a:focus-visible,.vs a:focus-visible,.kv a:focus-visible,
.lede a:focus-visible,.rows a:focus-visible{outline:2px solid var(--ao);outline-offset:2px}
