/* 新サイトの 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) input:is(input) { line-height: 1.15 }
:where(.lucua-legacy) input:is(input) { font-family: inherit; font-size: 100% }
: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) input:is(input) { 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) [type="checkbox"]:is(*), :where(.lucua-legacy) [type="radio"]:is(*) { box-sizing: border-box }
:where(.lucua-legacy) [type="checkbox"]:is(input), :where(.lucua-legacy) [type="radio"]:is(input) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px }
:where(.lucua-legacy) .slick-slider:is(*) { box-sizing: border-box }
:where(.lucua-legacy) .slick-slide img:is(img) { display: block }
:where(.lucua-legacy) *:is(*) { box-sizing: border-box }
:where(.lucua-legacy) a:is(a:not([class])) { color: rgb(45, 49, 53) }
:where(.lucua-legacy) a:is(a) { color: rgb(45, 49, 53); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial }
:where(.lucua-legacy) img:is(img) { max-width: 100% }
:where(.lucua-legacy) .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 }
:where(.lucua-legacy) .button:is(button) { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 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: none; 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; color: inherit }
:where(.lucua-legacy) .button:is(button) { cursor: pointer }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .button:is(button) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px } }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .button.button-special-filter:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
:where(.lucua-legacy) .button.button-special-filter:is(button) { padding-top: 1.2em; padding-right: 1.2em; padding-bottom: 1.2em; padding-left: 1.2em; border-top-color: rgb(218, 25, 79); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(218, 25, 79); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(218, 25, 79); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(218, 25, 79); border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; margin-top: 32px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: rgb(255, 255, 255); color: rgb(218, 25, 79); font-weight: 700 }
:where(.lucua-legacy) .button.button-special-other:is(a) { color: rgb(218, 25, 79) }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .button.button-special-other:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
@media (prefers-reduced-motion: no-preference) { :where(.lucua-legacy) .button.button-special-reset:is(:where(a, button)) { transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal } }
:where(.lucua-legacy) .button.button-special-reset:is(button) { padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; margin-top: 5px; margin-right: auto; margin-bottom: 0px; margin-left: auto; 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: rgb(216, 216, 216) }
:where(.lucua-legacy) .special-mv-nomikai__title:is(h1) { padding-top: 50px; padding-right: 0px; padding-bottom: 65px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .slick-slider .button-slieck-next:is(button), :where(.lucua-legacy) .slick-slider .button-slieck-prev:is(button) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px }
:where(.lucua-legacy) .slick-slider .slick-dots:is(ul) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto }
:where(.lucua-legacy) .slick-slider .slick-dots:is(ul) { list-style-type: none }
:where(.lucua-legacy) .slick-slider .slick-dots > li.slick-active button:is(button) { border-top-color: rgb(89, 87, 87); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(89, 87, 87); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(89, 87, 87); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(89, 87, 87); border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-color: rgb(255, 255, 255) }
:where(.lucua-legacy) .slick-slider .slick-dots button:is(button) { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-color: rgb(89, 87, 87) }
:where(.lucua-legacy) .slick-slider .slick-dots button:is(button) { cursor: pointer }
:where(.lucua-legacy) .sort-list:is(ul) { padding-left: 0px }
:where(.lucua-legacy) .sort-list:is(ul) { list-style-type: none }
:where(.lucua-legacy) .cafe-box__ttl:is(h2) { margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__no-item:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 60px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__name:is(h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__genre:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__name a:is(a:not([class])) { color: inherit }
:where(.lucua-legacy) .cafe-box__name a:is(a) { color: inherit }
:where(.lucua-legacy) .cafe-box__coruse:is(p), :where(.lucua-legacy) .cafe-box__price:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__bikou:is(p), :where(.lucua-legacy) .cafe-box__text:is(p) { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__kodawari:is(ul) { padding-top: 18px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
:where(.lucua-legacy) .cafe-box__kodawari:is(ul) { list-style-type: none }
:where(.lucua-legacy) .special-bottom-text:is(p) { padding-top: 0px; padding-right: 16px; padding-bottom: 72px; padding-left: 16px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .button.button-special-filter:is(button) { margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .button.button-special-reset:is(button) { padding-top: 0.8em; padding-right: 0.5em; padding-bottom: 0.8em; padding-left: 0.5em; margin-top: 32px; margin-right: auto; margin-bottom: 0px; margin-left: auto } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .special-mv-nomikai__title:is(h1) { padding-top: 50px; padding-right: 0px; padding-bottom: 210px; padding-left: 0px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__image--icon img:is(img) { max-width: 180px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__ttl:is(h2) { margin-top: 0px; margin-right: 0px; margin-bottom: 60px; margin-left: 0px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__no-item:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 7.8%; margin-left: 0px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__hall:is(p) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__kodawari:is(ul) { padding-top: 18px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px } }
@media screen and (min-width: 876px) { :where(.lucua-legacy) .special-bottom-text:is(p) { padding-top: 0px; padding-right: 16px; padding-bottom: 100px; padding-left: 16px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .slick-slider .cafe-box__image--icon img:is(img) { max-width: 95% } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .sort-box__ttl:is(p) { margin-top: 0.5em } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .sort-list:is(ul) { margin-bottom: 0px } }
@media screen and (max-width: 875px) { :where(.lucua-legacy) .cafe-box__image--icon:is([role="tabpanel"][tabindex]) { position: relative } }
@media screen and (max-width: 1400px) and (min-width: 876px) { :where(.lucua-legacy) .cafe-box__image--icon img:is(img) { max-width: 12vw } }
/* 旧サイトの LP（special-nomikai）の本文に当たっていた旧テーマ・旧サイト共通（static.css）の CSS を抜き出したもの。
   main に class="lucua-legacy" を付けて読み込む。元: /wp-content/themes/lucua/（style.css ほか）と /assets/css/static.css */
