/* 既存のページを、共通の土台（docs/design-foundation.md）に寄せる上書き。各ページの <style> の後に読む */
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");

:root{
  --bg:#FFFFFF; --paper:#FFFFFF; --ink:#000000; --sub:#4A4A50; --mute:#6E6E73; --line:#DADADF; --empty:#EDEDF0;
  --purple:#9146FF; --purple-deep:#7A2CF0; --purple-soft:#F1EAFF;
  --sans:"Zen Kaku Gothic New","Hiragino Sans",sans-serif; --num:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;
}
html,body{background:#FFFFFF}
body{font-family:var(--sans)}

/* 角を丸めない・影を付けない（人のアイコンと点だけは丸のまま） */
*{border-radius:0!important;box-shadow:none!important}
img[src*="profile_image"],img[src*="jtv_user_pictures"],.avatar,.dot,.dot img,
.who button img,.who button i,.people img,.people i,.vw > img,.vw > i,.soon img,.soon i,
.meta img,.go a img,.who2 img,.pc-ico{border-radius:50%!important}

/* 見出しの左の紫の棒をやめ、極太の文字で見せる */
h2::before{content:none!important;display:none!important}
.sec h2,.h2{font-family:"Dela Gothic One",sans-serif!important;font-weight:400!important;letter-spacing:.01em}

/* 頭の罫を太く、黒で */
.site-head .wrap{border-bottom:2px solid #000!important}
.nav a.on{color:#000!important}
.nav a.on::after{background:#000!important;height:4px!important}

/* ボタン：四角・黒 */
.btn,.go a.pri,.ixbar a,.links .pri{background:#000!important;color:#fff!important;border:2px solid #000!important}
.btn:hover,.go a.pri:hover,.ixbar a:hover,.links .pri:hover{background:#fff!important;color:#000!important}
.ixbar a.q,.links .nx{background:var(--purple)!important;border-color:var(--purple)!important}

/* 番付：回数の単位を数字の横に */
.cnt small{display:inline!important;margin-left:2px;font-size:.45em!important}

/* スマホ：配信者ページの上のタブを折り返して、いま開いているタブが隠れないように */
@media (max-width:760px){
  .tabs{flex-wrap:wrap!important;overflow:visible!important;gap:0!important}
  .tabs button{flex:1 1 auto;padding:10px 12px!important;font-size:14px!important}
  .person h1,#pName{font-size:clamp(40px,12vw,64px)!important}
  body{font-size:15px}
  .note,.lead,.gnote{font-size:14px!important;line-height:1.8!important}
}