@charset "UTF-8";
/*-- 変数 --*/
@media all {
    :root {
        --rs-color-black: #333333;
        --rs-color-gray: #656565;
        --rs-color-dark-gray: #737373;
        --rs-color-bg-gray: #E5E5E5;
        --rs-color-border-input: #C8C8C8;
        --rs-color-red: var(--color-red);
        --rs-color-ivory: #F9F8F6;

        --rs-ff-serif: "Noto Serif", serif;

        --rs-fw-extra-light: 200;
        --rs-fw-light: 300;
        --rs-fw-regular: 400;
        --rs-fw-medium: 500;
        --rs-fw-semi-bold: 600;
        --rs-fw-bold: 700;
        --rs-fw-extra-bold: 800;

        --rs-z-index-base: 500;
        --rs-opacity-hover: 0.7;

        /**/
        --rs-svg-arrow: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.414%22%20height%3D%227.121%22%20viewBox%3D%220%200%2011.414%207.121%22%3E%3Cpath%20d%3D%22M7712-1059.086l-5.707-5.707%2C1.414-1.414%2C4.293%2C4.293%2C4.293-4.293%2C1.414%2C1.414Z%22%20transform%3D%22translate(-7706.293%201066.207)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');
        --rs-ar-arrow: 11.414/7.121;
        /**/
        --rs-svg-arrow-2: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.707%22%20height%3D%225.061%22%20viewBox%3D%220%200%208.707%205.061%22%3E%3Cpath%20d%3D%22M-250.227%2C11627.708l-4.354-4.354.707-.707%2C3.646%2C3.646%2C3.646-3.646.707.707Z%22%20transform%3D%22translate(254.58%20-11622.647)%22%20fill%3D%22%23e60012%22%2F%3E%3C%2Fsvg%3E');
        --rs-ar-arrow-2: 8.707/5.061;
        /**/
        --rs-svg-arrow-3: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.761%22%20height%3D%2212.438%22%20viewBox%3D%220%200%2012.761%2012.438%22%3E%3Cpath%20d%3D%22M7.286%2C49.255l-.632.632a.681.681%2C0%2C0%2C1-.966%2C0L.151%2C44.353a.681.681%2C0%2C0%2C1%2C0-.966l5.537-5.537a.681.681%2C0%2C0%2C1%2C.966%2C0l.632.632a.684.684%2C0%2C0%2C1-.011.977L3.842%2C42.73h8.186a.682.682%2C0%2C0%2C1%2C.684.684v.911a.682.682%2C0%2C0%2C1-.684.684H3.842l3.432%2C3.27A.679.679%2C0%2C0%2C1%2C7.286%2C49.255Z%22%20transform%3D%22translate(0.05%20-37.65)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
        --rs-ar-arrow-3: 12.761/12.438;
        /**/
        --rs-svg-arrow-4: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.061%22%20height%3D%226.707%22%20viewBox%3D%220%200%204.061%206.707%22%3E%3Cg%20transform%3D%22translate(0.354%200.354)%22%3E%3Cpath%20d%3D%22M-1935.465%2C2030.71l3%2C3-3%2C3%22%20transform%3D%22translate(1935.465%20-2030.71)%22%20fill%3D%22none%22%20stroke%3D%22%23e60012%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-arrow-4: 4.061/6.707;
        /**/
        --rs-svg-arrow-diagonal: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-up-right%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%202.5a.5.5%200%200%200-.5-.5h-6a.5.5%200%200%200%200%201h4.793L2.146%2013.146a.5.5%200%200%200%20.708.708L13%203.707V8.5a.5.5%200%200%200%201%200z%22%2F%3E%3C%2Fsvg%3E');
        --rs-ar-arrow-diagonal: 16/16;
        /**/
        --rs-svg-checkbox-on: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20transform%3D%22translate(0%20-1)%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(0%201)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.991%2C15%2C3.225%2C11.229l.919-.919%2C2.847%2C2.847L13.16%2C6.989l.919.919Z%22%20transform%3D%22translate(0%20-0.762)%22%20fill%3D%22%23e60012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-checkbox-on: 18/18;
        /**/
        --rs-svg-close: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.385%22%20height%3D%2218.385%22%20viewBox%3D%220%200%2018.385%2018.385%22%3E%3Cg%20transform%3D%22translate(-831.557%20531.037)%20rotate(-45)%22%3E%3Cpath%20d%3D%22M24%2C1H0V-1H24Z%22%20transform%3D%22translate(951.5%20225.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1%2C24H-1V0H1Z%22%20transform%3D%22translate(963.5%20213.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-close: 18.385/18.385;
        /**/
        --rs-svg-copy: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cg%20transform%3D%22translate(-170)%22%3E%3Crect%20width%3D%229%22%20height%3D%229%22%20transform%3D%22translate(170%202)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1%2C1V8H8V1H1M0%2C0H9V9H0Z%22%20transform%3D%22translate(170%202)%22%20fill%3D%22%23c6c6c6%22%2F%3E%3Crect%20width%3D%229%22%20height%3D%229%22%20transform%3D%22translate(172)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1%2C1V8H8V1H1M0%2C0H9V9H0Z%22%20transform%3D%22translate(172)%22%20fill%3D%22%23c6c6c6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-copy: 11/11;
        /**/
        --rs-svg-external-link: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%3E%3Cg%20transform%3D%22translate(-758.786%20-729.043)%22%3E%3Cpath%20d%3D%22M762.324%2C733.954l-.707-.707%2C3.315-3.315.707.707Z%22%20transform%3D%22translate(-0.342%20-0.4)%22%20fill%3D%22%23707070%22%2F%3E%3Cpath%20d%3D%22M765.786%2C733.543h-1v-3.5h-3.5v-1h4.5Z%22%20fill%3D%22%23707070%22%2F%3E%3Cpath%20d%3D%22M765.947%2C736.043h-6.5v-6.5h1v5.5h5.5Z%22%20transform%3D%22translate(-0.661)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-external-link: 7/7;
        /**/
        --rs-svg-minus: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cg%20transform%3D%22translate(1%201)%22%3E%3Cpath%20d%3D%22M12%2C.5H0v-1H12Z%22%20transform%3D%22translate(-1%205)%22%20fill%3D%22%23fff%22%2F%3E%3Cline%20x2%3D%2212%22%20transform%3D%22translate(5%20-1)%20rotate(90)%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-minus: 12/12;
        /**/
        --rs-svg-plus: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cg%20transform%3D%22translate(1%201)%22%3E%3Cpath%20d%3D%22M12%2C.5H0v-1H12Z%22%20transform%3D%22translate(-1%205)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12%2C.5H0v-1H12Z%22%20transform%3D%22translate(5%20-1)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-plus: 12/12;
        /**/
        --rs-svg-search: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.955%22%20height%3D%2217.165%22%20viewBox%3D%220%200%2016.955%2017.165%22%3E%3Cg%20transform%3D%22translate(-261%200)%22%3E%3Cpath%20d%3D%22M5.871%2C1.2a4.671%2C4.671%2C0%2C1%2C0%2C4.671%2C4.671A4.676%2C4.676%2C0%2C0%2C0%2C5.871%2C1.2m0-1.2A5.871%2C5.871%2C0%2C1%2C1%2C0%2C5.871%2C5.871%2C5.871%2C0%2C0%2C1%2C5.871%2C0Z%22%20transform%3D%22translate(261)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M5.032%2C5.842A.6.6%2C0%2C0%2C1%2C4.6%2C5.658L-.433.416A.6.6%2C0%2C0%2C1-.416-.433a.6.6%2C0%2C0%2C1%2C.848.017L5.465%2C4.827a.6.6%2C0%2C0%2C1-.433%2C1.016Z%22%20transform%3D%22translate(272.323%2011.323)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        --rs-ar-search: 16.955/17.165;
        /**/
    }
}

/*--pc 変数 --*/
@media (min-width:768px) and (orientation: landscape) {
    :root {
        --rs-fs-10: 1.0rem;
        --rs-fs-11: 1.1rem;
        --rs-fs-12: 1.2rem;
        --rs-fs-13: 1.3rem;
        --rs-fs-14: 1.4rem;
        --rs-fs-15: 1.5rem;
        --rs-fs-16: 1.6rem;
        --rs-fs-17: 1.7rem;
        --rs-fs-18: 1.8rem;
        --rs-fs-19: 1.9rem;
        --rs-fs-20: 2.0rem;
        --rs-fs-21: 2.1rem;
        --rs-fs-22: 2.2rem;
        --rs-fs-23: 2.3rem;
        --rs-fs-24: 2.4rem;
        --rs-fs-25: 2.5rem;
        --rs-fs-26: 2.6rem;
        --rs-fs-27: 2.7rem;
        --rs-fs-28: 2.8rem;
        --rs-fs-29: 2.9rem;
        --rs-fs-30: 3.0rem;
        --rs-fs-30: 3.0rem;
        --rs-fs-31: 3.1rem;
        --rs-fs-32: 3.2rem;
        --rs-fs-33: 3.3rem;
        --rs-fs-34: 3.4rem;
        --rs-fs-35: 3.5rem;
        --rs-fs-36: 3.6rem;
        --rs-fs-37: 3.7rem;
        --rs-fs-38: 3.8rem;
        --rs-fs-39: 3.9rem;
        --rs-fs-40: 4.0rem;

        --rs-container-w: calc(128rem + 4rem);
        --rs-header-h: 8rem;

        --rs-radius-input: 0;
        --rs-radio-w: 1.8rem;
        --rs-radio-h: 1.8rem;
        --rs-spacing-radio: 0.8rem;
        --rs-radio-top: 0;

        --rs-checkbox-w: 1.8rem;
        --rs-checkbox-h: 1.8rem;
        --rs-spacing-checkbox: 0.8rem;
        --rs-checkbox-top: 0;
        --rs-select-bg-image: var(--rs-svg-arrow);
        --rs-select-bg-size: 1rem auto;
        --rs-select-bg-position: center right 1.2rem;
    }
}

/*--sp 変数 --*/
@media (max-width:767px) or (orientation: portrait) {
    :root {
        --rs-1rem: 10;
        --rs-fs-base: calc((10 / 390) * 100vw);
        --rs-fs-10: calc(var(--rs-fs-base) / var(--rs-1rem) * 10);
        --rs-fs-11: calc(var(--rs-fs-base) / var(--rs-1rem) * 11);
        --rs-fs-12: calc(var(--rs-fs-base) / var(--rs-1rem) * 12);
        --rs-fs-13: calc(var(--rs-fs-base) / var(--rs-1rem) * 13);
        --rs-fs-14: calc(var(--rs-fs-base) / var(--rs-1rem) * 14);
        --rs-fs-15: calc(var(--rs-fs-base) / var(--rs-1rem) * 15);
        --rs-fs-16: calc(var(--rs-fs-base) / var(--rs-1rem) * 16);
        --rs-fs-17: calc(var(--rs-fs-base) / var(--rs-1rem) * 17);
        --rs-fs-18: calc(var(--rs-fs-base) / var(--rs-1rem) * 18);
        --rs-fs-19: calc(var(--rs-fs-base) / var(--rs-1rem) * 19);
        --rs-fs-20: calc(var(--rs-fs-base) / var(--rs-1rem) * 20);
        --rs-fs-21: calc(var(--rs-fs-base) / var(--rs-1rem) * 21);
        --rs-fs-22: calc(var(--rs-fs-base) / var(--rs-1rem) * 22);
        --rs-fs-23: calc(var(--rs-fs-base) / var(--rs-1rem) * 23);
        --rs-fs-24: calc(var(--rs-fs-base) / var(--rs-1rem) * 24);
        --rs-fs-25: calc(var(--rs-fs-base) / var(--rs-1rem) * 25);
        --rs-fs-26: calc(var(--rs-fs-base) / var(--rs-1rem) * 26);
        --rs-fs-27: calc(var(--rs-fs-base) / var(--rs-1rem) * 27);
        --rs-fs-28: calc(var(--rs-fs-base) / var(--rs-1rem) * 28);
        --rs-fs-29: calc(var(--rs-fs-base) / var(--rs-1rem) * 29);
        --rs-fs-30: calc(var(--rs-fs-base) / var(--rs-1rem) * 30);
        --rs-fs-30: calc(var(--rs-fs-base) / var(--rs-1rem) * 30);
        --rs-fs-31: calc(var(--rs-fs-base) / var(--rs-1rem) * 31);
        --rs-fs-32: calc(var(--rs-fs-base) / var(--rs-1rem) * 32);
        --rs-fs-33: calc(var(--rs-fs-base) / var(--rs-1rem) * 33);
        --rs-fs-34: calc(var(--rs-fs-base) / var(--rs-1rem) * 34);
        --rs-fs-35: calc(var(--rs-fs-base) / var(--rs-1rem) * 35);
        --rs-fs-36: calc(var(--rs-fs-base) / var(--rs-1rem) * 36);
        --rs-fs-37: calc(var(--rs-fs-base) / var(--rs-1rem) * 37);
        --rs-fs-38: calc(var(--rs-fs-base) / var(--rs-1rem) * 38);
        --rs-fs-39: calc(var(--rs-fs-base) / var(--rs-1rem) * 39);
        --rs-fs-40: calc(var(--rs-fs-base) / var(--rs-1rem) * 40);

        --rs-container-w: 100%;
        --rs-header-h: 6rem;

        --rs-radius-input: 0;
        --rs-radio-w: calc(18 / 390 * 100vw);
        --rs-radio-h: calc(18 / 390 * 100vw);
        --rs-spacing-radio: calc(9 / 390 * 100vw);
        --rs-radio-top: 0;

        --rs-checkbox-w: calc(18 / 390 * 100vw);
        --rs-checkbox-h: calc(18 / 390 * 100vw);
        --rs-spacing-checkbox: calc(9 / 390 * 100vw);
        --rs-checkbox-top: 0;
        --rs-select-bg-image: var(--rs-svg-arrow);
        --rs-select-bg-size: calc(10 / 390 * 100vw);
        --rs-select-bg-position: center right calc(12 / 390 * 100vw);
    }
}

/*-- pc/sp reset --*/
@media all {
    html {
        scroll-padding-top: var(--rs-header-h);
    }

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & * {
            word-break: break-all;
            list-style: none;
        }


        & :is(h2, h3) {
            background-color: transparent;
            padding: 0;
        }

        & textarea,
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
            font-size: 16px;
            border: none;
            color: var(--rs-color-black);
        }

        & select[disabled],
        & textarea:is([readonly], [disabled]),
        & input[disabled]:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
            background-color: #f4f4f4;
        }

        & textarea::placeholder,
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"])::placeholder {
            color: rgba(64, 59, 57, 0.3);
        }

        & select {
            appearance: none;
            background-repeat: no-repeat;
            background-color: #fff;
            background-image: var(--rs-select-bg-image);
            background-size: var(--rs-select-bg-size);
            background-position: var(--rs-select-bg-position);
            max-width: 100%;
            border: 1px solid var(--rs-color-border-input);
            border-radius: var(--rs-radius-input);
            font-weight: var(--rs-fw-regular);
            font-size: var(--rs-fs-16);
            color: var(--rs-color-black);
        }

        .uk-modal :where(button, [type="button"]):not([disabled]):hover,
        & :where(button, [type="button"]):not([disabled]):hover,
        & a:hover {
            opacity: var(--rs-opacity-hover);
        }

        & :where(button, [type="button"], [type="submit"]):focus-visible,
        & :where(button, [type="button"], [type="submit"]):focus {
            outline: none;
            box-shadow: none;
        }

        & button:not([disabled]) {
            cursor: pointer;
        }

        & [type="checkbox"],
        & .form-check [type="checkbox"],
        & label[class*="revico"] [type="checkbox"],
        & label.rs-g-label:has([type="checkbox"]) [type="checkbox"],
        & .form-control *:not(label)>[type="checkbox"],
        & .form-control label [type="checkbox"],
        & label.checkbox [type="checkbox"] {
            appearance: none;
            outline-offset: 0;
            width: var(--rs-checkbox-w);
            height: var(--rs-checkbox-h);
            margin: 0;
            margin-right: var(--rs-spacing-checkbox);
            background-position: center;
            background-color: #fff;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-flex;
            border: none;
            border-radius: 0;
            background-image: none;
        }

        & [type="checkbox"]:checked,
        & .form-check [type="checkbox"]:checked,
        & label[class*="revico"] [type="checkbox"]:checked,
        & label.rs-g-label:has([type="checkbox"]) [type="checkbox"]:checked,
        & .form-control *:not(label)>[type="checkbox"]:checked,
        & .form-control label [type="checkbox"]:checked,
        & label.checkbox [type="checkbox"]:checked {
            appearance: none;
            background-image: var(--rs-svg-checkbox-on);
            background-color: transparent;
            border: none;
        }

        & label:has([type="checkbox"]),
        & label[class*="revico"]:has([type="checkbox"]),
        & label.rs-g-label:has([type="checkbox"]),
        & .form-control [type="checkbox"]+label,
        & .form-control label:has([type="checkbox"]),
        & label.checkbox:has([type="checkbox"]) {
            position: relative;
            vertical-align: top;
            display: inline-flex;
            align-items: start;
            gap: 0 0;
            margin: 0;
            line-height: var(--rs-checkbox-h);
        }

        & label:hover{
            cursor: pointer;
        }

        & .form-check:has([type="checkbox"]) {
            display: flex;
            align-items: start;
            gap: 0 0;
            padding: 0;
        }

        &.form-control .checkbox_ {
            transition: none;
        }

        &.form-control .checkbox_::after {
            display: none;
        }

        &.form-control .checkbox_::before {
            position: static;
            transition: none;
            margin: revert;
            background: revert;
            border: none;
        }

        & input[type="radio"] {
            appearance: none;
            padding: 0;
            position: relative;
            top: var(--rs-radio-top);
            width: var(--rs-radio-w);
            height: var(--rs-radio-h);
            border: solid var(--rs-color-border-input) 1px;
            background-color: #fff;
            background-repeat: no-repeat;
            background-size: contain;
            border-radius: 50%;
            margin: 0 var(--rs-spacing-radio) 0 0;
        }

        & input[type="radio"]:checked {
            content: "";
            background-image: var(--rs-img-radio-on);
            border: none;
        }

        & input[type="radio"]:checked:before {
            content: none;
        }

        & :is(input, select):focus-visible,
        & :is(input, select):focus,
        & :is(input, select):focus-visible {
            outline-color: var(--rs-color-black);
        }
    }
}