@keyframes a { 
  0% { stroke-dasharray: 95, 95; }
  99.9%, 100% { stroke-dasharray: 0, 95; }
}
@keyframes a { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
:where(.lucua-legacy) { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "Yu Gothic", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.42857; color: rgb(45, 49, 53); letter-spacing: normal; word-spacing: 0px; text-align: start; text-transform: none; white-space: normal; word-break: normal; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; text-rendering: auto; font-feature-settings: normal; font-kerning: auto; line-break: auto; -webkit-text-size-adjust: 100% }
:where(.lucua-legacy):is(main) { display: block }
:where(.lucua-legacy)::-webkit-file-upload-button { appearance: button }
:where(.lucua-legacy),
:where(.lucua-legacy)::after,
:where(.lucua-legacy)::before { box-sizing: border-box }
:where(.lucua-legacy):is(#main) { background-color: rgb(255, 255, 255) }
:where(.lucua-legacy):is(.site-main) { position: relative; z-index: 1 }
:where(.lucua-legacy):is(.site-main)::before { position: absolute; bottom: 0px; left: 0px; content: ""; width: 100%; height: 454px; background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(252, 248, 248)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; z-index: -1 }
@media screen and (min-width: 876px) {
:where(.lucua-legacy):is(.site-main)::before { height: 535px }
}
@media (max-width: 767px) {
:where(.lucua-legacy):is(:focus) { outline-color: initial; outline-style: none; outline-width: initial }
}
:where(.lucua-legacy) h1 { font-size: 2em; margin: 0.67em 0px; }
:where(.lucua-legacy) a { background-color: transparent; }
:where(.lucua-legacy) small { font-size: 80%; }
:where(.lucua-legacy) img { border-style: none; }
:where(.lucua-legacy) button,
:where(.lucua-legacy) input { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
:where(.lucua-legacy) button,
:where(.lucua-legacy) input { overflow: visible; }
:where(.lucua-legacy) button { text-transform: none; }
:where(.lucua-legacy) button { appearance: button; }
:where(.lucua-legacy) button,
:where(.lucua-legacy) [type="button"] { appearance: button; }
:where(.lucua-legacy) [type="checkbox"],
:where(.lucua-legacy) [type="radio"] { box-sizing: border-box; padding: 0px; }
:where(.lucua-legacy) ::-webkit-file-upload-button { appearance: button; font: inherit; }
:where(.lucua-legacy) .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
:where(.lucua-legacy) .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
:where(.lucua-legacy) .slick-list:focus { outline: none; }
:where(.lucua-legacy) .slick-slider .slick-track,
:where(.lucua-legacy) .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
:where(.lucua-legacy) .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
:where(.lucua-legacy) .slick-track::before,
:where(.lucua-legacy) .slick-track::after { display: table; content: ""; }
:where(.lucua-legacy) .slick-track::after { clear: both; }
:where(.lucua-legacy) .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
:where(.lucua-legacy) .slick-slide img { display: block; }
:where(.lucua-legacy) .slick-initialized .slick-slide { display: block; }
:where(.lucua-legacy) *,
:where(.lucua-legacy) ::after,
:where(.lucua-legacy) ::before { box-sizing: border-box; }
:where(.lucua-legacy) a { color: rgb(45, 49, 53); text-decoration: none; }
:where(.lucua-legacy) img { max-width: 100%; height: auto; }
:where(.lucua-legacy) .svg-icon { fill: rgb(45, 49, 53); display: block; }
: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) .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; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button { padding: 0px; }
}
:where(.lucua-legacy) input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; }
:where(.lucua-legacy) .button.button-special-filter { display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.5s; position: relative; min-height: 40px; border-radius: 28px; letter-spacing: 0.05rem; border: 1px solid rgb(218, 25, 79); background-color: rgb(255, 255, 255); color: rgb(218, 25, 79); font-weight: 700; padding: 1.2em; width: calc(100% - 32px); margin: 32px auto 0px; }
:where(.lucua-legacy) .button.button-special-filter:hover { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-filter.js-is-active { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-filter .svg-icon { fill: rgb(218, 25, 79); width: 20px; height: 20px; margin: 0px 8px 0px 0px; transition: 0.5s; }
:where(.lucua-legacy) .button.button-special-filter::after,
:where(.lucua-legacy) .button.button-special-filter::before { content: ""; display: block; position: absolute; background: rgb(218, 25, 79); width: 14px; height: 2px; border-radius: 2px; top: 0px; bottom: 0px; right: 20px; margin: auto; transition: 0.5s; opacity: 1; }
:where(.lucua-legacy) .button.button-special-filter::after { transform: rotate(90deg); }
:where(.lucua-legacy) .button.button-special-filter.js-is-active::after,
:where(.lucua-legacy) .button.button-special-filter.js-is-active::before,
:where(.lucua-legacy) .button.button-special-filter:hover::after,
:where(.lucua-legacy) .button.button-special-filter:hover::before { background: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-filter.js-is-active .svg-icon,
:where(.lucua-legacy) .button.button-special-filter:hover .svg-icon { fill: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-filter.js-is-active::before { transform: rotate(-180deg); }
:where(.lucua-legacy) .button.button-special-filter.js-is-active::after { transform: rotate(-90deg); opacity: 0; }
:where(.lucua-legacy) .button.button-special-other { display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.5s; position: relative; min-height: 40px; border-radius: 28px; letter-spacing: 0.05rem; border: 1px solid rgb(218, 25, 79); background-color: rgb(255, 255, 255); color: rgb(218, 25, 79); padding: 0.5em 1em; font-size: 0.9375rem; font-weight: 700; min-width: 230px; }
:where(.lucua-legacy) .button.button-special-other:hover { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-other.js-is-active { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .button.button-special-reset { display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.5s; position: relative; min-height: 40px; padding: 0.5em; border-radius: 28px; letter-spacing: 0.05rem; background: rgb(216, 216, 216); margin: 5px auto 0px; width: 192px; }
:where(.lucua-legacy) .button.button-special-reset::before { content: ""; display: block; width: 14px; height: 14px; background: url("/assets/images/special/nomikai/nomikai-icon-reset.svg") 50% center no-repeat; margin: 0px 5px 0px 0px; }
:where(.lucua-legacy) .button.button-special-reset:hover { opacity: 0.8; }
:where(.lucua-legacy) .special-mv-nomikai { position: relative; text-align: center; }
:where(.lucua-legacy) .special-mv-nomikai__title { margin: 0px; font-size: 0px; background: url("/assets/images/special/nomikai/nomikai-mv.jpg") 50% center / cover no-repeat; padding: 50px 0px 65px; }
:where(.lucua-legacy) .special-mv-nomikai__title img { width: 85%; }
:where(.lucua-legacy) .special-mv-nomikai__wrapper { display: flex; justify-content: center; padding: 0px 16px; }
:where(.lucua-legacy) .special-mv-nomikai__text { font-size: 0.8125rem; letter-spacing: 0.125rem; line-height: 1.8; font-weight: 700; }
:where(.lucua-legacy) .slick-slider { padding: 0px 0px 30px; }
:where(.lucua-legacy) .slick-slider svg { fill: rgb(89, 87, 87); width: 100%; height: 100%; }
:where(.lucua-legacy) .slick-slider .button-slieck-next,
:where(.lucua-legacy) .slick-slider .button-slieck-prev { width: 13.67px; height: 13.69px; padding: 0px; position: absolute; bottom: 0px; }
:where(.lucua-legacy) .slick-slider .button-slieck-prev { left: 16px; }
:where(.lucua-legacy) .slick-slider .button-slieck-next { right: 16px; }
:where(.lucua-legacy) .slick-slider .slick-disabled svg { opacity: 0.5; }
:where(.lucua-legacy) .slick-slider .slick-dots { list-style-type: none; padding: 0px; position: absolute; left: 0px; right: 0px; width: calc(100% - 80px); margin: auto; text-align: center; bottom: 0px; }
:where(.lucua-legacy) .slick-slider .slick-dots > li { display: inline-block; vertical-align: middle; font-size: 0px; margin: 0px 3px; }
:where(.lucua-legacy) .slick-slider .slick-dots > li.slick-active button { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border: 1px solid rgb(89, 87, 87); }
:where(.lucua-legacy) .slick-slider .slick-dots button { background-color: rgb(89, 87, 87); border-radius: 50%; width: 6px; height: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; padding: 0px; appearance: none; }
:where(.lucua-legacy) .sort-area { overflow: hidden; display: none; margin: 0px auto; padding: 10px 16px; }
:where(.lucua-legacy) .sort-area .inner { position: relative; }
:where(.lucua-legacy) .sort-box__ttl { font-weight: 700; letter-spacing: 0.125rem; }
:where(.lucua-legacy) .sort-list { list-style-type: none; padding-left: 0px; display: flex; flex-wrap: wrap; }
:where(.lucua-legacy) .sort-list__item { margin: 0px 16px 16px 0px; }
:where(.lucua-legacy) .sort-list.kodawari { align-items: center; }
:where(.lucua-legacy) .sort-list.kodawari .sort-list__item { margin-right: 0px; }
:where(.lucua-legacy) .sort-btn { display: block; cursor: pointer; text-align: center; }
:where(.lucua-legacy) .sort-btn input { display: none; }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust,
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__txt { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item1 { background-image: url("/assets/images/special/special-search-icon1_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item2 { background-image: url("/assets/images/special/special-search-icon2_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item3 { background-image: url("/assets/images/special/special-search-icon3_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item4 { background-image: url("/assets/images/special/special-search-icon4_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item5 { background-image: url("/assets/images/special/special-search-icon5_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item6 { background-image: url("/assets/images/special/special-search-icon6_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item7 { background-image: url("/assets/images/special/special-search-icon7_white.svg"); }
:where(.lucua-legacy) .sort-btn input:checked + .sort-btn__illust .sort-btn__img--item21 { background-image: url("/assets/images/special/special-search-icon21_white.svg"); }
:where(.lucua-legacy) .sort-btn__illust,
:where(.lucua-legacy) .sort-btn__txt { display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.5s; position: relative; min-height: 40px; padding: 0.5em; border-radius: 28px; letter-spacing: 0.05rem; border: 1px solid rgb(218, 25, 79); background-color: rgb(255, 255, 255); color: rgb(218, 25, 79); }
:where(.lucua-legacy) .sort-btn__illust:hover,
:where(.lucua-legacy) .sort-btn__txt:hover { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .sort-btn__illust.js-is-active,
:where(.lucua-legacy) .sort-btn__txt.js-is-active { border-color: transparent; background-color: rgb(218, 25, 79); color: rgb(255, 255, 255); }
:where(.lucua-legacy) .sort-btn__illust:hover,
:where(.lucua-legacy) .sort-btn__txt:hover { border: 1px solid rgb(218, 25, 79); background-color: rgb(255, 255, 255); color: rgb(218, 25, 79); }
:where(.lucua-legacy) .sort-btn__txt { padding: 0.5em 1.8em; min-width: 120px; }
:where(.lucua-legacy) .sort-btn__illust { flex-direction: column; border-radius: 16px; }
:where(.lucua-legacy) .sort-btn__img { display: block; background-repeat: no-repeat; background-position: 50% center; background-size: contain; width: 32px; height: 32px; margin: 0px auto; transition: 0.5s; }
:where(.lucua-legacy) .sort-btn__img--item1 { background-image: url("/assets/images/special/special-search-icon1.svg"); }
:where(.lucua-legacy) .sort-btn__img--item2 { background-image: url("/assets/images/special/special-search-icon2.svg"); }
:where(.lucua-legacy) .sort-btn__img--item3 { background-image: url("/assets/images/special/special-search-icon3.svg"); }
:where(.lucua-legacy) .sort-btn__img--item4 { background-image: url("/assets/images/special/special-search-icon4.svg"); }
:where(.lucua-legacy) .sort-btn__img--item5 { background-image: url("/assets/images/special/special-search-icon5.svg"); }
:where(.lucua-legacy) .sort-btn__img--item6 { background-image: url("/assets/images/special/special-search-icon6.svg"); }
:where(.lucua-legacy) .sort-btn__img--item7 { background-image: url("/assets/images/special/special-search-icon7.svg"); }
:where(.lucua-legacy) .sort-btn__img--item21 { background-image: url("/assets/images/special/special-search-icon21.svg"); }
:where(.lucua-legacy) .sort-btn__small-txt { font-size: 0.75rem; letter-spacing: 0.1125rem; width: 100%; }
:where(.lucua-legacy) .sort-result { padding-top: 50px; position: relative; }
:where(.lucua-legacy) .sort-result--nomikai .cafe-box__image--noimage { background: url("/assets/images/special/nomikai/nomikai-noimage.svg") 50% center / cover no-repeat; }
:where(.lucua-legacy) .cafe-box-wrap { margin: 0px auto; position: relative; }
:where(.lucua-legacy) .cafe-box { position: relative; margin-bottom: 60px; }
:where(.lucua-legacy) .cafe-box__image { font-size: 0px; }
:where(.lucua-legacy) .cafe-box__image--noimage { width: 100%; height: 100%; }
:where(.lucua-legacy) .cafe-box__image--icon { display: flex; justify-content: center; align-items: center; padding: 10px; }
:where(.lucua-legacy) .cafe-box__image--icon img { width: auto; }
:where(.lucua-legacy) .cafe-box__load { display: none; width: 100%; position: absolute; top: 20px; left: 0px; text-align: center; }
:where(.lucua-legacy) .cafe-box__load .ball-pulse-sync > div { background-color: rgb(218, 25, 79); width: 10px; height: 10px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; }
:where(.lucua-legacy) .cafe-box__load .ball-pulse-sync > div:first-child { animation: 0.6s ease-in-out -0.14s infinite normal none running a; }
:where(.lucua-legacy) .cafe-box__load .ball-pulse-sync > div:nth-child(2) { animation: 0.6s ease-in-out -0.07s infinite normal none running a; }
:where(.lucua-legacy) .cafe-box__load .ball-pulse-sync > div:nth-child(3) { animation: 0.6s ease-in-out 0s infinite normal none running a; }
:where(.lucua-legacy) .cafe-box__ttl { font-size: 1.125rem; text-align: center; width: 100%; margin: 0px 0px 30px; }
:where(.lucua-legacy) .cafe-box__no-item { display: none; width: 100%; margin: 0px 0px 60px; font-size: 1rem; text-align: center; font-weight: 700; }
:where(.lucua-legacy) .cafe-box__content { margin: 5px 0px 0px; display: flex; }
:where(.lucua-legacy) .cafe-box__floor { flex: 0 0 64px; }
:where(.lucua-legacy) .cafe-box__infomation { width: 100%; }
:where(.lucua-legacy) .cafe-box__hall { font-size: 0.6875rem; letter-spacing: 0.02rem; }
:where(.lucua-legacy) .cafe-box__detail { margin-top: 10px; }
:where(.lucua-legacy) .cafe-box__genre { text-align: right; font-size: 0.6875rem; }
:where(.lucua-legacy) .cafe-box__genre,
:where(.lucua-legacy) .cafe-box__name { letter-spacing: 0.0625rem; margin: 0px; }
:where(.lucua-legacy) .cafe-box__name { font-size: inherit; color: rgb(218, 25, 79); }
:where(.lucua-legacy) .cafe-box__name a { color: inherit; }
:where(.lucua-legacy) .cafe-box__name a:hover { text-decoration: underline; }
:where(.lucua-legacy) .cafe-box__coruse,
:where(.lucua-legacy) .cafe-box__price { font-size: 1.125rem; letter-spacing: 0.09375rem; font-weight: 700; margin: 0px; }
:where(.lucua-legacy) .cafe-box__bikou,
:where(.lucua-legacy) .cafe-box__text { font-size: 0.8125rem; letter-spacing: 0.06875rem; line-height: 1.54385; margin: 5px 0px 0px; }
:where(.lucua-legacy) .cafe-box__bikou small { font-size: inherit; }
:where(.lucua-legacy) .cafe-box__kodawari { display: flex; flex-wrap: wrap; list-style-type: none; padding: 18px 0px 0px; margin: 0px; }
:where(.lucua-legacy) .cafe-box__kodawari li { text-align: center; font-size: 0.6875rem; letter-spacing: 0.02rem; padding: 0.6em; margin: 0px 10px 10px 0px; border: 1px solid rgb(89, 87, 87); border-radius: 4px; background: rgb(242, 242, 242); }
:where(.lucua-legacy) .cafe-box__btnarea { display: flex; justify-content: flex-end; margin: 5px 0px 0px; }
:where(.lucua-legacy) .special-bottom-text { margin: 0px auto; padding: 0px 16px 72px; font-size: 0.75rem; letter-spacing: 0.0875rem; }
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-inner { margin: 0px auto; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button.button-special-filter { border-radius: 28px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button.button-special-filter { width: 100%; max-width: 360px; margin: 50px auto 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button.button-special-other { border-radius: 28px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .button.button-special-reset { border-radius: 28px; margin: 32px auto 0px; padding: 0.8em 0.5em; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-mv-nomikai__title { padding: 50px 0px 210px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-mv-nomikai__title img { width: 593px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-mv-nomikai__wrapper { background: rgba(82, 58, 56, 0.51); color: rgb(255, 255, 255); position: absolute; left: 0px; right: 0px; bottom: 0px; margin: 40px 0px 0px; padding: 15px 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-mv-nomikai__text { font-size: 0.9375rem; letter-spacing: 0.125rem; width: 626px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-area { width: 100%; max-width: 1465px; padding: 10px 5.55vw; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-box-wrap:nth-of-type(n+2) { margin-top: 2em; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-list.kodawari .sort-list__item { width: 13.125%; margin-left: 1.35417%; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-list.kodawari .sort-list__item:nth-of-type(7n+1) { margin-left: 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-btn__illust,
:where(.lucua-legacy) .sort-btn__txt { border-radius: 28px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-btn__illust { max-width: 168px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .sort-result { padding-top: 96px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box-wrap { width: 100%; max-width: 1465px; padding-left: 5.55vw; padding-right: 5.55vw; display: flex; justify-content: space-between; flex-wrap: wrap; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box { width: 46.875%; margin-bottom: 7.8%; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__slider { width: 100%; display: grid; grid-template: "e f" 1fr "e g" 1fr / 2fr 1fr; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--main { grid-area: e; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--sub1 { grid-area: f; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--sub2 { grid-area: g; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--main {  }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--sub1 {  }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--sub2 {  }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--icon img { width: auto; height: auto; max-width: 180px; max-height: 120px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__load { top: 90px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__load .ball-pulse-sync > div { width: 15px; height: 15px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__ttl { margin: 0px 0px 60px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__no-item { font-size: 1.875rem; margin: 0px 0px 7.8%; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__hall { margin: 0px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__coruse,
:where(.lucua-legacy) .cafe-box__price { font-size: 1.125rem; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__kodawari { padding: 18px 0px 0px 65px; }
}
@media screen and (min-width: 876px) {
:where(.lucua-legacy) .special-bottom-text { width: 100%; max-width: 1465px; padding: 0px 16px 100px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .special-mv-nomikai__text { text-align: left; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .slick-slider img { width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .slick-slider .cafe-box__image--icon img { max-width: 95%; max-height: 90%; height: auto; width: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .sort-box__ttl { margin-top: 0.5em; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .sort-list { margin-bottom: 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .sort-list.kodawari { justify-content: space-between; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .sort-list.kodawari .sort-list__item { width: 48%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .sort-list.kodawari .sort-btn__illust { width: 100%; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .cafe-box__image--icon { padding: 25% 0px 0px; position: relative; height: 0px !important; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .cafe-box__image--icon.cafe-box__image--sub1 { padding: 37% 0px 0px; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .cafe-box__image--icon img { position: absolute; inset: 0px; margin: auto; }
}
@media screen and (max-width: 875px) {
:where(.lucua-legacy) .cafe-box__detail { padding: 0px 16px; }
}
@media (-ms-high-contrast: none) {
:where(.lucua-legacy) .cafe-box__slider {  }
}
@media (-ms-high-contrast: none) {
:where(.lucua-legacy) .cafe-box__image--main {  }
}
@media (-ms-high-contrast: none) {
:where(.lucua-legacy) .cafe-box__image--sub1 {  }
}
@media (-ms-high-contrast: none) {
:where(.lucua-legacy) .cafe-box__image--sub2 {  }
}
@media screen and (max-width: 1400px) and (min-width: 876px) {
:where(.lucua-legacy) .cafe-box__image--icon img { max-width: 12vw; max-height: 8vh; }
}
@media (max-width: 767px) {
:where(.lucua-legacy) :focus { outline: none; }
}
/* 旧テーマの本文の外枠（div#content.site-content）の overflow を写す（旧テーマ style.css の .site-content { overflow: hidden; … } のうち overflow だけ）。
   旧サイトではここで本文のはみ出しを切っていた。無いとスマホ等で横にスクロールできてしまう（UT 2026-09-25 の束で実測）。LP 側の上書き（#content { overflow: inherit } 等）はそのまま効く */
.site-content { overflow: hidden; }