/* 新サイトの 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) *: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) .svg-icon:is(svg) { display: block }
:where(.lucua-legacy) .shop-receive-mv:is(h2) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-mv img:is(img) { max-width: none; display: block }
:where(.lucua-legacy) .shop-receive-merit-lead:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 21px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-merit-list:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-merit-list:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
:where(.lucua-legacy) .shop-receive-merit-head:is(h3) { line-height: 1.7 }
:where(.lucua-legacy) .shop-receive-merit-head:is(h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-merit-text:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-merit-note:is(p) { margin-top: 0.75em; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em }
:where(.lucua-legacy) .shop-receive-merit-note a:is(a) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) .shop-receive-merit-info:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-stores-head:is(h3) { line-height: 1.01351 }
:where(.lucua-legacy) .shop-receive-stores-head:is(h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-stores-list:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: -22px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-stores-list:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .shop-receive-stores-list a:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
:where(.lucua-legacy) .shop-receive-stores-list img:is(img) { display: block }
:where(.lucua-legacy) .shop-receive-detail-prev a:is(a:not([class])) { color: rgb(218, 25, 79) }
:where(.lucua-legacy) .shop-receive-detail-prev a:is(a) { color: rgb(218, 25, 79) }
:where(.lucua-legacy) .shop-receive-detail-prev svg:is(svg) { display: inline-block }
:where(.lucua-legacy) .shop-receive-detail-name-logo img:is(img) { display: block }
:where(.lucua-legacy) .shop-receive-detail-name-text:is(h2) { line-height: 1.7 }
:where(.lucua-legacy) .shop-receive-detail-name-text:is(h2) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-title:is(h3) { line-height: 1.4 }
:where(.lucua-legacy) .shop-receive-detail-title:is(h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 28px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-list:is(dl) { margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-list:last-of-type:is(dl) { margin-bottom: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-detail:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-head:is(h4) { line-height: 1.7 }
:where(.lucua-legacy) .shop-receive-detail-howto-head:is(h4) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-content:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-howto-content a:is(a) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) .shop-receive-detail-target-list:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: -30px; margin-left: 0px }
:where(.lucua-legacy) .shop-receive-detail-target-list:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .shop-receive-detail-target-list a:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
:where(.lucua-legacy) .shop-receive-detail-target-logo img:is(img) { display: block }
:where(.lucua-legacy) .shop-receive-detail-notice-list:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0.5em }
:where(.lucua-legacy) .shop-receive-detail-notice-list:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
:where(.lucua-legacy) .shop-receive-detail-notice-list a:is(a) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .shop-receive-merit-lead:is(p) { margin-bottom: 60px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .shop-receive-merit-info:is(p) { margin-bottom: 30px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .shop-receive-detail-name-text:is(h2) { line-height: 1.33333 } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .shop-receive-detail-howto-list:is(dl) { margin-bottom: 60px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .shop-receive-detail-target-list:is(ul) { margin-bottom: -42px } }
/* 旧サイトの LP（promotion-shop_receive）の本文に当たっていた旧テーマ・旧サイト共通（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) a { background-color: transparent; }
:where(.lucua-legacy) img { border-style: none; }
:where(.lucua-legacy) ::-webkit-file-upload-button { appearance: button; font: inherit; }
: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) .svg-icon { fill: rgb(45, 49, 53); display: block; }
:where(.lucua-legacy) .svg-icon-pink { fill: rgb(218, 25, 79); }
:where(.lucua-legacy) .shop-receive-mv { display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 211px; margin: 0px; background: rgb(106, 198, 221); }
:where(.lucua-legacy) .shop-receive-mv img { display: block; width: auto; max-width: none; height: 100%; }
:where(.lucua-legacy) .shop-receive-main-content { position: relative; background-color: rgba(218, 25, 79, 0.05); background-image: url("/assets/images/promotion/shop_receive/bg_left.png"), url("/assets/images/promotion/shop_receive/bg_right.png"); background-repeat: no-repeat, no-repeat; background-position: 0px 140px, 100% 0px; background-size: 182px, 182px; }
:where(.lucua-legacy) .shop-receive-main-content-inner { max-width: 992px; margin: 0px auto; padding: 0px 16px; }
:where(.lucua-legacy) .shop-receive-wrap .shop-receive-mv { height: 211px; }
:where(.lucua-legacy) .shop-receive-merit { padding: 42px 0px 226px; }
:where(.lucua-legacy) .shop-receive-merit::after { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); content: ""; width: 300px; height: 186px; background: url("/assets/images/promotion/shop_receive/img.png") 50% 50% / contain no-repeat; z-index: 1; }
:where(.lucua-legacy) .shop-receive-merit-lead { margin: 0px 0px 21px; font-size: 1rem; font-weight: 700; line-height: 1.7; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-merit-lead .sp_none { display: none; }
:where(.lucua-legacy) .shop-receive-merit-list { list-style: none; margin: 0px; padding: 0px; }
:where(.lucua-legacy) .shop-receive-merit-list li { display: flex; align-items: center; flex-wrap: wrap; margin: 0px 0px 40px; padding: 32px 16px; border-radius: 8px; background: rgb(255, 255, 255); }
:where(.lucua-legacy) .shop-receive-merit-list .num { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; width: 64px; height: 64px; margin: 0px 12px 18px 0px; padding-top: 5px; border-radius: 50%; background: linear-gradient(135deg, rgb(218, 25, 79), rgb(138, 34, 85)); color: rgb(255, 255, 255); font-family: "Josefin Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 1.03333; }
:where(.lucua-legacy) .shop-receive-merit-list .num span { font-size: 0.875rem; line-height: 1.07143; }
:where(.lucua-legacy) .shop-receive-merit-head { width: calc(100% - 76px); margin: 0px 0px 18px; color: rgb(218, 25, 79); font-size: 1.125rem; font-weight: 700; line-height: 1.7; letter-spacing: 0.125rem; }
:where(.lucua-legacy) .shop-receive-merit-text { width: 100%; margin: 0px; font-size: 0.875rem; line-height: 1.7; letter-spacing: 0.13312rem; }
:where(.lucua-legacy) .shop-receive-merit-note { margin: 0.75em 0px 0px 1.5em; font-size: 0.75rem; line-height: 1.7; letter-spacing: 0.13312rem; text-indent: -1.5em; }
:where(.lucua-legacy) .shop-receive-merit-note a { text-decoration: underline; }
:where(.lucua-legacy) .shop-receive-merit-note a:hover { text-decoration: none; }
:where(.lucua-legacy) .shop-receive-merit-info { margin: 0px 0px 40px; font-size: 0.75rem; text-align: right; }
:where(.lucua-legacy) .shop-receive-stores { padding: 61px 0px 72px; background: linear-gradient(135deg, rgb(218, 25, 79), rgb(138, 34, 85)); }
:where(.lucua-legacy) .shop-receive-stores-inner { max-width: 992px; margin: 0px auto; padding: 0px 16px; }
:where(.lucua-legacy) .shop-receive-stores-head { margin: 0px; color: rgb(255, 255, 255); font-family: "Josefin Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 4.625rem; font-weight: 700; line-height: 1.01351; text-align: center; }
:where(.lucua-legacy) .shop-receive-stores-head span { display: block; margin-bottom: 10px; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 0.875rem; line-height: 1.35714; letter-spacing: 0.125rem; }
:where(.lucua-legacy) .shop-receive-stores-list { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: -22px 0px 0px; padding: 0px; }
:where(.lucua-legacy) .shop-receive-stores-list li { position: relative; width: calc(50% - 6.5px); height: auto; margin: 0px 13px 14px 0px; }
:where(.lucua-legacy) .shop-receive-stores-list li:nth-of-type(2n) { margin-right: 0px; }
:where(.lucua-legacy) .shop-receive-stores-list li::before { display: block; content: ""; padding-top: 100%; }
:where(.lucua-legacy) .shop-receive-stores-list a { display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 10px; border: 1px solid rgba(45, 49, 53, 0.2); background: rgb(255, 255, 255); transition: 0.5s; }
:where(.lucua-legacy) .shop-receive-stores-list a:hover { opacity: 0.8; }
:where(.lucua-legacy) .shop-receive-stores-list img { display: block; width: 100%; }
:where(.lucua-legacy) .shop-receive-detail-wrap .shop-receive-mv { height: 73px; }
:where(.lucua-legacy) .shop-receive-detail-wrap .shop-receive-main-content-inner { padding-top: 17px; padding-bottom: 72px; }
:where(.lucua-legacy) .shop-receive-detail-prev { margin: 0px 0px 16px; }
:where(.lucua-legacy) .shop-receive-detail-prev a { color: rgb(218, 25, 79); font-size: 0.75rem; line-height: 1.33333; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-prev svg { display: inline-block; width: 6px; height: 10px; margin-right: 3px; transform: rotate(180deg); }
:where(.lucua-legacy) .shop-receive-detail-name { display: flex; align-items: center; margin-bottom: 40px; }
:where(.lucua-legacy) .shop-receive-detail-name-logo { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 80px; height: 80px; margin-right: 12px; padding: 4px; border: 1px solid rgba(45, 49, 53, 0.2); background: rgb(255, 255, 255); }
:where(.lucua-legacy) .shop-receive-detail-name-logo img { display: block; width: 100%; }
:where(.lucua-legacy) .shop-receive-detail-name-text { margin: 0px; font-size: 1rem; line-height: 1.7; }
:where(.lucua-legacy) .shop-receive-detail-contents { margin-bottom: 40px; padding: 35px 16px 32px; border-radius: 8px; background: rgb(255, 255, 255); }
:where(.lucua-legacy) .shop-receive-detail-contents:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .shop-receive-detail-title { margin: 0px 0px 28px; color: rgb(218, 25, 79); font-size: 1.125rem; line-height: 1.4; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-howto-list { display: flex; align-items: flex-start; margin: 0px 0px 40px; }
:where(.lucua-legacy) .shop-receive-detail-howto-list.top { align-items: flex-start; }
:where(.lucua-legacy) .shop-receive-detail-howto-list.center { align-items: center; }
:where(.lucua-legacy) .shop-receive-detail-howto-list.list-top { align-items: flex-start !important; }
:where(.lucua-legacy) .shop-receive-detail-howto-list:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .shop-receive-detail-howto-list:not(:last-of-type) { position: relative; }
:where(.lucua-legacy) .shop-receive-detail-howto-list:not(:last-of-type)::after { position: absolute; top: 40px; left: 39px; content: ""; width: 2px; height: calc(100% + 40px); background: rgb(218, 25, 79); }
:where(.lucua-legacy) .shop-receive-detail-howto-num { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; width: 80px; height: 80px; margin: 0px 12px 0px 0px; padding-top: 5px; border-radius: 50%; background: rgb(255, 242, 242); color: rgb(218, 25, 79); font-family: "Josefin Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 1.03333; z-index: 1; }
:where(.lucua-legacy) .shop-receive-detail-howto-num span { font-size: 0.875rem; line-height: 1.07143; }
:where(.lucua-legacy) .shop-receive-detail-howto-detail { margin: 0px; }
:where(.lucua-legacy) .shop-receive-detail-howto-head { margin: 0px; font-size: 0.875rem; line-height: 1.7; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-howto-content { margin: 0px; font-size: 0.875rem; line-height: 1.7; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-howto-content a { text-decoration: underline; }
:where(.lucua-legacy) .shop-receive-detail-howto-content a:hover { text-decoration: none; }
:where(.lucua-legacy) .shop-receive-detail-howto-content .emp { color: rgb(218, 25, 79); font-weight: 700; }
:where(.lucua-legacy) .shop-receive-detail-howto-content .note { display: block; margin-top: 6px; padding-left: 1.2em; font-size: 0.75rem; line-height: 1.7; text-indent: -1.2em; }
:where(.lucua-legacy) .shop-receive-detail-target-list { margin: 0px 0px -30px; padding: 0px; list-style: none; }
:where(.lucua-legacy) .shop-receive-detail-target-list li { margin-bottom: 30px; }
:where(.lucua-legacy) .shop-receive-detail-target-list a { display: flex; transition: 0.5s; }
:where(.lucua-legacy) .shop-receive-detail-target-list a:hover { opacity: 0.6; }
:where(.lucua-legacy) .shop-receive-detail-target-logo { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 100px; height: 100px; margin: 0px 12px 0px 0px; padding: 4px; border: 1px solid rgba(45, 49, 53, 0.2); background: rgb(255, 255, 255); }
:where(.lucua-legacy) .shop-receive-detail-target-logo img { display: block; width: 100%; }
:where(.lucua-legacy) .shop-receive-detail-target-text { flex-grow: 1; }
:where(.lucua-legacy) .shop-receive-detail-target-floor { display: block; margin-bottom: 4px; font-size: 0.6875rem; line-height: 1.36364; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-target-name { display: block; font-size: 0.875rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.09375rem; }
:where(.lucua-legacy) .shop-receive-detail-notice-text { margin-bottom: 2em; font-size: 0.875rem; line-height: 1.7; letter-spacing: 0.0625rem; }
:where(.lucua-legacy) .shop-receive-detail-notice-list { margin: 0px 0px 0px 0.5em; padding: 0px; list-style: none; }
:where(.lucua-legacy) .shop-receive-detail-notice-list li { position: relative; margin: 0px 0px 8px; padding-left: 1em; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.0625rem; }
:where(.lucua-legacy) .shop-receive-detail-notice-list li::before { position: absolute; top: 0.5em; left: 0px; content: ""; width: 4px; height: 4px; border-radius: 50%; background: rgb(45, 49, 53); }
:where(.lucua-legacy) .shop-receive-detail-notice-list li:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .shop-receive-detail-notice-list a { text-decoration: underline; }
:where(.lucua-legacy) .shop-receive-detail-notice-list a:hover { text-decoration: none; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-mv { height: 540px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-main-content { background-position: 0px 538px, 100% 0px; background-size: contain, contain; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-wrap .shop-receive-mv { height: 540px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit { padding: 61px 16px 67px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit::after { inset: 41px 50% auto auto; transform: translateX(0px); width: 350px; height: 217px; margin-right: -602px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-lead { width: 468px; margin-bottom: 60px; font-size: 1.125rem; line-height: 2; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-lead .sp_none { display: inline-block; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-list li { display: block; width: calc(50% - 20px); margin-bottom: 30px; padding: 34px 24px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-list .num { width: 80px; height: 80px; margin: 0px auto 15px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-head { width: 100%; text-align: center; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-note br { display: none; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-merit-info { margin-bottom: 30px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-stores { padding: 100px 0px 60px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-stores-list li { width: calc(25% - 30px); margin: 0px 40px 40px 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-stores-list li:nth-of-type(2n) { margin-right: 40px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-stores-list li:nth-of-type(4n) { margin-right: 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-wrap .shop-receive-mv { height: 234px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-prev { margin-bottom: 36px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-name { margin-bottom: 60px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-name-logo { width: 180px; height: 180px; margin-right: 36px; padding: 10px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-name-text { font-size: 1.5rem; line-height: 1.33333; letter-spacing: 0.25rem; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-contents { margin-bottom: 60px; padding: 35px 56px 32px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-howto-list { align-items: center !important; margin-bottom: 60px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-howto-list:not(:last-of-type)::after { height: calc(100% + 40px); }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-howto-num { margin-right: 16px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-howto-content .note { margin-top: 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-target-list { display: flex; flex-wrap: wrap; margin-bottom: -42px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-target-list li { position: relative; width: 180px; margin-right: 42px; margin-bottom: 42px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-target-list a { flex-direction: column; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-target-logo { width: 180px; height: 180px; margin-right: 0px; margin-bottom: 14px; padding: 10px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .shop-receive-detail-target-floor { margin-bottom: 6px; }
}
@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; }