@charset "UTF-8";
/* ============================================================================
   mav-v2.css ── 一覧ページ全体デザイン v2（2026-09-17）このファイルの読み方
   1. プロトタイプ（prototype_namespaced/ 各ページの <style>）を「後勝ち」で1本に統合したもの。見た目は同じ
   2. クラス名は mv- 接頭辞。例外は本番に既にある sidebar-heading / sidebar-inner / sidebar-tag / tag-group、
      女優ページ確定分の ap-*、状態の is-on（選択中・保存済み・いいね済み）/ is-lit（マイページが光る）/ is-pop（♡が弾む）
   3. 色は :root の8色だけ。換金色（#1d6fe0）は CTA ボタン .ab-btn にだけ出る。影・グラデーション・強制指定（important）は使っていない
   4. 節ごとに base → @media の順。幅の境目は 768（PC化）/ 1024 / 1280（左サイドバー300px）/ 1536（5列）
   5. ページの種類は body のクラスで切り替える: mv-listpage（一覧・女優・マイページ）/ mv-gpage（ジャンル一覧）/ mv-artpage（記事）
      マイページは mv-listpage に mv-lib を足す
   6. 広告枠（.mv-ad）は「本番の枠をそのまま使う」。ここでは SP用/PC用 の出し分け（display）だけを持つ
   7. 動画プレーヤー・CTA①（B案Blade）・広告の中身は本番のまま。このCSSは触らない
   ============================================================================ */


/* ── 1. 変数（8色＋角丸2種） ─────────────────────────────────────────── */
:root{--bg:#FFFFFF;--face:#F5F5F7;--press:#EBEBEF;--line:#D2D2D7;--ink:#1D1D1F;--ink2:#6E6E73;--ac:#FF630F;--acs:#FFF1E8;--rs:8px;--rm:12px}


/* ── 2. 土台（body / a / img・本文列・フッター） ─────────────────────── */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#FFFFFF;color:var(--ink);font-family:system-ui,"Hiragino Sans","Noto Sans JP",sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased;padding-bottom:calc(56px + env(safe-area-inset-bottom))}  /* 下56px＝下部ナビの高さぶん */
body.mv-listpage,body.mv-gpage{background:var(--face)}  /* 一覧とジャンル一覧は全幅で地を #F5F5F7 にし、記事を白カードで区切る。記事ページ（mv-artpage）は白地のまま */
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.mv-ftr{padding:18px 16px 22px;text-align:center;font-size:13px;background:var(--face);border-top:1px solid var(--line);color:var(--ink2)}
.mv-ftr a{margin:0 10px;font-weight:600;color:var(--ink)}
.mv-ftr .mv-cp{margin-top:10px}
@media (min-width:768px){
  body{padding-bottom:0}          /* 下部ナビが消えるので下余白も消す */
  .mv-main{margin:0 30px}         /* 本文列の左右30px */
}
@media (min-width:1280px){
  .mv-main{margin-left:330px;margin-right:30px}  /* 左サイドバー300px＋30px */
}


/* ── 3. SPヘッダ（〜767px。ロゴ中央・右に虫めがね） ────────────────────── */
/* position は relative（プロトタイプでは sticky の後に relative が上書きされていて、実際は固定されていない。その挙動に合わせた） */
.mv-sph{position:relative;top:0;z-index:20;height:44px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border-bottom:1px solid var(--line)}
.mv-sph .mv-lg{font-weight:800;font-size:18px}
.mv-sph .mv-lg i{font-style:normal;color:#FF630F}
.mv-sph a.mv-sv-link{display:flex;align-items:center;color:inherit}
.mv-sph .mv-sv{position:absolute;right:12px;top:11px;width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2}
@media (min-width:768px){
  .mv-sph{display:none}
}


/* ── 4. PCヘッダ（768px〜。ロゴ・検索・アイコン5つ。上に貼り付く） ───────── */
.mv-pch{display:none}
@media (min-width:768px){
  .mv-pch{display:flex;position:sticky;top:0;z-index:20;height:64px;align-items:center;gap:20px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line)}
  .mv-pch .mv-lg{font-weight:800;font-size:19px}
  .mv-pch .mv-lg i{font-style:normal;color:var(--ac)}
  .mv-pch form.mv-srch{flex:1;max-width:520px;display:flex}
  .mv-pch form.mv-srch input{flex:1;width:100%;max-width:none;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--face);font-size:14px;outline:none}
  .mv-pch ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:4px}
  .mv-pch li a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:70px;font-size:12px;color:var(--ink2)}
  .mv-pch li a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
  .mv-pch li a.mv-on{color:var(--ac)}   /* 現在地は橙 */
}


/* ── 5. 下部ナビ（〜767px・固定）と「マイページが1回だけ光る」（下部ナビ／PCヘッダ共通） ── */
/* 2026-09-17 実機（iPhone）確認: ホームバー分を env(safe-area-inset-bottom) で下に足す（<head> の viewport に viewport-fit=cover が必要）。ラベルは span.mv-lb で折り返し禁止・各枠 min-width:0（文字切れ対策） */
.mv-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFFFFF;border-top:1px solid var(--line);font-size:12px}
.mv-nav a{position:relative;flex:1;min-width:0;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink2)}
.mv-nav .mv-lb{display:block;max-width:100%;white-space:nowrap;line-height:1.2}
.mv-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mv-nav a.mv-on{color:var(--ac)}       /* 現在地は橙 */
@media (min-width:768px){
  .mv-nav{display:none}
}
/* 光り方（2026-09-07 確定）: 塗り反転＋1.3倍＋リング、100ms遅れ。JSが <a> に is-lit を付けて1回だけ動かす */
.mv-nav .mv-box,.mv-pch .mv-box{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;position:relative;transition:background-color .18s ease-out,color .18s ease-out}
.mv-nav .mv-box svg,.mv-pch .mv-box svg{position:relative;z-index:1}
.mv-nav .mv-ring,.mv-pch .mv-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--ac);opacity:0;pointer-events:none}
.mv-nav a.is-lit,.mv-pch li a.is-lit{color:var(--ac)}
.mv-nav a.is-lit .mv-box,.mv-pch li a.is-lit .mv-box{background:var(--ac);color:#FFFFFF;animation:ap-pulse 520ms cubic-bezier(.2,0,0,1) 100ms 1 both}
.mv-nav a.is-lit .mv-box svg,.mv-pch li a.is-lit .mv-box svg{stroke:#FFFFFF}
.mv-nav a.is-lit .mv-ring,.mv-pch li a.is-lit .mv-ring{animation:ap-ripple 600ms cubic-bezier(.2,0,0,1) 100ms 1 both}
@keyframes ap-pulse{0%{transform:scale(1)}35%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes ap-ripple{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.1);opacity:0}}


/* ── 6. 左サイドバー（1280px〜）・本文下のジャンル一覧（〜1279px）・ジャンルのチップ ── */
/* 見出し（.sidebar-heading）は 7. にまとめてある。チップは本番と同じクラス名 a.sidebar-tag */
.mv-side{display:none}
.mv-tagband{padding:6px 16px 26px;border-top:1px solid var(--line)}
@media (max-width:767px){
  .mv-listpage .mv-tagband{background:var(--bg);margin-top:12px;padding-top:8px;padding-bottom:16px}  /* SPは灰色の地の上に白い帯で置く */
}
@media (min-width:768px){
  .mv-tagband{padding:6px 0 26px}
}
@media (min-width:1280px){
  .mv-side{display:block;position:fixed;top:64px;left:0;bottom:0;width:300px;overflow:auto;background:var(--bg);border-right:1px solid var(--line);padding:14px 16px 0}   /* 2026-09-26 下の余白30pxは .sidebar-inner へ移した（「▼ スクロールできます」を下端にぴったり貼り付けるため） */
  .mv-side .sidebar-inner{padding-bottom:30px}
  .mv-tagband{display:none}   /* サイドバーが出たら本文下の複製は出さない */
}
/* 本番の既存CSS（.sidebar-inner / .tag-group の余白や float）を打ち消す */
.mv-side .sidebar-inner,.mv-tagband .sidebar-inner{display:block}
.mv-side .tag-group,.mv-tagband .tag-group{margin:0}
/* チップ（統一部品）: 14px・高さ32px・#F5F5F7・角丸8px・間隔6px。サイドバー／本文下／記事ページの各節／ジャンル一覧で同じ */
.mv-side a.sidebar-tag,.mv-tagband a.sidebar-tag,.mv-sec a.sidebar-tag,.mv-gpage a.sidebar-tag{display:inline-block;height:32px;line-height:32px;padding:0 12px;border:0;border-radius:var(--rs);background:var(--face);color:var(--ink);font-size:14px;margin:0 6px 6px 0;letter-spacing:0}
.mv-side a.sidebar-tag,.mv-tagband a.sidebar-tag{border:1px solid transparent}   /* サイドバーと本文下だけ透明1pxの枠を持つ（プロトタイプの旧規則の名残。幅+2px・文字が1px下。値を変えない方針でそのまま） */
/* /link の1本だけクラスが無い＝本番でもボタンにならない。文字リンクのまま出す */
.mv-side .tag-group>a:not(.sidebar-tag),.mv-tagband .tag-group>a:not(.sidebar-tag){display:inline-block;height:auto;line-height:1.6;padding:5px 2px;margin:0 6px 6px 0;background:none;border:0;border-radius:0;font-size:13px;color:#1D1D1F;letter-spacing:0}
/* チップの状態: 載せた時 #EBEBEF／押した瞬間 #EBEBEF（上の4か所）。それ以外の a.sidebar-tag（マイページの保存ワード）は押した瞬間 #D2D2D7 */
a.sidebar-tag{transition:background-color .15s ease-out}
a.sidebar-tag:active{background:var(--line)}
.mv-side a.sidebar-tag:active,.mv-tagband a.sidebar-tag:active,.mv-sec a.sidebar-tag:active,.mv-gpage a.sidebar-tag:active{background:var(--press)}
a.sidebar-tag:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (hover:hover){
  a.sidebar-tag:hover{background:var(--press)}
}
/* サイドバー下端の「▼ スクロールできます」。下まで来たらJSが .mv-side に mv-at-end を付けて消す */
.mv-side .mv-side-hint{position:sticky;bottom:0;margin:12px -16px 0;padding:9px 0 11px;background:var(--bg);border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--ink2);letter-spacing:0}
.mv-side.mv-at-end .mv-side-hint{visibility:hidden}


/* ── 7. 見出し（H1・H1＋保存ボタンの行・H2・区切り見出し） ───────────────── */
/* H1: 帯をやめて白地の太字。375pxで18px（高さ 18×1.35+15＝39.3px＝旧の黒帯と同じ＝直下の広告枠は動かない） */
.mv-h1b{margin:0;padding:10px 16px 5px;background:var(--bg);color:var(--ink);font-size:clamp(17px,4.8vw,18px);font-weight:700;line-height:1.35;letter-spacing:0;text-align:left}
.mv-listpage .mv-h1b,.mv-gpage .mv-h1b{background:transparent}   /* 灰色の地のページでは地の色を透かす */
/* H1と保存ボタンを1行に（カテゴリ・タグ・MGS・検索）。余白を行側へ移して H1 の上下を等しくし、合計の高さは変えない */
.mv-h1row{display:flex;align-items:center;gap:10px;padding-top:5px;padding-right:16px}
.mv-h1row .mv-h1b{flex:1;min-width:0;padding:5px 16px}
@media (min-width:768px){
  .mv-h1b{font-size:24px;padding:18px 0 6px}
  .mv-h1row{justify-content:flex-start;gap:14px;padding-top:12px;padding-right:0}   /* PCは保存ボタンを見出しのすぐ右に */
  .mv-h1row .mv-h1b{flex:0 1 auto;padding:6px 0}
}
@media (min-width:1024px){
  .mv-h1b{font-size:26px}
}
/* H2（一覧の題＋「新しい順 1ページ目」） */
.mv-h2{margin:0;padding:10px 16px 4px;font-size:17px;font-weight:700;line-height:1.4;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mv-h2 i{font-style:normal;font-size:13px;font-weight:400;color:var(--ink2);letter-spacing:0}
@media (min-width:768px){
  .mv-h2{padding:8px 0 4px;font-size:20px}
}
@media (min-width:1024px){
  .mv-h2{font-size:22px}   /* 本番PCのH2 22.4pxを下回らない */
}
/* 区切り見出し（統一部品）: 17px/700＋3px罫線（罫線は文字の下）。サイドバー／本文下／記事ページの各節／ジャンル一覧で同じ */
.mv-side .sidebar-heading,.mv-tagband .sidebar-heading,.mv-sec .sidebar-heading,.mv-gpage .sidebar-heading{box-sizing:border-box;display:block;margin:16px 0 8px;padding:0 0 6px;border:0;border-bottom:3px solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);font-size:17px;font-weight:700;line-height:24px;letter-spacing:0;text-align:left}
.mv-side .sidebar-heading,.mv-tagband .sidebar-heading{float:none;clear:both;width:auto;height:auto;min-height:0;white-space:normal;overflow-wrap:anywhere;cursor:default}   /* 本番の既存 .sidebar-heading（float・幅・高さ）を打ち消す */
.mv-side .sidebar-inner>.sidebar-heading:first-child,.mv-tagband .sidebar-inner>.sidebar-heading:first-child{margin-top:0}


/* ── 8. 並び替えタブ（.mv-tabs／女優ページは .ap-tabs）と、押せるものの状態 ── */
/* 選択中＝橙（mv-on／ap-tabs は is-on）。載せた時 #EBEBEF、押した瞬間 #D2D2D7＋わずかに縮む */
.mv-tabs{display:flex;align-items:center;gap:8px;padding:8px 16px 10px}
.mv-tabs a{flex:1;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border-radius:var(--rm);background:var(--face);border:1px solid var(--line);color:var(--ink2);white-space:nowrap;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}
.mv-tabs a.mv-on{background:var(--ac);color:#FFFFFF;border-color:var(--ac)}
.mv-listpage .mv-tabs a:not(.mv-on){background:var(--bg)}   /* 灰色の地の上では未選択タブを白に */
.mv-tabs.mv-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}   /* 横に流れるタブ（女優一覧・ジャンル一覧の目次） */
.mv-tabs.mv-scroll::-webkit-scrollbar{display:none}
.mv-tabs.mv-scroll a{flex:0 0 auto;padding:0 14px}
@media (max-width:767px){ /* 2026-09-17 AV女優一覧のタブ5本（.mv-wrap）は SP 1行に収まらない（440px で 602px）ので2行に折り返す。ジャンル一覧の目次は横スクロールのまま。運営「素人娘のタブが見切れる」 */
  .mv-tabs.mv-wrap{flex-wrap:wrap;overflow-x:visible;row-gap:8px}
}
/* 2026-09-26 運営決定「最終パターンはリンクなしで」: 押せるのはサムネと題名だけ（余白は押せない）。カード全体を押せる案は不採用（モック 6d/6e に保存）。position:relative は残す（害なし） */
.mv-card{position:relative}
/* 2026-09-26 押したときの反応: iOS のタップハイライト（カード全体が半透明の灰で覆われる）を消し、カードの地が #EBEBEF になる反応に統一 */
.mv-card a,.mv-card .mv-like{-webkit-tap-highlight-color:transparent}
/* 2026-10-06 17-an で削除: 一覧・記事の関連動画のカードを押している間に背景を --press（#EBEBEF）にする規則（白カードの地が灰色になった） */
.mv-tabs .mv-new{margin-left:6px;font-size:11px;font-weight:700;color:var(--ac)}
@media (min-width:768px){
  .mv-tabs{padding:12px 0 10px}
}
/* 女優ページのタブ（確定ずみ。文字色だけ #1D1D1F、右端にページ数） */
.ap-tabs{display:flex;gap:8px;align-items:center;padding:12px 16px 10px}
.ap-tabs a{flex:0 0 auto;height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;font-size:15px;font-weight:600;border-radius:var(--rm);background:var(--face);color:var(--ink);border:1px solid var(--line);text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}
.ap-tabs a.is-on{background:var(--ac);color:#FFFFFF;border-color:var(--ac)}
.ap-page{margin-left:auto;flex:0 0 auto;font-size:13px;color:var(--ink2);white-space:nowrap;letter-spacing:0}
.ap-page b{color:var(--ink);font-weight:700;font-size:15px}
@media (min-width:768px){
  .ap-tabs{padding:12px 0 10px}
}
/* 状態（両方のタブに共通）。白タブの規則より後に置く＝載せた・押したが白に負けない */
.mv-tabs a:active,.ap-tabs a:active{transform:scale(.97)}
.mv-tabs a:not(.mv-on):active,.ap-tabs a:not(.is-on):active{background:var(--line);color:var(--ink)}
.mv-tabs a:focus-visible,.ap-tabs a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (hover:hover){
  .mv-tabs a:not(.mv-on):hover,.ap-tabs a:not(.is-on):hover{background:var(--press);color:var(--ink);border-color:var(--line)}
}


/* ── 9. カード（SP: サムネ左＋題名右の横並び／768px〜: グリッド。一覧は白カード） ── */
.mv-list{display:block;padding:0 16px}   /* 左右16px内側。H1・H2・タブの左端と揃う */
.mv-card{display:flex;align-items:flex-start;background:var(--bg);border-bottom:0;margin-bottom:16px}   /* flex-start＝題名が長くてもサムネを縦に伸ばさず3:2のまま */
/* 2026-10-06 17-an で削除: カードを押している間に背景を --press にする規則（♡や余白を押してもカード全体が灰色になった） */
.mv-card .mv-th{width:46%;flex:0 0 46%;aspect-ratio:3/2;overflow:hidden;border-radius:var(--rs);background:var(--face)}
.mv-card .mv-th>a{display:block;width:100%;height:100%}
.mv-card .mv-th img{width:100%;height:100%;object-fit:cover}
.mv-card .mv-bd{flex:1;min-width:0;padding:2px 0 0 12px;display:flex;flex-direction:column}
/* 題名は5行分の高さで固定（109px＝15px×1.45×5）。6行目以降は…。長さやラベルで高さが変わらず、カードの高さが揃う */
.mv-card .mv-tx{font-size:15px;line-height:1.45;color:var(--ink);min-height:109px;max-height:109px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.mv-card .mv-tx a.mv-tlink{display:inline;color:inherit;text-decoration:none}
/* メタ行（♡いいね・時間・ラベル）。時間が無いカードでも高さ26pxを保つ */
.mv-card .mv-mt{margin-top:auto;padding-top:6px;box-sizing:border-box;min-height:26px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);letter-spacing:0}
/* ラベル（素人・主演）: 灰色のチップをメタ行の右端に置く＝題名の開始位置と行数が全カードで同じ */
.mv-card .mv-mt .mv-chip{float:none;margin:0 0 0 auto;height:18px;line-height:18px;padding:0 7px;font-size:11px;background:var(--face);color:var(--ink2);border-radius:var(--rs);letter-spacing:0;white-space:nowrap}
/* SP（〜767px）の一覧: 白カード・線1px・角丸12px・内側8px。内側8pxぶん文字幅が減るのでサムネ46%→42% */
@media (max-width:767px){
  .mv-listpage .mv-list .mv-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:8px;margin-bottom:12px}
  .mv-listpage .mv-list .mv-card .mv-th{border-radius:var(--rs);width:42%;flex:0 0 42%}
  .mv-listpage .mv-list .mv-card .mv-bd{padding:0 0 0 12px}
}
/* 768px〜: グリッド 3列 → 1024px〜 4列 → 1536px〜 5列（1280〜1535も4列。サイドバーが出るぶん幅が減るため） */
@media (min-width:768px){
  .mv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 0}
  .mv-card{display:block;border-bottom:0;margin-bottom:0}   /* 間隔は gap:16px が持つ */
  .mv-card .mv-th{width:100%;flex:none;border-radius:var(--rs)}
  .mv-card .mv-bd{padding:6px 0 0}
  .mv-listpage .mv-list .mv-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);overflow:hidden;transition:border-color .15s ease-out}   /* 記事ごとに白いカード（影なし） */
  .mv-listpage .mv-list .mv-card .mv-th{border-radius:0}
  .mv-listpage .mv-list .mv-card .mv-bd{padding:8px 12px 10px}
}
/* 2026-10-06 17-al で削除: 一覧カードにマウスを載せると枠線を --ink2 に濃くする :hover の規則（768px〜・hover:hover）。運営「メインコンテンツにマウスを載せた際に黒枠が表示される。不要」 */
@media (min-width:1024px){
  .mv-list{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1536px){
  .mv-list{grid-template-columns:repeat(5,1fr)}
}
/* ♡いいね（統一部品）: 押すと橙・数が1増え・マイページが光る。カードは文字だけ13px、記事ページの操作行は白いピル（12. 記事ページ） */
.mv-like{transition:color .15s ease-out}
.mv-like svg{fill:none;stroke:currentColor;stroke-width:1.6}
.mv-like.is-on svg{fill:var(--ac);stroke:var(--ac)}
.mv-card .mv-mt .mv-like{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--ink2);cursor:pointer;letter-spacing:0}
.mv-card .mv-mt .mv-like svg{width:18px;height:16px}
.mv-card .mv-mt .mv-like.is-on{color:var(--ac)}
.mv-card .mv-mt .mv-like.is-pop svg{animation:ap-pop 240ms cubic-bezier(.2,0,0,1) 1}
@media (hover:hover){
  .mv-card .mv-mt .mv-like:not(.is-on):hover{color:var(--ink)}
}
@keyframes ap-pop{0%{transform:scale(1)}45%{transform:scale(1.25)}100%{transform:scale(1)}}