/*--pc reset --*/
@media (min-width:768px) and (orientation: landscape) {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {

        & label[class*="revico"]:has([type="checkbox"])::before,
        & label.rs-g-label:has([type="checkbox"])::before,
        & .form-control [type="checkbox"]+label::before,
        & .form-control label:has([type="checkbox"])::before,
        & label.checkbox:has([type="checkbox"])::before {
            margin-right: 10px;
        }

        & textarea {
            padding: 10px 12px;
        }

        & :is(textarea, select),
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
            border-radius: var(--rs-radius-input);
            min-height: 42px;
            font-size: 16px;
            padding: 0 12px;
        }

        & select {
            padding-right: 34px;
        }

        & textarea {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        & textarea::placeholder,
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"])::placeholder {
            font-size: 16px;
        }
    }
}

/*--sp reset --*/
@media (max-width:767px) or (orientation: portrait) {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {

        & label[class*="revico"]:has([type="checkbox"])::before,
        & label.rs-g-label:has([type="checkbox"])::before,
        & .form-control [type="checkbox"]+label::before,
        & .form-control label:has([type="checkbox"])::before,
        & label.checkbox:has([type="checkbox"])::before {
            margin-right: calc(10 / 375 * 100vw);
        }

        & textarea {
            padding: calc(5 / 375 * 100vw) calc(10 / 375 * 100vw);
        }

        & :is(textarea, select),
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
            min-height: calc(42 / 375 * 100vw);
            font-size: var(--rs-fs-16);
        }

        & select,
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"]) {
            padding: 0 calc(10 / 375 * 100vw);
        }

        & select {
            padding-right: calc(35 / 375 * 100vw);
        }

        & textarea {
            padding-top: calc(15 / 375 * 100vw);
            padding-bottom: calc(15 / 375 * 100vw);
        }

        & .radio {
            margin-right: calc(20 / 375 * 100vw);
        }

        & textarea::placeholder,
        & input:is([type="text"], [type="number"], [type="email"], [type="tel"], [type="password"])::placeholder {
            font-size: var(--rs-fs-16);
        }
    }
}

