/* 新サイトの 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) .button:is(a) { color: inherit; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .button.button-other-archives:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
:where(.lucua-legacy) .lucua_osc section a:is(a:not([class])) { color: rgb(218, 25, 79) }
:where(.lucua-legacy) .lucua_osc section a:is(a) { color: rgb(218, 25, 79); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) ul.lucua_osc-kome:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px }
:where(.lucua-legacy) ul.lucua_osc-kome:is(ul) { list-style-type: none }
:where(.lucua-legacy) p.lucua_osc-kome:is(p) { padding-left: 1.5em }
:where(.lucua-legacy) .lucua_osc-lead:is(p) { margin-bottom: 36px }
:where(.lucua-legacy) .lucua_osc-title-pattern h3:is(h3) { 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) .lucua_osc-arrows svg:is(svg) { display: inline-block }
:where(.lucua-legacy) .lucua_osc-visual-title:is(h2) { line-height: 1.22 }
:where(.lucua-legacy) .lucua_osc-visual-title:is(h2) { margin-top: 17px; margin-right: 0px; margin-bottom: 19px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards:is(dl) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc:is(dl) { margin-top: 5px }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-about-text:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 36px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-about-point h4:is(h4) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-about-point_item h4:is(h4) { margin-bottom: 1em }
:where(.lucua-legacy) .lucua_osc-about-point_item p:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-page_menu h3:is(h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome:is(ul) { margin-top: 28px }
:where(.lucua-legacy) .lucua_osc-save-item_header p:is(p) { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch:is(p), :where(.lucua-legacy) .lucua_osc-save .lucua_osc-lead:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-save-is_campaign dd:is(dd), :where(.lucua-legacy) .lucua_osc-save-not_campaign dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-save-benefits h4:is(h4) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-save-benefits ul:is(ul) { padding-left: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-save-kubun h4:is(h4) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-save-kubun p:is(p) { margin-bottom: 0px }
:where(.lucua-legacy) .lucua_osc-flow-link:is(ul) { padding-left: 0px !important; margin-bottom: 40px }
:where(.lucua-legacy) .lucua_osc-flow-link:is(ul) { list-style-type: none }
:where(.lucua-legacy) .lucua_osc-flow-link li .svg-icon:is(svg) { display: inline-block }
:where(.lucua-legacy) .lucua_osc-flow-lead:is(p) { margin-top: -18px; margin-right: 0px; margin-bottom: 30px; margin-left: 18px }
:where(.lucua-legacy) .lucua_osc-flow-list:is(dl) { margin-top: 0px; margin-bottom: 24px }
:where(.lucua-legacy) .lucua_osc-flow-list:last-of-type:is(dl) { margin-bottom: 0px }
:where(.lucua-legacy) .lucua_osc-flow-detail:is(dd) { padding-top: 6px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-flow-content p:last-child:is(p) { margin-bottom: 0px }
:where(.lucua-legacy) .lucua_osc-type-items h4:is(h4) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-type-items dl:last-of-type:is(dl) { margin-bottom: 0px }
:where(.lucua-legacy) .lucua_osc-type-items dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-type-train > .lucua_osc-lead:is(p) { padding-top: 40px; margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-type-train-items dl:is(dl) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-type-train-items dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-type-train-items ol:is(ol) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-type-train-items ol:is(ol) { list-style-type: none }
:where(.lucua-legacy) .lucua_osc-type-train-items ol .lucua_osc-kome:is(p) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome:is(ul) { margin-top: 36px }
:where(.lucua-legacy) .lucua_osc-join-inner > h4:first-of-type:is(h4) { margin-top: 0px }
:where(.lucua-legacy) .lucua_osc-join ul:is(ul) { padding-left: 1.2em; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content dd:is(dd) { margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-contact-header dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-contact-inner dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-cards img:is(img) { max-width: 394px }
:where(.lucua-legacy) .lucua_osc-select-question-inner .qTxt:is(p) { padding-top: 24px }
:where(.lucua-legacy) .lucua_osc-select-lead:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal01:is(p) { padding-top: 24px }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal02:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo ul:is(ul) { padding-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo ul:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal-cards img:is(img) { max-width: 190px }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal-cards p:is(p) { margin-top: 0.3em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-question .q01 p.img:is(p) { margin-top: 50px }
:where(.lucua-legacy) .lucua_osc-select-question .q02 p.img:is(p) { margin-top: 30px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px }
:where(.lucua-legacy) .lucua_osc-select-question .q03 p.img:is(p) { margin-top: 35px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .lucua_osc .sp:is(img) { display: none } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc .pc:is(img) { display: none } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-title-pattern h3:is(h3) { line-height: 1.7 } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-title-pattern h3:is(h3) { padding-top: 2vw; padding-right: 3.7vw; padding-bottom: 1vw; padding-left: 3.7vw } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-accordion-header h3:is(h3) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 32px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-visual-title:is(h2) { margin-top: 110px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards:is(dl) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc:is(dl) { margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-about-point_item h4:is(h4) { margin-bottom: 8px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-application-boxtitle > div > span:first-child img:is(img) { max-width: 72px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome:is(ul) { margin-top: 28px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-save-item_header p:is(p) { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-type .lucua_osc-lead:is(p) { margin-top: 0px; margin-bottom: 24px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-type-train > .lucua_osc-lead:is(p) { padding-top: 24px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-type-train-items dd:is(dd) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-lead:is(p) { margin-top: 30px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome:is(ul) { margin-top: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-join-inner > h4:first-of-type:is(h4) { margin-top: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-join ul:is(ul) { padding-left: 1.2em; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content dd:is(dd) { margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-join-change p:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-contact dl:is(dl) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner .qTxt:is(p) { margin-top: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner .btn p + p:is(p) { margin-top: 5.17%; margin-bottom: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner p.img:is(p) { margin-top: 7%; margin-right: auto; margin-bottom: 7%; margin-left: auto } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .btn:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
/* 旧サイトの LP（promotion-lucua_osc）の本文に当たっていた旧テーマ・旧サイト共通（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) b,
:where(.lucua-legacy) strong { font-weight: bolder; }
:where(.lucua-legacy) small { font-size: 80%; }
: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) .svg-icon-arrow-right { transform: rotate(180deg); }
:where(.lucua-legacy) .button { color: inherit; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; padding: 10px; cursor: pointer; appearance: none; text-decoration: none !important; }
:where(.lucua-legacy) .button.button-other-archives { width: 240px; height: 40px; font-size: 0.8125rem; font-weight: 700; line-height: 1; letter-spacing: 0.0675rem; margin: 0px auto; border: 1px solid; border-radius: 20px; display: flex; justify-content: center; align-items: center; position: relative; transition: 0.5s; }
:where(.lucua-legacy) .button.button-other-archives svg { width: 8px; height: 8px; transition: 0.5s; }
:where(.lucua-legacy) .button.button-other-archives svg.svg-icon-arrow-right { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
:where(.lucua-legacy) .button.button-other-archives svg.svg-icon-arrow-right { transform: translateY(-50%) rotate(180deg); }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button { padding: 0px; }
}
:where(.lucua-legacy) .pb24 { padding-bottom: 24px !important; }
:where(.lucua-legacy) .pc-only { display: none; }
:where(.lucua-legacy) .lucua_osc { letter-spacing: 0.044em; }
:where(.lucua-legacy) .lucua_osc section a { color: rgb(218, 25, 79); text-decoration: underline; }
:where(.lucua-legacy) .lucua_osc section a[target="_blank"]:not(.button-other-archives)::after { content: ""; width: 12px; height: 12px; background: url("/assets/svg/icon-blank.svg"); display: inline-flex; margin: 0px 0px 0px 6px; }
:where(.lucua-legacy) .lucua_osc .button.button-other-archives { width: 360px; font-size: 1.375rem; height: 53px; border-radius: 27px; }
:where(.lucua-legacy) .lucua_osc .button.button-other-archives svg.svg-icon-arrow-right { transform: translateY(-50%) rotate(180deg) scale(1.5); }
:where(.lucua-legacy) ul.lucua_osc-kome { list-style-type: none; padding: 0px; }
:where(.lucua-legacy) .lucua_osc-kome li,
:where(.lucua-legacy) p.lucua_osc-kome { text-indent: -1.5em; padding-left: 1.5em; font-size: 0.7rem; }
:where(.lucua-legacy) .lucua_osc-lead { color: rgb(218, 25, 79); font-size: 1.125rem; margin-bottom: 36px; }
:where(.lucua-legacy) .lucua_osc-cards { display: flex; justify-content: space-between; }
:where(.lucua-legacy) .lucua_osc-cards > * { width: 48.5%; height: auto; }
:where(.lucua-legacy) .lucua_osc-title-pattern { font-size: 0.975rem; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); text-align: center; line-height: 1; }
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-title-pattern-white { background-color: rgb(255, 255, 255); border-top: 4px solid rgb(218, 25, 79); color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-title-pattern-white h3 { min-width: 660px; }
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-title-pattern-white h3::after,
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-title-pattern-white h3::before { background-image: url("/assets/images/promotion/lucua_osc/bg-title2.png"); }
:where(.lucua-legacy) .lucua_osc-title-pattern h3 { display: inline-flex; align-items: center; justify-content: space-between; min-width: 550px; min-height: 80px; margin: 0px; padding: 0px; }
:where(.lucua-legacy) .lucua_osc-title-pattern h3::after,
:where(.lucua-legacy) .lucua_osc-title-pattern h3::before { content: ""; background-image: url("/assets/images/promotion/lucua_osc/bg-title.png"); background-repeat: no-repeat; background-size: contain; background-position-y: center; width: 44px; min-height: 80px; }
:where(.lucua-legacy) .lucua_osc-title-pattern h3::before { margin-right: 32px; }
:where(.lucua-legacy) .lucua_osc-title-pattern h3::after { margin-left: 32px; }
:where(.lucua-legacy) .lucua_osc-arrows { text-align: center; }
:where(.lucua-legacy) .lucua_osc-arrows svg { transform: rotate(270deg); width: 14px; height: 14px; fill: rgb(218, 25, 79); margin: auto; display: inline-block; }
:where(.lucua-legacy) .lucua_osc-more { padding-top: 1px; background: url("/assets/images/promotion/lucua_osc/hr.png") center top repeat-x; text-align: center; margin-top: 80px; margin-bottom: -45px; }
:where(.lucua-legacy) .lucua_osc-more span { display: inline-block; transform: translateY(-49px); width: 98px; height: 98px; background: url("/assets/images/promotion/lucua_osc/star.svg") 0% 0% / contain no-repeat; color: rgb(255, 255, 255); font-size: 1.125rem; text-align: center; padding-top: 40px; line-height: 1; }
:where(.lucua-legacy) .lucua_osc-visual { background-color: rgb(255, 242, 242); }
:where(.lucua-legacy) .lucua_osc-visual-inner { max-width: 1180px; width: 90%; margin: auto; padding-top: 46px; padding-bottom: 34px; position: relative; height: 650px; }
:where(.lucua-legacy) .lucua_osc-visual-main { width: 524px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
:where(.lucua-legacy) .lucua_osc-visual-circle,
:where(.lucua-legacy) .lucua_osc-visual-main { position: absolute; left: 50%; height: 544px; transform: translateX(-50%); }
:where(.lucua-legacy) .lucua_osc-visual-circle { z-index: 0; width: 544px; border-radius: 50%; background-image: radial-gradient(circle, rgb(255, 255, 255), rgb(255, 255, 255) 50%, rgb(255, 219, 231) 75%); }
:where(.lucua-legacy) .lucua_osc-visual-lucuano { width: 524px; margin-right: 20px; }
:where(.lucua-legacy) .lucua_osc-visual-lucuano img { width: 100%; height: auto; }
:where(.lucua-legacy) .lucua_osc-visual-title { min-width: 500px; font-size: 1.875rem; line-height: 1.22; letter-spacing: 0.05em; color: rgb(218, 25, 79); margin: 17px 0px 19px; }
:where(.lucua-legacy) .lucua_osc-visual-title > div { display: flex; justify-content: center; align-items: center; width: 663px; height: 54px; }
:where(.lucua-legacy) .lucua_osc-visual-cardname { font-size: 1.9rem; color: rgb(218, 25, 79); display: flex; }
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira { position: absolute; }
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-r3 { top: 68px; left: calc(50% + 391px); transform: translateX(-50%); width: 77px; }
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-l3 { top: 68px; left: calc(50% - 398px); transform: translateX(-50%); }
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-l2 { top: 187px; left: calc(50% - 363px); transform: translateX(-50%); }
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign { position: absolute; left: calc(50% + 235px); bottom: 34px; width: 324px; }
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign .fukidashi { display: flex; justify-content: center; margin: 0px auto 8px; width: 85%; }
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign a::after { display: none !important; }
:where(.lucua-legacy) .lucua_osc-visual-point { position: absolute; left: calc(50% - 515px); bottom: 34px; }
:where(.lucua-legacy) .lucua_osc-visual-cards { text-align: center; max-width: 314px; }
:where(.lucua-legacy) .lucua_osc-about-inner { max-width: 840px; width: 91.7%; margin: auto; padding: 40px 0px 0px; background: url("/assets/images/promotion/lucua_osc/hr.png") center top repeat-x; }
:where(.lucua-legacy) .lucua_osc-about-answer { color: rgb(218, 25, 79); font-size: 1.375rem; font-weight: 700; margin-bottom: 30px; text-align: center; }
:where(.lucua-legacy) .lucua_osc-about-answer span { display: inline-block; background: rgb(255, 253, 154); padding: 0px 0.2em; margin: 0.25em; }
:where(.lucua-legacy) .lucua_osc-about-figure { text-align: center; }
:where(.lucua-legacy) .lucua_osc-about-combine { display: inline-flex; align-items: center; margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-about-combine .lucua_osc-about-symbol { font-size: 2rem; color: rgb(218, 25, 79); margin: 20px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-symbol { padding-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div:first-child { display: flex; align-items: center; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards { text-align: center; width: 108px; margin: 0px auto; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards dt { width: 200px; margin-bottom: 8px; margin-left: -50px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards dd { margin: 0px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards dd img { width: 100%; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc { width: 250px; font-size: 1rem; margin-top: 5px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc dt { color: rgb(218, 25, 79); font-weight: 700; margin-bottom: 0.5em; text-align: center; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc dd { margin: 0px; }
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc dd img { width: 100%; }
:where(.lucua-legacy) .lucua_osc-about-text { margin: 0px 0px 36px; text-align: center; }
:where(.lucua-legacy) .lucua_osc-about-button { margin: 0px 0px 36px; }
:where(.lucua-legacy) .lucua_osc-about-button a.button.button-app-check { border-width: 2px; font-size: 1.125rem; }
:where(.lucua-legacy) .lucua_osc-about-button a.button.button-app-check:hover { color: rgb(255, 255, 255); background: rgb(218, 25, 79); border-color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-about-button a.button.button-app-check:hover svg { fill: rgb(255, 255, 255); }
:where(.lucua-legacy) .lucua_osc-about .lucua_osc-kome { text-align: left; }
:where(.lucua-legacy) .lucua_osc-about-point { max-width: 840px; background-color: rgb(243, 243, 243); padding: 20px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
:where(.lucua-legacy) .lucua_osc-about-point h4 { margin-top: 0px; }
:where(.lucua-legacy) .lucua_osc-about-point_item { width: 47%; margin-bottom: 3em; }
:where(.lucua-legacy) .lucua_osc-about-point_item h4 { margin-bottom: 1em; }
:where(.lucua-legacy) .lucua_osc-about-point_item p { margin: 0px; line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-about-point_item.lucua_osc-about-wespo { width: 100%; margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-application-boxtitle { text-align: center; color: rgb(218, 25, 79); font-size: 1.375rem; font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-application-boxtitle > div { display: inline-flex; align-items: center; }
:where(.lucua-legacy) .lucua_osc-application-boxtitle > div > span:first-child { margin-right: 9px; }
:where(.lucua-legacy) .lucua_osc-application-boxtitle > div > span:first-child img { width: 99px; vertical-align: bottom; }
:where(.lucua-legacy) .lucua_osc-application-box { background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); max-width: 960px; margin: auto; width: 91.7%; border-radius: 8px; text-align: center; padding: 10px 0px 30px; }
:where(.lucua-legacy) .lucua_osc-application-box p { font-size: 1.125rem; font-weight: 700; line-height: 1; }
:where(.lucua-legacy) .lucua_osc-application-box .button { background-color: rgb(255, 255, 255); }
:where(.lucua-legacy) .lucua_osc-application-box .button:hover { background-color: rgb(255, 253, 154); }
:where(.lucua-legacy) .lucua_osc-page_menu { padding: 72px 0px 30px; }
:where(.lucua-legacy) .lucua_osc-page_menu h3 { margin: 0px; display: flex; font-size: 1.375rem; align-items: center; justify-content: center; color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-page_menu h3 img { height: 50px; }
:where(.lucua-legacy) .lucua_osc-page_menu h3 span:first-child { margin-right: 12px; }
:where(.lucua-legacy) .lucua_osc-save-inner { padding: 45px 0px; max-width: 960px; width: 91.7%; margin: auto; }
:where(.lucua-legacy) .lucua_osc-save-item { border-bottom: 1px solid rgb(218, 25, 79); padding: 40px 0px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-arrows { margin: 18px 0px 0px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-arrows svg { width: 24px; height: 24px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome { margin-top: 28px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome li { font-size: 0.75rem; margin-bottom: 6px; }
:where(.lucua-legacy) .lucua_osc-save-item_header { text-align: center; background: url("/assets/images/promotion/lucua_osc/hr.png") center bottom repeat-x; padding-bottom: 70px; font-size: 1rem; }
:where(.lucua-legacy) .lucua_osc-save-item_header p { margin: 10px 0px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch,
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-lead { display: inline; font-weight: 700; margin: 0px; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch { font-size: 1.675rem; color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch > span { display: inline-block; background: linear-gradient(rgba(255, 253, 154, 0) 0px, rgba(255, 253, 154, 0) 39%, rgb(255, 253, 154) 40%, rgb(255, 253, 154)); padding: 0px 0.2em; margin: 0.25em; }
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch > span strong { font-size: 2.375rem; }
:where(.lucua-legacy) .lucua_osc-save b strong { color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-save-item_body { padding-top: 40px; }
:where(.lucua-legacy) .lucua_osc-save-result { display: flex; align-items: flex-end; justify-content: center; color: rgb(218, 25, 79); font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-save-result span { font-size: 1.5rem; }
:where(.lucua-legacy) .lucua_osc-save-result strong { font-size: 2.5rem; }
:where(.lucua-legacy) .lucua_osc-save-result > div { display: inline-block; position: relative; padding-right: 80px; padding-left: 8px; background: linear-gradient(rgba(255, 253, 154, 0) 0px, rgba(255, 253, 154, 0) 39%, rgb(255, 253, 154) 40%, rgb(255, 253, 154)); }
:where(.lucua-legacy) .lucua_osc-save-result .lucua_osc-save-lucuano { position: absolute; bottom: -34px; right: 0px; width: 70px; }
:where(.lucua-legacy) .lucua_osc-save-result .lucua_osc-save-lucuano img { width: 100%; }
:where(.lucua-legacy) .lucua_osc-save-example { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
:where(.lucua-legacy) .lucua_osc-save-example div:first-child { margin-right: 12px; }
:where(.lucua-legacy) .lucua_osc-save-example div:first-child img { width: 82px; }
:where(.lucua-legacy) .lucua_osc-save-examples { display: flex; }
:where(.lucua-legacy) .lucua_osc-save-examples > div { width: 50%; }
:where(.lucua-legacy) .lucua_osc-save-examples .lucua_osc-arrows svg { width: 14px; height: 14px; }
:where(.lucua-legacy) .lucua_osc-save-pink { color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-save-is_campaign,
:where(.lucua-legacy) .lucua_osc-save-not_campaign { background-color: rgb(243, 243, 243); padding: 16px 30px; }
:where(.lucua-legacy) .lucua_osc-save-is_campaign dt,
:where(.lucua-legacy) .lucua_osc-save-not_campaign dt { border-left: 4px solid rgb(45, 49, 53); padding-left: 6px; margin-bottom: 24px; font-size: 1.125rem; font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-save-is_campaign dd,
:where(.lucua-legacy) .lucua_osc-save-not_campaign dd { margin: 0px; text-align: center; }
:where(.lucua-legacy) .lucua_osc-save-not_campaign dt { margin-bottom: 50px; }
:where(.lucua-legacy) .lucua_osc-save-before { margin-bottom: 12px; }
:where(.lucua-legacy) .lucua_osc-save-after { margin-top: 12px; background-color: rgb(255, 255, 255); font-size: 1.125rem; position: relative; padding: 12px 0px 9px; }
:where(.lucua-legacy) .lucua_osc-save-after strong { font-size: 1.5rem; display: inline-block; margin: 0px 0.5em; }
:where(.lucua-legacy) .lucua_osc-save-after p { font-size: 0.875rem; text-align: center; }
:where(.lucua-legacy) .lucua_osc-save-plus { position: absolute; font-size: 0.625rem; background-color: rgb(255, 224, 224); color: rgb(218, 25, 79); text-align: center; display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; border-radius: 39px; right: 0px; top: 50%; transform: translateY(-50%); }
:where(.lucua-legacy) .lucua_osc-save-plus > div { padding-top: 1em; }
:where(.lucua-legacy) .lucua_osc-save-coin { position: absolute; right: 10px; top: -14px; }
:where(.lucua-legacy) .lucua_osc-save-is_campaign { background-color: rgb(255, 242, 242); }
:where(.lucua-legacy) .lucua_osc-save-is_campaign dt { border-left: 4px solid rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-save-benefits { padding: 40px 0px; }
:where(.lucua-legacy) .lucua_osc-save-benefits h4 { margin-top: 0px; font-size: 1rem; text-align: center; }
:where(.lucua-legacy) .lucua_osc-save-benefits-items { display: flex; align-items: flex-end; justify-content: center; }
:where(.lucua-legacy) .lucua_osc-save-benefits ul { padding-left: 1em; margin: 0px; }
:where(.lucua-legacy) .lucua_osc-save-benefits ul li { margin-bottom: 10px; }
:where(.lucua-legacy) .lucua_osc-save-benefits ul li:last-child { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-save-benefits .lucua_osc-save-lucuano { width: 110px; margin-left: 20px; }
:where(.lucua-legacy) .lucua_osc-save-kubun { padding: 20px 0px; text-align: center; }
:where(.lucua-legacy) .lucua_osc-save-kubun h4 { margin-top: 0px; font-size: 1.25rem; }
:where(.lucua-legacy) .lucua_osc-save-kubun p { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-use-inner { padding: 60px 0px 70px; max-width: 960px; width: 91.7%; margin: auto; }
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div { display: flex; justify-content: space-between; }
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div > * { margin: 0px auto; }
:where(.lucua-legacy) .lucua_osc-use-howto dd { line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-flow-link { margin-bottom: 40px; list-style-type: none; padding-left: 0px !important; }
:where(.lucua-legacy) .lucua_osc-flow-link li { margin-bottom: 5px; padding-left: 1.5em; color: rgb(218, 25, 79); text-indent: -1.1rem; text-decoration: underline; cursor: pointer; }
:where(.lucua-legacy) .lucua_osc-flow-link li:hover { text-decoration: none; }
:where(.lucua-legacy) .lucua_osc-flow-link li .svg-icon { display: inline-block; width: 12px; height: 12px; margin-right: 4px; transform: rotate(90deg); }
:where(.lucua-legacy) .lucua_osc-flow-title { font-size: 1rem; }
:where(.lucua-legacy) .lucua_osc-flow-lead { margin: -18px 0px 30px 18px; }
:where(.lucua-legacy) .lucua_osc-flow-list { display: flex; position: relative; margin-top: 0px; margin-bottom: 24px; letter-spacing: 0px; }
:where(.lucua-legacy) .lucua_osc-flow-list:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-flow-list:not(:last-of-type)::after { position: absolute; top: 18px; left: 14px; content: ""; width: 8px; height: calc(100% + 18px); background: rgb(255, 242, 242); }
:where(.lucua-legacy) .lucua_osc-flow-num { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; width: 36px; height: 36px; margin-right: 12px; padding-top: 5px; border-radius: 50%; background: rgb(218, 25, 79); color: rgb(255, 242, 242); 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.25rem; font-weight: 700; line-height: 1.03333; z-index: 1; }
:where(.lucua-legacy) .lucua_osc-flow-detail { padding-top: 6px; margin-left: 0px; }
:where(.lucua-legacy) .lucua_osc-flow-content p:last-child { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-type-inner { padding: 40px 0px 80px; max-width: 960px; width: 91.7%; margin: auto; }
:where(.lucua-legacy) .lucua_osc-type .lucua_osc-lead { font-size: 1.375rem; font-weight: 700; text-align: center; }
:where(.lucua-legacy) .lucua_osc-type-items { display: flex; justify-content: space-between; margin-bottom: 40px; }
:where(.lucua-legacy) .lucua_osc-type-items > * { width: 48%; background-color: rgb(255, 242, 242); padding: 30px; }
:where(.lucua-legacy) .lucua_osc-type-items h4 { text-align: center; margin-top: 0px; font-size: 1.05rem; }
:where(.lucua-legacy) .lucua_osc-type-items .lucua_osc-cards { width: 72.5%; height: auto; margin: 0px auto 24px; }
:where(.lucua-legacy) .lucua_osc-type-items .logo-e5489 { height: 30px; }
:where(.lucua-legacy) .lucua_osc-type-items .logo-express,
:where(.lucua-legacy) .lucua_osc-type-items .logo-smartex { height: 24px; }
:where(.lucua-legacy) .lucua_osc-type-items dl:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-type-items dt { margin-bottom: 7px; font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-type-items dd { margin: 0px; line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-type-items dd img {  }
:where(.lucua-legacy) .lucua_osc-type .button.button-app-check { border-width: 2px; font-size: 1.125rem; }
:where(.lucua-legacy) .lucua_osc-type .button.button-app-check:hover { color: rgb(255, 255, 255); background: rgb(218, 25, 79); border-color: rgb(218, 25, 79); }
:where(.lucua-legacy) .lucua_osc-type .button.button-app-check:hover svg { fill: rgb(255, 255, 255); }
:where(.lucua-legacy) .lucua_osc-type-train { padding-top: 60px; }
:where(.lucua-legacy) .lucua_osc-type-train > .lucua_osc-lead { border-top: 1px solid rgb(218, 25, 79); padding-top: 40px; margin-top: 0px; }
:where(.lucua-legacy) .lucua_osc-type-train-items { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
:where(.lucua-legacy) .lucua_osc-type-train-items .logo-e5489 { height: 40px; }
:where(.lucua-legacy) .lucua_osc-type-train-items .logo-smartex { height: 30px; }
:where(.lucua-legacy) .lucua_osc-type-train-items .logo-express { height: 28px; }
:where(.lucua-legacy) .lucua_osc-type-train-items dl { margin: 0px; }
:where(.lucua-legacy) .lucua_osc-type-train-items dt { display: flex; font-size: 1.125rem; font-weight: 700; align-items: center; margin-bottom: 16px; }
:where(.lucua-legacy) .lucua_osc-type-train-items dt > * { margin-right: 12px; }
:where(.lucua-legacy) .lucua_osc-type-train-items dt > :last-child { margin-right: 0px; }
:where(.lucua-legacy) .lucua_osc-type-train-items dt small { font-size: 0.875rem; }
:where(.lucua-legacy) .lucua_osc-type-train-items dd { margin: 0px; line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-type-train-items ol { list-style-type: none; padding: 0px; margin: 15px 0px 0px; }
:where(.lucua-legacy) .lucua_osc-type-train-items ol li { margin-bottom: 10px; text-indent: -1em; padding-left: 2em; }
:where(.lucua-legacy) .lucua_osc-type-train-items ol li span:first-child { font-size: 1rem; font-weight: 700; display: inline-block; margin-right: 0.5em; }
:where(.lucua-legacy) .lucua_osc-type-train-items ol .lucua_osc-kome { margin-top: 0px; }
:where(.lucua-legacy) .lucua_osc-type-train-item { background: url("/assets/images/promotion/lucua_osc/hr.png") center top repeat-x; padding-top: 40px; margin-bottom: 40px; width: 48%; }
:where(.lucua-legacy) .lucua_osc-type-train-item:first-child { width: 100%; }
:where(.lucua-legacy) .lucua_osc-type-train-points-wrapper { display: flex; justify-content: space-between; }
:where(.lucua-legacy) .lucua_osc-type-train-points-wrapper > div { width: 48%; }
:where(.lucua-legacy) .lucua_osc-type-delivery { border-top: 1px solid rgb(218, 25, 79); padding-top: 0px; text-align: center; }
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-lead { font-size: 1.625rem; }
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-lead small { font-size: 1.125rem; }
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome { margin-top: 36px; }
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome li { margin-bottom: 7px; }
:where(.lucua-legacy) .lucua_osc-join-inner { padding: 60px 0px; max-width: 960px; width: 91.7%; margin: auto; }
:where(.lucua-legacy) .lucua_osc-join-inner > h4 { font-size: 1.25rem; }
:where(.lucua-legacy) .lucua_osc-join-inner > h4:first-of-type { margin-top: 0px; }
:where(.lucua-legacy) .lucua_osc-join ul { margin-left: 0px; padding-left: 1.2em; }
:where(.lucua-legacy) .lucua_osc-join li { margin-bottom: 0.5em; }
:where(.lucua-legacy) .lucua_osc-join-flow { margin-bottom: 40px; }
:where(.lucua-legacy) .lucua_osc-join-flow strong { color: rgb(218, 25, 79); font-weight: 400; }
:where(.lucua-legacy) .lucua_osc-join-flow-group { margin-bottom: 32px; }
:where(.lucua-legacy) .lucua_osc-join-flow-group dt { margin-bottom: 0.5em; }
:where(.lucua-legacy) .lucua_osc-join-flow-group:last-of-type { margin-bottom: 0px; }
:where(.lucua-legacy) .lucua_osc-join-flow-group.lucua_osc-join-flow-group-gray { padding: 5px 20px; background-color: rgb(243, 243, 243); }
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-head { color: rgb(218, 25, 79); font-size: 1.125rem; font-weight: 700; margin-bottom: 15px; }
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content dd { margin-left: 0px; line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content .lucua_osc-cards { width: 45%; height: auto; margin: 0px; }
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-application-box { width: 100%; }
:where(.lucua-legacy) .lucua_osc-join-change { text-align: center; padding-top: 35px; }
:where(.lucua-legacy) .lucua_osc-join-change-after,
:where(.lucua-legacy) .lucua_osc-join-change-before { display: flex; flex-wrap: wrap; justify-content: space-between; width: 400px; margin: 10px auto auto; }
:where(.lucua-legacy) .lucua_osc-join-change-after > *,
:where(.lucua-legacy) .lucua_osc-join-change-before > * { width: 48%; margin-bottom: 10px; }
:where(.lucua-legacy) .lucua_osc-join-change-before { justify-content: space-between; }
:where(.lucua-legacy) .lucua_osc-contact { background-color: rgb(243, 243, 243); padding: 32px 0px; line-height: 1.7; }
:where(.lucua-legacy) .lucua_osc-contact-header { max-width: 720px; width: 91.7%; margin: auto; text-align: center; }
:where(.lucua-legacy) .lucua_osc-contact-header dt { font-size: 1.125rem; font-weight: 700; margin-bottom: 16px; }
:where(.lucua-legacy) .lucua_osc-contact-header dd { font-size: 0.875rem; margin: 0px; }
:where(.lucua-legacy) .lucua_osc-contact-inner { max-width: 720px; width: 91.7%; margin: auto; font-size: 0.875rem; text-align: center; }
:where(.lucua-legacy) .lucua_osc-contact-inner dt { font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-contact-inner dd { margin: 0px; }
:where(.lucua-legacy) .lucua_osc-contact-inner > div { border-top: 1px solid rgb(203, 203, 203); padding: 16px 0px; }
:where(.lucua-legacy) .lucua_osc-select-visual { color: rgb(218, 25, 79); text-align: center; padding: 32px 0px 24px; width: 91.7%; margin: auto; }
:where(.lucua-legacy) .lucua_osc-select-cards { width: 52%; margin: 8px auto 24px; }
:where(.lucua-legacy) .lucua_osc-select-cards img { width: 100%; max-width: 394px; }
:where(.lucua-legacy) .lucua_osc-select-intro { color: rgb(45, 49, 53); }
:where(.lucua-legacy) .lucua_osc-select-question { background-color: rgb(255, 242, 242); padding: 24px 0px 32px; }
:where(.lucua-legacy) .lucua_osc-select-question-inner { background-color: rgb(255, 255, 255); width: 91.7%; max-width: 960px; margin: auto; text-align: center; }
:where(.lucua-legacy) .lucua_osc-select-question-inner .qTxt { font-size: 169.23%; line-height: 1.45; font-weight: 700; color: rgb(75, 52, 33); letter-spacing: 0px; padding-top: 24px; }
:where(.lucua-legacy) .lucua_osc-select-question-inner .btn { overflow: hidden; width: 506px; margin: auto; display: flex; justify-content: space-between; padding-bottom: 24px; }
:where(.lucua-legacy) .lucua_osc-select-lead { font-size: 1rem; font-weight: 700; color: rgb(218, 25, 79); text-align: center; margin: 0px 0px 24px; }
:where(.lucua-legacy) .lucua_osc-select-answer { background-color: rgb(255, 242, 242); padding: 50px 0px; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner { background-color: rgb(255, 255, 255); width: 91.7%; max-width: 960px; margin: auto; text-align: center; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal01 { font-size: 169.23%; line-height: 1.45; font-weight: 700; color: rgb(75, 52, 33); letter-spacing: 0px; padding-top: 24px; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal02 { margin: 0px; line-height: 1.7; letter-spacing: 0.05em; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo { padding: 20px 0px 24px; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo .ttl { color: rgb(218, 25, 79); font-size: 1.375rem; font-weight: 700; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo ul { list-style: none; padding-left: 0px; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal-cards { margin-bottom: 1em; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal-cards img { width: 40%; max-width: 190px; }
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal-cards p { margin: 0.3em 0px 0px; }
:where(.lucua-legacy) .lucua_osc-select-question .q01 p.img { margin-top: 50px; }
:where(.lucua-legacy) .lucua_osc-select-question .q02 p.img { margin: 30px 0px 20px; }
:where(.lucua-legacy) .lucua_osc-select-question .q03 p.img { margin: 35px 0px 15px; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sp-only { display: none; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .pc-only { display: inline-block; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .lucua_osc .sp-only { display: none; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .lucua_osc .sp { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc .pc-only { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc .pc { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc .button.button-other-archives { width: 95%; font-size: 1rem; height: 53px; border-radius: 27px; border: 2px solid; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc .lucua_osc-accordion-body { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern h3 { display: flex; justify-content: space-between; align-items: center; min-height: 11vw; min-width: 0px; padding: 2vw 3.7vw 1vw; font-size: 1.125rem; line-height: 1.7; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern h3::after,
:where(.lucua-legacy) .lucua_osc-title-pattern h3::before { width: 11.64vw; height: 10.13vw; background-position: 50% center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern h3::before { margin-right: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern h3::after { margin-left: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-title-pattern-white h3 { min-width: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-accordion-header { border-bottom: 1px solid rgb(255, 255, 255); }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-accordion-header h3 { min-height: 60px; font-size: 1.125rem; position: relative; padding: 0px 0px 0px 32px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-accordion-header h3::before { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-title-pattern.lucua_osc-accordion-header h3::after { position: absolute; width: 15px; height: 15px; min-height: 0px; top: calc(50% - 7.5px); right: 16px; background: url("/assets/images/promotion/lucua_osc/plus.svg") 50% center / 100% no-repeat; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-more { margin-top: 45px; margin-bottom: -35px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-more span { transform: translateY(-30px); width: 60px; height: 60px; font-size: 0.75rem; padding-top: 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual { background-color: rgb(255, 242, 242); padding-bottom: 38px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-inner { width: 100%; padding: 0px; height: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-main { position: relative; left: 0px; transform: none; margin: auto; width: 90vw; height: auto; max-width: 544px; max-height: 544px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-circle { width: 90vw; height: 90vw; max-width: 330px; max-height: 330px; margin-top: 40px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-lucuano { width: 92vw; max-width: 330px; margin-right: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-title { text-align: center; margin: 110px 0px 0px; min-width: 0px; width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-title > div { display: block; width: auto; height: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-cardname { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira { position: absolute; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-r3 { top: 63px; left: calc(50% - 134px); transform: translateX(-50%) scaleX(-1); max-width: 53px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-l2,
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-l3 { display: none; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign { position: relative; left: 0px; bottom: 0px; width: 100%; margin: 0px auto 8px; text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign a::after { display: none !important; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign .fukidashi { max-width: 260px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-cards { margin: 16px auto 24px; max-width: 311px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-visual-point { position: relative; left: 0px; bottom: 0px; width: 100%; margin: 0px auto 24px; text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-inner { margin: auto; padding: 16px 0px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-answer { font-size: 1.125rem; line-height: 1.7; margin-bottom: 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine { display: block; align-items: center; margin: 0px auto 36px; width: 85%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-symbol { padding-bottom: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > .lucua_osc-about-symbol { margin: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > .lucua_osc-about-symbol span { transform: rotate(90deg); display: block; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > div:first-child { justify-content: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards { width: 28vw; max-width: 108px; margin: 0px auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-cards dt { width: 200%; margin-left: -50%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-combine > div .lucua_osc-about-osc { width: 66vw; max-width: 250px; margin: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-text { text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-point { padding: 4.5vw; display: block; line-height: 1.7; width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-point_item { width: 100%; margin-bottom: 2em; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-point_item h4 { margin-bottom: 8px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-about-point_item.lucua_osc-about-wespo { width: 100%; margin-bottom: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-page_menu { padding: 40px 0px 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-page_menu h3 { font-size: 1rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-application-boxtitle { font-size: 1.25rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-application-boxtitle > div > span:first-child { margin-right: 9px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-application-boxtitle > div > span:first-child img { width: 19vw; max-width: 72px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-application-box { padding: 10px 30px 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-application-box p { font-size: 1rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-inner { padding: 25px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-item { padding: 40px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-arrows { margin: 10px 0px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-arrows svg { width: 16px; height: 16px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome { margin-top: 28px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-kome li { font-size: 0.75rem; margin-bottom: 6px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-item_header { padding-bottom: 40px; font-size: 0.875rem; text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-item_header p { margin: 10px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-lead { display: block; font-size: 0.875rem; text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save .lucua_osc-catch { font-size: 1.375rem; display: block; text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-item_body { padding-top: 40px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-result { text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-result span { font-size: 1.375rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-result strong { font-size: 2rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-result > div { padding-right: 50px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-result .lucua_osc-save-lucuano { bottom: -20px; width: 48px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-example { margin-bottom: 25px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-example div:first-child { margin-right: 12px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-example div:first-child img { width: 62px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-examples { display: block; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-examples > div { width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-examples .lucua_osc-arrows svg { width: 16px; height: 16px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-is_campaign,
:where(.lucua-legacy) .lucua_osc-save-not_campaign { padding: 10px 16px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-is_campaign dt,
:where(.lucua-legacy) .lucua_osc-save-not_campaign dt { padding-left: 6px; margin-bottom: 16px; font-size: 0.875rem; font-weight: 700; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-before { margin-bottom: 8px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-after { margin-top: 8px; font-size: 0.875rem; padding: 12px 0px 9px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-after strong { font-size: 1.125rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-after p { font-size: 0.875rem; text-align: center; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-after.lucua_osc-save-wplus { padding-right: 85px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-kubun { padding: 10px 0px; text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-save-kubun h4 { font-size: 1.125rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-use-inner { padding: 30px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div { display: block; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div > * { width: 100%; border-top: 1px solid rgb(218, 25, 79); padding-bottom: 30px; padding-top: 36px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div > :first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-use .lucua_osc-use-inner > div > :last-child { padding-bottom: 10px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-inner { padding: 30px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type .lucua_osc-lead { font-size: 1.125rem; line-height: 1.7; margin-top: 0px; margin-bottom: 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-items { display: block; margin-bottom: 40px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-items > * { width: 100%; padding: 25px; margin-bottom: 16px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-items h4 { font-size: 1.05rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-items .lucua_osc-cards { width: 100%; margin: 0px auto 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train { padding-top: 50px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train > .lucua_osc-lead { padding-top: 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-items { display: block; margin-bottom: 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-items dt { display: flex; font-size: 1.125rem; font-weight: 700; align-items: center; margin-bottom: 16px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-items dt > * { margin-right: 12px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-items dt > :last-of-type { margin-right: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-items dd { margin: 0px; line-height: 1.7; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-item { padding-top: 30px; margin-bottom: 30px; width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-item:first-child { width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-points-wrapper { display: block; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-train-points-wrapper > div { width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-lead { margin-top: 30px; font-size: 1.125rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-lead small { font-size: 0.875rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-delivery p:not(.lucua_osc-lead) { text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome { margin-top: 0px; text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-type-delivery .lucua_osc-kome li { margin-bottom: 5px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-inner { padding: 30px 0px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-inner > h4 { font-size: 1.125rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-inner > h4:first-of-type { margin-top: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join ul { margin-left: 0px; padding-left: 1.2em; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join li { margin-bottom: 0.5em; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-head { color: rgb(218, 25, 79); font-size: 1.125rem; margin-bottom: 15px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content { line-height: 1.7; font-size: 0.8125rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content li { margin-bottom: 10px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content dd { margin-left: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join .lucua_osc-flow-content .lucua_osc-cards { width: 70%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change { text-align: left; font-size: 0.875rem; width: 93%; margin: auto; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change p { margin: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change-wrap { margin-top: 20px; margin-bottom: 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change-after,
:where(.lucua-legacy) .lucua_osc-join-change-before { display: flex; flex-wrap: wrap; justify-content: space-between; width: 65.6%; margin: 10px auto auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change-after > *,
:where(.lucua-legacy) .lucua_osc-join-change-before > * { width: 48%; margin-bottom: 6px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-join-change-before { justify-content: space-between; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-contact { margin-top: 60px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-contact-header { padding-bottom: 30px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-contact-inner { text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-contact dl { margin: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-intro { text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner .qTxt { font-size: 1rem; margin-top: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner .btn { display: block; width: auto; padding: 0px 40px 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner .btn p + p { margin-top: 5.17%; margin-bottom: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .lucua_osc-select-question-inner p.img { margin: 7% auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer { background-color: rgb(255, 242, 242); padding: 24px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner { padding: 0px 20px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .goal01 { font-size: 1rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo { padding: 20px 0px 24px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .lucua_osc-select-answer-inner .howTo .ttl { font-size: 1.1rem; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .q01 p.img { width: 70.17%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .q02 p.img { width: 33.79%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-question .q03 p.img { width: 67.586%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .btnArea { position: relative; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .btn { position: absolute; width: 70.65%; left: 14.34%; margin: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .tel01 { top: 34.23%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .tel02 { top: 43.42%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .tel03 { bottom: 19.82%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .lucua_osc-select-answer .a04 .howTo .tel04 { bottom: 10.63%; }
}
@media (max-width: 767px) {
:where(.lucua-legacy) :focus { outline: none; }
}
@media screen and (min-width: 876px) and (max-width: 1134px) {
:where(.lucua-legacy) .lucua_osc-visual-inner { height: 912px; padding-top: 60px; }
}
@media screen and (min-width: 876px) and (max-width: 1134px) {
:where(.lucua-legacy) .lucua_osc-visual-kirakira .kirakira-l2 { top: 205px; }
}
@media screen and (min-width: 876px) and (max-width: 1134px) {
:where(.lucua-legacy) .lucua_osc-visual-bnr-campaign { left: calc(50% - 50px); bottom: 55px; }
}
@media screen and (min-width: 876px) and (max-width: 1134px) {
:where(.lucua-legacy) .lucua_osc-visual-point { left: calc(50% - 343px); bottom: 60px; }
}
/* 旧テーマの本文の外枠（div#content.site-content）の overflow を写す（旧テーマ style.css の .site-content { overflow: hidden; … } のうち overflow だけ）。
   旧サイトではここで本文のはみ出しを切っていた。無いとスマホ等で横にスクロールできてしまう（UT 2026-09-25 の束で実測）。LP 側の上書き（#content { overflow: inherit } 等）はそのまま効く */