/* ── 10. ページ送り ────────────────────────────────────────────────── */
.mv-pager{display:flex;justify-content:center;align-items:center;gap:6px;padding:18px 16px;flex-wrap:wrap}
.mv-pager a,.mv-pager span{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border:1px solid var(--line);border-radius:var(--rs);background:var(--face);color:var(--ink)}
@media (max-width:767px){ /* 2026-09-17 実機で「小さい」→ SPは 44px・17px */
  .mv-pager{gap:8px;padding:20px 16px}
  .mv-pager a,.mv-pager span{min-width:44px;height:44px;padding:0 12px;font-size:17px}
}
.mv-pager span.mv-cur{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}   /* 現在ページは黒 */
.mv-listpage .mv-pager a,.mv-listpage .mv-pager span:not(.mv-cur){background:var(--bg)}   /* 灰色の地の上では白 */
.mv-pager .mv-pconly{display:none}   /* SPでは省く番号 */
@media (hover:hover){
  .mv-pager a:hover{background:var(--press)}
}
@media (min-width:768px){
  .mv-pager .mv-pconly{display:inline-flex}
}


/* ── 11. 女優ページ（ap-*・確定ずみ）・保存ボタン・AV女優一覧 ───────────── */
/* 保存ボタン: 見出しの右（女優・カテゴリ・タグ・MGS・検索）と記事ページの操作行で同じ部品。押すと #FFF1E8 に橙文字 */
.ap-save{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--bg);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:0;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}
.ap-save svg{width:16px;height:16px;flex:0 0 16px}
.ap-save:hover{background:var(--face)}
.ap-save:active{background:var(--press)}
.ap-save.is-on{background:var(--acs);border-color:var(--acs);color:var(--ac)}
.ap-save.is-pop svg{animation:ap-pop 240ms cubic-bezier(.2,0,0,1) 1}
/* プロフィール枠（写真110px・名前・ふりがな・動画数）。無い値は要素ごと出さない */
.ap-prof{display:flex;gap:16px;align-items:flex-start;padding:16px 16px 12px}
.ap-prof>img{width:110px;height:110px;flex:0 0 110px;border-radius:var(--rs);object-fit:cover;background:var(--face)}
.ap-r{flex:1;min-width:0}
.ap-nmrow{display:flex;align-items:flex-start;gap:10px}
.ap-h1{margin:0;font-weight:400;font-size:inherit;line-height:inherit;display:flex;flex-direction:column;min-width:0;flex:1}
.ap-h1 .mv-nm{order:1;font-size:22px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-h1 .mv-rb{order:2;font-size:12px;color:var(--ink2);margin-top:2px}   /* ふりがな行（瀬戸環奈のモックには無いが、ふりがなが取れる女優では出る） */
.ap-h1 .mv-sfx{order:3;font-size:13px;color:var(--ink2);letter-spacing:0;margin-top:3px;white-space:nowrap}
.ap-nums{display:flex;gap:20px;margin-top:12px}
.ap-nums div{line-height:1.25}
.ap-nums b{display:block;font-size:19px;font-weight:700}
.ap-nums b em{font-style:normal;font-size:12px;font-weight:600;color:var(--ac);margin-left:1px}
.ap-nums span{display:block;font-size:11px;color:var(--ink2);margin-top:2px}
/* 「主演」の説明（灰色の帯） */
.ap-note{display:flex;gap:8px;align-items:flex-start;margin:0 16px 12px;padding:9px 12px;background:var(--face);border-radius:var(--rm);font-size:12.5px;color:var(--ink2);line-height:1.6;letter-spacing:0}
.ap-note svg{flex:0 0 14px;width:14px;height:14px;margin-top:3px}
@media (max-width:767px){
  .mv-listpage .ap-prof{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);margin:12px 16px 0;padding:14px}   /* SPは白カードで */
}
@media (min-width:768px){
  .ap-prof{padding:16px 0 12px}
  .mv-listpage .ap-prof{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:16px;margin-bottom:12px}
  .ap-nmrow{justify-content:flex-start;gap:16px}   /* PCは保存ボタンを名前のすぐ右に */
  .ap-h1{flex:0 1 auto}
  .ap-h1 .mv-nm{font-size:26px}
  .ap-h1 .mv-sfx{font-size:15px}
  .ap-note{margin:0 0 12px}
}
/* AV女優一覧（/actresslist_sub1）: 正方形の顔写真＋順位＋名前＋本数。SP 3列 → 768〜 5列 → 1024〜 6列 → 1280〜 7列 → 1536〜 8列 */
.mv-people{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 8px;padding:6px 16px 16px}
.mv-pcard{display:block;min-width:0;color:inherit;text-decoration:none}
.mv-pth{position:relative;aspect-ratio:1/1;border-radius:var(--rs);overflow:hidden;background:var(--face)}
.mv-pth img{width:100%;height:100%;object-fit:cover;display:block}
.mv-rank{position:absolute;left:6px;top:6px;height:20px;padding:0 7px;border-radius:var(--rs);background:var(--ink);color:#FFFFFF;font-size:11px;font-weight:700;display:inline-flex;align-items:center;letter-spacing:0}
.mv-pname{font-size:14px;font-weight:600;line-height:1.3;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-pcnt{font-size:12px;color:var(--ink2);letter-spacing:0;margin-top:1px}
.mv-pcnt b{color:var(--ink);font-weight:700;font-size:13px}
@media (max-width:767px){
  .mv-listpage .mv-people .mv-pcard{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:6px 6px 8px}
}
@media (min-width:768px){
  .mv-people{grid-template-columns:repeat(5,1fr);gap:12px;padding:8px 0 16px}
  .mv-listpage .mv-people .mv-pcard{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:8px 8px 10px}
}
@media (min-width:1024px){
  .mv-people{grid-template-columns:repeat(6,1fr)}
}
@media (min-width:1280px){
  .mv-people{grid-template-columns:repeat(7,1fr)}
}
@media (min-width:1536px){
  .mv-people{grid-template-columns:repeat(8,1fr)}
}


/* ── 12. ジャンル一覧（/genre_smart・body.mv-gpage） ─────────────────────── */
/* 本文がジャンル一覧そのものなので、左サイドバーと本文下の複製は出さない。12グループを白いカードにして SP 1列／768〜 2列／1024〜 3列 */
.mv-gpage .mv-side,.mv-gpage .mv-tagband{display:none}
/* 目次＝並び替えタブと同じ部品（.mv-tabs.mv-scroll に mv-gtabs を足す）。上に貼り付き、いま見えているグループが橙（JS） */
.mv-gpage .mv-gtabs{position:sticky;top:0;z-index:15;margin:0;padding:8px 16px 10px;background:var(--face)}
.mv-gpage .mv-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:8px 16px 24px}
.mv-gpage .mv-grp{min-width:0;padding:14px 16px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);scroll-margin-top:76px}   /* scroll-margin＝貼り付いた目次の高さぶん */
.mv-gpage .mv-grp .sidebar-heading{margin:0 0 10px}
@media (min-width:768px){
  .mv-gpage .mv-gtabs{top:64px;padding:8px 0 10px;flex-wrap:wrap;overflow:visible}   /* PCヘッダの下に貼り付き、折り返して全部見せる */
  .mv-gpage .mv-grp{scroll-margin-top:140px}
  .mv-gpage .mv-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 0 32px}
}
@media (min-width:1024px){
  .mv-gpage .mv-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1280px){
  .mv-gpage .mv-main{margin:0 auto;max-width:1180px;padding:0 30px}   /* サイドバーが無いので中央寄せ */
}