/*-- pc/sp uikit override --*/
@media all {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & .uk-button {
            padding: 0;
        }

        & .uk-sticky {
            z-index: calc(var(--rs-z-index-base) - 1);
        }

        & .uk-modal {
            background: rgba(64, 59, 57, 0.7);
            padding: 0;
            z-index: calc(var(--rs-z-index-base) + 20);
        }

        & .uk-modal-dialog {
            height: 100%;
            transform: translateY(0);
            max-height: 90dvh;
            padding: 0;
            width: min(100dvw, 80%);
            overflow: visible;
            position: relative;
            border-radius: 0;
            filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.08));
        }

        & .uk-modal .rs-js-close-button {
            width: 30px;
            height: auto;
            position: absolute;
            padding: 0;
            background-color: transparent;
            border: none;
        }

        & .uk-modal .rs-js-close-button::after {
            content: '';
            background-image: var(--rs-svg-close);
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: auto;
            aspect-ratio: var(--rs-ar-close);
            display: block;
        }

    }
}

/*-- pc/sp swiper override --*/
@media all {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & .swiper-container {
            position: relative;
        }

        & .swiper-pagination {
            position: relative;
            top: 0;
            margin: 0 auto 0;
        }

        & :is(.swiper-button-prev, .swiper-button-next) {
            width: fit-content;
            height: fit-content;
            margin: 0;
            background: none;

            &:hover {
                opacity: var(--rs-opacity-hover);
            }

            &[disabled] {
                opacity: var(--rs-opacity-hover);
            }
        }

        & .swiper-button-prev::after {
            scale: -1 1;
        }
    }
}