.site-content { overflow: hidden; }
/* ⑥ 旧サイトの OSC トップの固定の申し込みボタン（.lucua_osc-fixed-link）。旧フッター（footer#colophon）の中にあったので本文の抽出の対象外。
   束では本文の枠の外（新しいフッターの前）に置くため、本文向けの層と同じ 3 層を部品の中だけに作る（ut0925/gen_fixed_link_css.mjs で生成）。
   1. 受け継ぐ値（旧サイトの親 footer#colophon の計算値） 2. 新サイトの要素向けルールの打ち消し 3. 旧テーマ・static.css の写し（元の順・詳細度は元と同じ） */
:where(.lucua_osc-fixed-link) { 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_osc-fixed-link) * { box-sizing: revert; }
:where(.lucua_osc-fixed-link) p { margin-block-end: revert; }
:where(.lucua_osc-fixed-link) a:not([class]) { text-decoration-skip-ink: revert; color: revert; }
:where(.lucua_osc-fixed-link) svg { user-select: revert; }
:where(.lucua_osc-fixed-link) p { padding: revert; margin: revert; }
:where(.lucua_osc-fixed-link) a { color: revert; text-decoration: revert; }
@media (prefers-reduced-motion: no-preference) {
:where(.lucua_osc-fixed-link) :where(a, button) { transition: revert; }
}
:where(.lucua_osc-fixed-link) svg { display: revert; max-inline-size: revert; }
:where(.lucua_osc-fixed-link) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert; }
@media (max-width: 767px) {
:where(.lucua_osc-fixed-link) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert; }
}
a:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { background-color: transparent; } /* /wp-content/themes/lucua/assets/css/normalize.css */
:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *)::-webkit-file-upload-button { appearance: button; font: inherit; } /* /wp-content/themes/lucua/assets/css/normalize.css */
*:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *),
:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *)::after,
:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *)::before { box-sizing: border-box; } /* /wp-content/themes/lucua/style.css */
a:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { color: rgb(45, 49, 53); text-decoration: none; } /* /wp-content/themes/lucua/style.css */
.svg-icon:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { fill: rgb(45, 49, 53); display: block; } /* /wp-content/themes/lucua/style.css */
.svg-icon-pink:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { fill: rgb(218, 25, 79); } /* /wp-content/themes/lucua/style.css */
.svg-icon-arrow-right:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { transform: rotate(180deg); } /* /wp-content/themes/lucua/style.css */
.button:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { color: inherit; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; padding: 10px; cursor: pointer; appearance: none; text-decoration: none !important; } /* /wp-content/themes/lucua/style.css */
.button.button-other-archives:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { width: 240px; height: 40px; font-size: 0.8125rem; font-weight: 700; line-height: 1; letter-spacing: 0.0675rem; margin: 0px auto; border: 1px solid; border-radius: 20px; display: flex; justify-content: center; align-items: center; position: relative; transition: 0.5s; } /* /wp-content/themes/lucua/style.css */
.button.button-other-archives svg:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { width: 8px; height: 8px; transition: 0.5s; } /* /wp-content/themes/lucua/style.css */
.button.button-other-archives svg.svg-icon-arrow-right:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); } /* /wp-content/themes/lucua/style.css */
.button.button-other-archives svg.svg-icon-arrow-right:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { transform: translateY(-50%) rotate(180deg); } /* /wp-content/themes/lucua/style.css */
@media screen and (min-width: 876px) {
.button:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { padding: 0px; } /* /wp-content/themes/lucua/style.css */
}
.lucua_osc-fixed-link { position: fixed; bottom: 0px; width: 100%; padding: 16px; background: rgb(218, 25, 79); z-index: 900; text-align: center; } /* /assets/css/static.css */
.lucua_osc-fixed-link .button { display: inline-flex; flex-direction: column; width: auto; height: auto; padding: 8px 50px 8px 40px; border-radius: 40px; background: rgb(255, 255, 255); color: rgb(218, 25, 79); font-size: 1rem; line-height: 1.2; text-align: left; } /* /assets/css/static.css */
.lucua_osc-fixed-link .button span { font-size: 0.75rem; } /* /assets/css/static.css */
.lucua_osc-fixed-link .button svg { width: 12px; height: 12px; } /* /assets/css/static.css */
.lucua_osc-fixed-link-text:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { margin-top: 10px; margin-bottom: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 0.7rem; line-height: 1.4; } /* /assets/css/static.css */
.lucua_osc-fixed-link-text a:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { color: rgb(255, 255, 255); text-decoration: underline; } /* /assets/css/static.css */
.lucua_osc-fixed-link-text a:hover:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { text-decoration: none; } /* /assets/css/static.css */
.lucua_osc-fixed-link-close_btn:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { position: absolute; top: 0px; right: 0px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgb(255, 255, 255); color: rgb(218, 25, 79); font-size: 1.5rem; } /* /assets/css/static.css */
@media screen and (min-width: 876px) {
.lucua_osc-fixed-link .button { flex-direction: row; } /* /assets/css/static.css */
}
@media screen and (min-width: 876px) {
.lucua_osc-fixed-link .button span { font-size: 1rem; } /* /assets/css/static.css */
}
@media screen and (min-width: 876px) {
.lucua_osc-fixed-link-close_btn:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { display: none; } /* /assets/css/static.css */
}
@media (max-width: 767px) {
:focus:where(.lucua_osc-fixed-link, .lucua_osc-fixed-link *) { outline: none; } /* /assets/css/static.css */
}
/* ⑥ の続き: 新サイトに合わせた調整（旧サイトとの意図的な差）
   - 重なり順: 旧サイトの z-index: 900 のままだと、新サイトの層（ヘッダー 10・ボトムナビ 30・メニューや検索パネルを開いたときの覆い 40）より上になり、
     覆いの上にボタンだけがくっきり出る（PC で検索パネル・タブレット幅でメニューを開いたときに実測）。ボトムナビのすぐ下（30 - 1）にする。
     本文（.site-main の z-index: 1）と新しいフッターよりは上
   - 下の位置: スマホで新サイトのボトムナビ（画面の下に固定）が出ている間は、その上に出す。ボトムナビの高さは束の JS が測って
     --lucua-osc-fixed-link-bottom に入れる（ボトムナビが無い・隠れているときは 0。JS が動かないときも 0 で、ボトムナビはボタンの上に出る）
   - フッターの下端: 新しいフッターはボトムナビの背面ぶんの余白を下に持つ（.l-footer__primary の padding-block-end）。ボタンが出ている間は
     ボタンの高さぶんを暗色のまま足し、ページの最後までスクロールしたときにフッターの中身（コピーライト、スマホではサイトポリシーも）が
     ボタンに隠れないようにする。高さは束の JS が測って --lucua-osc-fixed-link-space に入れる（× で閉じたら 0）。
     ボタンがあるページ（ボタンがフッターの前にある）だけに効かせる（card_select 等は同じ CSS を読むが何も変わらない） */
