/* 新サイトの CSS のうち要素向けのルール（52 件）を、旧 LP の本文の中でだけ打ち消す（revert）。gen_undo.mjs で生成 */
:where(.lucua-legacy) *,
:where(.lucua-legacy) ::before,
:where(.lucua-legacy) ::after { box-sizing: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) p,
:where(.lucua-legacy) figure,
:where(.lucua-legacy) blockquote,
:where(.lucua-legacy) dl,
:where(.lucua-legacy) dd { margin-block-end: revert } /* reset.css */
:where(.lucua-legacy) ul[role="list"],
:where(.lucua-legacy) ol[role="list"] { list-style-position: revert; list-style-image: revert; list-style-type: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) button,
:where(.lucua-legacy) input,
:where(.lucua-legacy) label { line-height: revert } /* reset.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) h5,
:where(.lucua-legacy) h6 { text-wrap-mode: revert; text-wrap-style: revert } /* reset.css */
:where(.lucua-legacy) a:not([class]) { text-decoration-skip-ink: revert; color: revert } /* reset.css */
:where(.lucua-legacy) img,
:where(.lucua-legacy) picture { max-width: revert; display: revert } /* reset.css */
:where(.lucua-legacy) input,
:where(.lucua-legacy) button,
:where(.lucua-legacy) textarea,
:where(.lucua-legacy) select { font-family: revert; font-size: revert } /* reset.css */
:where(.lucua-legacy) textarea:not([rows]) { min-height: revert } /* reset.css */
:where(.lucua-legacy) :target { scroll-margin-block-start: revert; scroll-margin-block-end: revert } /* reset.css */
:where(.lucua-legacy) img,
:where(.lucua-legacy) svg,
:where(.lucua-legacy) object[type="image/svg+xml"] { user-select: revert } /* common.css */
:where(.lucua-legacy) h1,
:where(.lucua-legacy) h2,
:where(.lucua-legacy) h3,
:where(.lucua-legacy) h4,
:where(.lucua-legacy) h5,
:where(.lucua-legacy) h6,
:where(.lucua-legacy) p,
:where(.lucua-legacy) figure,
:where(.lucua-legacy) figcaption,
:where(.lucua-legacy) ol,
:where(.lucua-legacy) ul,
:where(.lucua-legacy) menu,
:where(.lucua-legacy) dl,
:where(.lucua-legacy) dd { padding-top: revert; padding-right: revert; padding-bottom: revert; padding-left: revert; margin-top: revert; margin-right: revert; margin-bottom: revert; margin-left: revert } /* common.css */
:where(.lucua-legacy) ol,
:where(.lucua-legacy) ul,
:where(.lucua-legacy) menu { list-style-position: revert; list-style-image: revert; list-style-type: revert } /* common.css */
:where(.lucua-legacy) a { color: revert; text-decoration-line: revert; text-decoration-thickness: revert; text-decoration-style: revert; text-decoration-color: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) :where(a, button) { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) button,
:where(.lucua-legacy) input,
:where(.lucua-legacy) select,
:where(.lucua-legacy) textarea { padding-top: revert; padding-right: revert; padding-bottom: revert; padding-left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; margin-top: revert; margin-right: revert; margin-bottom: revert; margin-left: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; color: revert; font-style: revert; font-variant-ligatures: revert; font-variant-caps: revert; font-variant-numeric: revert; font-variant-east-asian: revert; font-variant-alternates: revert; font-variant-position: revert; font-variant-emoji: revert; font-weight: revert; font-stretch: revert; font-size: revert; line-height: revert; font-family: revert; font-optical-sizing: revert; font-size-adjust: revert; font-kerning: revert; font-feature-settings: revert; font-variation-settings: revert; font-language-override: revert } /* common.css */
:where(.lucua-legacy) button { cursor: revert } /* common.css */
:where(.lucua-legacy) :focus-visible { outline-color: revert; outline-style: revert; outline-width: revert; outline-offset: revert } /* common.css */
:where(.lucua-legacy) [hidden] { display: revert } /* common.css */
@media (forced-colors: active) {
:where(.lucua-legacy) :focus-visible { outline-color: revert } /* common.css */
}
:where(.lucua-legacy) svg { display: revert; max-inline-size: revert } /* common.css */
:where(.lucua-legacy) svg a:focus-visible { outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) h1 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h2 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h3 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h4 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h5 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) h6 { margin-block-end: revert } /* common.css */
:where(.lucua-legacy) [data-notice-group="emergency"] { display: revert; align-content: revert; row-gap: revert; column-gap: revert } /* common.css */
:where(.lucua-legacy) [data-notice-group="emergency"]:is([data-notice="off"], [aria-hidden="true"]) { display: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [popover]:popover-open { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) dialog::backdrop { position: revert; content: revert; top: revert; right: revert; bottom: revert; left: revert; z-index: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; backdrop-filter: revert; opacity: revert } /* common.css */
:where(.lucua-legacy) dialog[open]::backdrop { opacity: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) dialog::backdrop { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) [data-section-spacing] { padding-block-end: revert } /* common.css */
:where(.lucua-legacy) main > section:last-child[data-section-spacing] { padding-block-end: revert } /* common.css */
:where(.lucua-legacy) [data-page-end-action] { margin-block-start: revert; margin-block-end: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-list-expanding] { overflow-x: revert; overflow-y: revert; transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-list-item-enter] { animation-duration: revert; animation-timing-function: revert; animation-delay: revert; animation-iteration-count: revert; animation-direction: revert; animation-fill-mode: revert; animation-play-state: revert; animation-name: revert; animation-timeline: revert; animation-range-start: revert; animation-range-end: revert } /* common.css */
}
:where(.lucua-legacy) [role="tabpanel"][tabindex] { position: revert; -webkit-tap-highlight-color: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex]::after { position: revert; content: revert; top: revert; right: revert; bottom: revert; left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; border-top-left-radius: revert; border-top-right-radius: revert; border-bottom-right-radius: revert; border-bottom-left-radius: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert; pointer-events: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex][data-state="pressed"]::after { background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
@media (max-width: 767px) {
:where(.lucua-legacy) [role="tabpanel"][tabindex]:active::after { background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
}
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"]) { outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"])::after { top: revert; right: revert; bottom: revert; left: revert; border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
@media (forced-colors: active) {
:where(.lucua-legacy) [role="tabpanel"][tabindex]:is(:focus-visible, [data-state="focus"])::after { border-top-color: revert; border-right-color: revert; border-bottom-color: revert; border-left-color: revert } /* common.css */
}
:where(.lucua-legacy) :where(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], textarea):not(.c-searchbar__input) { border-top-color: revert; border-top-style: revert; border-top-width: revert; border-right-color: revert; border-right-style: revert; border-right-width: revert; border-bottom-color: revert; border-bottom-style: revert; border-bottom-width: revert; border-left-color: revert; border-left-style: revert; border-left-width: revert; border-image-source: revert; border-image-slice: revert; border-image-width: revert; border-image-outset: revert; border-image-repeat: revert; border-top-left-radius: revert; border-top-right-radius: revert; border-bottom-right-radius: revert; border-bottom-left-radius: revert; background-image: revert; background-position-x: revert; background-position-y: revert; background-size: revert; background-repeat: revert; background-attachment: revert; background-origin: revert; background-clip: revert; background-color: revert } /* common.css */
:where(.lucua-legacy) :where(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], textarea):not(.c-searchbar__input):focus { border-top-color: revert; border-right-color: revert; border-bottom-color: revert; border-left-color: revert; box-shadow: revert; outline-color: revert; outline-style: revert; outline-width: revert } /* common.css */
:where(.lucua-legacy) [data-component-exit] { opacity: revert; pointer-events: revert } /* common.css */
@media (prefers-reduced-motion: no-preference) {
:where(.lucua-legacy) [data-component-exit] { transition-property: revert; transition-duration: revert; transition-timing-function: revert; transition-delay: revert; transition-behavior: revert } /* common.css */
}
:where(.lucua-legacy) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert } /* common.css */
@media (max-width: 767px) {
:where(.lucua-legacy) :is(a, area, button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: revert } /* common.css */
}
/* 打ち消しが旧 LP 側の指定まで上書きしないよう、旧 LP の同じ指定を `旧のセレクタ:is(新サイトのセレクタ)` で重ねる（元の順番どおり）。gen_boost.mjs で生成 */
:where(.lucua-legacy) h1:is(h1) { margin-top: 0.67em; margin-right: 0px; margin-bottom: 0.67em; margin-left: 0px }
:where(.lucua-legacy) button:is(button) { line-height: 1.15 }
:where(.lucua-legacy) button:is(button) { font-family: inherit; font-size: 100% }
:where(.lucua-legacy) button:is(button) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 100%; line-height: 1.15; font-family: inherit }
:where(.lucua-legacy) *:is(*) { box-sizing: border-box }
:where(.lucua-legacy) a:is(a:not([class])) { color: rgb(45, 49, 53) }
:where(.lucua-legacy) a:is(a) { color: rgb(45, 49, 53); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) img:is(img) { max-width: 100% }
:where(.lucua-legacy) .slick-slider:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px }
:where(.lucua-legacy) h1:is(h1) { 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) h2:is(h2) { 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) p:is(p) { 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) ul: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) ul:is(ul) { list-style-position: initial; list-style-image: initial; list-style-type: none }
:where(.lucua-legacy) .slick-slider:is(*) { box-sizing: border-box }
:where(.lucua-legacy) .slick-slide img:is(img) { display: block }
:where(.lucua-legacy) .slick-prev:is(button), :where(.lucua-legacy) .slick-next:is(button) { line-height: 0 }
:where(.lucua-legacy) .slick-prev:is(button), :where(.lucua-legacy) .slick-next:is(button) { font-size: 0px }
:where(.lucua-legacy) .slick-prev:is(button), :where(.lucua-legacy) .slick-next:is(button) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-image: initial; 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: transparent; color: transparent; font-size: 0px; line-height: 0 }
:where(.lucua-legacy) .slick-prev:is(button), :where(.lucua-legacy) .slick-next:is(button) { cursor: pointer }
:where(.lucua-legacy) a:link:is(a:not([class])) { color: inherit }
:where(.lucua-legacy) a:link:is(a) { color: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) .container:is(h2) { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .container:is(p) { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) #page_title:is(h1) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .menu .icon:is(*) { box-sizing: border-box }
:where(.lucua-legacy) .gnav .menu-list:is(ul) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .gnav .menu-list > li a:is(a) { text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) .pagetop:is(p) { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px }
:where(.lucua-legacy) .t-kome:is(p) { padding-left: 1em }
:where(.lucua-legacy) .desc-link .desc-link-blue:is(a) { color: rgb(255, 255, 255) }
:where(.lucua-legacy) .desc02 .desc-link:is(h2) { margin-bottom: 24px }
:where(.lucua-legacy) .slider:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .slider .slick-prev:is(*)::before, :where(.lucua-legacy) .slider .slick-next:is(*)::before { box-sizing: content-box }
:where(.lucua-legacy) .slider .slick-prev:is(*)::after, :where(.lucua-legacy) .slider .slick-next:is(*)::after { box-sizing: content-box }
:where(.lucua-legacy) .desc03 .desc03-01:is(h2) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .desc05 .desc05-01:is(h2) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .desc06 .desc06-title:is(h2) { margin-top: 32px; margin-right: auto; margin-bottom: 16px; margin-left: auto }
:where(.lucua-legacy) .desc07 .desc07-container .desc07-title:is(h2) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
:where(.lucua-legacy) .desc07 .app-kome:is(p) { margin-top: 24px; margin-right: auto; margin-bottom: 24px; margin-left: auto }
:where(.lucua-legacy) .desc07 .desc07-app .desc07-app-text .app-name:is(p) { margin-bottom: 8px }
:where(.lucua-legacy) .desc07 .desc07-app .desc07-app-text .app-desc:is(p) { margin-bottom: 16px }
:where(.lucua-legacy) .desc07 .under-table .under-table-text01:is(p) { margin-bottom: 32px }
:where(.lucua-legacy) .desc07 .under-table .under-table-text02:is(p) { margin-bottom: 16px }
:where(.lucua-legacy) .desc08 .desc08-01:is(h2) { margin-top: 0px; margin-right: auto; margin-bottom: 32px; margin-left: auto }
:where(.lucua-legacy) .desc08 .pagetop-image:is(p) { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
/* 旧サイトの LP（special-westerpoint-katsudo）の本文に当たっていた旧テーマ・旧サイト共通（static.css）の CSS を抜き出したもの。
   main に class="lucua-legacy" を付けて読み込む。元: /wp-content/themes/lucua/（style.css ほか）と /assets/css/static.css */
:where(.lucua-legacy):is(body) { font-family: "Times New Roman"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 1.15; color: rgb(0, 0, 0); letter-spacing: normal; word-spacing: 0px; text-align: left; text-transform: none; white-space: normal; word-break: normal; overflow-wrap: normal; -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(body) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy)::-webkit-file-upload-button { appearance: button }
:where(.lucua-legacy):is(body) { height: 100% }
:where(.lucua-legacy):is(body) { color: rgb(45, 49, 53); 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; -webkit-font-smoothing: antialiased; line-height: 1.42857; overflow-wrap: break-word }
:where(.lucua-legacy):is(body)::before { width: 100%; height: 100%; display: block; content: ""; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1 }
:where(.lucua-legacy),
:where(.lucua-legacy)::after,
:where(.lucua-legacy)::before { box-sizing: border-box }
:where(.lucua-legacy):is(body)::before { background-image: linear-gradient(135deg, rgb(218, 25, 79), rgb(138, 34, 85)) }
@media (max-width: 767px) {
:where(.lucua-legacy):is(:focus) { outline-color: initial; outline-style: none; outline-width: initial }
}
:where(.lucua-legacy) h1 { font-size: 2em; margin: 0.67em 0px; }
:where(.lucua-legacy) a { background-color: transparent; }
:where(.lucua-legacy) img { border-style: none; }
:where(.lucua-legacy) button { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
:where(.lucua-legacy) button { overflow: visible; }
:where(.lucua-legacy) button { text-transform: none; }
:where(.lucua-legacy) button,
:where(.lucua-legacy) [type="button"] { appearance: button; }
:where(.lucua-legacy) ::-webkit-file-upload-button { appearance: button; font: inherit; }
:where(.lucua-legacy) *,
:where(.lucua-legacy) ::after,
:where(.lucua-legacy) ::before { box-sizing: border-box; }
:where(.lucua-legacy) a { color: rgb(45, 49, 53); text-decoration: none; }
:where(.lucua-legacy) img { max-width: 100%; height: auto; }
:where(.lucua-legacy) .slick-slider { opacity: 0; transition: opacity 0.3s linear; }
:where(.lucua-legacy) .slick-slider.slick-initialized { opacity: 1; }
:where(.lucua-legacy) .slick-track { display: flex; }
:where(.lucua-legacy) #main { background-color: rgb(255, 255, 255); }
:where(.lucua-legacy) .slick-slider { padding: 0px 0px 30px; }
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .slick-slider img { width: 100%; }
}
@media (max-width: 767px) {
:where(.lucua-legacy) :focus { outline: none; }
}