/*-- pc/sp グローバルクラス --*/
@media all {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & .rs-g-color-black {
            color: var(--rs-color-black) !important;
        }

        & .rs-g-color-red {
            color: var(--rs-color-red) !important;
        }

        & .rs-g-color-gray {
            color: var(--rs-color-gray) !important;
        }

        & .rs-g-fw-bold {
            font-weight: var(--rs-fw-bold) !important;
        }

        & .rs-g-underline {
            text-decoration: underline !important;
        }

        & [class*="rs-g-button"] {
            border: none;
            padding: 0;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

}

/*-- pc グローバルクラス --*/
@media (min-width:768px) and (orientation: landscape) {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & [class*="rs-g-sp-only"] {
            display: none !important;
        }

        & :is(.rs-g-pc-only-block, .rs-g-pc-only) {
            display: block !important;
        }

        & :is(.rs-g-pc-only-none) {
            display: none !important;
        }

        & :is(.rs-g-pc-only-inline) {
            display: inline !important;
        }

        & :is(.rs-g-pc-only-inline-block) {
            display: inline-block !important;
        }

        & :is(.rs-g-pc-only-flex) {
            display: flex !important;
        }

        & :is(.rs-g-pc-only-inline-flex) {
            display: inline-flex !important;
        }

        & :is(.rs-g-pc-only-grid) {
            display: grid !important;
        }

        & :is(.rs-g-pc-only-table) {
            display: table !important;
        }
    }
}