.lucua_osc-fixed-link { z-index: calc(var(--layout-bottomnav-layer, 30) - 1); bottom: var(--lucua-osc-fixed-link-bottom, 0px); }
.lucua_osc-fixed-link ~ footer.l-footer::after { content: ""; display: block; block-size: var(--lucua-osc-fixed-link-space, 0px); background: var(--semantic-background-inverse-base); }

/* 画像の削除の指示（2026-09-30・WF「B/C指示書」osc_card_index_001 の緑枠「画像削除」）: 旧サイトの飾り画像を出さない
   - キービジュアルのキラキラの飾り（.lucua_osc-visual-kirakira の 3 つ。左上・左下・右上）
   - 見出しの左右の飾り（.lucua_osc-title-pattern h3 の ::before / ::after の bg-title.png・bg-title2.png）。
     飾りの幅は残して背景画像だけ外す（見出しの文字の位置を変えないため）
   - スマホ幅（875px 以下）のアコーディオンの見出しの ::after は開閉の「＋」アイコンなので戻す
   - カードの右上とキャンペーンの札の横のキラキラは、それぞれ visual_lucuano.png・comment-campaign.png に描き込まれているため CSS では消さない（画像の差し替えで対応） */
.lucua-legacy .lucua_osc-visual-kirakira { display: none; }
.lucua-legacy .lucua_osc-title-pattern h3::before,
.lucua-legacy .lucua_osc-title-pattern h3::after { background-image: none; }
@media screen and (max-width: 875px) {
  .lucua-legacy .lucua_osc-title-pattern.lucua_osc-accordion-header h3::after { background-image: url("/assets/images/promotion/lucua_osc/plus.svg"); }
}