/* 新サイトの CSS のうち要素向けのルール（52 件）を、旧 LP の本文の中でだけ打ち消す（revert）。gen_undo.mjs で生成 */
:where(.lucua-legacy) *,
:where(.lucua-legacy) ::before,
:where(.lucua-legacy) ::after { box-sizing: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) p,
:where(.lucua-legacy) figure,
:where(.lucua-legacy) blockquote,
:where(.lucua-legacy) dl,
:where(.lucua-legacy) dd { margin-block-end: revert } /* reset.css */
:where(.lucua-legacy) ul[role="list"],
:where(.lucua-legacy) ol[role="list"] { list-style-position: revert; list-style-image: revert; list-style-type: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) button,
:where(.lucua-legacy) input,
:where(.lucua-legacy) label { line-height: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) h5,
:where(.lucua-legacy) h6 { text-wrap-mode: revert; text-wrap-style: revert } /* reset.css */
:where(.lucua-legacy) a:not([class]) { text-decoration-skip-ink: revert; color: revert } /* reset.css */
:where(.lucua-legacy) img,
:where(.lucua-legacy) picture { max-width: revert; display: revert } /* reset.css */
:where(.lucua-legacy) input,
:where(.lucua-legacy) button,
:where(.lucua-legacy) textarea,
:where(.lucua-legacy) select { font-family: revert; font-size: revert } /* reset.css */
:where(.lucua-legacy) textarea:not([rows]) { min-height: revert } /* reset.css */
:where(.lucua-legacy) :target { scroll-margin-block-start: revert; scroll-margin-block-end: revert } /* reset.css */
:where(.lucua-legacy) img,
:where(.lucua-legacy) svg,
:where(.lucua-legacy) object[type="image/svg+xml"] { user-select: revert } /* common.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) h5,
:where(.lucua-legacy) h6,
:where(.lucua-legacy) p,
:where(.lucua-legacy) figure,
:where(.lucua-legacy) figcaption,
:where(.lucua-legacy) ol,
:where(.lucua-legacy) ul,
:where(.lucua-legacy) menu,
:where(.lucua-legacy) dl,
:where(.lucua-legacy) dd { padding-top: revert; padding-right: revert; padding-bottom: revert; padding-left: revert; margin-top: revert; margin-right: revert; margin-bottom: revert; margin-left: revert } /* common.css */
:where(.lucua-legacy) ol,
:where(.lucua-legacy) ul,
:where(.lucua-legacy) menu { list-style-position: revert; list-style-image: revert; list-style-type: revert } /* common.css */
:where(.lucua-legacy) a { color: revert; text-decoration-line: revert; text-decoration-thickness: revert; text-decoration-style: revert; text-decoration-color: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) :where(a, button) { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) button,
:where(.lucua-legacy) input,
:where(.lucua-legacy) select,
:where(.lucua-legacy) textarea { padding-top: revert; padding-right: revert; padding-bottom: revert; padding-left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; margin-top: revert; margin-right: revert; margin-bottom: revert; margin-left: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; color: revert; font-style: revert; font-variant-ligatures: revert; font-variant-caps: revert; font-variant-numeric: revert; font-variant-east-asian: revert; font-variant-alternates: revert; font-variant-position: revert; font-variant-emoji: revert; font-weight: revert; font-stretch: revert; font-size: revert; line-height: revert; font-family: revert; font-optical-sizing: revert; font-size-adjust: revert; font-kerning: revert; font-feature-settings: revert; font-variation-settings: revert; font-language-override: revert } /* common.css */
:where(.lucua-legacy) button { cursor: revert } /* common.css */
:where(.lucua-legacy) :focus-visible { outline-color: revert; outline-style: revert; outline-width: revert; outline-offset: revert } /* common.css */
:where(.lucua-legacy) [hidden] { display: revert } /* common.css */
@media (forced-colors: active) {
:where(.lucua-legacy) :focus-visible { outline-color: revert } /* common.css */
}
:where(.lucua-legacy) svg { display: revert; max-inline-size: revert } /* common.css */
:where(.lucua-legacy) svg a:focus-visible { outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) h1 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h2 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h3 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h4 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h5 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h6 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) [data-notice-group="emergency"] { display: revert; align-content: revert; row-gap: revert; column-gap: revert } /* common.css */
:where(.lucua-legacy) [data-notice-group="emergency"]:is([data-notice="off"], [aria-hidden="true"]) { display: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [popover]:popover-open { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) dialog::backdrop { position: revert; content: revert; top: revert; right: revert; bottom: revert; left: revert; z-index: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; backdrop-filter: revert; opacity: revert } /* common.css */
:where(.lucua-legacy) dialog[open]::backdrop { opacity: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) dialog::backdrop { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) [data-section-spacing] { padding-block-end: revert } /* common.css */
:where(.lucua-legacy) main > section:last-child[data-section-spacing] { padding-block-end: revert } /* common.css */
:where(.lucua-legacy) [data-page-end-action] { margin-block-start: revert; margin-block-end: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-list-expanding] { overflow-x: revert; overflow-y: revert; transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-list-item-enter] { animation-duration: revert; animation-timing-function: revert; animation-delay: revert; animation-iteration-count: revert; animation-direction: revert; animation-fill-mode: revert; animation-play-state: revert; animation-name: revert; animation-timeline: revert; animation-range-start: revert; animation-range-end: revert } /* common.css */
}
:where(.lucua-legacy) [role="tabpanel"][tabindex] { position: revert; -webkit-tap-highlight-color: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex]::after { position: revert; content: revert; top: revert; right: revert; bottom: revert; left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; border-top-left-radius: revert; border-top-right-radius: revert; border-bottom-right-radius: revert; border-bottom-left-radius: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; pointer-events: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex][data-state="pressed"]::after { background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
@media (max-width: 767px) {
:where(.lucua-legacy) [role="tabpanel"][tabindex]:active::after { background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
}
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"]) { outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"])::after { top: revert; right: revert; bottom: revert; left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
@media (forced-colors: active) {
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"])::after { border-top-color: revert; border-right-color: revert; border-bottom-color: revert; border-left-color: revert } /* common.css */
}
:where(.lucua-legacy) :where(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], textarea):not(.c-searchbar__input) { border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; border-top-left-radius: revert; border-top-right-radius: revert; border-bottom-right-radius: revert; border-bottom-left-radius: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
:where(.lucua-legacy) :where(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], textarea):not(.c-searchbar__input):focus { border-top-color: revert; border-right-color: revert; border-bottom-color: revert; border-left-color: revert; box-shadow: revert; outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) [data-component-exit] { opacity: revert; pointer-events: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-component-exit] { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert } /* common.css */
@media (max-width: 767px) {
:where(.lucua-legacy) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert } /* common.css */
}
/* 打ち消しが旧 LP 側の指定まで上書きしないよう、旧 LP の同じ指定を `旧のセレクタ:is(新サイトのセレクタ)` で重ねる（元の順番どおり）。gen_boost.mjs で生成 */
:where(.lucua-legacy) h1:is(h1) { margin-top: 0.67em; margin-right: 0px; margin-bottom: 0.67em; margin-left: 0px }
:where(.lucua-legacy) button:is(button) { line-height: 1.15 }
:where(.lucua-legacy) button:is(button) { font-family: inherit; font-size: 100% }
:where(.lucua-legacy) button:is(button) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 100%; line-height: 1.15; font-family: inherit }
:where(.lucua-legacy) .slick-slider:is(*) { box-sizing: border-box }
:where(.lucua-legacy) .slick-slide img:is(img) { display: block }
:where(.lucua-legacy) *:is(*) { box-sizing: border-box }
:where(.lucua-legacy) a:is(a:not([class])) { color: rgb(45, 49, 53) }
:where(.lucua-legacy) a:is(a) { color: rgb(45, 49, 53); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) img:is(img) { max-width: 100% }
:where(.lucua-legacy) .slick-slider .slick-dots:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto }
:where(.lucua-legacy) .slick-slider .slick-dots:is(ul) { list-style-type: none }
:where(.lucua-legacy) .slick-slider .slick-dots > li.slick-active button:is(button) { border-top-color: rgb(89, 87, 87); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(89, 87, 87); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(89, 87, 87); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(89, 87, 87); border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-color: rgb(255, 255, 255) }
:where(.lucua-legacy) .slick-slider .slick-dots button:is(button) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-color: rgb(89, 87, 87) }
:where(.lucua-legacy) .slick-slider .slick-dots button:is(button) { cursor: pointer }
/* 旧サイトの LP（mousou_shop）の本文に当たっていた旧テーマ・旧サイト共通（static.css）の CSS を抜き出したもの。
   main に class="lucua-legacy" を付けて読み込む。元: /wp-content/themes/lucua/（style.css ほか）と /assets/css/static.css */