/*-- sp グローバルクラス --*/
@media (max-width:767px) or (orientation: portrait) {

    body.page-shopstoredetail .pane-contents,
    body.page-contentspages .pane-contents {
        & [class*="rs-g-pc-only"] {
            display: none !important;
        }

        & :is(.rs-g-sp-only-block, .rs-g-sp-only) {
            display: block !important;
        }

        & :is(.rs-g-sp-only-none) {
            display: none !important;
        }

        & :is(.rs-g-sp-only-inline) {
            display: inline !important;
        }

        & :is(.rs-g-sp-only-inline-block) {
            display: inline-block !important;
        }

        & :is(.rs-g-sp-only-flex) {
            display: flex !important;
        }

        & :is(.rs-g-sp-only-inline-flex) {
            display: inline-flex !important;
        }

        & :is(.rs-g-sp-only-grid) {
            display: grid !important;
        }

        & :is(.rs-g-sp-only-table) {
            display: table !important;
        }
    }
}

/*-- pc animation --*/
@media (min-width:768px) and (orientation: landscape) {
    @keyframes touchAnimation {
        0% {
            translate: 2rem 0;
            opacity: 0;
        }

        20% {
            translate: 2rem 0;
            opacity: 1;
        }

        80% {
            translate: -2rem 0;
            opacity: 1;
        }

        100% {
            translate: -2rem 0;
            opacity: 0;
        }
    }
}

/*-- sp animation --*/
@media (max-width:767px) or (orientation: portrait) {
    @keyframes touchAnimation {
        0% {
            translate: calc(20 / 390 * 100vw) 0;
            opacity: 0;
        }

        20% {
            translate: calc(20 / 390 * 100vw) 0;
            opacity: 1;
        }

        80% {
            translate: calc(-20 / 390 * 100vw) 0;
            opacity: 1;
        }

        100% {
            translate: calc(-20 / 390 * 100vw) 0;
            opacity: 0;
        }
    }
}