/* ── 13. 記事ページ（/sad/{id}・body.mv-artpage） ─────────────────────── */
/* サイドバー無し。PCは本文列790px中央。0〜812px圏（広告・H1・動画・CTA①）の高さと並びは本番と同じに保つ */
.mv-artpage .mv-side,.mv-artpage .mv-tagband{display:none}   /* 記事ページにジャンル一覧（本文下の複製）は出さない */
.mv-bc{font-size:13px;color:var(--ink2);padding:8px 16px 6px}   /* パンくず */
/* H1: 本番の帯（16px・行間1.45・padding 4px）と同じ行数・同じ高さになる寸法＝下の広告・CTA①が動かない */
.mv-h1a{margin:0;padding:4px 12px;background:var(--bg);color:var(--ink);font-size:16px;font-weight:700;line-height:1.45;letter-spacing:0}
.mv-vl{display:flex;justify-content:space-between;align-items:center;padding:2px 16px 6px;font-size:14px;color:var(--ink2)}   /* サイト名と投稿日時 */
/* 動画プレーヤーは本番のまま（プロトタイプの仮置きプレーヤー .mv-player の指定は含めない） */
/* 操作行: ♡いいね（白いピル・高さ34px）と保存ボタンを隣どうしで1組に */
.mv-acts{display:flex;align-items:center;gap:14px;padding:8px 16px}
.mv-acts .mv-likecount{font-size:13px;color:var(--ink2);letter-spacing:0} .mv-acts .mv-likecount .mv-cnt{font-weight:700;color:var(--ink)}   /* 2026-09-28 記事ページ: 本番と同じ「N件のいいね」＋ハート1つ（表記「保存」）。保存ボタンは置かない */
@media (max-width:767px){.mv-acts{justify-content:space-between}}   /* 2026-09-28 SP: 「N件のいいね」を左端、♡保存を右端に（下の全幅CTAと釣り合わせる）。行の高さは不変 */
.mv-acts .ap-save{margin-left:0}
.mv-acts .mv-like{height:34px;padding:0 14px;background:var(--bg);border:1px solid var(--line);border-radius:999px;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;letter-spacing:0;transition:background-color .15s ease-out,color .15s ease-out}
.mv-like.mv-lg svg{width:22px;height:20px}   /* 記事ページの♡はカードより一回り大きい（mv-lg） */
.mv-acts .mv-like.is-on{background:var(--acs);border-color:var(--acs);color:var(--ac)}
.mv-acts .mv-like:active{background:var(--press)}
@media (hover:hover){
  .mv-acts .mv-like:not(.is-on):hover{background:var(--face)}
}
/* CTA①（B案の形・換金色）。本番ではB案の Blade 部品（ab-btn-b・インラインstyle）をそのまま差し込む想定。ここはプロトタイプの仮ボタン用 */
.ab-cta1wrap{max-width:400px;margin:4px auto 0;padding:0 12px}
.ab-btn{display:block;width:100%;height:48px;line-height:48px;font-size:16px;font-weight:700;color:#FFFFFF;text-align:center;background:#1d6fe0;border:0;border-radius:8px;text-decoration:none}
/* あらすじ（3行で切り、「もっと見る」でJSが .mv-syn に mv-open を付けて全文） */
.mv-syn{margin:12px 16px 0;padding:12px 16px;background:var(--face);border-radius:var(--rs)}
.mv-syn .mv-lb{font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:6px;letter-spacing:0}
.mv-syn .mv-stx{font-size:15px;line-height:1.6;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mv-syn.mv-open .mv-stx{display:block;-webkit-line-clamp:unset}
.mv-syn .mv-more{display:inline-flex;align-items:center;height:40px;margin-top:2px;padding:0;background:none;border:0;font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}
/* 各節（商品情報・AV女優・関連タグ・関連動画）。見出しとチップは 6./7. の統一部品 */
.mv-sec{padding:8px 16px 0}
/* 2026-09-17 運営「この動画の商品情報は重要な見出しなのに他と同じ」→ この見出しだけ黒帯（section.mv-sec.mv-prodsec）。他の見出しは下線のまま */
.mv-sec.mv-prodsec .sidebar-heading{display:flex;align-items:center;gap:8px;margin:24px 0 12px;padding:10px 14px;border:0;border-radius:var(--rs);background:var(--ink);color:#FFFFFF;font-size:18px;line-height:24px}
.mv-sec.mv-prodsec .sidebar-heading svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mv-prod .mv-pt{font-size:14px;line-height:1.5;color:var(--ink2)}   /* 商品名 */
.mv-prod img{display:block;width:100%;border-radius:var(--rs);margin:10px 0 8px;background:var(--face)}
.mv-prod .mv-r1{font-size:13px;line-height:1.5;color:var(--ink2)}   /* 商品の補足行（この記事のモックには無い。データがある時だけ出す） */
.mv-prod .ab-btn{max-width:400px;margin:16px auto 0}
.mv-artpage .mv-list{padding-top:4px}   /* 関連動画のカード */
@media (min-width:768px){
  .mv-bc,.mv-vl,.mv-acts,.mv-sec{padding-left:0;padding-right:0}
  .mv-h1a{padding:8px 0;font-size:22px;line-height:1.35}
  .mv-syn{margin:12px 0 0}
  .mv-artpage .mv-list{padding-top:14px;grid-template-columns:repeat(3,1fr)}   /* 2026-09-29 関連動画は PC で常に横3列（一覧ページの 4列／5列 にしない）*/
}
@media (min-width:1024px){
  .mv-artpage .mv-main{margin:0 auto;max-width:790px}   /* 1024〜1279 も 1280〜 も同じ（本番の実測どおり790px中央） */
}


/* ── 14. マイページ（/library・body.mv-listpage.mv-lib） ───────────────── */
/* いいね／保存ワード／閲覧履歴の3タブ（.mv-tabs をそのまま使い、JSが .mv-panel に is-on を付け替える）。各動画の「先頭」「削除」 */
.mv-lib .mv-panel{display:none}
.mv-lib .mv-panel.is-on{display:block}
.mv-lib .mv-note{display:flex;gap:8px;align-items:flex-start;margin:0 16px 4px;padding:9px 12px;background:var(--face);border-radius:var(--rm);font-size:12.5px;color:var(--ink2);line-height:1.6;letter-spacing:0}
.mv-lib .mv-note svg{flex:0 0 14px;width:14px;height:14px;margin-top:3px}
.mv-lib .mv-card .mv-acts2{display:flex;justify-content:flex-end;gap:6px;padding-top:8px}
.mv-lib .mv-card .mv-act{display:inline-flex;align-items:center;height:26px;padding:0 12px;background:var(--bg);border:1px solid var(--line);border-radius:999px;font:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;letter-spacing:0;white-space:nowrap;transition:background-color .15s ease-out}
.mv-lib .mv-card .mv-act:active{background:var(--line)}
.mv-lib .mv-empty{margin:8px 16px 16px;padding:24px 16px;text-align:center;font-size:14px;color:var(--ink2);background:var(--face);border-radius:var(--rm)}
.mv-lib .mv-words{padding:4px 16px 8px}   /* 保存ワードのチップは本番の既存 .sidebar-tag のまま（このCSSでは指定しない） */
@media (hover:hover){
  .mv-lib .mv-card .mv-act:hover{background:var(--press)}
}
@media (min-width:768px){
  .mv-lib .mv-note{margin-left:0;margin-right:0}
  .mv-lib .mv-empty{margin-left:0;margin-right:0}
  .mv-lib .mv-words{padding-left:0;padding-right:0}
}


/* ── 15. 広告枠（本番の枠をそのまま使う。ここは SP用／PC用 の出し分けだけ） ── */
/* 位置・高さ・中身は現状のまま。mv-sp＝SPだけ、mv-pc＝PCだけに出す */
.mv-ad.mv-pc{display:none}
/* SP専用の広告はグリッドの中の「全幅の1行」（.mv-adrow）に入れる。PCでは行ごと消す＝カードが途切れず4列（1536で5列）に詰まる */
.mv-list .mv-adrow{grid-column:1/-1}
@media (min-width:768px){
  .mv-ad.mv-sp{display:none}
  .mv-ad.mv-pc{display:flex}   /* プロトタイプの値。本番の枠が block なら block でよい（出す／出さないだけが目的） */
  .mv-list .mv-adrow{display:none}
}


/* ── 16. 動きを減らす設定の端末（OSの「視差効果を減らす」）では、光る・弾むを止める ── */
@media (prefers-reduced-motion: reduce){
  .ap-save,.mv-nav .mv-box,.mv-pch .mv-box{transition:none}
  .ap-save.is-pop svg,.mv-card .mv-mt .mv-like.is-pop svg,.mv-nav a.is-lit .mv-box,.mv-nav a.is-lit .mv-ring,.mv-pch li a.is-lit .mv-box,.mv-pch li a.is-lit .mv-ring{animation:none}
}


/* ── 17. 本番接続 ─────────────────────────────────────────────────── */
/* 版名: mav-v2 本番接続 20261007h（上げ直す時は head の ?v= と同じ値に変える。配信中のファイルが新しいかを、この文字で確かめる）
   本番（xvideo-jp.com）の Blade・JS が出す既存のマークアップに、1〜16 の見た目を当てるための規則。
   すべて 1〜16 より後に書いてあるので、同じ詳細度なら後勝ちで勝つ。各規則の右に「詳細度 → 負かす相手」を書いた。
   本番の app.css・Tailwind はビルド済み CSS（@vite）で先に読まれ、mav-v2.css は head でその後に読む前提（読み込み順は head の担当。同じ詳細度の相手はこの順で勝つ）
   色は :root の8色＋換金2色だけ。影・グラデーションは使わない。強制指定は 17-g の1行だけ */

/* 17-a 書体（本番 resources/scss/app.scss 14行と同じ。812px圏の折り返しを変えない。色は 2. の var(--ink) のまま） */
body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:normal}   /* (0,0,1) → 2. の body (0,0,1) に後勝ち */

/* 17-b ページ送り（Utility::generatePagination が出す span＝現在／a＝他／a.hidden＝« 先頭・最後 »） */
/* 既知の差: 本番 Utility.php 359・361・450・452行ほかは番号の a・span に style="min-width:48px" を直書きする。インライン style は詳細度で勝てないため、番号の最小幅は SP 44px・PC 36px ではなく 48px になる（強制指定は 17-g の1行だけ、の決まりを守るため CSS では打ち消さない。そろえるなら Utility.php のインライン min-width を外す PG 依頼） */
.mv-pager a,.mv-pager span{margin:0}   /* (0,1,1) → Tailwind md:m-2 (0,1,0) */
.mv-listpage .mv-pager span:not(.mv-cur),.mv-pager span{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}   /* (0,3,1) → 10. 255行 (0,3,1) に後勝ち／Tailwind bg-[..] text-white (0,1,0)。本番の span は現在ページだけ */
.mv-pager a.hidden{display:none}   /* (0,2,1) → 10. の .mv-pager a{display:inline-flex} (0,1,1)。SP で « 先頭・最後 » を出さない（元の hidden と同じ） */
@media (min-width:768px){
  .mv-pager a.hidden{display:inline-flex}   /* (0,2,1) → 上の行に後勝ち（元の md:block と同じく PC で出す） */
}
.mv-pager.mv-pgpc{display:none}   /* (0,2,0) → 10. の .mv-pager (0,1,0) */
@media (min-width:768px){
  .mv-pager.mv-pgpc{display:flex}   /* (0,2,0) 後勝ち */
  .mv-pager.mv-pgsp{display:none}   /* (0,2,0) → .mv-pager (0,1,0) */
}
.mv-pgjump{margin:0 16px 12px;font-size:13px;color:var(--ink2)}   /* (0,1,0) 新規部品（ページ指定のセレクト） */
@media (min-width:768px){
  .mv-pgjump{display:none}   /* (0,1,0) 後勝ち。元の debut_actress・all-actress・actress-sort-alphabetical とも md:hidden＝SP だけの機能 */
}

/* 17-c タブ内の h3（本番 favosort は <a><h3>新しい順</h3></a>。見出し構造は①の論点なので残し、見た目だけ文字に戻す） */
.mv-tabs a h3,.ap-tabs a h3{display:inline;margin:0;padding:0;font:inherit;color:inherit}   /* (0,1,2) → h3 の既定・Tailwind の h3 リセット (0,0,1) */

/* 17-d 保存ボタン（本番 button.c-button--wordregister.js-fsc に ap-save を足す） */
.ap-save.c-button--wordregister{line-height:1;height:34px;font-size:13px;border-radius:999px;background:var(--bg);color:var(--ink)}   /* (0,2,0) → app.css 1374行 .c-button--wordregister (0,1,0)（line-height 36px・高さ37px・灰色地） */
.ap-save.is-fsc_active{background:var(--acs);border-color:var(--acs);color:var(--ac)}   /* (0,2,0) → app.css 1407行 .c-button--wordregister.is-fsc_active (0,2,0) に後勝ち */
.ap-save.is-fsc_active .mv-ic{fill:currentColor;stroke:none}   /* (0,3,0) → app.css 1411行 .c-button--wordregister.is-fsc_active svg (0,2,1) */

/* 17-e ♡（本番の svg は color 属性＋use で描く。登録済みは library.js が color 属性を赤に、use を赤いハートに切替） */
.mv-like svg{width:18px;height:16px;display:block;fill:none;stroke:none}   /* (0,1,1) → 9. 235行 .mv-like svg (0,1,1) に後勝ち（塗りは use 先の symbol が持つ） */
.mv-like.mv-lg svg{width:22px;height:20px}   /* (0,2,1) → 上の行 (0,1,1) */
.mv-card .mv-mt .mv-like:has(svg[color="rgb(255,0,0)"]){color:var(--ac)}   /* (0,4,1) → 9. 237行 .mv-card .mv-mt .mv-like (0,3,0)。:has 非対応ブラウザではハートの色だけ＝害なし */
.mv-acts .mv-like:has(svg[color="rgb(255,0,0)"]){background:var(--acs);border-color:var(--acs);color:var(--ac)}   /* (0,3,1) → 13. 363行 .mv-acts .mv-like (0,2,0) */

/* 17-f サムネ上のラベル（app.css 93行 .sale_label・82行 .article_card-media .label は absolute） */
.mv-card .mv-th{position:relative}   /* (0,2,0) → 9. の .mv-card .mv-th (0,2,0) に後勝ち（position は元に無い＝足すだけ） */
.mv-th .sale_label,.mv-th .label{border-radius:var(--rs)}   /* (0,2,0) → app.css .sale_label (0,1,0)・.article_card-media .label (0,2,0) に後勝ち */
.mv-pr{position:absolute;top:6px;right:6px;z-index:2;height:20px;padding:0 7px;border-radius:var(--rs);background:var(--ink);color:#FFFFFF;font-size:11px;line-height:20px}   /* (0,1,0) 新規部品 */

/* 17-g マイページ（/library。カードは library.js が旧マークアップ article.article_card を Tailwind クラス付きで生成＝変えられない。タブは ul.category_filters > li.item） */
.mv-lib .mv-tabs.category_filters .item{flex:1;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border-radius:var(--rm);background:var(--bg);border:1px solid var(--line);color:var(--ink2);cursor:pointer;padding:0}   /* (0,4,0) → app.css 669行 .library_section .category_filters .item (0,3,0) */
.mv-lib .mv-tabs.category_filters .item.is-current{background:var(--ac);color:#FFFFFF;border-color:var(--ac)}   /* (0,5,0) → app.css 679行 .library_section .category_filters .item.is-current (0,4,0) */
.mv-lib .mv-tabs.category_filters .item a{display:block;flex:none;height:auto;padding:0;border:0;border-radius:0;background:transparent;font:inherit;color:inherit}   /* (0,4,1) → 8. 157行 .mv-tabs a (0,1,1)・159行 .mv-listpage .mv-tabs a:not(.mv-on) (0,3,1)（タブが二重のピルにならない） */
.mv-lib .mv-list article.article_card{display:flex;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:8px;margin-bottom:12px;box-shadow:none;max-width:none}   /* (0,3,1) → Tailwind flex・shadow-card・mb-4・md:max-w-[300px]・bg-white (0,1,0) */
.mv-lib .article_card .article_card-media{width:42%;flex:0 0 42%;aspect-ratio:3/2;border-radius:var(--rs);overflow:hidden;position:relative}   /* (0,3,0) → Tailwind w-1/2・relative (0,1,0) */
.mv-lib .article_card .article_card-media img{width:100%;height:100%;object-fit:cover}   /* (0,3,1) → Tailwind w-full (0,1,0) */
.mv-lib .article_card .article_card-summar{flex:1;min-width:0;width:auto;padding:0 0 0 12px;position:static;display:flex;flex-direction:column}   /* (0,3,0) → Tailwind relative・w-1/2 (0,1,0) */
.mv-lib .article_card .article_card-title{padding:0;height:auto;min-height:0;max-height:none;margin:0}   /* (0,3,0) → Tailwind p-0・md:p-2・h-[110px]・min-h-[60px]・max-h-[90px] (0,1,0) */
.mv-lib .article_card .article_card-title a{padding:0;font-size:15px;line-height:1.45;color:var(--ink);min-height:109px;max-height:109px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}   /* (0,3,1) → Tailwind p-1・text-[14px]・leading-[18px]・min-h/max-h (0,1,0)。9. 202行の題名5行と同じ寸法 */
.mv-lib .article_card .article_card-info{position:static;padding:6px 0 0;width:auto;font-size:13px;color:var(--ink2);display:flex;justify-content:flex-end;gap:6px}   /* (0,3,0) → Tailwind absolute・bottom-1・w-full・px-1・text-[12px] (0,1,0) */
/* 「先頭」「削除」だけに当てる（修飾の無い button セレクタは書かない＝同じ .article_card-info の中の「フルで視聴」＝②所有の換金ボタンには色も形も当てない） */
.mv-lib .article_card-info button.js-top__button,.mv-lib .article_card-info button.js-atd__button{height:26px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font-size:12px;font-weight:700}   /* (0,3,1) → Tailwind bg-gray-600・text-white・px-1・py-1・rounded (0,1,0) */
.mv-lib .article_card-info button.js-top__button{background:var(--bg) !important}   /* library.js 406行が「先頭」ボタンに付けるインライン style の背景色を消す。インライン style は詳細度で勝てないため、この1行だけ強制指定 */
.mv-lib .fsc_list{list-style:none;margin:0;padding:0 16px;display:grid;gap:8px}   /* (0,2,0) 保存ワード（JS 生成の ul.fsc_list） */
.mv-lib .fsc_list-item{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:10px 12px;box-shadow:none}   /* (0,2,0) */
.mv-lib .fsc_list-body .word{font-size:15px;font-weight:700}   /* (0,3,0) */
.mv-lib .fsc_list-footer{display:flex;gap:8px;margin-top:6px}   /* (0,2,0) → app.css 738行 .fsc_list-footer (0,1,0)（margin-top 35px） */
.mv-lib .fsc_list-footer button,.mv-lib .fsc_list-footer a{height:32px;line-height:32px;padding:0 12px;border-radius:var(--rs);background:var(--face);border:1px solid var(--line);font-size:13px;color:var(--ink)}   /* (0,2,1) → app.css 744行 .fsc_list .delete_button・753行 .fsc_list .link_button (0,2,0) */
.mv-lib .pagination_atd,.mv-lib .pagination_history{display:flex;justify-content:center;gap:8px;padding:16px}   /* (0,2,0) ページ送り（JS 生成の button 群） */
.mv-lib .pagination_atd button,.mv-lib .pagination_history button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);font-size:17px;font-weight:600}   /* (0,2,1) → Tailwind (0,1,0) */
/* .mv-lib .body の表示切替は書かない（library_tab.js が style.display を直接操作する。app.css 683行 .library_section > .body{display:none} はそのまま効く） */
@media (min-width:768px){
  .mv-lib .mv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}   /* (0,2,0) → 9. の .mv-list (0,1,0) */
  .mv-lib .mv-list article.article_card{display:block;margin:0}   /* (0,3,1) 後勝ち・Tailwind md:block (0,1,0) */
  .mv-lib .article_card .article_card-media{width:100%;flex:none}   /* (0,3,0) 後勝ち */
  .mv-lib .article_card .article_card-summar{padding:8px 12px 10px}   /* (0,3,0) 後勝ち */
  .mv-lib .mv-list article.article_card{padding:0;overflow:hidden}   /* (0,3,1) 上の SP 用 padding:8px に後勝ち。モック 9. 220行 .mv-listpage .mv-list .mv-card と同じく外枠の内側余白0・はみ出しを切る */
  .mv-lib .article_card .article_card-media{border-radius:0}   /* (0,3,0) SP 用の var(--rs) に後勝ち。モック 9. 221行 .mv-card .mv-th{border-radius:0} と同じくサムネをカードの端まで広げる */
}
@media (min-width:1024px){
  .mv-lib .mv-list{grid-template-columns:repeat(4,1fr)}   /* (0,2,0) 後勝ち */
}
@media (min-width:1536px){
  .mv-lib .mv-list{grid-template-columns:repeat(5,1fr)}   /* (0,2,0) 後勝ち */
}

/* 17-h 名前検索の結果（search_actress.js が #results に li.p-1 > a.act_link > img.act_thumb + span.act_name を生成） */
.mv-people > li{display:block;min-width:0;list-style:none;padding:0}   /* (0,1,1) → Tailwind p-1 (0,1,0) */
.mv-people .act_link{display:block;color:inherit}   /* (0,2,0) */
.mv-people .act_thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--rs);background:var(--face)}   /* (0,2,0) */
.mv-people .act_name{display:block;font-size:14px;font-weight:600;line-height:1.3;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}   /* (0,2,0) 11. の .mv-pname と同じ値 */
.mv-people .act_post_count{display:block;font-size:12px;color:var(--ink2);margin-top:1px;letter-spacing:0}   /* (0,2,0) → Tailwind w-full (0,1,0)。11. の .mv-pcnt と同じ値（「動画数：N」の表記は search_actress.js 側＝変えるならPG依頼） */
@media (max-width:767px){
  .mv-listpage .mv-people > li{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:6px 6px 8px}   /* (0,2,1) → 上の .mv-people > li (0,1,1)。11. 312行の .mv-pcard と同じ白カード */
}
@media (min-width:768px){
  .mv-listpage .mv-people > li{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);padding:8px 8px 10px}   /* (0,2,1) 11. 316行の .mv-pcard と同じ白カード */
}

