/* =====================================================================
   mousou-pc.css  PC(1024px以上)専用レイアウト  2026-09-06 デザイン部 (是正台帳 L-039)
   - すべて @media (min-width:1024px) の中。SP(〜1023px)には1行も効かない。
   - 読み込み経路: single.php / taxonomy.php は <link>。静的 mock-*.html は
     functions.php の tsuba_mz_inject_pc_assets() が配信時に </head> 直前へ差し込む
     （mock-*.html を再生成しても効き続ける。mock の直接編集は不要・不可）。
   - 山川さん指示 2026-09-06「しっかりPC用にはPC用になってほしい」
   - 既存の「PC=540px中央カラム」指定(mousou-common.css / load_css())をPCでは上書きする。
   ===================================================================== */
@media (min-width: 1024px) {

/* ---- 0. 540px 柱の解除 ---------------------------------------------- */
html { background: #f2f2f4 !important; }
body,
body:has(.work-content) {
    width: auto !important;
    max-width: none !important;
    min-height: 100vh;
    margin: 0 !important;
    background: #f2f2f4 !important;
    box-shadow: none !important;
    font-size: 16px;
}

/* ---- 1. コンテナ（白・影なし・1160px中央）--------------------------- */
#area-content {
    box-sizing: border-box;
    max-width: 1160px;
    margin: 0 auto;
    padding: 64px 0 48px;
    background: #fff;
}
[id^="sect-"] { scroll-margin-top: 72px; }

/* ---- 2. ヘッダー: 横並びナビ＋検索窓（ハンバーガーは出さない）------- */
#area-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: 0 !important;
    left: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    height: 64px;
    margin: 0 !important;
    padding: 0 max(24px, calc((100% - 1160px) / 2));
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .14);
}
#area-header .bx-standing-menu {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 64px;
    background: transparent;
    box-shadow: none;
}
#area-header .bx-standing-menu .bx-logo {
    display: block;
    position: relative;
    width: 210px;
    height: 64px;
    background: #e4007f;
}
#area-header .bt-menu { display: none !important; }
#area-header .bx-overlay-menu {
    display: flex !important;
    position: static !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}
#area-header .bx-overlay-menu > .bx-logo { display: none !important; }
#area-header .bx-overlay-menu nav { order: 1; }
#area-header .bx-overlay-menu .bx-search {
    order: 2;
    width: 210px;
    max-width: none;
    margin: 0 8px 0 14px;
}
#area-header .bx-search-txt {
    height: 36px;
    padding: 0 40px 0 14px;
    border: 2px solid #f3cfe2;
    border-radius: 18px;
    font-size: 13px;
    line-height: 32px;
}
#area-header .bx-search-btn {
    width: 40px;
    height: 36px;
    border-radius: 0 18px 18px 0;
    background-size: 20px 20px;
    background-position: 10px 6px;
}
#area-header .lst-nav {
    display: flex;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#area-header .lst-nav > li { flex: 0 0 auto; }
#area-header .nav-item {
    display: block !important;
    width: auto !important;
    height: 64px;
    padding: 0 13px !important;
    border: 0 !important;
    background: #fff !important;
    color: #e4007f !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 64px !important;
    white-space: nowrap;
    text-align: center;
    transition: background .15s;
}
#area-header .nav-item:hover { background: #fdeef6 !important; }
#area-header .nav-item:before { display: none !important; }

/* ---- 3. フッター（1160px中央・横並び）------------------------------- */
#area-footer .bx-footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1160px;
    margin: 0 auto;
    padding: 22px 24px 8px;
}
#area-footer .bx-footer-menu > .bx-logo { order: -1; flex: 0 0 210px; padding: 0; }
#area-footer .bx-nav {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
#area-footer .lst-nav { display: flex; flex-wrap: wrap; overflow: visible; }
#area-footer .lst-nav > li { float: none; width: auto; }
#area-footer .nav-item { height: auto; padding: 8px 12px; border: 0 !important; font-size: 14px; line-height: 1.5; }
#area-footer .nav-item:before { display: none; }
#area-footer .nav-item:hover { text-decoration: underline; }
#area-footer .bx-nav .bx-button { width: 200px; padding: 0 0 0 14px; }
#area-footer .bx-nav .c-btn-rect--size01 .tx-btn { font-size: 14px; line-height: 44px; }
#area-footer .bx-copy { margin-bottom: 6px; }
#area-footer .tx-copy { font-size: 11px; }

/* Diver親テーマ(single/taxonomy は wp_head で style.min.css が読まれる)の
   :where(ol,ul) li+li{margin-top:.6em} を横並びの部品で打ち消す */
#area-header .lst-nav > li, #area-footer .lst-nav > li, .area-list > li, .lst-tmb > li,
.lst-hot-word > li, .rk-list > li, .lst-brand > li, .bx-paging > li, .work-side-list > li { margin-top: 0 !important; }

