/* saya-fix-r1: round-1 の表示修正 */
.ci{display:block;object-fit:cover;border-radius:4px;background:var(--line2,#2a2f36)}
img.vt{flex:none}
/* トップ: 無料/会員の見出し（MEMBER ピルのはみ出し） */
.tp-cols .tp-colhd{min-width:0;flex-wrap:wrap;gap:6px}
.tp-cols .tp-colhd .t{min-width:0;flex:1 1 0}
.tp-cols .tp-colhd .t span{white-space:normal;overflow-wrap:anywhere}
.tp-pill{flex:none;white-space:nowrap}
@media (max-width:480px){.tp-cols{grid-template-columns:1fr!important}.tp-phd{flex-wrap:wrap;gap:6px}.tp-phd .n{min-width:0;flex:1 1 60%}}
/* イラストレーター一覧:「率は、母数で読む」の見出し */
.ar-base h2 em{display:inline;font-size:inherit;font-style:normal;letter-spacing:inherit;text-transform:none;margin:0;padding:0;background:none;color:var(--green,#00e68c)}
/* イラストレーター一覧の会員表示 */
.ar-pod{height:auto!important}
.ar-pr .s{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.ar-bd .mem-mask,.ar-m .mem-mask,.ar-pr .mem-mask{white-space:normal;font-size:11px;line-height:1.4}
.ar-sv-lock{padding:18px;border:1px dashed var(--line2);border-radius:10px;text-align:center;color:var(--dim);margin:12px 0}
/* カード詳細の比較欄 */
.r .v .mem-mask{white-space:normal;font-size:11px}
.c-hero{overflow:hidden}
/* 会員限定の印（全ページ共通） */
.sy-mem{display:inline-flex;align-items:center;gap:4px;font:700 11px/1.2 'JetBrains Mono',monospace;letter-spacing:1px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,194,77,.65);color:var(--amber,#ffc24d);background:rgba(255,194,77,.08);white-space:nowrap;vertical-align:middle;margin-right:6px;flex:none}
.mem-mask{color:var(--text2,#c9d1d9)!important;gap:0!important;flex-wrap:wrap;row-gap:4px}
.tp-note-am,.ma-lock{color:var(--text2,#c9d1d9)!important;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.mr-tag,.tm-tag.paid{display:none}
.gate b,.paid-gate b{display:block;margin-top:6px}
/* トップの会員向け推移グラフ（装飾） */
.sy-tease{display:flex;flex-direction:column;gap:8px;min-width:0}
.sy-tleg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--dim)}
.sy-tleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.sy-tbox{position:relative;border-radius:10px;overflow:hidden}
.sy-tchart{display:block;width:100%;height:auto}
.sy-tchart .gr line{stroke:var(--line2,#2a2f36);stroke-width:1}
.sy-tchart .tk line{stroke:var(--dim,#7d8590);stroke-width:1}
.sy-tchart .lb text{fill:var(--dim,#7d8590);font:10px 'JetBrains Mono',monospace}
.sy-tchart .v{font:700 10px 'JetBrains Mono',monospace}
html:not([data-saya-auth="paid"]) .sy-tchart .dt{filter:blur(2.2px)}
.sy-tov{position:absolute;inset:auto 10px 30px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;padding:10px;border-radius:10px;background:rgba(11,14,17,.72);backdrop-filter:blur(3px);text-align:center}
.sy-tov b{font-size:13px}
.sy-tov a{font-size:12px;white-space:normal}
.sy-tov .p{display:none}
html[data-saya-auth="paid"] .sy-tov .g{display:none}
html[data-saya-auth="paid"] .sy-tov .p{display:inline}
.tp-chart .tg,.mb-feat .tg{display:none}
/* 会員の印の折り返し（狭い画面） */
.mem-mask{white-space:normal!important;max-width:100%;overflow-wrap:anywhere}
.r .v .mem-mask{display:flex;flex-direction:column;align-items:flex-end;gap:3px!important;font-size:11px}
.av-stat .mem-mask{display:flex;flex-wrap:wrap}
.r:has(.mem-mask){display:flex!important;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.r:has(.mem-mask) .bar{display:none}
.il-row .nm,.il-row .nm a{min-width:0;overflow-wrap:anywhere}
.il-row .gr .mem-mask{flex-direction:column;align-items:flex-start}
/* トップの無料・会員の札（小さく1行） */
.sy-chips{display:flex!important;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.sy-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;color:var(--text2);text-decoration:none;white-space:nowrap}
.sy-chip.free{border-color:rgba(0,230,140,.45)}
.sy-chip.mem{border-color:rgba(255,194,77,.5)}
.sy-chip .sy-mem,.sy-chip .tp-pill{margin:0}
/* フォームの部品（390px） */
input[type=checkbox],input[type=radio]{width:auto!important;flex:none!important;margin:0 6px 0 0}
label.ck,.flt label.ck{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px;flex:1 1 100%!important;font-weight:400}
.hint,.src,.lead,.note,.v-note,main p{overflow-wrap:anywhere;min-width:0;max-width:100%}
select,input[type=search],input[type=text],input[type=email],input[type=password],textarea{max-width:100%;box-sizing:border-box}
/* 国内価格のぼかし */
.sy-blur{filter:blur(4px);user-select:none}
.sy-reg{font-weight:700;white-space:nowrap}
.tp-price{margin:18px 0}
.tp-price ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.tp-price li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line2);border-radius:8px}
/* 会員限定の欄 */
.mem-mask{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--dim);text-decoration:none;white-space:nowrap}
.mem-mask:hover{color:var(--text)}
.cmp-lock{margin:16px 0;padding:18px;border:1px solid var(--line2);border-radius:12px;text-align:center}
.cmp-lock b{display:block;font-size:16px;margin:6px 0 10px}
.cmp-lock a.pri{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--green,#00e68c);color:#0b0e11;font-weight:700;text-decoration:none}
/* 具体的な購入リンク */
.sy-cta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0;padding:10px 12px;border:1px solid var(--line2);border-radius:10px}
.sy-cta .pr{font-size:11px;color:var(--dim);border:1px solid var(--line2);border-radius:4px;padding:0 5px}
.sy-cta b{flex:1 1 100%;font-size:13px}
.sy-cta a{font-size:13px;padding:7px 11px;border-radius:999px;border:1px solid var(--line2);text-decoration:none;color:var(--text);white-space:normal;overflow-wrap:anywhere}
.sy-cta a.rk{border-color:#bf0000}.sy-cta a.az{border-color:#ff9900}.sy-cta a.eb{border-color:#3665f3}
/* 390px でのはみ出し */
.content,.main,main{min-width:0}
.v-shop-mini{flex-wrap:wrap;max-width:100%}
.v-shop-mini a{white-space:nowrap}
.tw,.wrap{max-width:100%;overflow-x:auto}
@media (max-width:480px){
  .v-row,.pp-row{flex-wrap:wrap}
  .v-nm{min-width:0}
  .pp-oth{flex-wrap:wrap}
  .v-stats{flex-wrap:wrap}
  .v-podium{grid-template-columns:1fr!important}
  h1{overflow-wrap:anywhere}
}
/* saya-fix-r6: PC のサイドバー（内側のスクロールなし・1行のラベル） */
@media (min-width:921px){
  .sb{width:256px;height:auto!important;min-height:100vh;overflow:visible!important;position:relative!important;top:auto;align-self:stretch}
  .sb-logo{padding:10px 18px 6px}
  .sb-grp{padding:2px 8px}
  .sb-grp .lbl{padding:6px 8px 3px}
  .sb-item{padding:5px 9px;margin-bottom:1px;font-size:13.5px;line-height:1.35;gap:6px;white-space:nowrap}
  .sb-item .sy-mem,.sb-grp .lbl .sy-mem{margin:0 0 0 auto;font-size:9px;letter-spacing:.3px;padding:1px 5px;gap:2px}
  .mem-grp .sb-item{font-size:13px}
  .mem-grp .lbl.mem{font-size:12px}
  .mem-grp{margin-top:4px;padding-top:2px}
  .sb-watch{padding:6px 20px 10px}
}
@media (max-width:920px){
  .sb{width:272px}
  .sb-grp{padding:6px 10px}
  .sb-item{white-space:nowrap;gap:6px;padding-left:10px;padding-right:10px}
  .mem-grp .sb-item{font-size:13px}
  .sb-item .sy-mem{margin:0 0 0 auto;font-size:9px;letter-spacing:.3px;padding:1px 5px;gap:2px}
}
@media (min-width:921px) and (min-height:820px){
  .sb{position:sticky!important;top:0;height:100vh!important;min-height:0;overflow:hidden!important}
}
/* ニュース一覧: 数字はタイトルの右に */
.nv .nv-hero{padding-top:18px;padding-bottom:18px}
.nv .nv-hero h1{margin-bottom:2px}
.nv .nv-hero .v-lead{margin:2px 0 0}
.nv .nv-hero .v-stats{gap:8px}
.nv .nv-hero .v-stat{padding:6px 12px;min-width:0}
.nv .nv-hero .v-stat b{font-size:18px;line-height:1.2}
.nv .nv-hero .v-stat span{font-size:11px}
@media (min-width:921px){
  .nv .nv-hero{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"eb eb" "h1 st" "ld ld";column-gap:28px;align-items:center}
  .nv .nv-hero>.v-eyebrow{grid-area:eb}
  .nv .nv-hero>h1{grid-area:h1;margin:0}
  .nv .nv-hero>.v-lead{grid-area:ld}
  .nv .nv-hero>.v-stats{grid-area:st;margin:0;justify-self:start;flex-wrap:nowrap;position:relative;z-index:1}
}
@media (max-width:920px){.nv .nv-hero .v-stats{margin-top:10px}}
/* イラストレーター一覧:「もっと見る」と「すべて表示」 */
.v32 .ar-morebar{justify-content:center;align-items:stretch}
.v32 .ar-morebar .v-btn{margin:0!important;height:44px;min-height:44px;box-sizing:border-box;padding:0 18px;align-items:center;justify-content:center;vertical-align:top;line-height:1.2}
.v32 .ar-morebar .v-btn[hidden]{display:none}
/* PR の箱にカードの画像 */
.sy-cta-th{flex:none;display:inline-flex;width:40px;height:56px;border-radius:4px;overflow:hidden;background:var(--line2,#2a2f36)}
.sy-cta-th img,.sy-cta-th .ci{width:40px!important;height:56px!important;object-fit:cover;display:block;border-radius:0}
.sy-cta-th .ar-pic{width:40px!important;height:56px!important;flex:none;margin:0}
.sy-cta .sy-cta-th+b{flex:1 1 calc(100% - 110px);min-width:0;align-self:center;overflow-wrap:anywhere}
.v-shop .h .sy-cta-th{margin-right:4px}
/* round 9: スクロール連動の動きで中身が透明のまま残らないように（動きは位置だけ。中身は最初から見える） */
@keyframes fx-in{from{transform:translateY(16px)}to{transform:none}}
@keyframes nv-in{from{transform:translateY(18px)}}
@keyframes nv-pop{from{transform:scale(.3)}}
@keyframes nv-rip{from{transform:scale(.4)}}
.nv-js .nv-tile:not(.seen),.nv-js .nv-tile:not(.seen) .gf,.nv-js .nv-tile:not(.seen) .rip{opacity:1}
/* s10: 統計カードのラベルを途中で折り返さない（「イラストレーター」の「ー」落ち） */
.tp-stats{display:flex;flex-wrap:wrap}
.tp-stats>.tp-stat{flex:1 1 auto}
.tp-stat>span,.v-stat>span{white-space:nowrap;word-break:keep-all;font-size:11px;letter-spacing:-.01em}
.tp-stat{padding-left:12px;padding-right:12px}
.tp-stat>b{white-space:nowrap}
.v-stat,.v32 .v-stats>.v-stat{min-width:fit-content}
/* s15: BOX の「＋ポートフォリオ（保有）」などは会員だけ。既定は 🔒 MEMBER、会員（data-saya-auth=paid）だけ使えるボタン */
.bx-acts .ac-lk{display:contents}.bx-acts .ac-mem{display:none}
html[data-saya-auth="paid"] .bx-acts .ac-lk{display:none}html[data-saya-auth="paid"] .bx-acts .ac-mem{display:contents}
.bx-acts a{font-size:12px;padding:6px 12px;border-radius:9px;border:1px solid var(--line2);color:var(--text2);background:var(--card);text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.bx-acts a.gold{border-color:var(--amber);color:var(--amber)}
.bx-acts a.mem-mask{white-space:nowrap!important;flex-wrap:nowrap}.bx-acts a.mem-mask .sy-mem{margin:0;font-size:9.5px;padding:2px 6px}
.bx-acts a:hover{border-color:var(--amber);color:var(--text)}