/* 17-i 検索フォーム（SPヘッダ。search_form_toggle.js が .searchform の style.display を切替） */
.mv-sph{position:relative}   /* (0,1,0) → 3. 41行と同値（明示） */
.mv-sph .searchform{position:absolute;top:44px;left:0;right:0;z-index:25;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px}   /* (0,2,0) */
.mv-sph .searchform form{display:flex;gap:8px}   /* (0,2,1) */
.mv-sph .searchform input[type=text]{flex:1;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--face);font-size:16px}   /* (0,3,1) → app.css 220行 input.searchform__text:focus (0,2,1) */
.mv-sph .searchform button[type=submit]{width:44px;height:40px;border:0;border-radius:var(--rs);background:var(--ink);color:#FFFFFF}   /* (0,3,1) */
.mv-sph .searchform #actress-search-link{margin-top:8px;font-size:13px}   /* (1,2,0) */
.mv-sph .nav__search{position:absolute;right:12px;top:11px;width:20px;height:20px;background:none;border:0;padding:0;cursor:pointer}   /* (0,2,0) 虫めがねの押せる範囲＝3. 45行の .mv-sv と同じ位置 */
.mv-sph .nav__search .mv-sv{position:static;display:block}   /* (0,3,0) → 3. 45行 .mv-sph .mv-sv (0,2,0)。svg は button の中なので位置を button に任せる（absolute のままだと右24px・上22pxにずれる）。大きさ20px・線の色は 45行のまま */
.mv-pch form.mv-srch button{display:none}   /* (0,2,2) PCヘッダの検索は入力欄だけ（Enter で送信）。本番の送信ボタンは要素ごと残し、見た目だけ隠す */

/* 17-j 骨格の残り */
.go-to-top{display:none}   /* (0,1,0) → app.css 2418行 .go-to-top (0,1,0) に後勝ち（scroll_top.js のために要素は残す） */
.mv-favo{margin-top:4px;padding:0 8px;font-size:14px}   /* (0,1,0) 本番 #favosort_area の mt-1・px-2 と同値 */
@media (min-width:768px){
  .mv-favo{padding:0}   /* (0,1,0) 後勝ち */
}
.mv-favo .mv-acts{padding:8px 0}   /* (0,2,0) → 13. 359行 .mv-acts (0,1,0) */
.mv-acts .mv-laxd{font-size:12px;color:var(--ink2);text-decoration:underline}   /* (0,2,0) */
@media (max-width:767px){
  .mv-acts .mv-like{margin-left:auto}   /* (0,2,0) ♡は右端（09-28 決定） */
  .mv-acts .mv-laxd{margin-left:14px}   /* (0,2,0) laxd は♡の後ろ */
}
@media (min-width:1280px){
  .mv-noside .mv-main{margin-left:30px}   /* (0,2,0) → 2. 35行 .mv-main{margin-left:330px} (0,1,0)。サイドバーを出さないページ（/all-series・/contact・/actresslist_amateur/{id}・/notfound）の body に mv-noside。:has に頼らない */
}

/* 17-k 記事ページの寸法は本番実測に寄せる（812px圏を動かさない） */
@media (max-width:767px){
  .mv-artpage .mv-h1a{padding:4px;font-size:16px;font-weight:400;line-height:1.4}   /* (0,2,0) → 13. 365行 .mv-h1a (0,1,0)。高さ・太さとも本番 add_title_contents（p-1・16px・400・body の line-height 1.4）に合わせる。モック 6_ v2 の太字（article.html .h1a 700）は折り返し行数が変わり812px圏が動き得るので今回は採らない（手順書 5-4【記事H1】。太字にするならこの1行の 400 を 700 に） */
  .mv-artpage .mv-bc{padding:5px 8px;font-size:14px}   /* (0,2,0) → 13. 363行 .mv-bc (0,1,0)。モック 6_ v2 の .bc は罫線なしなので上下の罫線は付けない。高さは本番（py-1＋上下罫線1px＝上下5px）と同じにするため padding を 5px にした＝下の広告 sp-single-top が動かない */
}
.mv-bc ol{margin:0;padding:0;list-style:none}   /* (0,1,1) */
.mv-bc li{display:inline}   /* (0,1,1) */
.mv-bc .sep{margin:0 4px}   /* (0,2,0) */

/* 17-l 記事の各節（本番の見出しは p.label。見出しタグは変えず見た目だけ。見出しの見た目は 7. 149行の .mv-sec .sidebar-heading が既に効く） */
.mv-sec .label:not(.sidebar-heading){display:block;padding:0}   /* (0,3,0) 本番の p.label のうち見出し部品でないものだけ（Tailwind の余白 (0,1,0) に勝つ）。p.label.sidebar-heading（関連タグ・関連動画の見出し）には当てない＝149行の padding:0 0 6px（罫線と文字の間6px）を残し、div.sidebar-heading の見出しと同じ部品にそろえる */
.mv-sec .tag-group{margin:0}   /* (0,2,0) */
.mv-artpage a.more{display:block;width:70%;margin:20px auto 0;height:44px;line-height:44px;border-radius:999px;background:var(--ink);color:#FFFFFF;text-align:center;font-size:14px;font-weight:600;box-shadow:none}   /* (0,2,1) 関連動画の「もっと見る」（contents_more.js が参照するので class は残す） */
.mv-artpage .p-article,.mv-artpage .p-article__main{width:auto;max-width:none;margin:0;position:static}   /* (0,2,0) */
.mv-artpage .to_sad_wrap{margin:8px 16px;padding:10px 12px;background:var(--face);border-radius:var(--rs);box-shadow:none;font-size:13px}   /* (0,2,0) → app.css 1474行 .to_sad_wrap (0,1,0) */
.mv-artpage #fanzatv_area{padding:0 16px}   /* (1,1,0) 中身は触らない */

/* 17-m 一覧の残り */
.mv-alsolinks{margin:16px;padding:0;list-style:none;font-size:14px}   /* (0,1,0) */
.mv-alsolinks li{margin:6px 0}   /* (0,1,1) */
.mv-alsolinks a{text-decoration:underline}   /* (0,1,1) → 2. の a (0,0,1) */
.mv-prose{padding:8px 16px;font-size:15px;line-height:1.8}   /* (0,1,0) */
.mv-prose p{margin:0 0 12px}   /* (0,1,1) */
.mv-prose h2{margin:0 0 12px;padding:0 0 6px;border-bottom:3px solid var(--ink);font-size:17px;font-weight:700;line-height:24px}   /* (0,1,1) 区切り見出し（149行の .sidebar-heading と同じ値）。@tailwind base で h2 が本文と同じ見た目にリセットされるのを戻す */
.mv-empty{margin:8px 16px 16px;padding:24px 16px;text-align:center;font-size:14px;color:var(--ink2);background:var(--face);border-radius:var(--rm)}   /* (0,1,0) 0件表示。.mv-lib の外（女優一覧）でも使う。.mv-lib の中は 14. 409行 (0,2,0) が勝つ */
.mv-people .mv-empty{grid-column:1/-1;margin:0}   /* (0,2,0) 人物グリッドの中では1マスに押し込まず全幅。外側の余白は .mv-people の padding が持つ */
.mv-list > .mv-empty{grid-column:1/-1;margin:8px 0 16px}   /* (0,2,0) 動画一覧（index・mgs_index・sales・ranking 等の「結果がありません。」）も同じ。左右の余白は .mv-list の padding が持つので二重にしない */
.mv-listwrap{display:block}   /* (0,1,0) 一覧ページ本文の包み（旧 .l-main__inner＋section.p-recent の置き換え）。見た目の指定は持たない＝div の既定と同じ（意図的。9. の直後から移した） */
.mv-tagcloud{padding-top:0}   /* (0,1,0) */
.mv-note{display:flex;gap:8px;align-items:flex-start;margin:0 16px 8px;padding:9px 12px;background:var(--face);border-radius:var(--rm);font-size:12.5px;color:var(--ink2);line-height:1.6}   /* (0,1,0) .mv-lib の外でも使う。.mv-lib の中は 14. 404行 (0,2,0) が勝つ */
@media (min-width:768px){
  .mv-note,.mv-alsolinks,.mv-prose,.mv-empty{margin-left:0;margin-right:0}   /* (0,1,0) 後勝ち。本文列の左端に揃える */
  .mv-alsolinks,.mv-prose{padding-left:0;padding-right:0}   /* (0,1,0) 後勝ち。.mv-note は灰色の枠なので内側の12pxは残す（14. 415行の .mv-lib .mv-note と同じ扱い） */
  .mv-list > .mv-empty{margin:0}   /* (0,2,0) → 上の .mv-list > .mv-empty に後勝ち。PC の動画一覧では上下の間隔を .mv-list の padding と gap が持つ（9. の直後に差し込まれていた規則をここへ移した＝1〜16 はパッケージと同一に保つ） */
}
.mv-artid{padding:0 16px;text-align:right;font-size:12px;color:var(--ink2)}   /* (0,1,0) sad_article 末尾の確認用ID（元は text-right text-xs） */
@media (min-width:768px){
  .mv-artid{padding:0}   /* (0,1,0) 後勝ち */
}
/* DMMAD（#dmm_ad_pc・#dmm_ad_sp）と iframe 広告には当てない */

/* 17-n チップの並び（Blade の指示の間の空白が a の間に出ても、横6px・縦6pxの間隔を保つ） */
.mv-side .tag-group,.mv-tagband .tag-group,.mv-sec .tag-group,.mv-gpage .tag-group{display:flex;flex-wrap:wrap;align-items:flex-start}   /* (0,2,0) → 6. 104〜105行・17-l の .mv-sec .tag-group (0,2,0) に後勝ち。flex では空白だけの文字は描かれない。行の高さはチップ32px＋下余白6px＝38pxで inline-block の時と同じ。105行・17-l の margin:0 はそのまま */

/* 17-o SP の一覧・関連動画の中の広告行（本番の SP は左右の余白が無く、広告 iframe は画面幅いっぱい。.mv-list の padding 0 16px を負の余白で打ち消し、元の全幅に戻す） */
@media (max-width:767px){
  .mv-list .mv-adrow{margin:0 -16px}   /* (0,2,0) → 15. 425行 .mv-list .mv-adrow (0,2,0) に後勝ち（margin は元に無い＝足すだけ）。768px〜は 429行で行ごと消える */
}

/* 17-p 2026-09-30 運営「いいねが少しずれている」: SP の横並びカードで、画面が広くサムネが題名＋メタ行より高くなると（例 562px でサムネ143px・右側135px）、メタ行（♡・時間・主演）がサムネの下端より上に浮いていた。
   右側（.mv-bd）をカードの高さいっぱいに伸ばし、margin-top:auto のメタ行を常にカードの下端に置く。サムネは 3:2 のまま（伸びるのは右側だけ）。375px・440px ではサムネの方が低いので見た目は変わらない */
.mv-card .mv-bd{align-self:stretch}   /* (0,2,0) → 9. の .mv-card{align-items:flex-start} の中で右側だけを伸ばす */

/* 17-q 2026-09-30 運営決定「スマホ表示にした際、保存がいいねのだいぶ右にきてしまう。PCの横に両隣の方がよさそう」:
   記事ページの操作行を、SP でも PC と同じ「N件のいいね」のすぐ右に ♡保存 を置く並びにする（09-28 の「SP は左端と右端」を取り消す）。行の高さは不変 */
@media (max-width:767px){
  .mv-acts{justify-content:flex-start}   /* (0,1,0) → 13. 361行 space-between に後勝ち */
  .mv-acts .mv-like{margin-left:0}       /* (0,2,0) → 17-n 557行 margin-left:auto に後勝ち。間隔は .mv-acts の gap 14px（PC と同じ） */
}
/* 2026-09-30 運営「いいねの崩れ」（スクショ 11:30）: 記事の♡保存ボタンの中で、ハート（15. の .mv-like svg{display:block}）と「保存」が縦に積まれてボタンからはみ出していた。
   カードの♡（237行）と同じく、中身を横並び・中央揃えにする。高さ34pxは不変 */
.mv-acts .mv-like{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}   /* (0,2,0) → 363行に足すだけ */
/* 17-y 2026-09-30 運営「商品情報のタイトルの部分のフォントサイズを1pxあげて少し文字色を濃くして欲しい」: 「この動画の商品情報」の商品名（product_info.blade.php 内の <style> で 14px・#6E6E73）を 15px・#48484A に。
   本文の中の <style>（後に来る (0,1,1)）に勝つため (0,2,2) で書く。product_info.blade.php 自体は変えない（MAV収益化の PG 依頼の版と同じまま） */
blockquote.p-articleDMM .p-articleDMM__header a{font-size:15px;color:#48484A}   /* (0,2,2) */
/* 17-z 2026-09-30 運営「この動画の商品情報の文字サイズを、あらすじと同じくらいの大きさにして。少しみづらい」: 商品の説明文（Tailwind で SP 14px・字間0.1rem・#333）を、
   あらすじ（description.blade.php の .article-description__text＝16px・行間1.7・#1D1D1F・字間は本文と同じ）にそろえる。PC は元から16px */
blockquote.p-articleDMM .p-articleDMM__desc{font-size:16px;line-height:1.7;color:#1D1D1F;letter-spacing:inherit}   /* (0,2,1) → Tailwind の text-[14px]・tracking-[0.1rem]・text-[#333]・leading-[165%]（各 (0,1,0)） */

/* 17-aa 2026-09-30 運営「こちらからもAV女優が探せます、これのリンクが控えめすぎる」→ 見本を見て「とても良い」: /actresslist_sub1・/all-actress の末尾を、
   見出し「ほかの探し方」（見た目は区切り見出しと同じ・タグは div＝見出し構造は変えない）＋カード型ボタン3つに。SP は縦に3つ、768px〜は横に3つ */
.mv-also{margin:28px 16px 16px}
.mv-also-h{margin:0 0 12px;padding:0 0 6px;border-bottom:3px solid var(--ink);font-size:17px;font-weight:700;line-height:24px;color:var(--ink)}
.mv-also-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mv-also-list a{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out}
.mv-also-list a:active{background:var(--press)}
.mv-also-ic{flex:0 0 40px;height:40px;border-radius:50%;background:var(--acs);color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.mv-also-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.mv-also-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mv-also-tx b{font-size:16px;font-weight:700;line-height:1.3}
.mv-also-tx small{font-size:12.5px;color:var(--ink2);line-height:1.4;letter-spacing:0}
.mv-also-ar{flex:0 0 auto;color:var(--ink2);font-size:22px;line-height:1}
@media (hover:hover){ .mv-also-list a:hover{background:var(--press)} }
@media (min-width:768px){ .mv-also{margin:32px 0 24px} .mv-also-list{grid-template-columns:repeat(3,1fr);gap:12px} }

/* 17-ac 2026-09-30 運営「シリーズページの見出しが古臭い。ジャンルやAV女優の様に統一して」: /all-series（Blade は本番のまま）の見出しまわりを CSS だけで新デザインにそろえる。
   ①ページの題（h2#headersub＝中央寄せ・灰色・下にベージュ線＋橙の短い線）→ AV女優ランキング等の題（.mv-h1b）と同じ左寄せ・黒・太字（タグは h2 のまま＝見出し構造は不変）
   ②「全N シリーズ」（右寄せ・灰色の線）→ 題の下の小さな灰色の文字 ③タブ → 他の一覧のタブ（.mv-tabs）と同じ線・角丸・文字
   ④「FANZAタブ Nページ目（…位）」（白い箱）→ ジャンル一覧の区切り見出しと同じ黒い下線 */
body.mv-noside .series-ranking #headersub{display:block;margin:0;padding:10px 0 5px;border:0;background:transparent;color:var(--ink);font-size:clamp(17px,4.8vw,18px);font-weight:700;line-height:1.35;letter-spacing:0;text-align:left}   /* (1,2,1) → .p-recent__header (0,1,0)・.series-ranking #headersub (1,1,0) */
body.mv-noside .series-ranking #headersub::after{content:none;display:none}   /* 橙の短い線を消す */
body.mv-noside .series-ranking-list-wrap .page-navi-info{margin:0 0 12px;padding:0;border:0;text-align:left;font-size:13px;color:var(--ink2);letter-spacing:0}   /* (0,3,1) → (0,2,0) */
body.mv-noside .series-ranking-tabs{margin:0 0 12px;gap:8px}
body.mv-noside .series-ranking-tabs a.series-ranking-tab{height:44px;border:1px solid var(--line);border-radius:var(--rm);background:var(--bg);color:var(--ink);font-size:15px;font-weight:600}   /* (0,3,2) → (0,1,0)〜(0,2,0) */
body.mv-noside .series-ranking-tabs a.series-ranking-tab.active{background:var(--ac);border-color:var(--ac);color:#FFFFFF}
body.mv-noside .series-ranking .series-ranking-page-heading{margin:18px 0 10px;padding:0 0 6px;border:0;border-bottom:3px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-size:17px;font-weight:700;line-height:24px;text-align:left}   /* (0,3,1) → (0,2,0) */
@media (min-width:768px){ body.mv-noside .series-ranking #headersub{font-size:24px;padding:18px 0 6px} }
@media (min-width:1024px){ body.mv-noside .series-ranking #headersub{font-size:26px} }

/* 17-ad 2026-09-30 運営「ジャンルページのタブが背景色と同化してしまっている」: /genre_smart は body.mv-gpage（地 #F5F5F7）で、目次タブ（.mv-tabs a＝地 --face #F5F5F7）が地に溶けていた。
   他の一覧（159行 .mv-listpage .mv-tabs a:not(.mv-on)）と同じく未選択を白地に。押した・載せた時の色も同じ値で書き直す */
.mv-gpage .mv-tabs a:not(.mv-on){background:var(--bg)}   /* (0,3,1) → 157行 .mv-tabs a (0,1,1) */
.mv-gpage .mv-tabs a:not(.mv-on):active{background:var(--line)}   /* (0,4,1) 186行と同じ値 */
@media (hover:hover){ .mv-gpage .mv-tabs a:not(.mv-on):hover{background:var(--press)} }   /* (0,4,1) 189行と同じ値 */

/* 17-af 2026-10-01 運営「アイコンの視認性が落ちてしまっている。視認性が高くモダンなイメージで」→ 見本4案から「Cで進めて」:
   ナビ（SP下部 .mv-nav・PCヘッダ .mv-pch）のアイコンを、ふだんは太い線（2.2px）・今いるページだけ塗り（iPhoneアプリ式）に。
   形は header.blade.php／sp_footer_fixed.blade.php の svg 内 <g class="mv-io">（線）と <g class="mv-if">（塗り）。大きさ 24px・ふだんの色 #3A3A3C・文字を太く。
   今のアイコンの控え: _バックアップ/20261001-*_アイコン変更前/ */
.mv-nav a,.mv-pch li a{color:#3A3A3C;font-weight:600}   /* (0,1,1)〜(0,2,1) → 60・69行の --ink2（灰色）。今いるページの橙（62・72行の .mv-on）は後で書き直す */
.mv-nav a.mv-on,.mv-pch li a.mv-on{color:var(--ac)}
.mv-nav{font-size:11px}
.mv-nav svg,.mv-pch li a svg{width:24px;height:24px}
.mv-nav .mv-box,.mv-pch .mv-box{width:32px;height:32px}
.mv-nav svg .mv-io,.mv-pch svg .mv-io{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mv-nav svg .mv-if,.mv-pch svg .mv-if{display:none;fill:currentColor;stroke:none}
.mv-nav a.mv-on svg .mv-io,.mv-pch li a.mv-on svg .mv-io{display:none}
.mv-nav a.mv-on svg .mv-if,.mv-pch li a.mv-on svg .mv-if{display:inline}

/* 17-ag 2026-10-01 運営「関連動画と人気動画の、いいねと時間が、上の動画のものか下の動画のものか、ぱっとみわかりづらい」→ 見本5案から「Bでいく」:
   記事ページの関連動画・人気の動画（PC 3列）だけ、①題名の欄を5行固定（109px）→3行に（3行の題名の下に2行ぶんの空きが出て、メタ行が下の動画のサムネの16px上に来ていた）
   ②メタ行（♡・時間）を題名の6px下に ③1本ずつ白いカード（線・角丸。一覧ページと同じ見せ方）で囲む。SP（横並び・題名4〜5行）は変えない */
@media (min-width:768px){
  body.mv-artpage .mv-list{row-gap:16px}
  body.mv-artpage .mv-list .mv-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);overflow:hidden;transition:border-color .15s ease-out}
  body.mv-artpage .mv-list .mv-card .mv-th{border-radius:0}
  body.mv-artpage .mv-list .mv-card .mv-bd{padding:8px 12px 10px}
  body.mv-artpage .mv-list .mv-card .mv-tx{min-height:calc(1.45em*3);max-height:calc(1.45em*3);-webkit-line-clamp:3}
  body.mv-artpage .mv-list .mv-card .mv-mt{margin-top:6px}
}
/* 2026-10-06 17-al で削除: 記事の関連動画カード（body.mv-artpage）にマウスを載せると枠線を --ink2 に濃くする :hover の規則（同じ理由） */

/* 17-ah 2026-10-01 運営「いいねページのフルで視聴の色が微妙。DMMの導線。押したくなるようなUIUXにしたい」→ 見本4案から「Bでいく」:
   マイページのカードの「フルで視聴」（本番 library.js が作る a.js-purchase__button > button.bg-yellow-400）を、先頭・削除の下の段に
   横幅いっぱいの青いボタン（記事の「フル動画を見る」と同じ #1D6FE0・高さ40px）＋▶「フル動画を見る」に。文字は ::after で差し替え（library.js は変えない）。
   リンク先・af_id は不変（②換金の導線。決定は運営 2026-10-01）。あわせて「先頭」「削除」の文字が SP で縦に折れていたのを1行に */
/* 2026-10-06 運営「マイページの、フル動画をみるがかなり邪魔くさい。ユーザーはうんざりすると思う」→ 見本3案から推奨の案1（青い線の小さなピル）に変更:
   横幅いっぱい・高さ40pxの青いボタン（10-01 案B）をやめ、先頭・削除の下の行の右端に、先頭・削除と同じ高さ26pxの小さなピル「▶ フル動画」（白地・青 #1D6FE0 の線と文字）。
   先頭・削除と同じ行だとカードの幅に入りきらずカードごとに位置がばらつくため、下の行の右端にそろえた。マウスを載せた・押した時だけ青地に白文字。リンク先・af_id は不変 */
body.mv-lib .article_card .article_card-info{flex-wrap:wrap}   /* (0,3,1) → 497行 */
body.mv-lib .article_card .article_card-info button{white-space:nowrap}   /* 「先頭」「削除」を1行に */
body.mv-lib .article_card .article_card-info .ml-auto{order:3;flex:0 0 100%;display:flex;justify-content:flex-end;margin:4px 0 0}   /* (0,4,1) → Tailwind .ml-auto (0,1,0)・.space-x-2 の子の左余白 (0,3,0) */
body.mv-lib .article_card .article_card-info .js-purchase__button{display:block;text-decoration:none}
body.mv-lib .article_card .article_card-info .js-purchase__button button{width:auto;height:26px;margin:0;padding:0 10px;border:1px solid #1D6FE0;border-radius:999px;background:#FFFFFF;color:#1D6FE0;font-size:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out,color .15s ease-out}   /* (0,4,2) → Tailwind bg-yellow-400・text-black・px-1・py-1・rounded (0,1,0) */
body.mv-lib .article_card .article_card-info .js-purchase__button button::before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}   /* ▶（文字と同じ色） */
body.mv-lib .article_card .article_card-info .js-purchase__button button::after{content:"フル動画";font-size:12.5px;font-weight:600;letter-spacing:0}
body.mv-lib .article_card .article_card-info .js-purchase__button button:active{background:#1D6FE0;color:#FFFFFF}
@media (hover:hover){ body.mv-lib .article_card .article_card-info .js-purchase__button button:hover{background:#1D6FE0;color:#FFFFFF} }

/* 17-ai 2026-10-01 運営「関連サイト・おすすめサイトも、レイアウトを合わせて、もっとモダンな形にして」: /link（components/free/link.blade.php・body.mv-gpage）を
   旧の表組み（灰色の見出し行＋青い下線リンク・SP で文字が画面の端に貼り付く）から、「ほかの探し方」（17-aa .mv-also-list）と同じ白いカードに。
   左に種類のアイコン（橙の淡い角丸）・サイト名・説明・種類とドメイン・右に ↗（別タブで開く印）。SP 1列／768〜 2列。
   リンク（a）の中身はサイト名だけのまま、::after でカード全体を押せる範囲にする（リンクの文字・行き先・target は旧と同じ）。影・グラデーション・強制指定なし */
.mv-links{display:block;padding:0 0 32px}
.mv-links-lead{margin:2px 16px 16px;font-size:13.5px;line-height:1.8;color:var(--ink2);letter-spacing:0}
.mv-links-list{list-style:none;margin:0 16px;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.mv-links-card{position:relative;display:flex;align-items:flex-start;gap:14px;margin:0;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out}
.mv-links-card:active{background:var(--press)}
.mv-links-ic{flex:0 0 48px;height:48px;border-radius:12px;background:var(--acs);color:var(--ac);display:flex;align-items:center;justify-content:center}
.mv-links-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mv-links-tx{flex:1;min-width:0}
.mv-links-name{display:block;font-size:17px;font-weight:700;line-height:1.35;color:var(--ink);text-decoration:none}
.mv-links-name::after{content:"";position:absolute;inset:0;border-radius:inherit}   /* カード全体を押せる範囲に（a の中身はサイト名だけのまま） */
@supports selector(:has(*)){   /* :has() を読めるブラウザだけ、標準の枠をカードの外の枠に置き換える（読めないブラウザでは標準の枠がサイト名に出る） */
  .mv-links-name:focus-visible{outline:none}
  .mv-links-card:has(.mv-links-name:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
}
.mv-links-desc{margin:4px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink2);letter-spacing:0}
.mv-links-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;line-height:1;color:var(--ink2);letter-spacing:0}
.mv-links-chip{display:inline-block;height:22px;line-height:22px;padding:0 9px;border-radius:999px;background:var(--face);color:var(--ink);font-weight:600}
.mv-links-ar{flex:0 0 auto;align-self:center;color:var(--ink2);transition:transform .15s ease-out;pointer-events:none}   /* 飾り。PCでマウスを乗せて動いた ↗ が ::after より上に来ても、クリックは下のリンクへ通す（点検の指摘 2026-10-01） */
.mv-links-ar svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){
  .mv-links-card:hover{background:var(--press)}
  .mv-links-card:hover .mv-links-ar{color:var(--ink);transform:translate(2px,-2px)}
}
@media (min-width:768px){
  .mv-links-lead{margin:2px 0 20px;max-width:760px;font-size:14px}
  .mv-links-list{margin:0;grid-template-columns:repeat(2,1fr);gap:16px}
  .mv-links-card{padding:18px 20px}
}

/* 17-aj 2026-10-02 運営決定「広い画面のサムネイルは本番に合わせる」（運営「そもそも本番サイトとテストサイトのサムネイルサイズが違う。どちらか統一して決めなければいけない」→ 実測を見て「本番に合わせる」）:
   本番は一覧（section.p-recent）が max-w-[1560px] で、本文の枠の中で中央に寄る（カードも md:max-w-[300px]）。新デザインは上限が無く、画面が広いほど1枚が伸びていた（2625px で 440px）。
   → 一覧系ページ（body.mv-listpage）の本文列の中身を最大 1,560px にし、残りを左右に半分ずつ空けて中央へ（本番と同じ）。1枚は最大 299px（(1560−16×4)÷5）。
   左右の余白は % で取る（% は body の幅＝スクロールバーを除いた幅が基準なので、本番の中央寄せと1pxもずれない）。1920px＝330＋1560＋30 から下は余白0＝今と同じ。
   本番の実測（2026-10-02・https://xvideo-jp.com/ と /ranking）: 1920px 5列299px／2560px 5列299px・一覧の左650px／2625px 5列299px・左683px／3840px 5列299px・左1290px。
   1280〜1535px の列の数は新デザインの4列のまま（運営決定。本番のランキング等は5列 171〜232px）。記事ページ（790px）とジャンル一覧（1180px）は元から上限があるので不変 */
@media (min-width:1536px){
  .mv-listpage:not(.mv-noside) .mv-main{padding-left:max(0px,calc((100% - 1920px) / 2));padding-right:max(0px,calc((100% - 1920px) / 2))}   /* (0,3,0) サイドバーあり: 左の余白330＋右30 を除いた幅が 1,560px を超えた分を左右へ */
  .mv-listpage.mv-noside .mv-main{padding-left:max(0px,calc((100% - 1620px) / 2));padding-right:max(0px,calc((100% - 1620px) / 2))}   /* (0,3,0) サイドバーなし: 左右30を除いた幅が 1,560px を超えた分を左右へ */
}

/* 17-ab 2026-09-30 運営「マイページの2ページ目を押すと上にスクロールしてしまう。他と同じページナビの仕様に」: マイページのページ送り（本番 library.js が作る button 群・今いるページは Tailwind の bg-blue-500）を、
   他の一覧のページ送り（10. .mv-pager＝SP 36px・PC 44px、今いるページは黒、前後は « »、端では前後を出さない）と同じ見た目にする。スクロールの動きは mav-v2.js 10. で直す。
   Tailwind の .space-x-2 の子の左余白 (0,3,0) に勝つため body.mv-lib から書く (0,3,3) */
body.mv-lib .pagination_atd,body.mv-lib .pagination_history{padding:18px 16px}
body.mv-lib .pagination_atd div.space-x-2,body.mv-lib .pagination_history div.space-x-2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
body.mv-lib .pagination_atd div.space-x-2>button,body.mv-lib .pagination_history div.space-x-2>button{min-width:36px;height:36px;margin:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);color:var(--ink);opacity:1;cursor:pointer}
body.mv-lib .pagination_atd div.space-x-2>button.bg-blue-500,body.mv-lib .pagination_history div.space-x-2>button.bg-blue-500{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}   /* 今いるページは黒 */
body.mv-lib .pagination_atd div.space-x-2>button:disabled,body.mv-lib .pagination_history div.space-x-2>button:disabled{display:none}   /* 1ページ目の「前」・最後のページの「次」は出さない（他の一覧と同じ） */
body.mv-lib .pagination_atd div.space-x-2>button:first-child,body.mv-lib .pagination_history div.space-x-2>button:first-child,
body.mv-lib .pagination_atd div.space-x-2>button:last-child,body.mv-lib .pagination_history div.space-x-2>button:last-child{font-size:0}   /* 「前」「次」の文字を隠して « » を出す */
body.mv-lib .pagination_atd div.space-x-2>button:first-child::after,body.mv-lib .pagination_history div.space-x-2>button:first-child::after{content:"«";font-size:15px}
body.mv-lib .pagination_atd div.space-x-2>button:last-child::after,body.mv-lib .pagination_history div.space-x-2>button:last-child::after{content:"»";font-size:15px}
@media (hover:hover){ body.mv-lib .pagination_atd div.space-x-2>button:not(.bg-blue-500):hover,body.mv-lib .pagination_history div.space-x-2>button:not(.bg-blue-500):hover{background:var(--press)} }
@media (min-width:768px){
  body.mv-lib .pagination_atd div.space-x-2,body.mv-lib .pagination_history div.space-x-2{gap:8px}
  body.mv-lib .pagination_atd div.space-x-2>button,body.mv-lib .pagination_history div.space-x-2>button{min-width:44px;height:44px;padding:0 12px;font-size:17px}
  body.mv-lib .pagination_atd div.space-x-2>button:first-child::after,body.mv-lib .pagination_history div.space-x-2>button:first-child::after,
  body.mv-lib .pagination_atd div.space-x-2>button:last-child::after,body.mv-lib .pagination_history div.space-x-2>button:last-child::after{font-size:17px}
}

/* 17-r 2026-09-30 運営決定「モックのFONTの方が好き」（判断待ち5番を解決）: 書体をモックと同じにする。
   448行の本番書体（Noto Sans JP・字間なし）への戻しを、ここで打ち消す。値は 2. の23行（モック 6_ v2 と同じ）。
   iPhone・Mac＝ヒラギノ／Android＝端末の標準／Windows＝Segoe UI＋端末の日本語書体。文字が出なくなる端末は無い。
   戻すときは、この1行を消して ?v を上げる */
body{font-family:system-ui,"Hiragino Sans","Noto Sans JP",sans-serif;letter-spacing:.02em}   /* (0,0,1) → 448行 (0,0,1) に後勝ち */

/* 17-s 2026-09-30 運営「フル動画のあらすじ、もっと見るは中央にあった方がユーザビリティ的に良い」: 記事ページ「フル動画の内容」の「続きを読む／閉じる」を中央に置き、押せる範囲を行の幅いっぱいにする（高さは元の44pxのまま＝ページの高さは変わらない）。
   description.blade.php の <style>（本文の中＝このCSSより後）の .article-description__more (0,1,0) に勝つため (0,2,0) で書く。[hidden] の非表示 (0,2,0) は本文の方が後なので、そのまま効く */
.article-description .article-description__more{display:block;width:100%;text-align:center}

/* 17-t 2026-09-30 運営「MGS動画ページ、MGS無料エロ動画の人気動画ページの箇所、タブに枠が表示されていない」: 一覧の地（body.mv-listpage＝#F5F5F7）とチップの地（--face＝#F5F5F7）が同じ色で、チップが地に溶けていた。
   見出しの白地（149行 background:var(--bg)）も灰色の地の上で白い帯に見えていた。→ 一覧の中のタグクラウドだけ、チップを白地＋1px線（並び替えタブと同じ見た目）、見出しは地を透明に。高さは線を含めて32pxのまま */
.mv-listpage .mv-tagcloud .sidebar-heading{background:transparent}   /* (0,3,0) → 149行 (0,2,0) */
.mv-listpage .mv-tagcloud a.sidebar-tag{box-sizing:border-box;height:32px;line-height:30px;background:var(--bg);border:1px solid var(--line)}   /* (0,3,1) → 107行 .mv-sec a.sidebar-tag (0,2,1) */
.mv-listpage .mv-tagcloud a.sidebar-tag:active{background:var(--press)}   /* (0,4,1) 押した瞬間は他のチップと同じ #EBEBEF */
@media (hover:hover){
  .mv-listpage .mv-tagcloud a.sidebar-tag:hover{background:var(--press)}
}

/* 17-u 2026-09-30 運営「AV女優ページの『無料動画：219件』というところは、本番サイトの方が見やすい」: AV女優一覧4ページ（/actresslist_sub1・/actresslist_amateur・/all-actress・/actress-sort-alphabetical）の件数を、
   本番と同じ「無料動画：N」（50音順は本番どおり「動画数：N」）の文言にし（Blade 4本）、本番の見せ方（名前の下に灰色の帯・中央寄せ。本番 .actress_post_total_count の #e3e3e3・上10px）に合わせる。角丸だけ新デザインの 8px */
.mv-pcnt{margin-top:8px;padding:4px 0;background:#E3E3E3;border-radius:var(--rs);text-align:center;font-size:13px;line-height:1.4;color:var(--ink)}   /* (0,1,0) → 11. 309行 .mv-pcnt に後勝ち */
.mv-pcnt b{font-size:13px;font-weight:700;color:var(--ink)}   /* (0,1,1) → 310行に後勝ち */
@media (max-width:767px){   /* SP の3列（375px でカードの中身 約97px）では「無料動画：1,204」が2行に折れて帯の高さが揃わない → 12px・字間0・1行 */
  .mv-pcnt,.mv-pcnt b{font-size:12px;letter-spacing:0}
  .mv-pcnt{white-space:nowrap}
}

/* 17-v 2026-09-30 運営「1位、2位、3位のカラーも本番サイトの方が好き」: AV女優ランキング（/actresslist_sub1・/actresslist_amateur）の順位バッジを本番の色に戻す。
   本番 resources/css/app.css 1602〜1656行: 1位 #ff9796／2位 #ffb94d／3位 #fce24d（文字は本番の本文色 #3b3634）／4位以下 #3d4143・文字 #eaeaea。形（大きさ・角丸・位置）は新デザインのまま */
.mv-rank{background:#3D4143;color:#EAEAEA}   /* (0,1,0) → 11. 307行 .mv-rank に後勝ち（4位以下） */
.mv-rank.mv-r1{background:#FF9796;color:#3B3634}   /* (0,2,0) */
.mv-rank.mv-r2{background:#FFB94D;color:#3B3634}
.mv-rank.mv-r3{background:#FCE24D;color:#3B3634}

/* 17-w 2026-09-30 運営「選択していないタブが半透明になってしまっている」（/archives/actress/松本いちか）: 女優ページのタブ（.ap-tabs）の未選択の地 --face #F5F5F7 が、一覧の地（body.mv-listpage #F5F5F7）と同じ色で溶けていた。
   他の一覧の並び替えタブ（.mv-tabs＝白地＋1px線）と同じ白地にする。押した・載せた時の色は元の規則（186・189行）と同じ値を書き直す（後勝ちで消さないため） */
.mv-listpage .ap-tabs a:not(.is-on){background:var(--bg)}   /* (0,3,1) → 174行 .ap-tabs a (0,1,1) */
.mv-listpage .ap-tabs a:not(.is-on):active{background:var(--line)}   /* (0,4,1) 186行と同じ値 */
@media (hover:hover){
  .mv-listpage .ap-tabs a:not(.is-on):hover{background:var(--press)}   /* (0,4,1) 189行と同じ値 */
}
/* 17-x 同じ理由の点検（2026-09-30 AI）: 一覧の灰色の地の上で、地が --face の説明枠（女優ページ「主演」の注記・マイページの注記・0件表示）も枠が溶けていた → 白地に。
   タブ（159行）・ページ送り（255行）・50音（679行）は既に白地の上書きがあるので対象外 */
.mv-listpage .ap-note,.mv-listpage .mv-note,.mv-listpage .mv-empty{background:var(--bg)}   /* (0,2,0) → 288・404・409・588・593行 (0,1,0)〜(0,2,0) に後勝ち */


/* ── 18. モックにあってパッケージに無い部品（本命モック 6_ v2 の actress_50on_a.html・actress_search.html の <style> から値を変えずに写した） ── */
/* クラス名だけ mv- 接頭辞に置換: kana→mv-kana／kg→mv-kg／asbox→mv-asbox／ashd→mv-ashd／asnote→mv-asnote／asin→mv-asin／asmode→mv-asmode／ascount→mv-ascount／on→mv-on／listpage→mv-listpage
   50音の現在地は a に mv-on（actress_alphabetical_gyou が出す）。-active の規則は書かない。
   色の表記だけ 3桁の白を 6桁の #FFFFFF にそろえた（同じ値） */
/* 50音の索引: 行ごと（あ行・か行…）に5マス。SP 2列／768〜 3列。選択中のかな＝並び替えタブと同じ橙 */
.mv-kana{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;padding:2px 16px 12px}
.mv-kana .mv-kg{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.mv-kana a{height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border-radius:var(--rs);background:var(--face);border:1px solid var(--line);color:var(--ink);text-decoration:none;cursor:pointer;
  transition:background-color .15s ease-out,color .15s ease-out}
.mv-kana a.mv-on{background:var(--ac);color:#FFFFFF;border-color:var(--ac)}
@media (min-width:768px){ .mv-kana{grid-template-columns:repeat(3,1fr);padding:2px 0 14px;max-width:760px} .mv-listpage .mv-kana a:not(.mv-on){background:var(--bg)} }
.mv-listpage .mv-kana a:not(.mv-on){background:var(--bg)}
@media (hover:hover){ .mv-kana a:not(.mv-on):hover{background:var(--press)} }
.mv-kana a:not(.mv-on):active{background:var(--line)}
.mv-kana a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* 名前検索: 本番の「リアルタイム検索」の枠（入力欄＋前方一致／前後一致＋件数）を白い枠1つに。入力欄は16px（iPhoneで拡大されない大きさ） */
.mv-asbox{margin:2px 16px 8px;padding:12px 14px 12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm)}
.mv-ashd{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:0}
.mv-asnote{margin:4px 0 10px;font-size:13px;line-height:1.6;color:var(--ink2);letter-spacing:0}
.mv-asin{box-sizing:border-box;display:block;width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--face);color:var(--ink);font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.mv-asin:focus{border-color:var(--ink);background:var(--bg)}
.mv-asmode{display:flex;gap:18px;margin-top:8px;font-size:14px;color:var(--ink)}
.mv-asmode label{display:inline-flex;align-items:center;gap:6px;min-height:36px;cursor:pointer}
.mv-asmode input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.mv-ascount{margin-top:2px;font-size:13px;color:var(--ink2);letter-spacing:0}
.mv-ascount b{color:var(--ink);font-weight:700;font-size:15px}
@media (min-width:768px){ .mv-asbox{margin:2px 0 12px;max-width:700px} }

/* 17-ak 2026-10-06 運営「閲覧履歴の、削除ボタンの表示が崩れている」→「そもそも削除ボタンは不要。一覧ページと全く同じで良い」「ハートのみ」（MAVデザインの枠で作成・検証済みの追記をそのまま入れた）:
   マイページ「閲覧履歴」のカード（本番 library.js が .js-history_list に作る article.article_card）の ♡ボタン（button.js-atd__button）を、一覧カードの ♡ と同じ見た目にする。
   14. の白いピル（高さ26px・枠線・角丸999px）と「削除」の文字（library.js が span に入れる）を消し、♡だけを題名の下の左端に。色は本番の #heart-symbol／#heart-symbol-red のまま（未いいね＝灰の輪郭、いいね済み＝橙）。
   library.js の動き（押すと登録／もう一度で解除・mav-v2.js 9. のマイページ点灯）はそのまま。「いいね」タブの「先頭」「削除」（.js-atd__target）には当てない（.js-history_list で限定）。
   詳細度: 14. (0,3,1) と 17-ah (0,3,2) に勝つため body.mv-lib .js-history_list から書く (0,4,2) */
body.mv-lib .js-history_list .article_card-info{justify-content:flex-start}
body.mv-lib .js-history_list .article_card-info button.js-atd__button{height:auto;min-height:24px;padding:0;border:0;border-radius:0;background:none;display:inline-flex;align-items:center;gap:0;font:inherit;font-size:13px;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent}
body.mv-lib .js-history_list .article_card-info button.js-atd__button svg{width:18px;height:16px;display:block}
body.mv-lib .js-history_list .article_card-info button.js-atd__button span{display:none}

/* 17-al 2026-10-06 運営「メインコンテンツにマウスを載せた際に黒枠が表示される。不要」: 一覧カード（9.）と記事の関連動画カード（13.）の、マウスを載せた時の枠線の濃色化（--line → --ink2）をやめた。
   該当の2行は 9. と 13. の場所で削除済み（コメントを残した）。枠線は常に --line。.mv-card:active（押した時の背景）・.mv-like:hover・タブやチップの hover は触らない */
/* 17-al の続き（同日・運営「オンマウスで色がうっすら変わるという仕様も一緒になくなってしまうため、それは戻して」「サムネの色ね」）:
   マウスを載せたときにサムネイルの色がうっすら変わる動き（本番の app.css の a:hover>img{opacity:.8}＝サムネの画像が少し透けて地の色が見える）は残す。
   app.css に頼らず、新デザインのカードでも必ず効くよう、ここにも同じ値で書いておく（一覧カード・記事の関連動画カード・マイページのカード）。枠線は変えない */
@media (hover:hover){
  .mv-card .mv-th>a:hover>img,.mv-lib .article_card .article_card-media>a:hover>img{opacity:.8}   /* (0,3,3)〜(0,4,3)。本番 app.css (0,1,2) と同じ値 */
}

/* 17-am 2026-10-06 運営「保存ワードがずれてしまった」（スクショ 14:36:35・https://10.0.254.236/library の「保存ワード」タブ）:
   保存ワードの一覧（JS 生成の ul.fsc_list）に付けたスマホ用の左右16pxの余白（14. の .mv-lib .fsc_list）が PC でも残り、PC では余白0のタブ・説明の帯（.mv-note）より
   カードだけが左右16px内側に寄っていた（9/29 の最初の版から。今日の変更が原因ではない）。→ 768px〜 は一覧の左右の余白を0にして端をそろえる。スマホ（〜767px）は今もそろっているので変えない */
@media (min-width:768px){
  .mv-lib .fsc_list{padding-left:0;padding-right:0}   /* (0,2,0) 14. の padding:0 16px に後勝ち */
}

/* 17-an 2026-10-06 運営「ホームページでいいねを押すと、記事の白い部分がグレーになってしまう」「また、余白をクリックした際にも色がかわってしまう」（MAVデザインの枠で原因を特定・計測）:
   9. のカードの「押した時の背景」（:active で背景を --press #EBEBEF）が、カード内の ♡ボタンを押している間（:active は押された要素の祖先にも当たる）と、
   カードの余白（リンクでない所＝2026-09-26 運営決定で余白はリンクなし）を押している間の、どちらでもカード全体を灰色にしていた。カード自体はリンクではないので押した手応えは不要。
   → 9. の該当2規則を削除（その場所にコメントを残した）。触らないもの: ♡（.mv-like）の is-pop・色、サムネの hover 透け（17-al）、題名の色、タブ・チップ・サイドバーの :active。
   （17-al の注記にある「.mv-card:active は触らない」は当時の記述。この節で外した） */

/* 17-ao 2026-10-06 運営「スマホのサムネイルが小さくて見づらい」→ 比較ページをスマホ実機で見比べ「B-1が良い」「間5pxが良いと思う」に決定（MAVデザインの枠で作成・検証。手順と計測は MAVデザイン/テスト環境の指摘_20261006/mav-v2_追記_SPカードのサムネを大きく_B-1間5px_20261006.css）:
   スマホ（〜767px）の一覧カード（body.mv-listpage の .mv-list > .mv-card）を、白カード（枠・内側8px・角丸）→ 枠なし＋下に区切り線1px に。左右の余白16→8px、サムネ 42%→55%（375pxで 137×91→197×132。本番の旧デザイン 188×125 より少し大きい）、
   サムネと文字の間 12→5px、題名 15px・5行固定→14px・最大5行、メタ 13→12px（項目を途中で折らず「素人」チップだけ次の行へ）、チップは白地＋枠線1px。
   変えないもの: 広告枠（余白8pxに合わせ -8px にして幅375・左端0のまま）、マイページ（:not(.mv-lib)）、記事ページの関連動画（mv-artpage）、PC、押せる範囲（サムネと題名だけ） */
@media (max-width:767px){
  body.mv-listpage:not(.mv-lib) .mv-list{padding:0 8px}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card{background:transparent;border:0;border-radius:0;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card:last-child{border-bottom:0}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-th{width:55%;flex:0 0 55%;background:var(--press)}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-bd{padding:2px 0 0 5px}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-tx{font-size:14px;line-height:1.4;min-height:0;max-height:98px;-webkit-line-clamp:5}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-mt{flex-wrap:wrap;gap:4px 8px;min-height:0;font-size:12px}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-mt>*{white-space:nowrap}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-mt .mv-like{font-size:12px}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-mt .mv-chip{background:var(--bg);border:1px solid var(--line);line-height:16px}
  body.mv-listpage:not(.mv-lib) .mv-list .mv-adrow{margin-left:-8px;margin-right:-8px}
  body.mv-listpage:not(.mv-lib) .mv-list > .mv-empty{margin:8px 8px 16px}
}

/* 17-ap 2026-10-06 運営「閲覧履歴が昔のままになっている」「いいねも」→ マイページ（いいね・閲覧履歴）のカードも 17-ao と同じ見た目に */
@media (max-width:767px){
  body.mv-lib .mv-list{padding:0 8px}
  body.mv-lib .mv-list article.article_card{background:transparent;border:0;border-radius:0;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
  body.mv-lib .mv-list article.article_card:last-child{border-bottom:0}
  body.mv-lib .article_card .article_card-media{width:55%;flex:0 0 55%;background:var(--press)}
  body.mv-lib .article_card .article_card-summar{padding:2px 0 0 5px}
  body.mv-lib .article_card .article_card-title a{font-size:14px;line-height:1.4;min-height:0;max-height:98px}
  body.mv-lib .article_card .article_card-info{font-size:12px;gap:4px 6px}
}

/* 17-aq 2026-10-06 運営「（関連サイト・おすすめサイトの先頭の説明文が）文字がグレーで見づらい気がする」「ここの部分だけ」:
   /link の見出し下の説明文（.mv-links-lead）の色を灰（--ink2 #6E6E73）→ 本文と同じ黒（--ink #1D1D1F）に。大きさ・行間・余白は変えない。
   カードの中の説明文（.mv-links-desc）・種類と URL（.mv-links-meta）は運営の指摘の対象外なのでそのまま */
.mv-links-lead{color:var(--ink)}

/* 17-ar 2026-10-06 運営「リンク本文はもう少しだけくろみを足した方が良いかも。ほんの少しね」:
   /link のカードの中の説明文（.mv-links-desc）の色を --ink2（#6E6E73・明度L*≈47）→ #5A5A5E（L*≈39）に。
   #48484A（商品名の色・L*≈31）までは濃くしない＝「ほんの少し」。大きさ 13.5px・行間 1.6 は変えない。種類と URL（.mv-links-meta）はそのまま */
.mv-links-desc{color:#5A5A5E}

/* 17-as 2026-10-06 運営決定「ボタンは『いいね』。押した瞬間に『マイページに保存しました』を1〜2秒出す」:
   いいね（記事の♡・一覧カードの♡）か保存ワードを ON にした時に、mav-v2.js 9. が body の末尾に div.mv-toast を1つ作って is-on を付け外しする。
   SP は下部ナビ（56px＋safe-area）の上、PC は下から24px。黒地・白文字・丸いピル。押せない（pointer-events:none）。
   ボタンの文字は「いいね」⇄「いいね済み」（9. の syncLike）。数は「N件のいいね」（goodbadatode.blade.php を 10/06 の「人が保存」から戻した） */
.mv-toast{position:fixed;left:50%;bottom:calc(56px + env(safe-area-inset-bottom) + 14px);transform:translateX(-50%) translateY(8px);z-index:50;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:var(--ink);color:#FFFFFF;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}
.mv-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
@media (min-width:768px){ .mv-toast{bottom:24px;font-size:14px} }

/* 17-at 2026-10-06 運営「マイページで、いいね数を表示させられる様にしたい」「いいねと閲覧履歴」:
   マイページのカード（いいね・閲覧履歴）に「♡ N」を出す。数は mav-v2.js 11. が一覧カードと記事ページで見た値を端末（localStorage）に覚えたもの＝
   最後に見た時の値（本番の今の値ではない）。本番 library.js は数を持たないので、正確な現在値を出すには PG（数を保存するか、取得する口）が要る。
   いいねタブ: 行の先頭に橙の♡＋数（先頭・削除は右へ）。閲覧履歴: 既存の♡ボタンの右に数だけ */
.mv-lib .article_card-info .mv-libcount{display:inline-flex;align-items:center;gap:4px;margin-right:auto;font-size:12px;color:var(--ink2);letter-spacing:0;white-space:nowrap}
.mv-lib .article_card-info .mv-libcount svg{width:18px;height:16px;display:block}
.mv-lib .article_card-info .mv-libcount .mv-libcount-n{font-weight:600;color:var(--ink)}
.mv-lib .js-history_list .article_card-info .mv-libcount{margin:0 0 0 4px}

/* 17-au 2026-10-06 運営「（マイページは）一覧ページと違い、いいねが上にくっつきすぎてしまっている」（スクショ 18:00:28）:
   一覧カードは .mv-mt{margin-top:auto}＋.mv-bd{align-self:stretch} で♡の行がサムネの下端にそろうが、マイページのカード（library.js の article_card）は
   操作行（♡ N・先頭・削除・フル動画）が題名の直下（6px）に付いていた。同じ組み方にして、操作行をカードの下端（サムネの下端）へ。題名が長く行が収まらない時は今までどおり続けて並ぶ */
@media (max-width:767px){
  body.mv-lib .article_card .article_card-summar{align-self:stretch}
  body.mv-lib .article_card .article_card-info{margin-top:auto}
}

/* 17-av 2026-10-06 運営「やっぱり、いいねや文章とサムネイルの距離をもう少しだけ空けてほしい」→ 比較ページ（★間6／8／10px）から「8px」:
   一覧カード（17-ao の .mv-bd）とマイページのカード（17-ap の .article_card-summar）の、サムネと文字（♡・題名）の間を 5→8px。サムネの大きさ（55%）はそのまま */
@media (max-width:767px){
  body.mv-listpage:not(.mv-lib) .mv-list .mv-card .mv-bd{padding-left:8px}
  body.mv-lib .article_card .article_card-summar{padding-left:8px}
}

/* 17-aw 2026-10-07 運営「横幅を縮めていくと、タイトルが太字からノーマルの文字になってしまう」:
   記事ページの見出し（h1.mv-h1a）は 768px〜 が 22px・太字、767px 以下が 16px・普通（2026-09-29: 本番の太さに合わせ、太字で折り返し行数が変わって
   812px 圏が動くのを避けた）。実測（2026-10-07・テスト環境の記事・WebKit）: 一覧から集めた実際の題名 178件で、太字にして行数が増えるのは
   360〜480px で 0件（日本語の文字は太字でも幅が同じ）、320px で 1件、600px で 4件（どちらも +1行＝+22.4px）。→ 767px 以下も太字に。大きさ 16px・行間・余白は変えない */
@media (max-width:767px){ .mv-artpage .mv-h1a{font-weight:700} }

/* 17-ax 2026-10-07 運営「PC表示でサイドバーが下段に落ちた際に、見出しだけ白くなっている。これはあえてなのか？」「SP表示とPC表示は、背景が白に統一していい感じ」（スクショ 12:37:59）:
   あえてではない（抜け）。767px 以下は下段のジャンル一覧（.mv-tagband）が白地、1280px〜 は左サイドバー（.mv-side）が白地だが、
   その間（768〜1279px）だけ .mv-tagband に地の色が無く、一覧の灰色（#F5F5F7）が透けていた。そのため見出しの白い下地（.sidebar-heading）だけが帯に見え、
   灰色のチップ（#F5F5F7）は地に溶けていた。→ 768〜1279px も白地にする。.mv-main の左右の余白 30px を打ち消して画面の端まで白くし（767px 以下と同じ見え方）、
   中の文字は今の位置（左右 30px）のまま */
@media (min-width:768px) and (max-width:1279px){
  .mv-listpage .mv-tagband{background:var(--bg);margin:12px -30px 0;padding:14px 30px 26px}
}

/* 17-ay 2026-10-07 運営「閲覧履歴のいいねは数字をタップしてもいいねされない（他のページは、数字をタップしてもいいねされる）」「閲覧ページはハートといいねの距離が離れすぎている」:
   閲覧履歴のカードの数（mav-v2.js 11. の span.mv-libcount）を、♡ボタン（button.js-atd__button）の外 → 中へ（JS で入れる場所を変えた）。
   一覧カードの♡（.mv-card .mv-mt .mv-like）と同じく、♡と数の間 4px・数は 12px 灰、いいね済みは数も橙。17-ak の span{display:none}（「削除」の文字を消す）より強く書く */
body.mv-lib .js-history_list .article_card-info button.js-atd__button{gap:4px}
body.mv-lib .js-history_list .article_card-info button.js-atd__button span.mv-libcount{display:inline;margin:0;font-size:12px;font-weight:400;color:var(--ink2)}
body.mv-lib .js-history_list .article_card-info button.js-atd__button:has(svg[color="rgb(255,0,0)"]) span.mv-libcount{color:var(--ac)}

/* 17-az 2026-10-07 運営「保存ワードのレイアウトが、微妙に感じる」「UIUXが微妙」→ 比較ページ（今／A／B／C）から A（1行リスト）→ 運営「白枠が3連続でつづているのが変な感じがする。
   縦のマージンをもっとあげて間隔を上げた方が良い」→ A2 → 運営「説明を『閲覧履歴がまだありません。』と同じサイズにしても良い」。
   保存ワード（本番 favorite-search-conditions.js が作る ul.fsc_list > li.fsc_list-item）を、白い箱1つに1行ずつ並べる形に。行のどこを押してもそのページへ
   （a.link_button を行いっぱいに広げる）、右に ›、削除は右の小さな「削除」だけ（押す範囲 43×30px・行より手前）。HTML・JS は本番のまま。
   説明の帯（.mv-note・いいねタブと保存ワードタブ）は白い枠を外して文字だけに。16px（「閲覧履歴がまだありません。」と同じ）・灰。タブ→説明 18px・説明→リスト 12px・リストの下 24px */
body.mv-lib .fsc_list{display:block;padding:0;margin:0 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rm);overflow:hidden}
body.mv-lib .fsc_list-item{position:relative;display:flex;align-items:center;gap:6px;min-height:52px;padding:0 6px 0 14px;margin:0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
body.mv-lib .fsc_list-item:last-child{border-bottom:0}
body.mv-lib .fsc_list-body{flex:1;min-width:0;text-align:left}
body.mv-lib .fsc_list-body .word{display:block;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mv-lib .fsc_list-footer{display:flex;align-items:center;gap:2px;margin:0}
body.mv-lib .fsc_list-footer a.link_button{order:2;display:inline-flex;align-items:center;justify-content:center;width:26px;height:44px;line-height:1;padding:0;border:0;border-radius:0;background:none;font-size:0;color:var(--ink2)}
body.mv-lib .fsc_list-footer a.link_button::before{content:"›";font-size:24px;font-weight:400}
body.mv-lib .fsc_list-footer a.link_button::after{content:"";position:absolute;inset:0}
body.mv-lib .fsc_list-footer .delete_button{order:1;position:relative;z-index:1;height:30px;line-height:30px;padding:0 10px;border:0;border-radius:999px;background:var(--face);font-size:0;color:var(--ink2)}
body.mv-lib .fsc_list-footer .delete_button::before{content:"削除";font-size:12px;font-weight:600}
@media (min-width:768px){ body.mv-lib .fsc_list{margin:0;max-width:640px} }

body.mv-lib .library_section > .body > .mv-note{margin:18px 16px 12px;padding:0;background:none;border:0;border-radius:0}
@media (min-width:768px){ body.mv-lib .library_section > .body > .mv-note{margin:18px 0 12px} }
body.mv-lib .fsc_list{margin-bottom:24px}
body.mv-lib .library_section > .body > .mv-note{font-size:16px;line-height:1.4}
body.mv-lib .library_section > .body > .mv-note svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px}

/* 17-ba 2026-10-07 運営「閲覧履歴を残さない、という機能をつける事ができるか？」「ユーザーがオンオフするイメージ」「15時前までに何とかしたい」:
   マイページ「閲覧履歴」タブの上に「閲覧履歴を残す」のスイッチ（オン＝今までどおり・初めはオン）と「すべて消す」を出す（部品は mav-v2.js 13. が作る）。
   スイッチは橙＝オン・灰＝オフ。オフの間は下に一言。間隔は保存ワードの説明（17-az）と同じ＝タブの下 18px・リストの上 12px */
.mv-lib .mv-histctl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 16px 12px}
.mv-lib .mv-histsw{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:1.4;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mv-lib .mv-histsw input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0}
.mv-lib .mv-histsw-ui{position:relative;flex:0 0 46px;width:46px;height:28px;border-radius:999px;background:var(--line);transition:background-color .15s ease-out}
.mv-lib .mv-histsw-ui::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;transition:transform .15s ease-out}
.mv-lib .mv-histsw input:checked + .mv-histsw-ui{background:var(--ac)}
.mv-lib .mv-histsw input:checked + .mv-histsw-ui::after{transform:translateX(18px)}
.mv-lib .mv-histsw input:focus-visible + .mv-histsw-ui{outline:2px solid var(--ink);outline-offset:2px}
.mv-lib .mv-histclear{flex:0 0 auto;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font:inherit;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mv-lib .mv-histclear:active{background:var(--press)}
.mv-lib .mv-histnote{margin:-4px 16px 12px;font-size:14px;line-height:1.5;color:var(--ink2)}
@media (min-width:768px){
  .mv-lib .mv-histctl{margin:18px 0 12px;justify-content:flex-start;gap:24px}
  .mv-lib .mv-histnote{margin:-4px 0 12px}
}

/* 17-bb 2026-10-07 運営「AV女優ページ（URLに actress がつく）の 新しい順・人気の動画・急上昇 のタブをホームの一覧と同じ幅にして」（/archives/actress/瀬戸環奈）:
   女優ページのタブ（.ap-tabs a）は文字の長さ分の幅（flex:0 0 auto＋左右14px）で左に寄っていた。ホームの並び替えタブ（157行 .mv-tabs a）と同じく、3本で横幅を等分する。
   高さ44px・文字・色・角丸・線・上下の余白は変えない。.ap-tabs を出すのは components/common/favosort.blade.php の女優ページだけ */
.ap-tabs a{flex:1;padding:0;white-space:nowrap}   /* (0,1,1) → 177行 .ap-tabs a (0,1,1) に後勝ち */

/* 17-bc 2026-10-07 運営「素人の人気娘 New に関してはあまり人気がないが、メインの4タブの下に表示されてしまう。目立ちすぎてしまうため、5タブを1行にして、スワイプする方式にして」
   （AV女優一覧のタブ5本＝components/common/actress_tab_pc.blade.php の .mv-tabs.mv-scroll.mv-wrap。/actresslist_sub1 /actress-sort-alphabetical /all-actress /search-actress /actresslist_amateur）:
   163〜165行の「767px 以下で2行に折り返す」（2026-09-17）をやめ、ジャンル一覧の目次と同じ1行の横スクロールに戻す（.mv-scroll の 160〜162行がそのまま効く）。
   選択中のタブが画面の外にある時は JS 14. がタブ列だけを横に送る。タブの形・高さ・文字・色は変えない。768px 以上は元から1行なので変わらない */
@media (max-width:767px){
  .mv-tabs.mv-wrap{flex-wrap:nowrap;overflow-x:auto}   /* (0,2,0) → 164行 .mv-tabs.mv-wrap (0,2,0) に後勝ち */
}