/* ---- 4. 見出し・ボタン共通 ------------------------------------------ */
.c-ttl-page { padding: 26px 0 22px; }
.c-ttl-page .ttl-page { font-size: 24px; }
.c-ttl-page .ttl-page-sub { font-size: 13px; }
.c-ttl-segment .ttl-segment { padding: 10px 0; font-size: 17px; }
.sect-new-item .bx-button,
.sect-video .bx-button { padding-right: 24px; padding-left: 24px; }
.sect-new-item .bx-button .c-btn-rect,
.sect-video .bx-button .c-btn-rect-border { display: block; max-width: 440px; margin: 0 auto; }
/* #15 丸チップ: 3px 10px／#f7b2d8 枠／hover でピンク塗り（情報帯・「フェチから探す」共通） */
.c-btn-round.c-btn-round--size01 .btn-inner { display: inline-block; border: 1px solid #f7b2d8; border-radius: 50px; background: #fff; color: #e4007f; transition: background .2s, color .2s; }
.c-btn-round.c-btn-round--size01 .tx-btn { display: inline-block; padding: 3px 10px; font-size: 14px; font-weight: 400; line-height: 1.3; color: #e4007f; transition: color .2s; }
.c-btn-round.c-btn-round--size01 .btn-inner:hover { background: #e4007f; }
.c-btn-round.c-btn-round--size01 .btn-inner:hover .tx-btn { color: #fff; }

/* ---- 5. カード一覧: 2列 → 4列 --------------------------------------- */
.area-list { display: flex; flex-wrap: wrap; }
.area-list > li[class^="c-list"] { float: none; }
.c-list-works-item,
.c-list-maker-item,
.c-list-sample-item { width: 25%; clear: none !important; }
.c-list-works-item:nth-child(2n),
.c-list-maker-item:nth-child(2n),
.c-list-sample-item:nth-child(2n) { border-right-color: #cdcdcd; }
.c-list-works-item:nth-child(4n),
.c-list-maker-item:nth-child(4n),
.c-list-sample-item:nth-child(4n) { border-right-color: #fff; }
.c-list-works-item .bx-works-detail { padding: 10% 0 8%; }
.c-list-works-item .works-detail-title { max-height: 3em; padding: 0 8%; font-size: 14px; line-height: 1.5; }
.c-list-works-item .bx-works-detail:hover .works-detail-title { text-decoration: underline; }
.area-paging .bx-paging li { width: 48px; height: 48px; line-height: 48px; }

/* ---- 6. トップ: サンプル動画（左に大きい動画、右にサムネ縦並び）----- */
.sect-video .bx-videoSlider {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 216px;
    grid-template-rows: auto auto;
    column-gap: 16px;
    box-sizing: border-box;
    padding: 16px !important;
    background: #444;
}
.sect-video .bx-movie-stage {
    grid-column: 1;
    grid-row: 1;
    max-width: none !important;
    margin: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    background: #000 !important;
}
.sect-video .bx-movie-stage .bx-movie-video,
.sect-video .bx-movie-stage .bx-movie-poster {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain;
    background: #000;
}
.sect-video .bx-tmb { grid-column: 2; grid-row: 1 / span 2; min-height: 0; }
.sect-video .lst-tmb {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 !important;
    background: transparent;
}
.sect-video .item-tmb { display: block; width: 100% !important; margin: 0 !important; cursor: pointer; }
.sect-video .item-tmb:before { display: none !important; }
.sect-video .item-tmb img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.sect-video .lst-video-info { grid-column: 1; grid-row: 2; padding: 14px 4px 0 !important; }
.sect-video .lst-video-info .ttl-maker { color: #f2b8d8; font-size: 13px; }
.sect-video .lst-video-info .ttl-maker > a { color: #fff; }
.sect-video .lst-video-info .ttl-info { margin: 6px 0 14px; color: #fff; font-size: 16px; line-height: 1.5; }
.sect-video .lst-video-info .ttl-info > span { display: inline; white-space: normal !important; animation: none !important; }
.sect-video .lst-video-info .btn-detail { max-width: 360px; }
.sect-video .bx-button { padding-top: 14px; padding-bottom: 22px; }

/* ---- 7. トップ: フェチ／女優タイプのタグ群を2列に -------------------- */
.sect-hot-word { display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 0 24px 12px; }
.sect-hot-word > .c-ttl-page { flex: 0 0 100%; }
.sect-hot-word > .fetish-group { flex: 0 0 50%; box-sizing: border-box; padding-right: 24px; }
.sect-hot-word .fetish-group-ttl { margin: 16px 0 8px !important; font-size: 15px; }
.sect-hot-word .lst-hot-word { padding: 0 0 12px; }

/* ---- 8. トップ: ショップ紹介＝斜めピンク帯＋マスコット＋前後矢印の横スライダー（第3弾 表 #12）---- */
.sect-brand { position: relative; box-sizing: border-box; min-height: 440px; padding: 0 0 20px; overflow: hidden; background: #ededed; }
.sect-brand > .c-ttl-page, .sect-brand > .tx-brand, .sect-brand .c-ttl-page .stand-brand { display: none !important; }
.mz-brand { display: block !important; }
.mz-brand-band { position: absolute; top: -10%; z-index: 3; width: 40%; height: 120%; background: rgba(228, 0, 127, .9); box-shadow: 0 0 12px rgba(0, 0, 0, .25); pointer-events: none; }
.mz-brand-band--l { left: 0; transform: translateX(-50%) rotate(10deg); }
.mz-brand-band--r { right: 0; transform: translateX(50%) rotate(10deg); }
.mz-brand-txt { position: absolute; z-index: 4; left: 2.5%; top: 46%; width: 160px; transform: translateY(-50%); color: #fff; }
.mz-brand-ttl { margin: 0 0 14px; padding: 0 0 14px; border-bottom: 1px solid #fff; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.3; }
.mz-brand-ttl .mz-brand-en { display: block; margin-top: 4px; font-size: 13px; font-weight: 400; letter-spacing: .06em; }
.mz-brand-lead { margin: 0; color: #fff; font-size: 14px; line-height: 1.7; }
.mz-brand-stand { position: absolute; z-index: 4; left: 16%; bottom: 0; height: 56%; pointer-events: none; }   /* 見出しブロック(〜189px)と 1 枚目のカード(348px〜)の間に収める */
.mz-brand-stand img { display: block; width: auto; height: 100%; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)); }
.mz-brand-btn { position: absolute; z-index: 5; top: 50%; box-sizing: border-box; width: 56px; height: 56px; margin-top: -28px; padding: 0; border: 3px solid #fff; border-radius: 28px; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; transition: background .2s, opacity .2s; }
.mz-brand-btn:before { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: translate(-60%, -50%) rotate(45deg); transition: border-color .2s; }
.mz-brand-btn--prev:before { transform: translate(-30%, -50%) rotate(-135deg); }
.mz-brand-btn--prev { right: 12.5%; }
.mz-brand-btn--next { right: 5%; }
.mz-brand-btn:hover { background: #fff; }
.mz-brand-btn:hover:before { border-color: #e4007f; }
.mz-brand-btn.is-inactive { opacity: .4; cursor: default; }
.mz-brand-btn:focus { outline: none; }
.mz-brand-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* スライダー本体（既存の SP 用マークアップを流用） */
.sect-brand .wrap-lst-brand { position: relative; z-index: 2; box-sizing: border-box; padding: 60px 0 0 !important; overflow-x: auto !important; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; }
.sect-brand .wrap-lst-brand::-webkit-scrollbar { display: none; }
.sect-brand .lst-brand { display: flex; align-items: stretch; width: max-content; margin: 0; padding: 0 20% 50px 30%; }   /* 左 30%＝帯の最も広い所より右から 1 枚目を出す */
.sect-brand .lst-brand:after { display: none; }
.sect-brand .item-brand { float: none; box-sizing: border-box; flex: 0 0 20vw; width: 20vw !important; min-width: 196px; max-width: 256px; padding: 0 10px 0 0; }
.sect-brand .item-brand > a { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; height: 100%; padding: 26px 16px 28px; border-radius: 6px; background: #fff; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); }
.sect-brand .item-brand > a:before, .sect-brand .item-brand > a:after { display: none; }
.sect-brand .item-brand img { width: 80%; margin-bottom: 12px; border-radius: 10%; }
.sect-brand .item-brand-title { margin-bottom: 10px; color: #e4007f; font-size: 16px; font-weight: 700; text-align: center; }
.sect-brand .item-brand-txt { color: #444; font-size: 14px; line-height: 1.7; }
.sect-attention .bx-attention { width: 360px; }

/* ---- 9. 記事ページ: 本文 ＋ 右サイドバー300px ------------------------ */
.sect-work-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 40px;
    box-sizing: border-box;
    max-width: 1160px;
    margin: 0 auto;
    padding: 8px 32px 24px !important;
}
.sect-work-detail > * { grid-column: 1; min-width: 0; }
.sect-work-detail > .work-side {
    display: block;
    grid-column: 2;
    grid-row: 1 / span 30;
    align-self: start;
    position: sticky;
    top: 80px;
}
.work-ttl-h1 { margin: 12px 0 10px; font-size: 24px; line-height: 1.45; }
.work-meta-row { font-size: 14px; }
.work-content { font-size: 16px; line-height: 1.85; }
.work-content h2,
.work-content h2.wp-block-heading { font-size: 20px !important; }
.work-content h3,
.work-content h3.wp-block-heading { font-size: 18px !important; }
.work-content img { max-width: 100%; height: auto; }
a.work-cta,
.work-content a.dbp-button-link,
.work-content a.cta-primary {
    max-width: 480px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
a.work-cta { margin-top: 28px !important; margin-bottom: 28px !important; }

/* サイドバー部品（single.php の <aside class="work-side">。SPでは display:none）*/
.work-side-box { margin: 0 0 16px; padding: 16px; border: 1px solid #eadfe4; border-radius: 10px; background: #fff; }
.work-side-ttl { margin: 0 0 12px; padding: 0 0 0 10px; border-left: 4px solid #e4007f; color: #333; font-size: 15px; font-weight: 700; line-height: 1.4; }
a.work-side-cta {
    display: block;
    box-sizing: border-box;
    padding: 15px 12px;
    border-radius: 10px;
    background: #c2410c;
    box-shadow: 0 3px 0 0 #9a3412;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
a.work-side-cta:hover { background: #d9480f; }
.work-side-note { margin: 10px 0 0; color: #79616f; font-size: 12px; line-height: 1.6; text-align: center; }
.work-side-list { margin: 0; padding: 0; list-style: none; }
.work-side-list li { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid #f1e6ec; }
.work-side-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.work-side-list img { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 6px; background: #f4eef1; object-fit: cover; object-position: center 22%; }
.work-side-list a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #444; font-size: 13px; line-height: 1.5; text-decoration: none; }
.work-side-list a:hover { color: #e4007f; }
.work-side-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.work-side-tags a { padding: 5px 12px; border-radius: 20px; background: #fdf3f8; color: #e4007f; font-size: 13px; text-decoration: none; }
.work-side-tags a:hover { background: #fbe7f2; }
.work-side-more { display: block; margin: 10px 0 0; color: #e4007f; font-size: 13px; text-align: right; text-decoration: none; }
.work-side-more:hover { text-decoration: underline; }

/* ---- 10. 一覧ページ（タグ／ショップ／女優／ランキング／文章ページ）--- */
.sect-new-item { padding-bottom: 40px; }
.prow > summary { font-size: 17px; }
.rk-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; padding: 12px 24px 8px; }
.rk-item { margin: 0 !important; }
.rk-chips,
.sect-new-item .tx-brand { margin-right: 24px !important; margin-left: 24px !important; }
.ab-kicker, .ab-lead, .ab-list, .ab-links, .ab-cta, .ab-note, .ab-form, .ab-formnote {
    max-width: 760px;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* ---- 11. 年齢確認 ---------------------------------------------------- */
#age_notice .area-aninfo { max-width: 480px; }

}

/* 1024〜1199px: ナビ6項目＋検索窓が1行に収まるよう少し詰める */
@media (min-width: 1024px) and (max-width: 1199px) {
    #area-header .bx-standing-menu .bx-logo { width: 200px; }
    #area-header .nav-item { padding: 0 9px !important; font-size: 13px !important; }
    #area-header .bx-overlay-menu .bx-search { width: 170px; }
}

/* =====================================================================
   PC 第2弾（2026-09-06 デザイン部、docs/pc_top_parity_20260906.md 表 #6 #7 #8 #14）
   トップ「最新作品」を入荷日ごとの区切りに（functions.php が差し込む .mz-pcnew を ≥1024px でだけ表示し、
   SP の区切りは隠す）。カードは一覧ページ（タグ/ショップ/女優）も同じ様式。SP(390px) には 1 行も効かない。
   ===================================================================== */
@media (min-width: 1024px) {
  .mz-pcnew { display: block !important; }
  .mz-pcnew ~ .wrap-segment { display: none !important; }
  /* #7 #14 入荷日の見出し: 数字 20px・「月」「日入荷（全N作品）」16px・padding 8px 0・#444 ドット地 */
  .c-ttl-segment .ttl-segment { padding: 8px 0; font-size: 20px; }
  .c-ttl-segment .ttl-segment .tx-segment-sm { font-size: 16px; }
  /* #6 カード: 4 列・縦長ジャケット（幅 75%・最大 260px・高さは最大 350px に収める・contain）・タイトル 16px 2 行・hover ピンク塗り＋白文字 */
  .c-list-works-item { position: relative; transition: background .6s, color .6s; }
  .c-list-works-item .bx-works-detail { padding: 12% 0 10%; }
  .c-list-works-item .works-detail-img {
    display: block !important;
    width: 75% !important;
    max-width: 260px;
    height: auto !important;
    max-height: 350px;
    aspect-ratio: auto !important;
    margin: 0 auto 8% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 6px;
    background: #f6f1f3;
  }
  .c-list-works-item .works-detail-img.mz-strip { object-fit: cover !important; object-position: left center !important; aspect-ratio: 16 / 9 !important; }
  .c-list-works-item .works-detail-title { max-height: 3em; padding: 0 12%; font-size: 16px; line-height: 1.5; color: #e4007f; transition: color .6s; }
  .c-list-works-item:hover { background: #e4007f; }
  .c-list-works-item:hover .works-detail-title,
  .c-list-works-item .bx-works-detail:hover .works-detail-title { color: #fff; text-decoration: none; }
  .c-list-works-item .mz-sp-hover { display: none; }
  /* #8 大ボタン: 幅 60%・高さ 60px・16px 通常太さ・矢印は文字直後・影・hover #ff008c */
  .sect-new-item .bx-button { margin: 20px 0 40px; padding: 0; }
  .sect-new-item .bx-button .c-btn-rect { display: block; width: 60%; max-width: none; margin: 0 auto; }
  .sect-new-item .bx-button .c-btn-rect .btn-inner { box-sizing: border-box; height: 60px; padding: 0; border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: background .2s; }
  .sect-new-item .bx-button .c-btn-rect .btn-inner:before { display: none; }
  .sect-new-item .bx-button .c-btn-rect .tx-btn { display: inline-block; position: relative; padding-right: 22px; font-size: 16px; font-weight: 400; line-height: 60px; }
  .sect-new-item .bx-button .c-btn-rect .tx-btn:after { content: ""; position: absolute; right: -6px; top: 50%; width: 16px; height: 12px; margin-top: -6px; background: url(https://tsuba-mania.com/wp-content/themes/rediver-child/mz-assets/arrow-white.svg) no-repeat center / 16px 12px; transition: right .2s; }
  .sect-new-item .bx-button .c-btn-rect .btn-inner:hover { background: #ff008c; }
  .sect-new-item .bx-button .c-btn-rect .btn-inner:hover .tx-btn:after { right: -10px; }
  /* 一覧ページのページ送り（妄想族風: 角丸なしの四角・現在はピンク塗り） */
  .area-paging .bx-paging { display: flex; justify-content: center; gap: 6px; }
  .area-paging .bx-paging li { width: 44px; height: 44px; line-height: 44px; }
  .area-paging .bx-paging li a, .area-paging .bx-paging li span { display: block; width: 100%; height: 100%; border: 1px solid #e4007f; color: #e4007f; font-size: 14px; text-align: center; text-decoration: none; }
  .area-paging .bx-paging li .current, .area-paging .bx-paging li a:hover { background: #e4007f; color: #fff; }
}

/* （2026-09-06 10:55 復元: 第2弾の CSS 編集でファイル末尾ごと消えていた第1弾ブロック。以後、末尾から置換する編集は禁止） */
/* =====================================================================
   PC 第1弾（2026-09-06 デザイン部、docs/pc_top_parity_20260906.md 表 #2 #3 #4 #15 #19 #22）
   トップの動画枠＋情報帯。functions.php が差し込む .mz-pchero（display:none）を ≥1024px でだけ表示し、
   SP 用の .bx-videoSlider / .lst-video-info / .bx-button は隠す。SP(390px) には 1 行も効かない。
   再生アイコンは自前 SVG（data URI）。相手サイトの画像・JS・CSS は使わない。
   ===================================================================== */
@media (min-width: 1024px) {
  .sect-video { background: #303030 !important; padding: 0 !important; }
  .sect-video .bx-videoSlider, .sect-video .lst-video-info, .sect-video > .bx-button { display: none !important; }
  .mz-pchero { display: grid !important; grid-template-columns: 62.34% minmax(0, 1fr); gap: 0 1px; padding: 0 0 10px; background: #303030; }
  .mz-pchero-stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
  .mz-pchero-stage video { display: block; width: 100%; height: 100%; background: #000; }
  .mz-pchero-tmb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; min-height: 0; }
  .mz-pchero-tmb .item-tmb { position: relative; overflow: hidden; margin: 0; background: #000; cursor: pointer; }
  .mz-pchero-tmb .item-tmb img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .mz-pchero-tmb .item-tmb:before { content: ""; position: absolute; inset: 0; background: #e4007f; opacity: .6; transition: opacity .6s; pointer-events: none; }
  .mz-pchero-tmb .item-tmb:hover:before { opacity: .2; transition: opacity .2s; }
  .mz-pchero-tmb .item-tmb.is-active:before { opacity: 0; }
  .mz-pchero-tmb .item-tmb:after { content: ""; position: absolute; left: 50%; top: 50%; width: 36%; max-width: 56px; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); pointer-events: none;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Ccircle cx='28' cy='28' r='27' fill='rgba(255,255,255,.9)'/%3E%3Cpath d='M22 17l18 11-18 11z' fill='%23e4007f'/%3E%3C/svg%3E") no-repeat center / contain; }
  .mz-pchero-tmb .item-tmb:hover:after { animation: mz-hoverslide .4s ease; }
  .mz-pchero-tmb .item-tmb.is-active:after { display: none; }
  .mz-pchero-tmb .item-tmb.is-active { cursor: default; }
  .mz-pchero-tmb .lst-tmb-link { margin: 0; }
  .mz-pchero-tmb .lst-tmb-link a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 100%; padding: 8px; background: #e4007f; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; transition: background .2s; }
  .mz-pchero-tmb .lst-tmb-link a:hover { background: #c3006c; }
  @keyframes mz-hoverslide { 0% { margin-top: 0; } 50% { margin-top: 4px; } 100% { margin-top: 0; } }
  /* 情報帯 */
  .mz-pchero-info { grid-column: 1 / -1; margin: 10px 10px 0; padding: 0; list-style: none; background: #f7f7f7; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
  .mz-pchero-info .item-video-info { display: none; }
  .mz-pchero-info .item-video-info.is-active { display: flex; align-items: stretch; min-height: 90px; }
  .mz-pchero-info .img-maker { display: flex; flex: 0 0 91px; align-items: center; justify-content: center; box-sizing: border-box; width: 91px; min-height: 90px; overflow: hidden; border-right: 1px solid #e9e9e9; background: #fff; }
  .mz-pchero-info .img-maker a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  .mz-pchero-info .img-maker img { display: block; max-width: 84px; max-height: 80px; object-fit: contain; }
  .mz-pchero-info .img-maker .tx-maker { padding: 4px; color: #e4007f; font-size: 12px; font-weight: 700; line-height: 1.3; text-align: center; word-break: break-all; }
  .mz-pchero-info .tx-info { flex: 1 1 auto; min-width: 0; box-sizing: border-box; padding: 16px 10px 10px; }
  .mz-pchero-info .ttl-info { margin: 0 0 8px; overflow: hidden; color: #e4007f; font-size: 20px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
  .mz-pchero-info .ttl-info .bx-markey-mask { display: inline-block; padding-right: 48px; }
  .mz-pchero-info .item-video-info.is-active .ttl-info.js-markey-on .bx-markey-mask { animation: mz-markey var(--mz-markey, 10s) linear infinite; }
  @keyframes mz-markey { 0%, 10% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
  .mz-pchero-info .lst-genre-btn { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
  .mz-pchero-info .lst-genre-btn > li { margin: 0 6px 6px 0 !important; }
  .mz-pchero-info .btn-detail { position: relative; display: flex; flex: 0 0 230px; align-items: center; justify-content: center; overflow: hidden; background: #e4007f; }
  .mz-pchero-info .btn-detail:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -68px; border: 68px solid transparent; border-left: 12px solid #f7f7f7; }
  .mz-pchero-info .btn-detail a { display: block; padding: 0 12px 0 22px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; }
  .mz-pchero-info .btn-detail:hover { background: #c3006c; }
}

/* =====================================================================
   PC 第4弾（2026-09-06 デザイン部、docs/pc_top_parity_20260906.md 表 #1 #9 #16 #17 #18 #10 #11 #20）
   全体を「#303030 の帯の上に白い本文＋右サイドバー 210px」の 2 カラムに。ヘッダー 90px・ナビ 2 段・検索欄、
   フッター 2 段、ページトップ 70×76。functions.php の .mz-pcx を mousou-pc.js が配置する。SP(390px) には 1 行も効かない。
   ※このファイルは末尾への追記のみ。範囲置換は「次の見出し」までに限る（第1弾消失事故 09-06 の再発防止）
   ===================================================================== */
@media (min-width: 1024px) {
  /* ---- #1 骨格 ---- */
  html, body, body:has(.work-content) { background: #303030 !important; }
  body { min-width: 980px; }
  #area-content { display: flex !important; align-items: stretch; box-sizing: border-box; width: 100%; max-width: none !important; margin: 0 !important; padding: 90px 0 0 !important; background: #303030 !important; } /* stretch: 本文が短いページ（女優索引・/fetish/ 等）でも白い本文枠をサイドバーの下端まで伸ばす（09-06） */
  #area-content > .main-content { flex: 1 1 auto; min-width: 0; padding-bottom: 80px; border-radius: 0 4px 0 0; background: #fff; }
  #area-content > .c-side.mz-side { display: block !important; flex: 0 0 210px; align-self: stretch; box-sizing: border-box; width: 210px; padding: 0 0 130px 10px; } /* 下 130px はページトップ(70×76, footer 上 96px)との重なり回避 */
  #area-content > .c-side .wrap-bx-side-content { position: sticky; top: 100px; }
  /* ---- #9 サイドバー 5 ブロック ---- */
  .bx-side-content { margin: 0 0 20px; overflow: hidden; border-radius: 4px 4px 0 0; background: #fff; }
  .ttl-side-content { margin: 0; background: #e4007f; color: #fff; font-size: 18px; font-weight: 700; line-height: 40px; text-align: center; }
  .lst-side-link { margin: 0; padding: 0; list-style: none; }
  .lst-side-link > li { margin: 0 !important; border-top: 2px solid #e4007f; }
  .lst-side-link > li:first-child { border-top: 0; }
  .side-link-item { display: flex; align-items: center; justify-content: space-between; gap: 6px; position: relative; padding: 5% 26px 5% 5%; color: #e4007f; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; }
  .side-link-item:after { content: ""; position: absolute; right: 10px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #e4007f; border-right: 2px solid #e4007f; transform: rotate(45deg); }
  .side-link-item:hover { background: #fdeef6; }
  .side-link-count { color: #b98ba6; font-size: 12px; font-weight: 400; }
  .side-link-shop { justify-content: flex-start; }
  .side-link-shop img { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 4px; background: #fff; object-fit: contain; }
  .side-link-shop span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-width: 0; }
  .lst-side-pr > li { border-top: 0; padding: 6px; }
  .side-pr { display: block; padding: 10px 12px; border-radius: 6px; background: linear-gradient(135deg, #e4007f, #ff5fb3); color: #fff !important; }
  .side-pr:after { display: none; }
  .side-pr:hover { background: linear-gradient(135deg, #c3006c, #ff3aa3); }
  .side-pr strong { display: block; font-size: 14px; line-height: 1.4; }
  .side-pr small { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; opacity: .9; }
  .side-contact-txt { margin: 0; padding: 12px 10px; color: #444; font-size: 13px; line-height: 1.6; text-align: center; }
  .btn-side-link { display: block; padding: 13px; border-top: 2px solid #e4007f; background: #fff; color: #e4007f; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; }
  .btn-side-link:hover { background: #e4007f; color: #fff; }
  /* ---- #10 #11 #20 ヘッダー 90px・ロゴ枠 17%＋マスコット・ナビ 2 段・検索欄 ---- */
  #area-header { height: 90px !important; padding: 0 24px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important; overflow: visible; }
  #area-header .bx-standing-menu { height: 90px; }
  #area-header .bx-standing-menu .bx-logo { width: 17vw; min-width: 250px; max-width: 280px; height: 90px; overflow: visible; }
  #area-header .bx-standing-menu .bx-logo .tx-logo-txt { left: 10px !important; right: 100px; font-size: 18px !important; white-space: nowrap; }
  #area-header .mz-head-stand { position: absolute; right: 2px; bottom: 0; z-index: 2; height: 88px; width: auto; pointer-events: none; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); }
  #area-header .bx-overlay-menu { align-items: stretch; }
  #area-header .bx-overlay-menu nav { flex: 1 1 auto; min-width: 0; }
  #area-header .lst-nav { width: 100%; }
  #area-header .lst-nav > li { flex: 1 1 0; min-width: 0; position: relative; }
  #area-header .lst-nav > li + li:before { content: ""; position: absolute; left: 0; top: 37px; width: 1px; height: 16px; background: #e4007f; }
  #area-header .nav-item { position: relative; box-sizing: border-box; height: 90px !important; padding: 26px 4px 0 !important; font-size: 14px !important; line-height: 1.25 !important; }
  #area-header .nav-item .nav-ja { display: block; }
  #area-header .nav-item .nav-en { display: block; margin-top: 5px; color: #e4007f; font-size: 11px; font-weight: 400; letter-spacing: .04em; opacity: .75; }
  #area-header .nav-item:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #e4007f; transform: scaleX(0); transition: transform .2s; }
  #area-header .nav-item:hover:after, #area-header .nav-item.is-active:after { transform: scaleX(1); }
  #area-header .nav-item.is-active:hover:after { height: 6px; }
  #area-header .nav-item:hover { background: #fff !important; }
  #area-header .bx-overlay-menu .bx-search { display: flex; align-items: center; width: 17vw; min-width: 190px; max-width: 240px; margin: 0 0 0 12px; }
  #area-header .bx-search form { width: 100%; }
  #area-header .bx-search-txt { box-sizing: border-box; height: 36px; padding: 0 44px 0 14px; border: 2px solid #e4007f; border-radius: 50px; background: #f7f7f7; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); font-size: 14px; line-height: 32px; }
  #area-header .bx-search-btn { width: 42px; height: 36px; border-radius: 0 18px 18px 0; }
  [id^="sect-"] { scroll-margin-top: 98px; }
  #area-header .bx-overlay-menu { padding-right: 0; }
  /* ---- #16 フッター: #303030・中央寄せ・2 段・区切り線 ---- */
  #area-footer { background: #303030; }
  #area-footer .bx-footer-menu { display: block; max-width: none; padding: 30px 0 22px; border-bottom: 1px solid #fff; text-align: center; }
  #area-footer .bx-footer-menu > .bx-logo { display: block; width: 220px; height: 45px; margin: 0 auto 14px; padding: 0; }
  #area-footer .bx-footer-menu > .bx-logo .tx-logo-txt { left: 0 !important; right: 0; justify-content: center; }
  #area-footer .bx-nav { display: block; padding: 0; }
  #area-footer .lst-nav { display: flex; flex-wrap: wrap; justify-content: center; width: auto; max-width: none; margin: 0 0 6px; padding: 0; }
  #area-footer .lst-nav > li { position: relative; width: auto; padding: 0 24px 0 23px; }
  #area-footer .lst-nav > li + li:before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: rgba(255, 255, 255, .6); }
  #area-footer .nav-item { display: inline-block; height: auto; padding: 8px 0; border: 0 !important; border-bottom: 2px solid transparent !important; background: transparent !important; color: #fff !important; font-size: 16px; line-height: 1.4; text-decoration: none; }
  #area-footer .nav-item:before, #area-footer .nav-item:after { display: none !important; }
  #area-footer .nav-item:hover { border-bottom-color: #e4007f !important; text-decoration: none; }
  #area-footer .bx-nav .bx-button { display: none !important; }
  #area-footer .mz-foot-sub .nav-item { font-size: 14px; }
  #area-footer .bx-copy { margin: 0; padding: 10px 0; }
  #area-footer .tx-copy { font-size: 12px; }
  /* ---- #17 ページトップ 70×76（footer 直前の絶対配置。fixed にしない） ---- */
  #area-footer { position: relative; }
  #page-top { position: absolute; z-index: 100; right: 20px; top: -96px; display: block; box-sizing: border-box; width: 70px; height: 76px; border-bottom: 4px solid #fff; background: #e4007f; box-shadow: 0 1px 3px rgba(0, 0, 0, .6); color: #fff; text-align: center; text-decoration: none; transition: background .2s, transform .2s; }
  #page-top:before { content: ""; position: absolute; left: 50%; top: 18px; width: 16px; height: 16px; margin-left: -8px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(45deg); }
  #page-top .tx-pagetop { position: absolute; left: 0; right: 0; bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
  #page-top:hover { background: #ff008c; transform: translateY(-4px); }
  /* ---- #18 18 歳注意枠（最新作品の末尾、inline-block・16px・padding 0 18px） ---- */
  .sect-new-item .sect-attention { padding: 0 0 30px; text-align: center; }
  .sect-new-item .sect-attention .bx-attention, .sect-new-item .sect-attention .tx-attention { display: inline-block; width: auto !important; margin: 0 auto; padding: 0 18px; border: 1px solid #444; color: #444; font-size: 16px; line-height: 30px; }
}
/* 第4弾: 1024〜1199px はナビ 6 項目が入るよう字を詰め、検索欄を狭く（ロゴ 230px） */
@media (min-width: 1024px) and (max-width: 1199px) {
  #area-header .bx-standing-menu .bx-logo { min-width: 236px; }
  #area-header .bx-standing-menu .bx-logo .tx-logo-txt { right: 84px; font-size: 16px !important; }
  #area-header .mz-head-stand { height: 72px; }
  #area-header .nav-item { padding: 27px 2px 0 !important; font-size: 12px !important; letter-spacing: -.02em; }
  #area-header .nav-item .nav-en { font-size: 10px; }
  #area-header .bx-overlay-menu .bx-search { min-width: 120px; width: 120px; }
  #area-header .bx-search-txt { padding-left: 10px; font-size: 12px; }
}

/* =====================================================================
   PC 第5弾（2026-09-06 デザイン部、監査部の並べ比較の残差 ①〜⑤）
   ① 入荷・一覧カードを素材（16:9）に合わせた横長カード・余白 0 ② 動画枠直下は自作バナーのスライド（「フェチから探す」節は /fetish/ へ）
   ③ 動画枠に常時表示のバー ④ サイドバー PR はバナー画像 ⑤ ヘッダーのマスコットは枠からはみ出す。SP(390px) には 1 行も効かない。
   ※末尾への追記のみ。範囲置換は「次の見出し」までに限る
   ===================================================================== */
@media (min-width: 1024px) {
  /* ---- ① 16:9 横長カード（第2弾 #6 の縦長 75% 幅を上書き。素材が 16:9 なので枠を合わせて「ぎっしり」に） ---- */
  .c-list-works-item .bx-works-detail { padding: 0 0 6%; }
  .c-list-works-item .works-detail-img {
    width: 100% !important; max-width: none; height: auto !important; max-height: none;
    aspect-ratio: 16 / 9 !important; margin: 0 0 5% !important; border-radius: 0;
    object-fit: cover !important; object-position: center top !important; background: #f6f1f3;
  }
  .c-list-works-item .works-detail-img.mz-strip { object-position: left center !important; }
  .c-list-works-item .works-detail-title { padding: 0 5%; }
  /* ---- ② バナー枠（動画枠直下。妄想族の特設枠と同じ位置づけ、素材は自作） ---- */
  .mz-banner { display: block !important; padding: 22px 0 6px; background: #fff; }
  .mz-banner ~ #sect-fetish { display: none !important; }   /* トップだけ。/fetish/ にはバナー枠が無いので表示される */
  .mz-banner-head { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 40px 12px; }
  .mz-banner-ttl { margin: 0; color: #e4007f; font-size: 20px; font-weight: 700; line-height: 1.2; }
  .mz-banner-ttl span { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; opacity: .75; }
  .mz-banner-more { display: inline-block; padding: 6px 16px; border: 1px solid #e4007f; border-radius: 20px; color: #e4007f; font-size: 13px; text-decoration: none; }
  .mz-banner-more:hover { background: #e4007f; color: #fff; }
  .mz-banner-wrap { position: relative; padding: 0 40px; }
  .mz-banner-track { display: flex; gap: 12px; margin: 0; padding: 0 0 4px; list-style: none; overflow-x: hidden; scroll-snap-type: x mandatory; }
  .mz-banner-item { flex: 0 0 calc(50% - 6px); scroll-snap-align: start; }
  .mz-banner-item a { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); transition: transform .2s; }
  .mz-banner-item a:hover { transform: translateY(-2px); }
  .mz-banner-item img { display: block; width: 100%; height: auto; }
  .mz-banner-arrow { position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #e4007f; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); cursor: pointer; }
  .mz-banner-arrow:before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -3px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
  .mz-banner-prev { left: 12px; } .mz-banner-prev:before { margin-left: -2px; transform: rotate(-135deg); }
  .mz-banner-next { right: 12px; }
  .mz-banner-arrow:hover { background: #ff008c; }
  .mz-banner-dots { display: flex; justify-content: center; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
  .mz-banner-dots li { width: 8px; height: 8px; border-radius: 50%; background: #d8d8d8; cursor: pointer; }
  .mz-banner-dots li.is-active { background: #e4007f; }
  /* ---- ③ 動画枠の常時バー（stage の下端に重ねる） ---- */
  .mz-pchero-stage .mz-pchero-bar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 10px; background: rgba(0, 0, 0, .72); color: #fff; font-size: 12px; }
  .mz-pchero-bar button { flex: 0 0 auto; height: 24px; padding: 0 8px; border: 1px solid rgba(255, 255, 255, .6); border-radius: 12px; background: transparent; color: #fff; font-size: 11px; line-height: 22px; cursor: pointer; }
  .mz-pchero-bar button:hover { background: #e4007f; border-color: #e4007f; }
  .mz-pchero-bar .mz-pb-play { position: relative; width: 26px; padding: 0; border-radius: 50%; }
  .mz-pchero-bar .mz-pb-play:before { content: ""; position: absolute; left: 9px; top: 6px; border-left: 9px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
  .mz-pchero-bar .mz-pb-play.is-playing:before { left: 8px; top: 6px; width: 3px; height: 10px; border: 0; border-left: 3px solid #fff; border-right: 3px solid #fff; }
  .mz-pchero-bar .mz-pb-time { flex: 0 0 auto; min-width: 74px; font-variant-numeric: tabular-nums; }
  .mz-pchero-bar .mz-pb-seek { position: relative; flex: 1 1 auto; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .35); cursor: pointer; }
  .mz-pchero-bar .mz-pb-fill { height: 100%; width: 0; border-radius: 3px; background: #e4007f; transition: width .2s linear; }
  /* ---- ④ サイドバー PR: バナー画像 ---- */
  .lst-side-pr > li { padding: 6px 6px 0; }
  .lst-side-pr > li:last-child { padding-bottom: 6px; }
  .side-pr-img { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
  .side-pr-img img { display: block; width: 100%; height: auto; transition: transform .2s; }
  .side-pr-img:hover img { transform: scale(1.03); }
  /* ---- ⑤ ヘッダーのマスコット: 枠の上下右へはみ出す（仕様 #10）。ロゴ枠を広げ、ナビは 13px で 6 項目を収める ---- */
  #area-header .bx-standing-menu .bx-logo { min-width: 290px; max-width: 300px; }
  #area-header .bx-standing-menu .bx-logo .tx-logo-txt { right: 128px; }
  #area-header .mz-head-stand { right: -8px; bottom: -12px; height: 122px; }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #area-header .nav-item { font-size: 13px !important; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #area-header .bx-standing-menu .bx-logo { min-width: 236px; max-width: 240px; }
  #area-header .bx-standing-menu .bx-logo .tx-logo-txt { right: 84px; }
  #area-header .mz-head-stand { right: 0; bottom: -6px; height: 84px; }
}

/* =====================================================================
   PC 第3弾 補正（2026-09-06 山川さん「斜めピンク帯が3枚目のカードに被る」）＋ショップ紹介の実物バナー
   右の帯はカード列の後ろ（z-index）に下げ、立ち絵は見出しと 1 枚目の間に収まる高さに。SP には効かない。※末尾追記のみ
   ===================================================================== */
@media (min-width: 1024px) {
  .mz-brand-band--r { z-index: 1; }                                   /* カード列（z-index 2）の後ろ。右端の余白にだけ見える */
  .sect-brand .wrap-lst-brand { position: relative; z-index: 2; }
  .mz-brand-stand { display: none; }                                   /* 1199px 以下は見出しと 1 枚目の隙間が 64px しか無いので出さない */
  .sect-brand .item-brand img { width: 88%; height: auto; margin-bottom: 12px; border-radius: 6px; object-fit: cover; aspect-ratio: 3 / 1; background: #f7f7f7; }
  .sect-brand .item-brand img[src$=".svg"], .sect-brand .item-brand img[src*=".svg?"] { object-fit: contain; }
  .side-link-shop .side-shop-banner { width: 60px; height: 34px; border-radius: 4px; object-fit: cover; }
  .mz-pchero-info .img-maker img { max-width: 84px; max-height: 80px; object-fit: contain; }
}
@media (min-width: 1200px) {
  .mz-brand-stand { display: block; left: calc(30% - 128px); height: 40%; }   /* 幅 ≈120px。見出し（〜187px）と 1 枚目（30%）の間 */
}
/* 第3弾 補正 2（09-06 監査部）: ショップ紹介の説明文が下端で途中切れ → 3 行で「…」。カードの高さは変えない */
@media (min-width: 1024px) {
  .sect-brand .item-brand-txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; }
  .sect-brand .item-brand-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
}

/* =====================================================================
   PC 第6弾（2026-09-07 山川さん指摘「顔が切れている」）
   女優の顔写真（performer-face-*）だけ 1:1 に戻す。第5弾①の 16:9 ＋ object-position:center top は
   作品ジャケット（素材が 16:9）向けで、顔写真に当たると下半分（口・あご）を捨てて目から上だけになる。
   顔写真の元画像は実測 182 枚すべて縦横比 0.85〜1.25 のほぼ正方形なので、1:1 なら切り落としは片側 7% 以下。
   center 55% はあごを残すための下寄せ（余る分の 55% を上＝髪側から削る）。作品カードの 16:9 は不変。
   ※末尾への追記のみ
   ===================================================================== */
@media (min-width: 1024px) {
  .c-list-works-item .works-detail-img[src*="performer-face"] {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center 55% !important;
  }
}

/* 2026-09-14 親（山川さん「この作品のレビューへ をクリックしても進まない」）:
   ピンクの四角（.btn-detail）の中のリンクが文字の1行分しかなく、四角の大部分が押せなかった。リンクを四角いっぱいに広げる */
.mz-pchero-info .btn-detail a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 0 12px 0 22px; }

/* 2026-09-27 企画編集部（山川さん「メニューにも追加」）: ナビが 7 項目（風俗店ガイド）になり「ショップから探す」が 1280px で切れたので、
   項目の幅を文字数に合わせる（等分 flex:1 1 0 → 中身の幅 1 1 auto）。戻すにはこの 2 塊を消す */
@media (min-width: 1024px) {
  #area-header .lst-nav > li { flex: 1 1 auto; }
  #area-header .nav-item .nav-ja { white-space: nowrap; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #area-header .nav-item { font-size: 12px !important; letter-spacing: -.03em; padding-left: 1px !important; padding-right: 1px !important; }
}