:where(.lucua-legacy) { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.42857; color: rgb(45, 49, 53); letter-spacing: normal; word-spacing: 0px; text-align: start; text-transform: none; white-space: normal; word-break: normal; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; text-rendering: auto; font-feature-settings: normal; font-kerning: auto; line-break: auto; -webkit-text-size-adjust: 100% }
:where(.lucua-legacy):is(main) { display: block }
:where(.lucua-legacy)::-webkit-file-upload-button { appearance: button }
:where(.lucua-legacy),
:where(.lucua-legacy)::after,
:where(.lucua-legacy)::before { box-sizing: border-box }
:where(.lucua-legacy):is(#main) { background-color: rgb(255, 255, 255) }
:where(.lucua-legacy):is(.site-main) { position: relative; z-index: 1 }
:where(.lucua-legacy):is(.site-main)::before { position: absolute; bottom: 0px; left: 0px; content: ""; width: 100%; height: 454px; background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(252, 248, 248)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; z-index: -1 }
@media screen and (min-width: 876px) {
:where(.lucua-legacy):is(.site-main)::before { height: 535px }
}
@media (max-width: 767px) {
:where(.lucua-legacy):is(:focus) { outline-color: initial; outline-style: none; outline-width: initial }
}
:where(.lucua-legacy) h1 { font-size: 2em; margin: 0.67em 0px; }
:where(.lucua-legacy) a { background-color: transparent; }
:where(.lucua-legacy) b { font-weight: bolder; }
:where(.lucua-legacy) img { border-style: none; }
:where(.lucua-legacy) button { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
:where(.lucua-legacy) button { overflow: visible; }
:where(.lucua-legacy) button { text-transform: none; }
:where(.lucua-legacy) button,
:where(.lucua-legacy) [type="button"] { appearance: button; }
:where(.lucua-legacy) ::-webkit-file-upload-button { appearance: button; font: inherit; }
:where(.lucua-legacy) .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
:where(.lucua-legacy) .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
:where(.lucua-legacy) .slick-list:focus { outline: none; }
:where(.lucua-legacy) .slick-slider .slick-track,
:where(.lucua-legacy) .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
:where(.lucua-legacy) .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
:where(.lucua-legacy) .slick-track::before,
:where(.lucua-legacy) .slick-track::after { display: table; content: ""; }
:where(.lucua-legacy) .slick-track::after { clear: both; }
:where(.lucua-legacy) .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
:where(.lucua-legacy) .slick-slide img { display: block; }
:where(.lucua-legacy) .slick-initialized .slick-slide { display: block; }
:where(.lucua-legacy) *,
:where(.lucua-legacy) ::after,
:where(.lucua-legacy) ::before { box-sizing: border-box; }
:where(.lucua-legacy) a { color: rgb(45, 49, 53); text-decoration: none; }
:where(.lucua-legacy) img { max-width: 100%; height: auto; }
:where(.lucua-legacy) .slick-slider { opacity: 0; transition: opacity 0.3s linear; }
:where(.lucua-legacy) .slick-slider.slick-initialized { opacity: 1; }
:where(.lucua-legacy) .slick-track { display: flex; }
:where(.lucua-legacy) .qa-wrap { margin: 32px 16px 0px; border: 2px solid rgb(45, 49, 53); padding: 24px 16px 26px; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .qa-wrap { max-width: 720px; margin: 72px auto 0px; padding: 32px 24px; }
}
:where(.lucua-legacy) .about { padding: 0px 0px 70px; }
:where(.lucua-legacy) .sns { padding: 0px 0px 70px; }
:where(.lucua-legacy) .slick-slider { padding: 0px 0px 30px; }
:where(.lucua-legacy) .slick-slider .slick-dots { list-style-type: none; padding: 0px; position: absolute; left: 0px; right: 0px; width: calc(100% - 80px); margin: auto; text-align: center; bottom: 0px; }
:where(.lucua-legacy) .slick-slider .slick-dots > li { display: inline-block; vertical-align: middle; font-size: 0px; margin: 0px 3px; }
:where(.lucua-legacy) .slick-slider .slick-dots > li.slick-active button { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border: 1px solid rgb(89, 87, 87); }
:where(.lucua-legacy) .slick-slider .slick-dots button { background-color: rgb(89, 87, 87); border-radius: 50%; width: 6px; height: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; padding: 0px; appearance: none; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .about { padding: 0px 0px 100px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sns { width: 960px; margin: 0px auto; padding: 0px 0px 102px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .slick-slider img { width: 100%; }
}
@media (max-width: 767px) {
:where(.lucua-legacy) :focus { outline: none; }
}
/* 旧テーマの本文の外枠（div#content.site-content）の overflow を写す（旧テーマ style.css の .site-content { overflow: hidden; … } のうち overflow だけ）。
   旧サイトではここで本文のはみ出しを切っていた。無いとスマホ等で横にスクロールできてしまう（UT 2026-09-25 の束で実測）。LP 側の上書き（#content { overflow: inherit } 等）はそのまま効く */
.site-content { overflow: hidden; }
/* 新しいフッターの重なり順（LP の CSS の footer 要素向けルールから写したもの）
   旧 LP は footer { position; z-index } で旧フッターを本文（固定表示の背景・KV 等）より前面に出していた。
   そのルールは本文の中に限ったため新しいフッターに効かないので、position と z-index だけを新しいフッターに写す（見た目の指定は写さない）。
   背景は、前面に出したフッターの上の余白（透明）から固定表示の画像が見えないよう、新サイトの地の色にする。
   写し元: /assets/css/mousou_shop.css の footer { position: relative; z-index: 1 }
           /assets/css/mousou_shop2024.css の footer { position: relative; z-index: 2 } */
footer.l-footer { position: relative; z-index: 2; background-color: var(--semantic-background-base); }

/* 新しいヘッダーに LP の固定表示が隠れないよう、上からの位置をヘッダーの高さの差（30px）だけ下げる（2026-09-29）
   - 新しいヘッダーは幅 1024px 以上で高さ 152px（旧ヘッダーは 876px 以上で 122px）。どちらも下へスクロールすると退き、上へ戻すと出る
   - 旧サイトでの「ヘッダーの下端と固定表示の上端の関係」を保つため、元の top に 30px 足す。1023px 以下は新しいヘッダーが 64px なので元のまま
   - 下層ページの KV（#kv・position: fixed。元: lucua-lp/mousou_shop.css の 876px 以上の top 78px／120px／122px）
   - トップと archive の固定メニュー（#fix_menu・position: fixed。元: lucua-lp/mousou_shop2024.css の top 140px）
   - LP の CSS はこのファイルより後に読まれるので、ID を足して詳細度で上回らせる（値だけを変え、ほかの指定は触らない） */
@media (min-width: 1024px) {
  :is(.mousou_shop--icon_shop, .mousou_shop--selection_book, .mousou_shop--selection_book2, .mousou_shop--atama_ponpon_kenkyu, .mousou_shop--boardgame_cafe) #kv.kv { top: 108px; } /* 元 78px */
  :is(.mousou_shop--homeru_bar, .mousou_shop--travel_information, .mousou_shop--catch_copy_store, .mousou_shop--coordination_store, .mousou_shop--coordination_store2, .mousou_shop--hitoiki_hokenshitsu, .mousou_shop--hairstyle_store, .mousou_shop--ikikata_rakuchin, .mousou_shop--sumaho_machiuke_store, .mousou_shop--hostess_bar_culture, .mousou_shop--illustration_stamp_shop, .mousou_shop--your_live_music, .mousou_shop--bouquet_production_shop, .mousou_shop--about_love_shop, .mousou_shop--release_stress_shop) #kv.kv { top: 150px; } /* 元 120px */
  :is(.mousou_shop--ikebo_shop, .mousou_shop--ikebo_shop2, .mousou_shop--monk_cafe, .mousou_shop--otona_school, .mousou_shop--meromero_store, .mousou_shop--sentou_annai) #kv.kv { top: 152px; } /* 元 122px */
  #mousou_shop #fix_menu.fix-menu { top: 170px; } /* 元 140px */
}

/* スマホ・タブレット（875px 以下）の下層ページの KV を、新しいヘッダーが出ているときだけ 7px 下げる（2026-09-29）
   - KV（#kv・position: fixed; top: 0）は画面の一番上に固定され、上に重なるヘッダーの高さぶん隠れる。旧ヘッダーは 57px、新しいヘッダーは 64px なので、そのままだと旧サイトより 7px 多く隠れる
   - 新しいヘッダーは下へスクロールすると退く（.l-header に data-scroll-direction="down" が付き、0.3 秒で上へ移る）。退いているときは旧サイトと同じく top: 0 のまま（常に 7px 下げると、退いたときに上に 7px の隙間が出るため）
   - ヘッダーの動きに合わせて 0.3 秒で移す。876px 以上は LP の CSS の top（と上の 1024px 以上の直し）のまま
   - LP の JS（assets/js/mousou_shop/common/script.js）が幅 751px 未満で #kv に style="top: 0" をじかに書くので、!important で上回らせる */
@media (max-width: 875px) {
  .mousou_shop #kv.kv { transition: top 0.3s ease-out; }
  body:has(.l-header:not([data-scroll-direction="down"])) .mousou_shop #kv.kv { top: 7px !important; }
}