/* mousou-sp.css — SP(1023px 以下)専用の上書き（2026-09-06 デザイン部、docs/sp_parity_20260906.md 第1弾 T1〜T10）。
   PC(≥1024px) には 1 行も効かない。妄想族の CSS は使わず、構造と寸法だけ真似る。配信時に functions.php が全ページの head で読む */
@media (max-width: 1023px) {
  /* ---- T6 動画枠: 黒いステージ・幅 100%・余白 0（load_css の max-width:360px/薄ピンクを上書き） ---- */
  .sect-video .bx-movie-stage { max-width: none !important; width: 100% !important; margin: 0 !important; padding-top: 0 !important; background: #000 !important; }
  .sect-video .bx-movie-video { position: static !important; display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; max-height: 72vh; background: #000; }
  .sect-video .bx-movie-poster { background: #000 !important; }
  /* ---- T3 バナー枠（動画枠直下。PC 第5弾と同じ 6 枚。scroll-snap で指スワイプ、sp.js が 6 秒で送る） ---- */
  .mz-spbnr { display: block !important; padding: 10px 0 8px; background: #fff; }
  .mz-spbnr .c-ttl-page { box-sizing: border-box; padding: 0 10px 8px; }
  .mz-spbnr .wrap-lst-bnr { overflow: hidden; }
  .mz-spbnr .lst-bnr { display: flex; gap: 10px; margin: 0; padding: 0 10px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .mz-spbnr .lst-bnr::-webkit-scrollbar { display: none; }
  .mz-spbnr .item-bnr { flex: 0 0 calc(100% - 20px); scroll-snap-align: start; }
  .mz-spbnr .item-bnr a { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
  .mz-spbnr .item-bnr img { display: block; width: 100%; height: auto; }
  .mz-spbnr-dots { display: flex; justify-content: center; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
  .mz-spbnr-dots li { width: 10px; height: 10px; border: 1px solid #f7b2d8; border-radius: 6px; background: #fff; }
  .mz-spbnr-dots li.is-active { background: #e4007f; border-color: #e4007f; }
  /* ---- T4 入荷日の区切り（PC 第2弾と同じデータ、4 枚＋ボタン）。生成側の 12 枚一段は隠す ---- */
  .mz-spnew { display: block !important; }
  .mz-spnew ~ .wrap-segment { display: none !important; }
  .mz-spnew .wrap-segment + .wrap-segment { margin-top: 12px; }
  .mz-spnew .lst-works { display: flex; flex-wrap: wrap; }
  .mz-spnew .c-list-works-item { width: 50%; box-sizing: border-box; }
  .mz-spnew .bx-button { padding: 6px 10px 0; }
  /* ---- T7 カード画像: PC と同じ 16:9・幅いっぱい・角丸なし（common.css 末尾の正方形クロップを上書き。一覧ページにも効く） ---- */
  .c-list-works-item .works-detail-img { width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; margin: 0 0 6% !important; border-radius: 0 !important; object-fit: cover !important; object-position: center top !important; }
  .c-list-works-item .works-detail-img.mz-strip { object-position: left center !important; }
  /* ---- T2 注目ワード: 上位 8＋女優タイプ 8、全量は /fetish/ へ。元の 41 個の節はトップでは隠す ---- */
  body.mz-sp1 #sect-fetish, body.mz-sp1 #sect-actress-type { display: none !important; }
  .mz-sphot { display: block !important; }
  .mz-sphot .lst-hot-word { padding: 0 0 6px 10px; }
  .mz-sphot .item-hot-word { margin: 0 8px 8px 0; }
  .mz-sphot .c-btn-round .tx-btn { font-size: 12px; }
  .mz-sphot .bx-button { padding: 4px 10px 20px; }
  .mz-sphot .fetish-group-ttl { margin: 6px 16px 6px; padding-left: 10px; border-left: 4px solid #e4007f; color: #4a4a4a; font-size: 14px; font-weight: 700; }
  .mz-sphot .c-ttl-page { padding-bottom: 4px; }
  /* 女優カードは SP では 4 枚（2 段）。全量は「女優一覧へ」 */
  body.mz-sp1 #sect-actress .c-list-works-item:nth-child(n+5) { display: none !important; }
  /* ---- T1 ショップ紹介: 横スワイプの 1 列（各 45% 幅・5 枚まで）＋一覧ボタン。実物バナー ---- */
  .sect-brand .wrap-lst-brand { overflow-x: auto; overflow-y: hidden; padding: 0 0 16px 10px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .sect-brand .wrap-lst-brand::-webkit-scrollbar { display: none; }
  .sect-brand .lst-brand { display: flex !important; align-items: stretch; gap: 0; }
  .sect-brand .lst-brand:after { display: none; }
  .sect-brand .item-brand { float: none !important; flex: 0 0 45%; width: 45% !important; min-width: 0; padding-right: 10px; scroll-snap-align: start; }
  .sect-brand .item-brand:nth-child(n+6) { display: none !important; }
  .sect-brand .item-brand > a { height: 100%; box-sizing: border-box; padding: 8% 5% 12% !important; }
  .sect-brand .item-brand img { width: 100% !important; height: auto; aspect-ratio: 3 / 1; object-fit: cover; border-radius: 4px; }
  .sect-brand .item-brand-title { font-size: 13px; line-height: 1.3; }
  .sect-brand .item-brand-txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 11px; line-height: 1.6; }
  .sect-brand .mz-spbrand-btn { display: block !important; padding: 0 10px 20px; }
  /* ---- T9 ヘッダーの立ち絵（ロゴの右、40×55） ---- */
  #area-header .bx-standing-menu .bx-logo .bx-stand-img { display: block !important; position: absolute; top: 0; bottom: 0; left: 200px; width: 40px; height: 55px; margin: auto 0; object-fit: cover; object-position: top; pointer-events: none; }
  /* ---- T10 メニュー: 暗幕に淡ピンクの中央寄せ（生成側の inline style を打ち消す） ---- */
  #area-header .bx-overlay-menu .lst-nav { width: 71.875%; margin: 0 auto; }
  #area-header .bx-overlay-menu .nav-item { display: block !important; width: 100% !important; padding: 18px 0 16px !important; border: 0 !important; border-bottom: 1px solid #f7b2d8 !important; background: transparent !important; color: #f7b2d8 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; }
  #area-header .bx-overlay-menu .nav-item:before { display: block; }
  #area-header .bx-overlay-menu .bx-search { margin: 0 auto 20px; }
  /* ---- SP 第2弾（一覧 L1〜L4）: パンくず・区切り・上下ページングと件数・カード左上ロゴ ---- */
  .sect-new-item .c-breadcrumb { margin: 0; }
  .sect-new-item > .c-ttl-segment { margin: 0 0 10px; }
  .area-paging .tx-paging { margin: 8px 0 0; color: #444; font-size: 12px; text-align: center; }
  .area-paging--single { padding: 6px 0 10px; }
  .c-ttl-segment + .area-paging { padding: 0 10px 10px; }
  .c-ttl-segment + .area-paging .bx-paging { margin-top: 0; }
  .c-list-works-item .bx-works-maker { width: 34%; min-width: 64px; max-width: 110px; }
  /* ---- SP 第4弾 T13: PR 帯（自作バナー 4 枚・2 列） ---- */
  .mz-sppr { display: block !important; padding: 10px 0 14px; background: #fff; }
  .mz-sppr .c-ttl-page { display: none; }   /* 見出しは省く（バナー自体が説明。トップ全高 ≤5,000px） */
  .mz-sppr .lst-pr { display: flex; gap: 8px; margin: 0; padding: 0 10px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }   /* 1 段の横スワイプ（トップ全高 ≤5,000px を守る） */
  .mz-sppr .lst-pr::-webkit-scrollbar { display: none; }
  .mz-sppr .item-pr { flex: 0 0 48%; scroll-snap-align: start; }
  .mz-sppr .item-pr a { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
  .mz-sppr .item-pr img { display: block; width: 100%; height: auto; }
  /* ---- SP 第4弾 T15: フッター 8 項目（2 列 4 段）。追加 2 項目は SP だけ ---- */
  #area-footer .lst-nav { display: grid !important; grid-template-columns: 1fr 1fr; overflow: visible; }   /* float だと記事ページで 2 列目が 9px 下がる（common.css の nth-child 規則）。grid で行を揃える */
  #area-footer .lst-nav > li { float: none !important; width: auto !important; margin: 0 !important; box-sizing: border-box; }
  #area-footer .lst-nav > li .nav-item { box-sizing: border-box; height: 52px; padding-top: 0; padding-bottom: 0; line-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* 2 列 4 段の高さを揃える（記事の罫線ずれ対策） */
  /* ---- SP 第4弾 S1: サンプル一覧のカードを 16:9・3 行 clamp・高さ揃え（2 列グリッド） ---- */
  .sect-movie .lst-sample { display: grid !important; grid-template-columns: 1fr 1fr; }
  .sect-movie .c-list-sample-item { display: flex !important; flex-direction: column; float: none !important; width: auto !important; }
  .sect-movie .c-list-sample-item .sample-thum-img { aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center top; width: 100% !important; height: auto !important; }
  .sect-movie .c-list-sample-item .bx-sample-detail { margin-top: auto !important; }
  .sect-movie .c-list-sample-item .sample-detail-title { min-height: 4.5em; }
  /* ---- SP 第4弾 L2: 一覧の入荷日タブ（横スワイプ、5 本、幅 30%） ---- */
  .c-tab--date { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 0 10px; }
  .c-tab--date::-webkit-scrollbar { display: none; }
  .c-tab--date .lst-tab { display: flex; width: max-content; overflow: visible; }
  .c-tab--date .item-tab { float: none; flex: 0 0 30vw; width: 30vw; height: auto !important; min-height: 0 !important; padding: 8px 0 10px !important; }
  .c-tab--date .tx-tab { display: block; color: #444; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; }
  .c-tab--date .tx-tab-sm { display: block; margin-top: 3px; color: #888; font-size: 10px; font-weight: 400; }
  /* ---- 共通: サイドバー等の PC 付属ブロックは SP に出さない（念のため） ---- */
  .mz-pcx, .mz-banner, .mz-pchero, .mz-pcnew, .mz-brand { display: none !important; }
}
/* ---- SP だけの部品（フッターの追加 2 項目・一覧の日付タブ）は PC では出さない ---- */
@media (min-width: 1024px) {
  .mz-sp-only { display: none !important; }
}
/* ---- SP 第4弾 G1: ガイド記事の目次（SP/PC 共通。ガイドは v5 でないので article-v5.css は読まれない） ---- */
.mz-toc { margin: 0 0 20px; padding: 12px 14px; border: 1px solid #f7b2d8; border-radius: 6px; background: #fff7fb; }
.mz-toc .mz-toc-ttl { margin: 0 0 6px; color: #e4007f; font-size: 14px; font-weight: 700; }
.mz-toc ol { margin: 0; padding: 0 0 0 1.4em; font-size: 14px; line-height: 1.7; }
.mz-toc li a { color: #e4007f; text-decoration: underline; }

/* ---- SP 第6弾（2026-09-07 山川さん指摘「顔が切れている」）: 女優の顔写真だけ 1:1。
       T7 の 16:9 ＋ center top は作品ジャケット向けで、顔写真だと口・あごが落ちる。
       元画像はほぼ正方形（実測 0.85〜1.25）。PC 第6弾と同じ指定。作品カードは不変 ---- */
@media (max-width: 1023px) {
  .c-list-works-item .works-detail-img[src*="performer-face"] {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center 55% !important;
  }
}