@import url(/assets/vendor/googleapis/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(/assets/vendor/googleapis/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);

.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
    width: 32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 100;
}

.animsition-loading {
    background-color: transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.2);
    border-right: 5px solid rgba(0, 0, 0, 0.2);
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    border-left: 5px solid #eee;
    transform: translateZ(0);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: .8s;
    animation-name: animsition-loading;
}

@keyframes animsition-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.fade-in {
    animation-name: fade-in;
}


@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.fade-out {
    animation-name: fade-out;
}

@keyframes fade-in-up {
    0% {
        transform: translateY(500px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-up {
    animation-name: fade-in-up;
}


@keyframes fade-out-up {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-500px);
        opacity: 0;
    }
}


.fade-out-up {
    animation-name: fade-out-up;
}

@keyframes fade-in-up-sm {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-up-sm {
    animation-name: fade-in-up-sm;
}


@keyframes fade-out-up-sm {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-100px);
        opacity: 0;
    }
}


.fade-out-up-sm {
    animation-name: fade-out-up-sm;
}

@keyframes fade-in-up-lg {
    0% {
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-up-lg {
    animation-name: fade-in-up-lg;
}


@keyframes fade-out-up-lg {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px);
        opacity: 0;
    }
}


.fade-out-up-lg {
    animation-name: fade-out-up-lg;
}

@keyframes fade-in-down {
    0% {
        transform: translateY(-500px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-down {
    animation-name: fade-in-down;
}


@keyframes fade-out-down {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(500px);
        opacity: 0;
    }
}


.fade-out-down {
    animation-name: fade-out-down;
}

@keyframes fade-in-down-sm {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-down-sm {
    animation-name: fade-in-down-sm;
}


@keyframes fade-out-down-sm {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}


.fade-out-down-sm {
    animation-name: fade-out-down-sm;
}

@keyframes fade-in-down-lg {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fade-in-down-lg {
    animation-name: fade-in-down;
}


@keyframes fade-out-down-lg {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(1000px);
        opacity: 0;
    }
}


.fade-out-down-lg {
    animation-name: fade-out-down-lg;
}

@keyframes fade-in-left {
    0% {
        transform: translateX(-500px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-left {
    animation-name: fade-in-left;
}


@keyframes fade-out-left {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-500px);
        opacity: 0;
    }
}


.fade-out-left {
    animation-name: fade-out-left;
}

@keyframes fade-in-left-sm {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-left-sm {
    animation-name: fade-in-left-sm;
}


@keyframes fade-out-left-sm {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-100px);
        opacity: 0;
    }
}


.fade-out-left-sm {
    animation-name: fade-out-left-sm;
}

@keyframes fade-in-left-lg {
    0% {
        transform: translateX(-1500px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-left-lg {
    animation-name: fade-in-left-lg;
}


@keyframes fade-out-left-lg {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-1500px);
        opacity: 0;
    }
}


.fade-out-left-lg {
    animation-name: fade-out-left-lg;
}

@keyframes fade-in-right {
    0% {
        transform: translateX(500px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-right {
    animation-name: fade-in-right;
}


@keyframes fade-out-right {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(500px);
        opacity: 0;
    }
}


.fade-out-right {
    animation-name: fade-out-right;
}

@keyframes fade-in-right-sm {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-right-sm {
    animation-name: fade-in-right-sm;
}


@keyframes fade-out-right-sm {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100px);
        opacity: 0;
    }
}


.fade-out-right-sm {
    animation-name: fade-out-right-sm;
}

@keyframes fade-in-right-lg {
    0% {
        transform: translateX(1500px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.fade-in-right-lg {
    animation-name: fade-in-right-lg;
}


@keyframes fade-out-right-lg {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(1500px);
        opacity: 0;
    }
}


.fade-out-right-lg {
    animation-name: fade-out-right-lg;
}

@keyframes rotate-in {
    0% {
        transform: rotate(-90deg);
        transform-origin: center center;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }
}


.rotate-in {
    animation-name: rotate-in;
}


@keyframes rotate-out {
    0% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: center center;
        opacity: 0;
    }
}


.rotate-out {
    animation-name: rotate-out;
}

@keyframes rotate-in-sm {
    0% {
        transform: rotate(-45deg);
        transform-origin: center center;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }
}


.rotate-in-sm {
    animation-name: rotate-in-sm;
}


@keyframes rotate-out-sm {
    0% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        transform-origin: center center;
        opacity: 0;
    }
}


.rotate-out-sm {
    animation-name: rotate-out-sm;
}

@keyframes rotate-in-lg {
    0% {
        transform: rotate(-180deg);
        transform-origin: center center;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }
}


.rotate-in-lg {
    animation-name: rotate-in-lg;
}


@keyframes rotate-out-lg {
    0% {
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1;
    }

    100% {
        transform: rotate(180deg);
        transform-origin: center center;
        opacity: 0;
    }
}


.rotate-out-lg {
    animation-name: rotate-out-lg;
}

@keyframes flip-in-x {
    0% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}


.flip-in-x {
    animation-name: flip-in-x;
    backface-visibility: visible !important;
}


@keyframes flip-out-x {
    0% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }
}


.flip-out-x {
    animation-name: flip-out-x;
    backface-visibility: visible !important;
}

@keyframes flip-in-x-nr {
    0% {
        transform: perspective(100px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(100px) rotateX(0deg);
        opacity: 1;
    }
}


.flip-in-x-nr {
    animation-name: flip-in-x-nr;
    backface-visibility: visible !important;
}


@keyframes flip-out-x-nr {
    0% {
        transform: perspective(100px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(100px) rotateX(90deg);
        opacity: 0;
    }
}


.flip-out-x-nr {
    animation-name: flip-out-x-nr;
    backface-visibility: visible !important;
}

@keyframes flip-in-x-fr {
    0% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1;
    }
}


.flip-in-x-fr {
    animation-name: flip-in-x-fr;
    backface-visibility: visible !important;
}


@keyframes flip-out-x-fr {
    0% {
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}


.flip-out-x-fr {
    animation-name: flip-out-x-fr;
    backface-visibility: visible !important;
}

@keyframes flip-in-y {
    0% {
        transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}


.flip-in-y {
    animation-name: flip-in-y;
    backface-visibility: visible !important;
}


@keyframes flip-out-y {
    0% {
        transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }
}


.flip-out-y {
    animation-name: flip-out-y;
    backface-visibility: visible !important;
}

@keyframes flip-in-y-nr {
    0% {
        transform: perspective(100px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(100px) rotateY(0deg);
        opacity: 1;
    }
}


.flip-in-y-nr {
    animation-name: flip-in-y-nr;
    backface-visibility: visible !important;
}


@keyframes flip-out-y-nr {
    0% {
        transform: perspective(100px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(100px) rotateY(90deg);
        opacity: 0;
    }
}


.flip-out-y-nr {
    animation-name: flip-out-y-nr;
    backface-visibility: visible !important;
}

@keyframes flip-in-y-fr {
    0% {
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1;
    }
}


.flip-in-y-fr {
    animation-name: flip-in-y-fr;
    backface-visibility: visible !important;
}


@keyframes flip-out-y-fr {
    0% {
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0;
    }
}


.flip-out-y-fr {
    animation-name: flip-out-y-fr;
    backface-visibility: visible !important;
}

@keyframes zoom-in {
    0% {
        transform: scale(.7);
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.zoom-in {
    animation-name: zoom-in;
}


@keyframes zoom-out {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.7);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.zoom-out {
    animation-name: zoom-out;
}

@keyframes zoom-in-sm {
    0% {
        transform: scale(.95);
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.zoom-in-sm {
    animation-name: zoom-in-sm;
}


@keyframes zoom-out-sm {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.95);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.zoom-out-sm {
    animation-name: zoom-out-sm;
}

@keyframes zoom-in-lg {
    0% {
        transform: scale(.4);
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.zoom-in-lg {
    animation-name: zoom-in-lg;
}


@keyframes zoom-out-lg {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.4);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.zoom-out-lg {
    animation-name: zoom-out-lg;
}

@keyframes overlay-slide-in-top {
    0% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}


.overlay-slide-in-top {
    top: 0;
    height: 0;
    animation-name: overlay-slide-in-top;
}


@keyframes overlay-slide-out-top {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}


.overlay-slide-out-top {
    top: 0;
    height: 100%;
    animation-name: overlay-slide-out-top;
}

@keyframes overlay-slide-in-bottom {
    0% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}


.overlay-slide-in-bottom {
    bottom: 0;
    height: 0;
    animation-name: overlay-slide-in-bottom;
}


@keyframes overlay-slide-out-bottom {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}


.overlay-slide-out-bottom {
    bottom: 0;
    height: 100%;
    animation-name: overlay-slide-out-bottom;
}

@keyframes overlay-slide-in-left {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}


.overlay-slide-in-left {
    width: 0;
    animation-name: overlay-slide-in-left;
}


@keyframes overlay-slide-out-left {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}


.overlay-slide-out-left {
    left: 0;
    width: 100%;
    animation-name: overlay-slide-out-left;
}

@keyframes overlay-slide-in-right {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}


.overlay-slide-in-right {
    right: 0;
    width: 0;
    animation-name: overlay-slide-in-right;
}


@keyframes overlay-slide-out-right {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}


.overlay-slide-out-right {
    right: 0;
    width: 100%;
    animation-name: overlay-slide-out-right;
}



.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd;
}

/**
 * Swiper 6.7.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 1, 2021
 */

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-size: 62.5%;
}

body {
    background-position: center;
    background-repeat: repeat;
    background-image: url("../images//global/bk/bg_patterns_light.jpg");
    background-size: 300px;
}

.darkMode {
    background-image: initial;
    background-image: url("../images//global/bk/bg_patterns_dark.jpg");
    background-size: 300px;
    overflow-x: hidden;
}

.blackBack {
    background-color: #000;
    background-image: initial !important;
}

html,
body,
#wrap {
    height: 100%;
}





.aboutMainBox {
    margin-left: 182px;
    font-family: mundial, sans-serif;
}

.abooutHero {
    height: 100vh;
    background-image: url(../images/aboutmain.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    margin-bottom: 160px;
}

.abooutHero::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.24);
    content: "";

}

.abooutHero .textBox {
    position: absolute;
    z-index: 2;
    text-align: center;
    color: #fff;
    top: 57%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.abooutHero .textBox h2 {
    font-size: 67px;
    margin-bottom: 7px;
    letter-spacing: .06em;
}

.abooutHero .textBox p {
    font-size: 15px;
    font-weight: bold !important;
    color: #fff !important;
    font-family: mundial, sans-serif !important;
}


.aboutNavWrap {
    display: flex;
    max-width: 1150px;
    column-gap: 2%;
    margin: 0 auto;
    margin-bottom: 140px;
    padding: 0 80px;
}

.aboutNavWrap > div {
    width: 32%;

}

.aboutNavWrap a {
    display: block;
    border-bottom: solid #D29A5E 3px;
    padding-bottom: 8px;
    position: relative;
    font-size: 28px;
    font-weight: bold;
}

.aboutNavWrap a:after {
    background-image: url(//ryosv.xsrv.jp/raijin/wp-content/themes/zakkushi_theme/public/css/../images/dddarrow.svg);
    background-size: contain;
    width: 23px;
    height: 13px;
    right: 0;
    top: 11px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
}

.udMainTitle {
    text-align: center;
    margin-bottom: 93px;
    font-weight: bold !important;
}

.udMainTitle h3 {
    font-size: 67px;
    margin-bottom: 7px;
}

.udMainTitle p {
    font-size: 23px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
}


.aboutMainBox .regularNav .nav {
    font-size: 11px !important;
    font-family: mundial, sans-serif !important;
    margin-bottom: 14px !important;
    font-weight: bold !important;
}

.aboutMainBox .regularNav {
    max-width: 982px !important;
    font-family: mundial, sans-serif !important;
    margin: 0 auto !important;
    font-weight: bold !important;
    padding: 0 80px !important;
}

.aboutMainBox .regularNav .widLine {
    width: 100%;
    background: #707070;
    height: 1px;
    margin-bottom: 40px;
}

.aboutMainBox .regularNav h4 {
    font-size: 23px !important;
    color: #D29A5E !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    margin-bottom: 20px !important;
}

.aboutMainBox .regularNav .des {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 28px !important;
    font-family: mundial, sans-serif !important;
    margin-bottom: 82px !important;
}

#udVision,
#udMission,
#udRecruit {
    padding-top: 68px;
}

.cudapproach {
    background: #F9F4EE;
    margin-bottom: 95px;
    margin-top: 45px;
}

.cudapproachInnrs {
    display: flex;
    justify-content: center;
    max-width: 1250px;
    column-gap: 120px;
    margin: 0 auto;
    padding: 170px 80px;
    align-items: center;
}

.cudapproachInnrs .title {
    font-size: 47px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    text-transform: uppercase;
}

.cudapproachInnrs .des {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    line-height: 30px !important;
}


.cudapproachInnrs .titleBox {
    width: 132%;
}

.udhLine {
    width: 1px;
    text-align: center;
    margin: 0 auto;
    height: 73px;
    background: #707070;
    margin-bottom: 15px;
}


.AnTitlke p {
    text-align: center;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    font-size: 28px !important;
    line-height: 32px !important;
    text-transform: uppercase;
    margin-bottom: 88px;
}

.outFlexLine {
    width: 100%;
    max-width: 1381px;
    background: #707070;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.outFlex {
    display: flex;
    max-width: 1381px;
    margin: 0 auto;
    column-gap: 40px;
    margin-bottom: 45px;
    padding: 0 80px;
}

.outFlex .titleBox {
    width: 50%;
}

.outFlex .desBox {
    width: 60%;
}

.outFlex h4 {
    font-size: 23px !important;
    color: #d29a5e;
    font-weight: 700 !important;
    font-family: mundial, sans-serif !important;
    line-height: 35px !important;
}

.outFlex .desBox p {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    margin-bottom: 23px;
}

.aboutMainBox {
    margin-bottom: 180px;
}

.aboutMainBox .recBtnWrap {
    position: absolute;
    z-index: 9999;
}

.nnTnh {
    text-align: center !important;
    color: #D29A5E !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    font-size: 20px !important;
    margin-bottom: 20px;
    margin-top: 40px;
}

#udRecruit .udMainTitle {
    margin-bottom: 30px;
}

.dtailN {
    font-size: 23px !important;
    background: #000 !important;
    display: inline-block !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    padding: 0 15px !important;
    color: #fff !important;
}

.nnDeso {
    margin: 0 auto !important;
    margin-bottom: 23px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    max-width: 860px;

    font-weight: bold !important;
    font-family: mundial, sans-serif !important;

}

.outFlexN {
    margin-top: 80px;
}

.nnDesoWrap {
    margin-bottom: 88px;
}

.napxnav {
    line-height: 35px !important;
}

.outFlex h5 {
    color: #D29A5E;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    font-size: 18px !important;
}

.napx {
    margin-top: 20px;
}

.outFlex h6 {
    border: solid 1px #D29A5E;
    font-size: 18px !important;
    color: #D29A5E;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 15px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
}


#loader-bg.scrollin {
    animation: disnone 1s 6s forwards !important;
}

@keyframes disnone {
    0% {
        width: 100%;
    }


    100% {
        width: 0;
    }
}


.mobile_header_contents--deActivate {
    display: block !important;
}


.onlineOrderWrapper {
    display: block !important;
}

.onlineOrder_contents .accordionForSinglePage_ttl:before {
    display: none !important;
}

.onlineOrder_contents .accordionForSinglePage_ttl {
    pointer-events: none !important;
}

#menuArchive {
    background: #262626;
}


.locationNav_city_list {
    max-height: 224px !important;
}

.locationNav_city_title img {
    display: none;
}

.outFlex .desBox li {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: mundial, sans-serif !important;
    margin-bottom: 23px;
}

.outFlex .desBox ul {
    margin-left: 0 !important;
}

.outFlex .desBox h7 {
    font-size: 24px;
    text-decoration: underline;
    margin-bottom: 18px;
    margin-top: 25px;
    display: block;
}


.outFlex .desBox .head7 {
    font-size: 24px !important;
    margin-bottom: 18px !important;
    margin-top: 25px !important;
    display: block !important;
    color: #d29a5e !important;
}

.outFlex .desBox .cnColor {
    color: #555;
    text-decoration: underline;
    margin-bottom: 4px;
}


.upTo {
    margin-top: -69px;
}


.outFlex .nanUl {
    margin-left: 2em;
    list-style: decimal-leading-zero !important;
}




.notetitle {
    color: #555 !important;
    font-size: 15px !important;
}

.outFlex .desBox .notedes {
    font-size: 13px !important;
    color: #555 !important;
}



.spe_head .notChosenItemList .sideNavList_item_ImgWrap {
    cursor: default !important;
}

.spe_head .notChosenItemList {
    cursor: default !important;
}

.sec_wahtsNew_archiveLinkBtnWrap .poinTextf {
    font-size: 15px !important;
}






/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/




.ramenBlogArWrap {
    margin-left: 182px;
    padding-bottom: 109px;
}



.ramenBlogHero {
    position: relative;

}

.ramenBlogHero h2 {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 33px;
    color: #fff;
    margin-bottom: 30px;
}

.ramenBlogHero .TextBox {
    top: 56%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.ramenBlogHero .imgBox img {
    width: 100%;
    
}

.ramenBlogHero .TextBox span {
    width: 30%;
    height: 1px;
    margin: 0 auto;
    background: #d7ad7d;
    display: block;
}


.idramenBlog-card:hover .imgBox img{
    transform: scale(1.08);
}
.idramenBlog-card:hover .imgBox{
    opacity: .7;
}
.idramenBlog-card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 104px 35px;
    max-width: 1230px;
    margin: 0 auto;
    margin-top: 70px;
    padding: 0 60px;
/*    margin-bottom: 139px;*/
}
#eachShopPage .ramenBlogArWrap .pagination_list{
margin-top: 139px;
}





.idramenBlog-card {
    display: flex;
    flex-direction: column;
}

.idramenBlog-card .imgBox {
    border-radius: 8px;
    overflow: hidden;
         transition:  1.4s cubic-bezier(0.36, 0.14, 0, 1);
      margin-bottom: 20px;
}

.idramenBlog-card img {
    width: 100%;
     transition:  1.4s cubic-bezier(0.36, 0.14, 0, 1);
    height: auto;
    display: block;
    border-radius: 8px;
  
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.idramenBlog-card h3 {
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif !important;
    line-height: 36px;
    margin: 0 0 15px 0;
    font-family: Helvetica, Arial, Roboto, sans-serif !important;
    color: #000;
}

.idramenBlog-card-meta {
    display: flex;
    align-items: center;
    font-weight: 300 !important;
    text-transform: uppercase;
    gap: 17px;
    margin-bottom: 15px !important;
    font-family: "Noto Sans", sans-serif;
    color: #6A6A6A;
    font-size: 13px !important;
    font-family: Helvetica, Arial, Roboto, sans-serif;
}
.idramenBlog-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.idramenBlog-card-description {
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 28px !important;
    margin: 0 0 19px 0 !important;
    word-break: break-all;
    font-family: Helvetica, Arial, Roboto, sans-serif !important;
}
.idramenBlog-category-tags span {
    color: #6A6A6A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid rgba(106, 106, 106, 0.30);
    padding: 5px 8px;
    text-decoration: none;
    margin-right: 0px;
    font-family: Helvetica, Arial, Roboto, sans-serif !important;
}
.idramenBlog-category-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/
/*==================ラーメンブログ==================*/




/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/

.ramenBlogSingleW .inactive {
    opacity: 0.2;
}
.ramenBlogSingleW {
    margin-left: 182px;
    padding-bottom: 124px;
}
.ramenBlogSingleW .singleHero img {
    width: 100%;
    aspect-ratio: 1518 / 580;
    object-fit: cover;
    max-height: 580px;
}

.ramenBlogSingleW .singleMainCont {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 64px;
}
.ramenBlogSingleW .idramenBlog-card h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 49px;
    margin: 0 0 22px 0;
    color: #000;
    font-family: "Times Modern", Times, serif;
    font-weight: 400;
}
.ramenBlogSingleW  .idramenBlog-card {
   margin-bottom: 53px;
}
#eachShopPage .ramenBlogSingleW .singleTheCont{
font-family:  Helvetica, Arial, Roboto, sans-serif;
    color: #333;
}
#eachShopPage .ramenBlogSingleW .singleTheCont img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
#eachShopPage .ramenBlogSingleW .singleTheCont p {
    font-family: Helvetica, Arial, Roboto, sans-serif;
    font-size: 16px;
    letter-spacing: 0.010em;
    color: #333;
    line-height: 30px;
    margin-top: 26px;
    font-weight: 100;
}
#eachShopPage .ramenBlogSingleW .idramenBlog-card-meta {
    margin-bottom: 26px !important;
}
#eachShopPage .ramenBlogSingleW .Writtenby{
    column-gap: 20px;
}
#eachShopPage .ramenBlogSingleW .Writtenby img{
    border-radius: 100vw;
}

/*
#eachShopPage .ramenBlogSingleW .Writtenby p{
    white-space: nowrap;
}
*/

#eachShopPage .ramenBlogSingleW .Writtenby>div{
/*    flex-basis: 10.33% !important;*/
    flex-basis: auto !important;
}

#eachShopPage .ramenBlogSingleW h3{
    font-size: 30px;
    line-height: 36px;
    margin-top: 84px;
        letter-spacing: 0.010em;
}
#eachShopPage .ramenBlogSingleW h4{
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
    letter-spacing: 0.010em;
}
#eachShopPage .ramenBlogSingleW figure{
    margin-top: 26px;
}
#eachShopPage .ramenBlogSingleW .has-background {
    border-radius: 4px;
    padding: 22px 50px;
}
#eachShopPage .ramenBlogSingleW ul {
    margin-top: 26px;
    list-style-position: inside;
    margin-left: 0;
}
#eachShopPage .ramenBlogSingleW ul li {
    font-size: 16px;
    letter-spacing: 0.010em;
    margin-left: 0;
    line-height: 30px;
    font-weight: 100 !important;
    font-family:  Helvetica, Arial, Roboto, sans-serif !important;
}

#eachShopPage .ramenBlogSingleW a {
    display: inline-block;
    text-decoration: underline;
    font-weight: 400;
    color: #0693E3;
    transition: .4s;
}
#eachShopPage .ramenBlogSingleW a:hover{
    opacity: .6;
}


#eachShopPage .ramenBlogSingleW hr {
    margin: 70px 0;
}

#eachShopPage .ramenBlogSingleW .post_page_navi {
    list-style: none !important;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-top: 118px;
    border-radius: 4px;
    padding: 29px 25px;
    max-width: 900px;
    column-gap: 182px;
    background: #F4F4F4;
    letter-spacing: 0.06em;
    font-family: Helvetica, Arial, Roboto, sans-serif;
}
#eachShopPage .ramenBlogSingleW .prev_child .prev {
    position: relative;
    cursor: pointer;
}
#eachShopPage .ramenBlogSingleW .post_page_navi span {
    font-size: 16px;
    transition: 0.4s;
    font-family: Helvetica, Arial, Roboto, sans-serif;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    pointer-events: none;
}
#eachShopPage .ramenBlogSingleW .prev_child .prev::before {
    content: "";
    width: 51px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 49%;
    left: 57px;
}
#eachShopPage .ramenBlogSingleW a.pagenationBox_centaer {
    padding-left: 24px;
    position: relative;
}
#eachShopPage .ramenBlogSingleW a.pagenationBox_centaer::after {
    content: "";
    position: absolute;
    background-image: url(https://ramenraijin.com/wp-content/themes/zakkushi_theme/public/images/listicon.svg);
    background-size: contain;
    transition: 0.4s;
    background-repeat: no-repeat;
    width: 14;
    height: 14;
    left: 0;
    top: 7px;
}


#eachShopPage .ramenBlogSingleW .post_page_navi a {
    color: #333;
    text-decoration: none;
    transition: 0.4s;
}
#eachShopPage .ramenBlogSingleW .next_child .next {
    position: relative;
    cursor: pointer;
}
#eachShopPage .ramenBlogSingleW .next_child .next::before {
    content: "";
    width: 51px;
    height: 1px;
    background: #333;
    position: absolute;
   top: 49%;
    right: 57px;
}
/*
.mobile_header_contents_logo {
    opacity: 0;
}
*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
/*==================Singleラーメンブログ==================*/
@media (min-width: 1200px) {
    body {
        overflow-y: scroll;
    }
}

html,
body {
    -webkit-overflow-scrolling: touch !important;
    height: 100%;
}

.zoomStopper {
    overflow: auto;
}

body {
    position: relative;
    overflow-x: hidden;
    min-height: 100%;
    z-index: -1;
}

.animated {
    opacity: 1;
}

#wrap {
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    z-index: -1;
    position: relative;
}

.main_contents {
    flex: 1;
    position: relative;
    opacity: 0;
}

.container {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.policiesContents h3 {
    color: #d7ad7d;
}





@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1100px;
    }
}

.container--height100 {
    height: 100%;
    position: relative;
    z-index: 3;
}

@media (min-width: 1200px) {
    .container--midFull {
        max-width: 900px;
    }
}

.header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 4;
}

@media (min-width: 1200px) {
    .header {
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: -22;
        width: 182px;
        height: 100vh;
    }
}

footer {
    background: #262626;
    position: relative;
    z-index: -999;
    transition: all 1s ease-in;
}

a {
    text-decoration: none;
    color: initial;
}

a:focus {
    outline: none;
}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.mb_only {
    display: initial;
}

@media (min-width: 1200px) {
    .mb_only {
        display: none;
    }
}

.pc_only {
    display: none;
}

@media (min-width: 1200px) {
    .pc_only {
        display: initial;
    }
}

.myWysiwyg ul {
    margin-left: 1.4em;
}

.myWysiwyg ul li {
    font-size: 1.4rem;
    margin: 1em 0;
}

.myWysiwyg small {
    font-size: 88%;
}

.myWysiwyg .txtWithCircleImage_flex_item_mainText_underLineYellow {
    background: linear-gradient(transparent 75%, #fcffa8 0%);
}

.txt_red {
    color: #bd141f;
}

input {
    font-size: 16px;
}

.sec_subHead {
    position: relative;
    background: #faf7f1;
    z-index: 1;
}

@media (min-width: 1200px) {
    .sec_subHead {
        height: 100%;
        background: transparent;
    }
}

.sec_subHead--notFront {
    height: 100%;
    background: transparent;
    display: flex;
    flex-direction: column;
}

.subHeadMain {
    padding: 12.5px 0 12.5px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
    color: #383838;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .subHeadMain {
        padding: 10px 0 10px 0;
    }
}

.mobile_header_contents_logo--exception {
    height: 40px;
}

.mobile_header_contents_logo--exception img {
    height: 100%;
}

.mobileHeaderSecectClassWrap {
    position: relative;
    position: relative;
    margin-top: 0.5em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 1.0909090909;
}

.optionChosen {
    position: relative;
    display: inline-block;
    margin-top: 0.5em;
}

#HOME .optionChosen::after {
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    left: 100%;
    content: "";
    background-image: url("../images//icon/each-shop-page/ico_down_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    width: 10px;
    height: 10px;
}

.mobileHeaderSecectClass {
    opacity: 0;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: -moz-center;
    text-align: -webkit-center;
    -moz-text-align-last: center;
    text-align-last: center;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    border-radius: none;
    font-size: 16px;
    color: #fff;
    background: 0;
    padding-right: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 1.0909090909;
}

.mobileHeaderSecectClass:-ms-expand {
    display: none;
}

.headerMianContentWrap {
    z-index: 2;
}

@media (min-width: 1200px) {
    .headerMianContentWrap {
        height: 100%;
        background-color: black;
        display: flex;
        cursor: default;
        flex-direction: column;
    }
}

.headerMianContent {
    display: flex;
    justify-content: space-between;
    height: 75px;
    position: relative;
    width: 100%;
    background-color: #000;
}

@media (min-width: 1200px) {
    .headerMianContent {
        z-index: 1000;
        padding: 1em 0;
    }
}

.headerMianContent_left,
.headerMianContent_rigth {
    width: 45%;
    display: flex;
    align-items: center;
}

.headerMianContent_left {
    max-width: 100px;
    margin-left: 4.5%;
}

@media (min-width: 1200px) {
    .headerMianContent_left {
        margin-left: initial;
        width: 100%;
        max-width: initial;
    }
}

.headerMianContent_left_backBtn {
    padding: 0.5em 1.5em 0.5em 0.5em;
}

.headerMianContent_left_backBtn--deActivate {
    display: none;
}

@media (min-width: 1200px) {
    .headerMianContent_left_backBtn {
        display: none;
    }
}

.headerMianContent_left_backBtn:hover {
    opacity: 0.5;
}

.mobileNavOpenedEl {
    display: none;
}

@media (min-width: 1200px) {
    .mobileNavOpenedEl {
        display: none;
    }
}

.mobileNavOpenedEl--active {
    display: block;
}

@media (min-width: 1200px) {
    .mobileNavOpenedEl--active {
        display: none;
    }
}

.headerMianContent_rigth {
    max-width: 140px;
    margin-right: 4.5%;
    justify-content: flex-end;
}

@media (min-width: 1200px) {
    .headerMianContent_rigth {
        margin-right: initial;
        max-width: 160px;
        margin-left: 1.5em;
        display: none;
    }
}

.logoWrap {
    width: 154px;
}

@media (min-width: 1200px) {
    .logoWrap {
        margin: 0 auto;
    }
}

.logoWrap--notFront {
    width: 12.5px;
}

@media (min-width: 1200px) {
    .logoWrap--notFront {
        width: 140px;
        margin: 0 auto;
        padding-left: 15px;
    }
}

.mobile_header_contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (min-width: 1200px) {
    .mobile_header_contents {
        display: none;
    }
}

.mobile_header_contents--deActivate {
    display: none;
}

.mobile_header_contents_normal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (min-width: 1200px) {
    .mobile_header_contents_normal {
        display: none;
    }
}

.mobile_header_contents_normal a {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .footer-content {
        padding-left: 182px;
    }
}

.footer-content--footerMenuArchive {
    border-top: 1px #515151 solid;
}

.copyRight {
    text-align: center;
    font-size: 1.1rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.025em;
    line-height: 0;
    padding: 2.5rem 0;
}

@media (min-width: 1200px) {
    .copyRight {
        text-align: right;
    }
}

.footer_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.2rem;
    color: #ffffff;
    letter-spacing: 0.05em;
    line-height: 2.3333333333;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.spFooterR2:after {
    position: absolute;
    content: "";
    background-color: #707070;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1px;
    width: 100%;
}

.footer_nav_item {
    margin-top: 0.5em;
    padding: 1em 0;
}

.footer_nav_item:first-of-type {
    margin-left: 1.5em;
}

.footer_nav_item:last-of-type {
    margin-right: 1.5em;
}

.footer_nav_item a {
    text-transform: uppercase;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px) {
    .footer_nav_item a {
        height: initial;
    }

    .footer_nav_item a:hover {
        text-decoration: underline;
    }
}

@media (min-width: 1200px) {
    .footerFlex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .footer_nav {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .footer_nav::after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .footer_nav_item {
        padding: 1.5em 13px;
    }

    .footer_nav_item:first-of-type {
        margin-left: 0;
    }

    .footer_nav_item:last-of-type {
        margin-right: 0;
    }

    .footer_nav_item:first-of-type {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .footer_info {
        width: 50%;
    }
}

.containerOnlyFooter {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 1200px) {
    .containerOnlyFooter {
        width: 95%;
        max-width: none;
        margin: initial;
        padding-left: 60px;

    }
}

.hamburgerBtn {
    width: 20px;
    height: 18px;
    margin-bottom: 0.6em;
    cursor: pointer;
    position: relative;
}

@media (min-width: 1200px) {
    .hamburgerBtn {
        width: 30px;
    }
}

.tabMenu_list {
    text-align: center;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

.tabMenu_list--active {
    background-color: #383838;
}

.tabMenu_list--online_order {
    background-color: #383838;
}

@media (min-width: 1200px) {
    .tabMenu_list {
        display: none;
        overflow: hidden;
    }

    .tabMenu_list:last-of-type {
        width: initial;
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        z-index: 1000;
        width: 80px;
        height: 80px;
    }
}

.hamburgerBtn_line {
    width: 100%;
    height: 1px;
    content: "";
    background-color: #fff;
    transition: all 0.25s ease-in;
    position: absolute;
    left: 0;
}

.hamburgerBtn_line:nth-of-type(1) {
    top: 0;
}

.hamburgerBtn_line:nth-of-type(2) {
    top: 49%;
}

.hamburgerBtn_line:nth-of-type(3) {
    bottom: 0;
}

.hamburgerBtn_line--active:nth-of-type(1) {
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}

.hamburgerBtn_line--active:nth-of-type(2) {
    opacity: 0;
}

.hamburgerBtn_line--active:nth-of-type(3) {
    transform: translateY(50%) rotate(45deg);
    bottom: 50%;
}

.btnType1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnType2 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    height: 100%;
}

.btnType2_leftItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnType3 {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 18px;
}

.btnType3_leftItem {
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 38px;
    margin-right: 2px;
}

@media (min-width: 1200px) {
    .btnType3_leftItem {
        text-align: center;
    }
}

.btnType3_middle {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnType3_middle img {
    max-height: 25px;
}

.btnType3_RightItem {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.5em;
}

.zksBtn {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #000 1px solid;
    width: 100%;
    min-height: 50px;
    padding: 1em 0;
    font-size: 1.3rem;
    box-sizing: border-box;
}

.zksBtn--is_row:not(:first-of-type) {
    border-left: none;
}

@media (min-width: 1200px) {
    .zksBtn--is_PC_space:not(:first-of-type) {
        border-left: #000 1px solid;
    }
}

.zksBtn--hovering:hover {
    background: #000;
    color: #fff;
}

.zksBtn--hovering:hover .zksBtn_icon {
    display: none;
}

.zksBtn--hovering:hover .icon_hover_url {
    display: block;
}

.zksBtn--hovering:hover .raijin_onlyExternal_img {
    display: none;
}

.zksBtn--hovering:hover .raijin_onlyExternal_img_hover {
    display: block;
}

.zksBtn_icon {
    width: 18px;
    max-height: 22px;
    margin-right: 0.7em;
}

.raijin_onlyExternal {
    width: 10px;
    max-height: 22px;
    margin-left: 0.7em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.raijin_onlyExternal_img_hover {
    display: none;
}

.icon_hover_url {
    width: 18px;
    max-height: 22px;
    margin-right: 0.7em;
    display: none;
}

.zksBtn_arr {
    width: 10px;
    height: 8px;
    margin-left: 0.5em;
}

.accBtn {
    cursor: pointer;
}

.accBtn_itemList {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1;
}

@media (min-width: 1200px) {
    .accBtn_itemList--pcOpen {
        top: initial;
        bottom: 100%;
    }

    .accBtn_itemList--pcOpen .accBtn_itemList_item {
        margin-bottom: -1px;
    }
}

.accBtn_itemList_item {
    margin-top: -1px;
    background: #fff;
}

.btnWithIcon {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.btnWithIcon--gold {
    color: #d8a469;
}

.btnWithIcon--white {
    color: #fff;
}

.btnWithIcon_txt {
    font-size: 1.4rem;
}

@media (min-width: 1200px) {
    .btnWithIcon_txt {
        font-size: 1.8rem;
        transition: all 0.25s ease;
    }
}

.btnWithIcon_txt--underBorder {
    padding-bottom: 0.5em;
    border-bottom: 1px dashed #d8a469;
}

.btnWithIcon_icon {
    width: 25px;
    height: 25px;
    margin-left: 0.5em;
    transform: rotate(45deg);
    transform-origin: center center;
    margin-right: 0.5em;
    margin-left: 1em;
    position: relative;
}

.btnWithIcon_icon--gold {
    border: solid 1px #d8a469;
}

.btnWithIcon_icon--white {
    border: solid 1px #fff;
}

.btnWithIcon_icon_arr {
    width: 5px;
    height: 5px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    position: absolute;
}

.btnWithIcon_icon_arr--gold {
    border-right: 1px solid #d8a469;
    border-top: 1px solid #d8a469;
}

.btnWithIcon_icon_arr--white {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.btnWithIcon_icon_arr--willMoveHover {
    transition: all 0.25s cubic-bezier(0.59, 0.14, 0.52, 0.92);
}

.sec_pankuzu {
    position: relative;
    background: #faf7f1;
    z-index: 1;
}

.breadcrumb {
    padding: 12.5px 0 12.5px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
    color: #383838;
    background-color: #333333;
}

@media (min-width: 1200px) {
    .breadcrumb {
        padding: 10px 0 10px 0;
    }
}

.breadcrumb_container {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .breadcrumb_container {
        width: 80%;
        text-align: left;
    }
}

.breadcrumb_link {
    text-transform: uppercase;
    pointer-events: auto;
    display: inline-block;
    margin-left: 0.25em;
    line-height: 1.5em;
    color: #fff;
    font-weight: 300;
}

.breadcrumb_link:hover {
    text-decoration: underline;
}

.breadcrumb_link--active {
    color: #fff;
}

.breadcrumb_link--active:hover {
    text-decoration: none;
}

.breadcrumb_link--home {
    text-transform: uppercase;
}

.breadcrumb_link--icon {
    color: #ddc99d;
    padding-left: 6px;
    padding-right: 6px;
}

.breadcrumb_link--icon:hover {
    text-decoration: none;
}

.icon_self {
    display: inline-block;
    position: relative;
    top: -0.5px;
}

@media (min-width: 1200px) {
    .icon_self {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .meun-in-menu-dine-in_contentsWrap {
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translate(-50%, 20px);
    }
}

.meun-in-menu-dine-in_contentsWrap .menu-item-has-children .menu_item {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.meun-in-menu-dine-in_contentsWrap .menu-item-has-children .menu_item:after {
    content: "";
    width: 10px;
    height: 10px;
    margin-left: 0.5em;
    background-image: url("../images//icon/globalNav/icon_globalNavArr.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.meun-in-menu-dine-in_contentsWrap .menu-item-has-children .menu_item--opened:after {
    transform: rotate(-180deg);
}

@media (min-width: 1200px) {
    .meun-in-menu > .menu-item {
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
}

.meun-in-menu .menu-item-description {
    font-size: 1rem;
}

@media (min-width: 1200px) {
    .meun-in-menu {
        position: relative;
    }
}

.meun-in-menu .sub-menu {
    display: none;
    width: 90%;
    margin-left: auto;
    margin-top: -1em;
}

@media (min-width: 1200px) {
    .meun-in-menu .sub-menu {
        margin-top: -1.25em;
    }
}

.meun-in-menu .sub-menu .menu-item .meun-in-menu_menu_li_aLink {
    min-height: 50px;
    border-bottom: none;
    display: flex;
    letter-spacing: 0.025em;
}

.meun-in-menu .sub-menu .menu_item:after {
    display: none;
}

.meun-in-menu .sub-menu .menu_item:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 0.5em;
    background-image: url("../images//icon/globalNav/ico_globalNavSmallArr.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 1200px) {
    .meun-in-menu .sub-menu {
        width: 100%;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .meun-in-menu .sub-menu .menu-item {
        margin-right: 0;
    }

    .meun-in-menu .sub-menu .menu-item a {
        display: flex;
        width: 100%;
        margin-left: auto;
    }

    .meun-in-menu .sub-menu .menu-item a .meun-in-menu_menu_li_aLink {
        display: flex;
        width: 100%;
    }

    .meun-in-menu .sub-menu .menu-item a .meun-in-menu_menu_li_aLink .menu_item {
        margin-left: 1.5em;
    }
}

.meun-in-menu-dine-in_contents {
    display: none;
    padding-bottom: 34px;
}

@media (min-width: 1200px) {
    .meun-in-menu-dine-in_contents {
        padding-bottom: 5em;
    }
}

.meun-in-menu-dine-in_contents:last-of-type {
    padding-bottom: 3em;
}

.meun-in-menu-dine-in_contents > .menu-item {
    position: relative;
}

.meun-in-menu-dine-in_contents > .menu-item:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-bottom: 1px dashed #d7ad7d;
}

@media (min-width: 1200px) {
    .meun-in-menu-dine-in_contents > .menu-item:after {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .meun-in-menu-dine-in_contents:last-of-type {
        padding-bottom: 2.5em;
    }

    .meun-in-menu-dine-in_contents .meun-in-menu_menu_li_aLink {
        display: flex;
        min-width: 300px;
    }
}

.meun-in-menu_ttl {
    width: 90%;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 1.5em;
}

@media (min-width: 1200px) {
    .meun-in-menu_ttl {
        width: 100%;
        margin-top: initial;
        padding-left: initial;
    }
}

.meun-in-menu_menu_li_aLink {
    min-height: 60px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    cursor: pointer;
    background: transparent;
}

@media (min-width: 1200px) {
    .meun-in-menu_menu_li_aLink {
        padding: 0;
        display: flex;
        height: 100%;
        transition: all 0.25s ease-in;
        position: relative;
        white-space: nowrap;
        width: initial;
    }
}

.virtualMenu {
    width: 100%;
    bottom: 100%;
    left: 0;
    position: absolute;
    height: 0;
    min-height: 0;
    overflow-y: hidden;
    z-index: 999;
    transition: all 0.25s ease-out;
    background-image: url("../images//global/bk/bk_nav.jpg");
    background-repeat: repeat;
}

@media (min-width: 1200px) {
    .virtualMenu {
        display: none;
    }
}

.virtualMenu .headernNavWrap_contents {
    opacity: 0;
}

.virtualMenu--open {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: scroll;
}

.virtualMenu--open .headernNavWrap_contents {
    opacity: 1;
}

@media (min-width: 1200px) {
    .virtualMenu--open {
        display: none !important;
    }
}

.openVirtualNav {
    cursor: pointer;
}

.menu_menu_li_aLinkVirtual {
    min-height: 60px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    cursor: pointer;
    background: transparent;
}

.virtualMenu2 {
    width: 100%;
    bottom: 100%;
    left: 0;
    position: absolute;
    height: 0;
    min-height: 0;
    overflow-y: hidden;
    z-index: 999;
    transition: all 0.25s ease-out;
    background-image: url("../images//global/bk/bk_nav.jpg");
    background-repeat: repeat;
}

@media (min-width: 1200px) {
    .virtualMenu2 {
        display: none;
    }
}

.virtualMenu2 .headernNavWrap_contents {
    opacity: 0;
}

.virtualMenu2--open {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: scroll;
}

.virtualMenu2--open .headernNavWrap_contents {
    opacity: 1;
}

@media (min-width: 1200px) {
    .virtualMenu2--open {
        display: none !important;
    }
}

.openVirtualNav2 {
    cursor: pointer;
}

.menu_menu_li_aLinkVirtual2 {
    min-height: 60px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    cursor: pointer;
    background: transparent;
}

.virtualMenu .sub-menu {
    margin-top: -1em;
}

.virtualMenu .sub-menu .menu_menu_li_aLinkVirtual2 {
    border: none;
    min-height: 50px;
}

.headernNavWrap {
    width: 100%;
    bottom: 100%;
    left: 0;
    position: absolute;
    height: 0;
    min-height: 0;
    overflow-y: hidden;
    z-index: 999;
    transition: all 0.25s ease-out;
    background-image: url("../images//global/bk/bk_nav.jpg");
    background-repeat: repeat;
}

@media (min-width: 1200px) {
    .headernNavWrap {
        width: 0;
        height: 100vh;
        opacity: 0;
        transition: width 0s 2s ease, opacity ease 1s;
    }
}

.headernNavWrap .headernNavWrap_contents {
    opacity: 0;
}

.headernNavWrap--open {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: scroll;
}

.headernNavWrap--open .headernNavWrap_contents {
    opacity: 1;
}

@media (min-width: 1200px) {
    .headernNavWrap--open {
        transition: opacity 0.5s ease;
        overflow-y: initial;
        flex-direction: row;
        width: 100%;
        opacity: 1;
    }
}

.navCloseBtn {
    cursor: pointer;
    width: 80px;
    height: 80px;
    top: 0;
    right: 50%;
    transform: translate(50%, 0);
    position: absolute;
}

.navCloseBtn:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url("../images//icon/globalNav/icon_globalNavArr.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    right: 50%;
    transform: translate(50%, 100%);
}

.navCloseBtn:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    top: 0;
    right: 50%;
    transform: translate(50%, -25%);
}

@media (min-width: 1200px) {
    .navCloseBtn {
        display: none;
    }
}

.nav_bk_item {
    display: none;
    position: absolute;
    background: red;
    width: 100px;
    height: 100px;
    right: 0;
    bottom: 0;
}

@media (min-width: 1200px) {
    .global_menu .menu-item {
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
}

.global_menu_li_aLink {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Noto Serif", serif;
    font-size: 2rem;
    color: #d67200;
    cursor: pointer;
    min-height: 65px;
    background: transparent;
    line-height: 1.3846153846;
    letter-spacing: 0.025em;
}

.global_menu_li_aLink:before {
    content: "";
    height: 20px;
    width: 20px;
    margin-right: 0.5em;
    background-image: url("../images//icon/globalNav/ico_snowing_light.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 1200px) {
    .global_menu_li_aLink {
        width: initial;
        min-height: initial;
        display: inline-flex;
        align-items: center;
        font-size: 1.8rem;
        transition: all ease 0.25s;
        left: 0;
        position: relative;
    }

    .global_menu_li_aLink:hover {
        padding-left: 2em;
    }

    .global_menu_li_aLink:hover:before {
        background-image: url("../images//icon/globalNav/ico_snowing.svg");
    }
}

.global_menu_li_aLink--chosen:before {
    background-image: url("../images//icon/globalNav/ico_snowing.svg");
}

@media (min-width: 1200px) {
    .global_menu_li_aLink--chosen {
        left: 30%;
    }

    .global_menu_li_aLink--chosen:hover {
        left: 30%;
    }
}

.headernNavWrap_contents {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #266045;
    padding: 2em 0;
}

@media (min-width: 1200px) {
    .headernNavWrap_contents {
        display: none;
    }
}

.headernNavWrap_contents_heading {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #ffffff;
    letter-spacing: 0em;
    line-height: 1.7777777778;
}

.headernNavWrap_contents_flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 1em;
    max-width: 300px;
}

.headerNavWrap_pc_bkWrap {
    display: none;
    position: relative;
}

@media (min-width: 1200px) {
    .headerNavWrap_pc_bkWrap {
        display: block;
        width: 20%;
        min-width: 300px;
        height: 100%;
        background-position: 70%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images//global/bk/bg_gmavi_left_x2.jpg");
    }
}

.headerNavWrap_pc_bkWrap .bogo-language-switcher {
    position: absolute;
    bottom: -3px;
    left: 25px;
    display: none;
}

.headerNavWrap_pc_bkWrap_logo {
    position: absolute;
    width: 141px;
    display: block;
    left: 28px;
    top: 21px;
}

.wrapNav_pc {
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
}

@media (min-width: 1200px) {
    .wrapNav_pc {
        height: initial;
        background-color: initial;
        margin-top: initial;
        display: flex;
        width: 80%;
        padding-left: 5em;
        padding-top: 5em;
    }
}

.wrapNav_pc_item {
    position: relative;
}

@media (min-width: 1200px) {
    .wrapNav_pc_item {
        max-height: 100vh;
        width: 100%;
        max-height: calc(100vh - 5em);
        overflow-y: auto;
    }
}

.wrapNav_pc_item_btns {
    display: none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1.5384615385;
}

@media (min-width: 1200px) {
    .wrapNav_pc_item_btns {
        display: flex;
        flex-direction: column;
        width: 25%;
        max-width: 200px;
        margin-top: 3em;
    }

    .wrapNav_pc_item_btns .zksBtn:not(:first-of-type) {
        margin-top: 1em;
    }
}

.nav_with_icon .menu_item {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: baseline;
}

.nav_with_icon .menu_item:after {
    margin-left: 0.25em;
    content: "";
    background-image: url("../images//icon/globalNav/ico_external_link_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
}

.headernNavWrap_backIcon {
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-left: auto;
}

.headernNavWrap_backIcon:after {
    position: absolute;
    content: "";
    background-image: url("../images//icon/globalNav/icon_back.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150%;
    height: 150%;
    transform: rotate(45deg) translate(-21.5%, 3%);
    transform-origin: center center;
    left: 50%;
    top: 50%;
}

@media (min-width: 1200px) {
    .headernNavWrap_backIcon {
        pointer-events: none;
        position: fixed;
        bottom: 0 !important;
        right: 0;
        display: block !important;
        width: 450px;
        height: 450px;
    }

    .headernNavWrap_backIcon:after {
        background-image: url("../images//icon/globalNav/icon_back_pc.svg");
    }
}

.headernNavWrap_backIcon--open {
    display: block;
}

@media (min-width: 1200px) {
    .menuWrap {
        opacity: 0;
    }
}

.locationNav {
    width: 90%;
    font-family: "Noto Sans JP", sans-serif;
    margin: auto;
    letter-spacing: 0.05rem;
    margin-bottom: 20px;
}

.locationNav_city_title {
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px 30px 15px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
}

.locationNav_city_title img {
    width: 15px;
    height: 15px;
    transition: 0.2s;
}

.locationNav_city_list_item {
    border: solid 1px #d67200;
    border-radius: 3px;
    background-color: #eee8de;
    padding: 20px 15px;
    margin-bottom: 20px;
}

.locationNav_city_list_item_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: start;
}

.locationNav_city_list_item_title_uppercase {
    text-transform: uppercase;
    font-size: 12px;
}

.locationNav_city_list_item_title_row h4 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.2em;
}

.locationNav_city_list_item_title_row h4 span {
    font-weight: bold;
}

.locationNav_city_list_item_title_row img {
    width: 50px;
    height: 50px;
}

.locationNav_city_list_item_detail_colmun {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.locationNav_city_list_item_detail_colmun img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.locationNav_city_list_item_detail_colmun a {
    display: flex;
    align-items: center;
}

.locationNav_city_list_item_detail_colmun a span {
    margin-right: 5px;
}

.locationNav_city_list_item_detail_colmun a img {
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.locationNav_city_list_item_detail_color {
    color: #d67200;
}

.locationNav_city_list_item_btn a {
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.locationNav_city_list_item_btn img {
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-top: 3px;
}

.locationNav_city_title .accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.6s;
}

.active img {
    transform: rotate(90deg);
    transition: 0.2s;
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    border-bottom: solid 1.5px #d7ad7d;
}

.accordionList {
    font-family: "Noto Serif", serif;
}

.accordionList_list_title {
    font-size: 2rem;
    font-weight: 500;
    padding: 1.5em 0;
    border-bottom: 1px solid #cfcfcf;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #266045;
    line-height: 1.5;
}

@media (min-width: 1200px) {
    .accordionList_list_title {
        font-size: 2.4rem;
        padding: 1.5em 0;
    }
}

.accordionList_list_title_inner {
    width: 90%;
}

.accordionList_list_txt {
    line-height: 1.5;
    padding-top: 1em;
    padding-bottom: 1em;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    display: none;
}

@media (min-width: 1200px) {
    .accordionList_list_txt {
        padding-top: 2em;
        padding-bottom: 2em;
        font-size: 1.5rem;
    }
}

.accordionList_list_title_arrow {
    width: 20px;
    transition: all 0.5s ease;
}

.accordionList_list_title_arrow img {
    width: 100%;
}

.accordionList_list_title_arrow--animated {
    transform: scale(1, -1);
    transition: all 0.5s ease;
}

@media (min-width: 1200px) {
    .animsition-loading {
        left: calc(50% + 100px);
    }
}

.wrapBogoPc {
    background: #000;
    position: relative;
    z-index: 1000;
}

@media (min-width: 1200px) {
    .wrapBogoPc {
        min-height: 50px;
        display: none;
    }
}

.mobBogoLnagBtn {
    position: relative;
}

@media (min-width: 1200px) {
    .mobBogoLnagBtn {
        display: none;
    }
}

.langBtntextOver {
    font-family: "Noto Sans JP", sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    background: #000;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.langBtntextOver:before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url("../images//global/header/bogoLangLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em;
}

#langMenu {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    border-radius: none;
    margin: 0;
    width: 40px;
    padding: 0.26em 1.6em;
    font-size: 16px;
}

#langMenu option {
    text-align: center;
}

.bogo-language-switcher {
    display: flex;
    height: 20px;
    width: 130px;
    margin: 0 auto;
    justify-content: space-around;
    font-family: "Noto Sans JP", sans-serif;
    border-top: 1px solid #515151;
    padding: 1em 0;
}

.bogo-language-name a {
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    display: block;
    font-size: 1rem;
    color: #fff;
}

.bogo-language-name .current {
    box-shadow: 0 0 0 1px #fff;
}

@media (min-width: 1200px) {
    .noThisLnag {
        display: none;
    }
}

.tabMenu {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    min-height: 70px;
    background: #000;
    display: flex;
}

@media (min-width: 767px) {
    .tabMenu {
        min-height: 90px;
    }
}

@media (min-width: 1200px) {
    .tabMenu {
        min-height: 0;
        height: 0;
    }
}

.tabMenu_list {
    text-align: center;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabMenu_list:last-of-type {
    background: #d7ad7d;
    cursor: pointer;
}

.tabMenu_list_anc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
}

.tabMenu_list_icon {
    margin-bottom: 0.6em;
}

.tabMenu_list_txt {
    font-size: 0.8rem;
    font-family: "Noto Sans JP", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2em;
}

.tabMenu_list:nth-of-type(3) .tabMenu_list_anc .tabMenu_list_icon,
.tabMenu_list:nth-of-type(4) .tabMenu_list_anc .tabMenu_list_icon {
    margin-bottom: 0.3rem;
}

.wrapPageSideNavn {
    display: none;
}

@media (min-width: 1200px) {
    .wrapPageSideNavn {
        display: flex;
        flex-direction: column;
        background-color: #000;
        position: relative;
        height: 100%;
        cursor: default;
    }
}

.wrapPageSideNavn_arrowBtn {
    width: 100%;
    position: absolute;
    height: 18px;
    top: 100%;
    cursor: pointer;
}

.wrapPageSideNavn_arrowBtn:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: linear-gradient(to bottom, transparent, #000);
    width: 100%;
    height: 35px;
    cursor: initial;
}

.wrapPageSideNavn_arrowBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(50%) rotate(135deg);
}

.wrapPageSideNavn_arrowBtn--active {
    display: none;
}

@media screen and (min-height: 1030px) {
    .wrapPageSideNavn_arrowBtn {
        display: none;
    }
}

.wrapPageSideNavn_arrowBtn_top {
    width: 100%;
    position: absolute;
    height: 15px;
    top: 112.5%;
    left: 0;
    z-index: 1;
    display: none;
    padding-top: 10px;
}

.wrapPageSideNavn_arrowBtn_top:after {
    cursor: pointer;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, transparent, #000);
    width: 100%;
    height: 35px;
    margin-top: -10px;
}

.wrapPageSideNavn_arrowBtn_top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    width: 8px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
    z-index: 1;
}

@media screen and (min-height: 1030px) {
    .wrapPageSideNavn_arrowBtn_top {
        display: none;
    }
}

.chosenItemList,
.notChosenItemList {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
}

.chosenItemList {
    margin-top: 1em;
}

_::-webkit-full-page-media,
_:future,
:root .chosenItemList {
    height: 750px;
}

_::-webkit-full-page-media,
_:future,
:root .chosenItemList--for_safari {
    height: 500px !important;
}

.notChosenItemList {
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE, Edge  */
    scrollbar-width: none;
    /* Firefox  */
    height: 100%;
    position: relative;
    transition: all ease 1s;
}

.notChosenItemList::-webkit-scrollbar {
    display: none;
}

.spe_head .notChosenItemList {
    cursor: row-resize;
}

.spe_head .notChosenItemList .sideNavList_item {
    cursor: row-resize !important;
}

.spe_head .notChosenItemList .sideNavList_item_ImgWrap {
    cursor: row-resize !important;
}

@media screen and (min-height: 1030px) {
    .spe_head .notChosenItemList {
        cursor: default !important;
        display: none;
    }

    .spe_head .sideNavList_item {
        cursor: default !important;
    }

    .spe_head .sideNavList_item_ImgWrap {
        cursor: pointer !important;
        display: none;
    }
}

.sideNavList_item {
    margin-bottom: 1.25em;
}

.sideNavList_item_ImgWrap {
    margin: 0 auto;
    max-width: 55px;
    display: block;
    display: none;
}

.in_sideNavList_item_heading {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1.2857142857;
    margin: 1em 0 1em 0;
    text-align: center;
}

.sideNavList_item_inList {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    line-height: 1.8181818182;
    padding-bottom: 1em;
    border-bottom: 1px solid #515151;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.5em;
    padding-bottom: 3em;
}

.sideNavList_item_inList a {
    color: #ffffff;
}

.sideNavList_item_inList_item {
    display: block;
    margin-bottom: 0.75em;
    padding: 0 0.5em;
    color: #707070;
    cursor: pointer;
}

.sideNavList_item_inList_item:last-of-type {
    margin-bottom: 0;
}

.sideNavList_item_inList_item--active {
    color: #fff;
}

.sideNavSelectCat {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 1.8181818182;
    padding-bottom: 5em;
    border-bottom: 1px solid #5151;
    position: relative;
}

.sideNavSelectCat .radioLabel {
    background: #000;
    padding: 0 0;
    justify-content: flex-start;
    padding: 0.5em 0;
}

.sideNavSelectCat .radioSelf {
    display: none;
}

.sideNavSelectCat .radioSelf + label {
    color: #707070;
}

.sideNavSelectCat .radioSelf:checked + label {
    position: relative;
    background-color: #000;
    color: #fff;
}

.sideNavSelectCat .radioSelf:checked + label:after {
    position: absolute;
    content: "";
    height: 60%;
    width: 2.5px;
    left: 0;
    top: 50%;
    transform: translate(-500%, -50%);
    background-color: #fff;
}

.virtual2_innerWrap {
    padding-bottom: 2.5em;
}

.virtual2_innerWrap:last-of-type {
    padding-bottom: 0;
}

.virtual2_innerWrap .menu-item {
    position: relative;
}

.virtual2_innerWrap .menu-item:after {
    content: "";
    width: 80%;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0%);
    border-bottom: 1px dashed #d7ad7d;
}

.virtual2_innerWrap .menu-item .menu-item:after {
    content: initial;
}

.pagination_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 3em;
}

.pagination_list .first {
    display: block;
    width: 35px;
    font-size: 0.8em;
    height: 35px;
    margin-right: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: solid #d8a469 1px;
    transition: all 0.2s;
    font-family: "Noto Sans JP", sans-serif;
    color: #d8a469;
    font-weight: 400;
}

.pagination_list .first:hover {
    background: #d8a469;
    color: white;
}

.pagination_list_prev,
.pagination_list_pager,
.pagination_list_next,
.pagination_list_last {
    display: block;
    width: 35px;
    font-size: 0.8em;
    height: 35px;
    margin-right: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: solid #d8a469 1px;
    transition: all 0.2s;
    font-family: "Noto Sans JP", sans-serif;
    color: #d8a469;
    font-weight: 400;
}

.pagination_list_prev:hover,
.pagination_list_pager:hover,
.pagination_list_next:hover,
.pagination_list_last:hover {
    background: #d8a469;
    color: white;
}

.pagination_list_current {
    background: #d8a469;
    color: white;
}

.firstPopUp {
    opacity: 1;
    width: 100%;
    height: 100vh;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
}

.firstPopUp__imageBK {
    background: url("../images//global/firstPopUp/firstPopup_x2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-position: center 60%;
}

.firstPopUp__title {
    opacity: 0;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    line-height: 1.5em;
    color: #fff;
    width: 370px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 52%;
    transform: translateY(-75%) translateX(-50%);
}

@media (min-width: 1200px) {
    .firstPopUp__title {
        font-size: 28px;
        width: 700px;
        line-height: 1.8em;
        transform: translateY(-50%) translateX(-50%);
    }
}

.firstPopUp--animated {
    opacity: 0;
}

.tabMenu {
    z-index: 6;
}

.menuArchive {
    color: #fff;
}

.menuArchive_category_title {
    font-family: "Noto Serif", serif;
}

.menuArchive_item_wrap {
    font-family: "Noto Sans JP", sans-serif;
}

.menuArchive_category_title {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .menuArchive_item_wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

.menuArchive_item_wrap_item {
    margin-bottom: 30px;
}

.menuArchive_item_wrap_item_thumb {
    width: 100%;
    margin-bottom: 10px;
}

.menuArchive_item_wrap_item_text {
    display: flex;
    flex-direction: column;
}

.menuArchive_item_wrap_item_title {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .menu_food_top .menuArchive_item_wrap_item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .menu_food_list .menuArchive_item_wrap_item {
        width: 33%;
    }
}

.menuArchive_item_wrap_item_row {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .menuArchive_item_wrap_item_row {
        flex-direction: column-reverse;
    }
}

.menu_food_list .menuArchive_item_wrap_item_thumb {
    width: 50%;
}

@media (min-width: 1200px) {
    .menu_food_list .menuArchive_item_wrap_item_thumb {
        width: 100%;
    }
}

.menu_food_list .menuArchive_item_wrap_item_title {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .menu_food_list .menuArchive_item_wrap_item_title {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 1200px) {
    .menu_alcohol_list .menuArchive_item_wrap_item {
        width: 33%;
    }
}

@media (min-width: 1200px) {
    .menu_drink_list .menuArchive_item_wrap_item {
        width: 25%;
    }
}

.headForSinglePage {
    width: 100%;
    height: 15vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    position: relative;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    .headForSinglePage {
        background-image: initial !important;
        margin-bottom: 2em;
    }
}

.headForSinglePage:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 200px;
    background: linear-gradient(to bottom, #000, #fff);
    opacity: 0.03;
    z-index: -1;
}

.headForSinglePage_pcTxt {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2rem;
    color: #000000;
    text-transform: uppercase;
}

.headForSinglePage_pcTxt:after {
    content: "";
    width: 30%;
    height: 1px;
    background: #d7ad7d;
    position: absolute;
    top: 175%;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (min-width: 1200px) {
    .headForSinglePage_pcTxt {
        font-size: 3rem;
    }

    .headForSinglePage_pcTxt:after {
        top: 150%;
    }
}

.accordionForSinglePage {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #d7ad7d;
}

.accordionForSinglePage--chosenBkColor {
    background-color: rgba(215, 173, 125, 0.1);
}

.accordionForSinglePage:last-of-type {
    margin-bottom: 3em;
}

.accordionForSinglePage_ttl {
    width: 95%;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #000000;
    letter-spacing: 0.025em;
    padding: 1.5em 0;
    cursor: pointer;
    position: relative;
}

.accordionForSinglePage_ttl span {
    padding-left: 1em;
    display: block;
}

.accordionForSinglePage_ttl:after {
    position: relative;
    bottom: 0;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #d7ad7d;
}

.accordionForSinglePage_ttl:before {
    transition: 0.25s all ease;
    content: "";
    background-image: url("../images//icon/all-shop-location-page/ico_locations_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 7.5px;
    position: absolute;
    right: 2.5%;
    top: 50%;
    transform: translate(0%, -50%) rotate(90deg);
}

.accordionForSinglePage_ttl--openedArr:before {
    transform: translate(0%, -50%);
}

@media (min-width: 1200px) {
    .accordionForSinglePage_ttl {
        width: 100%;
        padding: 2em 0;
    }

    .accordionForSinglePage_ttl:hover {
        background-color: rgba(215, 173, 125, 0.1);
    }
}

.accordionForSinglePage_content {
    display: none;
    line-height: 1.5;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .accordionForSinglePage_content {
        font-size: 1.5rem;
    }
}

.accordionForSinglePage_content_headingText {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 2em;
}

.accordionForSinglePage_content_headingText_big {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.3076923077;
}

.accordionForSinglePage_content_headingText_small {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #d8a469;
    letter-spacing: 0.025em;
    line-height: 1.8571428571;
    margin-top: 0.5em;
}

.external_arrow_icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 0.5em;
    background-image: url("../images//global/global_ico/icon_arrowBlack.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.front_SecHeading {
    text-align: left;
    font-family: "Noto Serif", serif;
    letter-spacing: 0px;
    font-size: 3.2rem;
    position: relative;
    line-height: 1.2307692308;
}

.front_SecHeading--white {
    color: #ffffff;
    text-shadow: 0px 0px 5px #5b3a15;
}

.front_SecHeading--green {
    color: #266045;
}

.front_SecHeading--center {
    text-align: center;
}

@media (min-width: 1200px) {
    .front_SecHeading--froAbout {
        font-size: 7.4rem;
    }
}

@media (min-width: 1200px) {
    .front_SecHeading--froFaq {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    .front_SecHeading--footer {
        font-size: 3.4rem;
    }
}

.front_SecHeading_inner {
    position: relative;
    display: inline-block;
    padding: 0.5em 0;
}

.front_txt {
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.35px;
    line-height: 1.4285714286;
}

.tab-menu {
    background: #222222;
    padding-left: 1em;
    padding-right: 1em;
}

@media (min-width: 1200px) {
    .tab-menu {
        background: transparent;
        pointer-events: none;
        padding: 0;
    }
}

.swiper_thumbWrap {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1200px) {
    .swiper_thumbWrap {
        pointer-events: none;
        max-width: 0%;
        max-height: 500px;
        text-align: center;
        min-height: 100%;
        margin: initial;
        pointer-events: auto;
    }
}

.swiper_thumb_list--active {
    display: block;
}

.swiper_thumb {
    opacity: 0;
    width: auto;
    cursor: pointer;
}

.swiper_thumb img {
    padding: 1em 0;
}

@media (min-width: 1200px) {
    .swiper_thumb {
        position: relative;
        padding: 0;
        width: 182px;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0;
        margin: 0;
    }

    .swiper_thumb--notFront {
        height: initial !important;
    }
}

@media (min-width: 1200px) {
    .swiper_thumb--pc {
        display: none;
    }
}

.swiper_thumb--mb {
    display: none;
}

@media (min-width: 1200px) {
    .swiper_thumb--mb {
        display: flex;
    }
}

.swiperImgWrap {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all ease 1s;
}

@media (min-width: 1200px) {
    .swiperImgWrap {
        height: 80%;
    }

    .swiperImgWrap:after {
        position: absolute;
        content: "";
        right: 0;
        width: 0;
        bottom: 0;
        height: 2.5px;
    }
}

.swiperImgWrap_txt_icon {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    transform: translateY(8px);
}

.swiperImgWrap_txt_icon_mob {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    bottom: 0;
    transform: scale(-1, 1) translateX(20px);
}

.swiperImgWrap_txt {
    display: none;
    position: relative;
}

@media (min-width: 1200px) {
    .swiperImgWrap_txt {
        opacity: 0;
        letter-spacing: 0.025em;
        padding: 0 1em 0 0;
        text-align: left;
        color: #fff;
        pointer-events: none;
        position: absolute;
        left: 100%;
        height: 100%;
        top: 50%;
        transform: translate(10px, -50%);
        white-space: nowrap;
        font-family: "Noto Sans JP", sans-serif;
    }

    .swiperImgWrap_txt:after {
        position: absolute;
        content: "";
        right: -50px;
        width: 0;
        bottom: 0;
        height: 1px;
        background: #fff;
        transform: translate(-50px);
    }

    .swiperImgWrap_txt:before {
        position: absolute;
        content: "";
        left: 0;
        width: 0;
        bottom: 8.5px;
        height: 1px;
        background: #fff;
        transform: translate(-105px);
    }
}

.swiperImgWrap_txtInnerSml {
    font-size: 1rem;
    margin-bottom: 1em;
}

.swiperImgWrap_txtInnerBig {
    font-size: 2rem;
    padding-bottom: 1em;
}

.swiper-slide-thumb-active {
    position: relative;
}

.swiper-slide-thumb-active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1.5px;
    background: #d7ad7d;
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 1200px) {
    .swiper-slide-thumb-active:before {
        display: none;
    }

    .swiper-slide-thumb-active .swiperImgWrap {
        position: absolute;
        transform: translate(75%, 0);
    }

    .swiper-slide-thumb-active .swiperImgWrap:after {
        width: 100%;
        transition: ease-in all 1s;
    }

    .swiper-slide-thumb-active .swiperImgWrap_txt {
        pointer-events: initial !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 1;
        -webkit-animation-name: opa;
        animation-name: opa;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .swiper-slide-thumb-active .swiperImgWrap_txt:after {
        -webkit-animation-name: afterAnimation;
        animation-name: afterAnimation;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        width: calc(100% + 55px);
    }

    .swiper-slide-thumb-active .swiperImgWrap_txt:before {
        -webkit-animation-name: beforeAnimation;
        animation-name: beforeAnimation;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        width: calc(100% + 55px);
    }
}

@-webkit-keyframes afterAnimation {
    0% {
        width: 0;
    }

    100% {
        width: calc(100% + 55px);
    }
}

@keyframes afterAnimation {
    0% {
        width: 0;
    }

    100% {
        width: calc(100% + 55px);
    }
}

@-webkit-keyframes beforeAnimation {
    0% {
        width: 0;
    }

    100% {
        width: calc(100% + 55px);
    }
}

@keyframes beforeAnimation {
    0% {
        width: 0;
    }

    100% {
        width: calc(100% + 55px);
    }
}

@-webkit-keyframes opa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.wrapSwiperImgWrap_txtMob {
    display: inline-flex;
    padding-left: 1em;
    padding-bottom: 0.5em;
    position: relative;
    margin-top: 1em;
    margin-left: 1em;
}

.wrapSwiperImgWrap_txtMob:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 1px;
    background: #fff;
    top: 100%;
    left: 0;
}

@media (min-width: 1200px) {
    .wrapSwiperImgWrap_txtMob {
        display: none;
    }
}

.swiperImgWrap_txtMob {
    padding-bottom: 0.7em;
    letter-spacing: 0.025em;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    font-family: "Noto Sans JP", sans-serif;
    z-index: 1;
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

.swiperImgWrap_txtMob:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    top: 100%;
    left: 0;
}

.swiperImgWrap_txtMob_sub {
    font-weight: 500;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 2;
}

.swiperImgWrap_txtMob_main {
    margin-top: 0.25em;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0.025em;
    line-height: 1;
}

.swiper-container {
    margin: 0 auto;
    height: calc(100% - 55px);
}

@media (min-width: 1200px) {
    .swiper-container {
        height: initial;
    }
}

.tab-contents {
    color: white;
}

.swiper_content {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

@media (min-width: 1200px) {
    .swiper_content {
        min-height: 100vh;
    }
}

.swiper_content:nth-of-type(1) {
    background-image: url("../images//pages/front-page/1.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(1) {
        background-image: url("../images//pages/front-page/pc/1.jpg");
    }
}

.swiper_content:nth-of-type(2) {
    background-image: url("../images//pages/front-page/2.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(2) {
        background-image: url("../images//pages/front-page/pc/2.jpg");
    }
}

.swiper_content:nth-of-type(3) {
    background-image: url("../images//pages/front-page/3.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(3) {
        background-image: url("../images//pages/front-page/pc/3.jpg");
    }
}

.swiper_content:nth-of-type(4) {
    background-image: url("../images//pages/front-page/4.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(4) {
        background-image: url("../images//pages/front-page/pc/4.jpg");
    }
}

.swiper_content:nth-of-type(5) {
    background-image: url("../images//pages/front-page/5.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(5) {
        background-image: url("../images//pages/front-page/pc/5.jpg");
    }
}

.swiper_content:nth-of-type(6) {
    background-image: url("../images//pages/front-page/6.jpg");
}

@media (min-width: 1200px) {
    .swiper_content:nth-of-type(6) {
        background-image: url("../images//pages/front-page/pc/6.jpg");
    }
}

.eachShop_heroHeader_heading_aLnk {
    font-weight: lighter;
    font-size: 1.3rem;
    display: inline-flex;
    align-items: center;
    margin-bottom: 1.5em;
    margin-right: 1em;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading_aLnk {
        margin-top: 1em;
        margin-bottom: 0.5em;
    }

    .eachShop_heroHeader_heading_aLnk:hover .eachShop_heroHeader_heading_aLnk_inner {
        text-decoration: underline;
    }
}

.eachShop_heroHeader_heading_aLnk_icon {
    display: block;
    width: 20px;
    height: 28px;
    margin-right: 0.5em;
}

.eachShop_heroHeader_heading_aLnk_arr {
    display: block;
    width: 10px;
    height: 9px;
    margin-left: 0.3em;
}

.eachShop_heroHeaderWrap {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.1rem;
    color: #000000;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    .eachShop_heroHeaderWrap {
        display: flex;
        flex-direction: row-reverse;
        height: 100vh;
    }
}

.eachShop_heroHeader_bgImg {
    height: 40vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_bgImg {
        width: 100%;
        height: 100%;
        margin-bottom: 70px;
    }
}

.eachShop_heroHeaderWrap_item {
    width: 90%;
    margin: 0 auto;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
}

@media (min-width: 1200px) {
    .eachShop_heroHeaderWrap_item {
        width: 340px;
        min-width: 340px;
        max-width: 340px;
        padding: 0 3em 5em;
        padding-left: 45px;
        padding-right: 45px;
        margin: initial;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow-y: hidden;
    }
}

.eachShop_heroHeaderWrap_item:after {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: radial-gradient(#3c3c3c 0.5%, transparent 50%);
    transform: translate(-50%, -50%);
    opacity: 0.06;
    top: 0;
    left: 0;
    z-index: -2;
}

@media (min-width: 1200px) {
    .eachShop_heroHeaderWrap_item:after {
        transform: translate(calc(-50% + 40px), -50%);
    }
}

.eachShop_heroHeaderWrap_item:before {
    content: "";
    width: 250px;
    height: 500px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../images//global/bk/bg_patterns_light.jpg");
    top: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    transform: translateY(-16px);
}

@media (min-width: 1200px) {
    .eachShop_heroHeaderWrap_item:before {
        transform: translateX(45px);
    }
}

.eachShop_heroHeader_heading_btnWrap {
    display: flex;
    margin: 0 auto;
    max-width: 380px;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading_btnWrap {
        max-width: initial;
        margin: initial;
        margin-top: auto;
    }
}

.eachShop_heroHeader_heading_btnWrap .accBtn_itemList {
    top: 100%;
}

.eachShop_heroHeader_heading_btnWrap .accBtn_itemList .accBtn_itemList_item {
    margin-bottom: -1px;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading_btnWrap .accBtn_itemList--pcOpen {
        top: initial;
        bottom: 100%;
    }

    .eachShop_heroHeader_heading_btnWrap .accBtn_itemList--pcOpen .accBtn_itemList_item {
        margin-bottom: -1px;
    }
}

.eachShop_heroHeader_heading_btnWrap_item {
    width: 100%;
    position: relative;
}

.eachShop_heroHeader_heading_btnWrap_item:last-of-type {
    margin-left: -1px;
}

.sec_wahtsNew {
    margin-top: 2em;
    margin-bottom: 5em;
}

@media (min-width: 1200px) {
    .sec_wahtsNew {
        margin-top: initial;
        padding-top: 5em;
        margin-bottom: 6em;
    }

    .sec_wahtsNew:before {
        content: "";
        width: 50px;
        height: 70%;
        position: absolute;
        right: 0;
        top: 0;
        background: linear-gradient(to bottom, #000, #fff);
        opacity: 0.02;
    }
}

.sec_wahtsNew .container {
    width: 90%;
}

.sec_wahtsNew_archiveLinkBtnWrap {
    text-align: right;
    width: 100%;
    padding: 0.5em 0;
    margin-top: 1em;
}

.sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon_txt {
    font-size: 1.2rem;
}

.sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon_icon {
    position: relative;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon {
        transition: all 0.25s cubic-bezier(0.59, 0.14, 0.52, 0.92);
    }

    .sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon:hover {
        transform: translateX(5px);
    }

    .sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon:hover .btnWithIcon_icon_arr--willMoveHover {
        top: 50%;
        right: 50%;
        transform: translate(200%, -225%);
        position: absolute;
    }

    .sec_wahtsNew_archiveLinkBtnWrap .btnWithIcon:hover .btnWithIcon_hidden {
        left: 50%;
        transform: translate(-50%, 0%);
    }
}

.btnWithIcon_hidden {
    position: absolute;
    width: calc(100% + 1px);
    height: 100%;
    background: #d8a469;
    top: 0;
    left: 0;
    transform: translate(-100%, 100%);
    transition: all 0.25s cubic-bezier(0.59, 0.14, 0.52, 0.92);
}

.sec_whatsNew_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 0;
    padding-bottom: 0;
}

.sec_whatsNew_heading:after {
    display: block;
    content: "";
    height: 1px;
    background: #d8a469;
    width: 100%;
    margin-left: 1em;
}

@media (min-width: 1200px) {
    .sec_whatsNew_heading {
        padding-bottom: 0;
    }
}

.sec_whatsNew_heading_inTxt {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2rem;
    color: #d8a469;
    letter-spacing: 0.025em;
    line-height: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .sec_whatsNew_heading_inTxt {
        font-size: 1.8rem;
    }
}

.artcl:not(:first-of-type) {
    border-top: dashed #d7ad7d 1px;
}

.artcl:last-of-type {
    border-bottom: solid #d7ad7d 1px;
}

.sec_wahtsNew_wrapListItm {
    padding: 1.12em 0;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .sec_wahtsNew_wrapListItm {
        align-items: initial;
    }
}

.sec_wahtsNew_wrapList_thumbWrap {
    width: 40%;
    max-width: 130px;
    min-width: 130px;
    margin-right: 2em;
}

.sec_wahtsNew_wrapList_ttl {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.6rem;
    color: #000000;
    line-height: 1.625;
}

@media (min-width: 1200px) {
    .sec_wahtsNew_wrapList_ttl {
        font-size: 1.4rem;
    }
}

.sec_wahtsNew_wrapList_ttl_date {
    font-size: 1.4rem;
}

@media (min-width: 1200px) {
    .sec_wahtsNew_wrapList_ttl_date {
        font-size: 1.2rem;
    }
}

.eachShop_sec_About {
    position: relative;
}

@media (min-width: 1200px) {
    .eachShop_sec_About {
        display: flex;
        align-items: center;
        min-height: 770px;
        overflow: hidden;
    }

    .eachShop_sec_About:before {
        content: "";
        width: 500px;
        height: 500px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: radial-gradient(#3c3c3c 0.5%, transparent 50%);
        transform: translate(-50%, 50%);
        opacity: 0.06;
        pointer-events: none;
    }
}

@media (min-width: 1200px) {
    .eachShop_contents {
        width: 45%;
        padding: 3em 0;
    }
}

.eachShop_saboutSec_BkImg {
    width: 50%;
    max-width: 300px;
    position: absolute;
    top: 5%;
    left: 0;
}

@media (min-width: 1200px) {
    .eachShop_saboutSec_BkImg {
        top: 25%;
        left: 5%;
    }
}

.eachShop_saboutSecImg {
    width: 100%;
    height: 350px;
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .eachShop_saboutSecImg {
        margin-top: initial;
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        width: 50%;
    }

    .eachShop_saboutSecImg:before {
        content: "";
        width: 500px;
        height: 500px;
        position: absolute;
        right: 100%;
        top: 0;
        background: radial-gradient(#3c3c3c 0.5%, transparent 50%);
        transform: translate(50%, -50%);
        z-index: -1;
        opacity: 0.06;
        pointer-events: none;
    }
}

.eachShop_sec_About .container {
    width: 90%;
}

.eachShop_sec_Location {
    padding-top: 1em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location {
        margin-top: 3.5em;
    }
}

.eachShop_sec_Location .container {
    width: 90%;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_item {
        width: 47%;
    }
}

.wrapHeading_btnWrapAsLoc {
    font-family: "Noto Sans JP", sans-serif;
}

@media (min-width: 1200px) {
    .wrapHeading_btnWrapAsLoc .accBtn_itemList--pcOpen {
        bottom: initial;
    }
}

.eachShop_sec_Location_contents_subTtl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.1rem;
    color: #000000;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.eachShop_sec_Location_contents_subTtl strong {
    font-family: 700;
}

.eachShop_sec_Location_contents_ttl {
    margin-top: 0.5em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_ttl {
        font-size: 1.8rem;
    }
}

.eachShop_sec_Location_contents_address {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #d8a469;
    letter-spacing: 0.025em;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 1em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_address {
        font-size: 1.6rem;
        padding-left: 0.25em;
    }

    .eachShop_sec_Location_contents_address:hover {
        text-decoration: underline;
    }
}

.eachShop_sec_Location_contents_address_loc_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 11px;
    margin-right: 0.5em;
}

.eachShop_sec_Location_contents_address_loc_icon_end {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 10px;
    margin-left: 0.5em;
}

.eachShop_sec_Location_contents_features {
    margin-top: -0.5em;
}

.eachShop_sec_Location_contents_features_single {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
    font-family: "Noto Sans JP", sans-serif;
    margin-right: 1em;
    margin-bottom: 1em;
}

.eachShop_sec_Location_contents_features_single:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    content: "";
    width: 15px;
    height: 15px;
    background-image: url("../images//icon/each-shop-page/ico_check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.eachShop_sec_Location_contents_phoneNum {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.8rem;
    color: #000000;
    letter-spacing: 0.025em;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 0.7em;
    margin-bottom: 1em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_phoneNum {
        margin-top: 1em;
        font-size: 1.6rem;
        padding-left: 0.25em;
    }

    .eachShop_sec_Location_contents_phoneNum:hover {
        text-decoration: underline;
    }
}

.eachShop_sec_Location_contents_sns {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_sns {
        padding-left: 0.25em;
    }
}

.eachShop_sec_Location_text {
    margin-bottom: 2em;
}

.eachShop_sec_Location_contents_sns_ttl {
    font-family: "Noto Serif", serif;
    font-weight: 400 !important;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_sns_ttl {
        font-size: 1.4rem;
    }
}

.eachShop_sec_Location_contents_sns_item {
    width: 25px;
    display: block;
    margin-left: 1.5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_sns_item {
        width: 20px;
        margin-left: 1em;
    }
}

.eachShop_sec_Location_contents_busHours {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 90%;
    margin: 0 auto;
    padding: 0.7em 0;
    margin-top: 1em;
    line-height: 1.6;
}

.eachShop_sec_Location_contents_busHours:not(:first-of-type) {
    margin: initial;
    margin-top: initial;
    border-bottom: 1px dashed #cacaca;
    margin-left: 1em;
}

.eachShop_sec_Location_contents_busHours:last-of-type {
    margin-bottom: 39px;
}

@media (min-width: 1200px) {
    .eachShop_sec_Location_contents_busHours:last-of-type {
        margin-bottom: initial;
    }
}

.eachShop_sec_Location_contents_busHours_date,
.eachShop_sec_Location_contents_busHours_time {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {

    .eachShop_sec_Location_contents_busHours_date,
    .eachShop_sec_Location_contents_busHours_time {
        font-size: 1.4rem;
    }
}

.eachShop_sec_Location_contents_busHours_time {
    font-weight: 400;
    text-align: right;
}

.wrapMap {
    margin-top: 2em;
}

@media (min-width: 1200px) {
    .wrapMap {
        margin-bottom: 2em;
    }
}

.gMapWrap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.gMapWrap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

@media (min-width: 1200px) {
    .gMapWrap {
        padding-bottom: 80%;
    }
}

.gMapWrap--longer {
    padding-bottom: 120%;
}

.gMapWrap_description {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.2rem;
    color: #000000;
    letter-spacing: 0.025em;
    margin-bottom: 1.5em;
}

.availStoreWrap {
    display: inline-block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    margin-right: 2em;
    margin-bottom: 1em;
}

.eachShop_sec_ourMenu {
    padding: 1em 0;
    padding-bottom: 2.5em;
    position: relative;
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu {
        margin-top: 7em;
        padding-top: 5em;
        padding-bottom: 8em;
    }
}

.eachShop_sec_ourMenu:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(90deg, #d7ad7d0d 0%, #d7ad7d26 100%) 0% 0% no-repeat padding-box;
    z-index: -2;
}

.wrapSwiperContainer {
    position: relative;
}

.wrapSwiperContainer::after {
    content: "";
    background: linear-gradient(to right, rgba(250, 244, 237, 0), #faf4ed);
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

@media (min-width: 1200px) {
    .wrapSwiperContainer::after {
        display: none;
    }
}

.eachShop_sec_ourMenu_slide .swiper-slide {
    height: auto;
    max-width: 300px;
}

.eachShop_sec_ourMenu_slide .swiper-slide:last-child {
    position: relative;
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu_slide .swiper-slide {
        width: 283px !important;
        max-width: initial;
    }
}

.swiper-slide_txtLast {
    position: absolute;
    top: 50%;
    transform: translate(0, -100%);
}

@media (min-width: 1200px) {
    .swiper-slide_txtLast {
        display: none !important;
    }
}

.swiper-slide_menuHeading {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #000000;
    line-height: 2;
    text-align: center;
}

.eachShop_sec_ourMenu_contents_flexPc {
    margin-bottom: 1.5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu_contents_flexPc {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5em;
    }
}

.eachShop_sec_ourMenu_contents_wrapBtn_forMob,
.eachShop_sec_ourMenu_contents_wrapBtn_forPc {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 0.025em;
}

.eachShop_sec_ourMenu_contents_wrapBtn_forMob {
    width: 80%;
    margin: 0 auto;
    max-width: 260px;
    margin-top: 1.5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu_contents_wrapBtn_forMob {
        display: none;
    }
}

.eachShop_sec_ourMenu_contents_wrapBtn_forPc {
    display: none;
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu_contents_wrapBtn_forPc {
        width: 160%;
        max-width: 200px;
        margin-left: 5em;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .eachShop_sec_ourMenu_contents_wrapBtn_forPc--twoCol {
        max-width: 350px;
    }
}

.eachShop_sec_ourMenu .container {
    width: 90%;
}

.each_shop_our_menu--viewMoreMb {
    display: flex;
    align-items: center;
    height: 188px;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 16px;
    color: #d8a469;
    letter-spacing: 0.05em;
    line-height: 1.25;
}

.each_shop_our_menu_viewMoreBtn {
    margin-left: 2em;
    display: flex;
    position: relative;
}

.each_shop_our_menu_viewMoreBtn .btnWithIcon_icon {
    transform: rotate(45deg) translateY(10px);
    margin-left: 1.25em;
    margin-right: 0;
}

.each_shop_our_menu_viewMoreBtn_txt {
    white-space: nowrap;
}

.eachShop_sec_recruit_contents_wyWrap {
    border-bottom: 1px solid #d7ad7d;
}

.eachShop_sec_recruit_contents_wyWrap_contents {
    display: none;
    padding-bottom: 2em;
}

.eachShop_sec_recruit {
    margin-top: 2em;
    margin-bottom: 6em;
}

@media (min-width: 1200px) {
    .eachShop_sec_recruit {
        margin-top: 4em;
    }
}

.recBtnWrap {
    text-align: center;
}

.recBtn {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.5384615385;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    padding: 1em 2em;
    margin: 0 auto;
    border: 1px solid #000;
    text-decoration: none !important;
}

.recBtn:hover {
    transition: all ease 0.5;
    background-color: #000;
    color: #fff;
}

.recBtn:hover .recBtn_icon img:first-of-type {
    display: none;
}

.recBtn:hover .recBtn_icon img:last-of-type {
    display: block;
}

.recBtn_icon {
    width: 20px;
    margin-right: 5px;
}

.recBtn_icon img:last-of-type {
    display: none;
}

.eachShop_sec_recruit .container {
    width: 90%;
}

.eachShop_sec_recruit .eachShop_sec_innerSmallHeading--opening {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.eachShop_sec_innerSmallHeading_icon {
    width: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    transform: translate(0%, 0%) rotate(90deg);
    transition: all ease 0.5s;
}

.eachShop_sec_innerSmallHeading_icon img {
    width: 100%;
}

.eachShop_sec_innerSmallHeading_icon--oopened {
    transform: translate(0%, 0%);
}

.eachShop_lastBk {
    width: 100%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

@media (min-width: 1200px) {
    .eachShop_lastBk {
        z-index: initial;
        height: 300px;
        background-attachment: fixed;
        min-height: 587px;
    }
}

.eachShop_sec_linkOtherPage {
    padding-top: 1em;
    margin-bottom: 5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPage {
        margin-bottom: initial;
        padding-bottom: 8em;
    }

    .eachShop_sec_linkOtherPage:before {
        content: "";
        width: 44px;
        height: 50%;
        position: absolute;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top, #000, #fff);
        opacity: 0.04;
    }
}

.eachShop_sec_linkOtherPage .container {
    width: 90%;
}

@media (min-width: 767px) {
    .eachShop_sec_linkOtherPageList {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList {
        display: block;
        max-width: 882px;
        margin: 0 auto;
        margin-top: 2.5em;
    }
}

.eachShop_sec_linkOtherPageList_item {
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 2em;
    box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

.eachShop_sec_linkOtherPageList_item:not(:first-of-type) {
    margin-top: 2.5em;
}

@media (min-width: 767px) {
    .eachShop_sec_linkOtherPageList_item {
        width: 400px;
        margin: initial;
    }

    .eachShop_sec_linkOtherPageList_item:not(:first-of-type) {
        margin: initial;
    }
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item {
        display: flex;
        justify-content: space-between;
        max-width: initial;
        width: 100%;
        min-width: initial;
        padding-bottom: initial;
    }

    .eachShop_sec_linkOtherPageList_item:hover .eachShop_sec_linkOtherPageList_item_thumb {
        transform: scale(1.2);
        transition: all ease 0.5s;
    }

    .eachShop_sec_linkOtherPageList_item:not(:first-of-type) {
        margin-top: 2.5em;
    }
}

.eachShop_sec_linkOtherPageList_item_flexItem {
    position: relative;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item_flexItem:first-of-type {
        width: 40%;
        overflow: hidden;
    }

    .eachShop_sec_linkOtherPageList_item_flexItem:last-of-type {
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.eachShop_sec_linkOtherPageList_item_flexItem_inner {
    width: 80%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item_flexItem_inner {
        width: 80%;
        margin: initial;
    }
}

.eachShop_sec_linkOtherPageList_item_thumb {
    width: 100%;
    height: 213px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px 0 0 3px;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item_thumb {
        transition: all ease 1s;
        height: 260px;
    }
}

.eachShop_sec_linkOtherPageList_item_thumb_btnWithIconWrap {
    width: 100%;
    height: 100%;
    background: black;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.eachShop_sec_linkOtherPageList_item_thumb_btnWithIcon {
    position: absolute;
    top: 50%;
    left: 52.5%;
    transform: translate(-50%, -50%);
}

.eachShop_sec_otherLocationHeading {
    font-size: 2rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin: 1em 0;
    margin-top: 3rem;
}

@media (min-width: 1200px) {
    .eachShop_sec_otherLocationHeading {
        font-size: 1.8rem;
        margin-bottom: 1.2em;
    }
}

.eachShop_sec_linkOtherPageList_item_info {
    display: flex;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    letter-spacing: 0.025em;
    margin: 0.8em 0;
    line-height: 1.3846153846;
    font-size: 1.8rem;
}

.eachShop_sec_linkOtherPageList_item_info:last-of-type {
    margin-bottom: 1.5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item_info {
        font-size: 1.6rem;
    }

    .eachShop_sec_linkOtherPageList_item_info:last-of-type {
        margin-bottom: 3rem;
    }

    .eachShop_sec_linkOtherPageList_item_info:hover {
        text-decoration: underline;
    }
}

.eachShop_sec_linkOtherPageList_item_info_iconWrap_map {
    height: auto;
    padding-right: 1em;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eachShop_sec_linkOtherPageList_item_info_iconWrap_phone {
    height: auto;
    padding-right: 1em;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapHeading_btnWrapAsOtherLoc {
    margin-bottom: 1em;
    font-family: "Noto Sans JP", sans-serif;
}

@media (min-width: 1200px) {
    .wrapHeading_btnWrapAsOtherLoc .accBtn_itemList--pcOpen {
        bottom: initial;
    }
}

.eachShop_sec_linkOtherPageList_item_btnWithIconWrap {
    width: 100%;
    text-align: right;
    padding: 0.5em 0;
}

@media (min-width: 1200px) {
    .eachShop_sec_linkOtherPageList_item_btnWithIconWrap {
        display: none;
    }
}

#eachShopPage section {
    position: relative;
    z-index: -999;
}

#eachShopPage ul {
    list-style-type: disc;
}

#eachShopPage {
    position: relative;
    z-index: -999;
}

@media (min-width: 1200px) {
    #eachShopPage ul {
        margin-left: 2em;
    }
}

#eachShopPage p,
#eachShopPage li {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.625;
}

@media (min-width: 1200px) {

    #eachShopPage p,
    #eachShopPage li {
        font-size: 1.4rem;
    }
}

#eachShopPage li {
    margin-left: 2em;
}

#eachShopPage hr {
    border-top: 1px dashed #d7ad7d;
    margin: 2em 0 0.8em 0;
}

#eachShopPage strong {
    font-weight: 700;
}

#eachShopPage .eachShop_sec_recruit_contents {
    margin-top: 1.5em;
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_ttl,
#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_sub_ttl,
#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_bigGold {
    font-family: "Noto Sans JP", sans-serif;
    padding: 1em 0;
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_ttl {
    font-weight: 700;
    position: relative;
    padding-left: 1em;
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_ttl:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 10px;
    height: 10px;
    background-image: url("../images//icon/each-shop-page/ico_nav_next.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 1200px) {
    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_ttl {
        font-size: 1.4rem;
    }
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_sub_ttl {
    padding: 1.2em 0 0.8em 0;
    font-weight: 700;
    font-size: 1.4rem;
}

@media (min-width: 1200px) {
    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_sub_ttl {
        font-size: 1.2rem;
        margin-left: 3.5em;
    }
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_bigGold {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #d8a469;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_head_bigGold {
        font-size: 1.6rem;
        margin-left: 2.75em;
    }
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_contents {
    width: 90%;
    margin: 0 auto;
}

#eachShopPage .eachShop_sec_recruit_contents_wyWrap_contents a {
    text-decoration: underline;
}

@media (min-width: 1200px) {

    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_contents p,
    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_contents li {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    #eachShopPage .eachShop_sec_recruit_contents_wyWrap_contents p {
        margin-left: 3em;
    }
}

.secHalfBk {
    position: relative;
}

.secHalfBk:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 300px;
    background: linear-gradient(to bottom, #000, #fff);
    opacity: 0.03;
    z-index: -1;
}

@media (min-width: 1200px) {
    .secHalfBk:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .secHalfBk--showAllTime:after {
        display: block;
    }
}

.lineBtwSec {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(50%, -50%);
    width: 1px;
    height: 50px;
    background-color: #d7ad7d;
}

@media (min-width: 1200px) {
    .lineBtwSec--disablePC {
        display: none;
    }
}

.eachShop_heroHeader_heading_top_sml {
    font-size: 1.1rem;
    margin-top: 1em;
    margin-bottom: 0.15em;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading_top_sml {
        margin-top: 5em;
    }
}

.eachShop_heroHeader_heading {
    width: 100%;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 3rem;
    line-height: 1.2307692308;
    z-index: 1;
    position: relative;
    font-weight: 400;
    margin-bottom: 0.25em;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading {
        font-size: 4rem;
    }
}

.eachShop_heroHeader_heading_top_location {
    font-size: 1.4rem;
    font-weight: lighter;
    padding-bottom: 1.2em;
    margin-bottom: 1em;
    position: relative;
}

.eachShop_heroHeader_heading_top_location:after {
    content: "";
    width: 32.5px;
    height: 1px;
    background-color: #d7ad7d;
    position: absolute;
    left: 0;
    bottom: 0;
}

.eachShop_heroHeader_heading_top_location_inner {
    position: relative;
}

.eachShop_heroHeader_heading_top_location_inner::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(150%, -50%);
    background-image: url("../images//icon/each-shop-page/icon_arrowBlack.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 1200px) {
    .eachShop_heroHeader_heading_top_location_inner:hover {
        text-decoration: underline;
    }
}

.eachShop_sectionHeading {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2.4rem;
    color: #d8a469;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    padding: 1.5em 0;
}

@media (min-width: 1200px) {
    .eachShop_sectionHeading {
        font-size: 2rem;
    }
}

.eachShop_sectionHeading--centerMb_Pc {
    text-align: center;
}

.eachShop_sectionHeading--centerMb {
    justify-content: center;
}

@media (min-width: 1200px) {
    .eachShop_sectionHeading--centerMb {
        text-align: initial;
    }
}

.eachShop_sectionHeading--withIcn,
.eachShop_sectionHeading--withIcnOnlyPc {
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {

    .eachShop_sectionHeading--withIcn,
    .eachShop_sectionHeading--withIcnOnlyPc {
        justify-content: flex-start;
        position: relative;
        left: -26.55px;
    }
}

.eachShop_sectionHeading--withIcn::before,
.eachShop_sectionHeading--withIcnOnlyPc::before {
    margin-right: 0.5em;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("../images//icon/each-shop-page/ico_ttlIcon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.eachShop_sectionHeading--withIcnOnlyPc::before {
    display: none;
}

@media (min-width: 1200px) {
    .eachShop_sectionHeading--withIcnOnlyPc::before {
        display: initial;
    }
}

.eachShop_sectionHeading--about {
    padding-top: 50px;
}

.eachShop_sec_innerSmallHeading {
    cursor: pointer;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    padding: 1.5em 0;
    text-transform: uppercase;
    margin-top: 3em;
}

@media (min-width: 1200px) {
    .eachShop_sec_innerSmallHeading {
        font-size: 1.4rem;
    }
}

.eachShop_sec_innerSmallHeading--opening {
    font-size: 1.8rem;
}

.eachShop_sec_innerSmallHeading--widhNoSpace {
    padding-bottom: 0.5em;
}

.eachShop_sec_innerSmallHeading--center {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eachShop_sec_innerSmallHeading--center:after,
.eachShop_sec_innerSmallHeading--center:before {
    content: "";
    background-color: #c9c9c9;
    width: 50%;
    height: 1px;
}

.eachShop_sec_innerSmallHeading--accdion {
    margin-top: 0;
}

.eachShop_sec_innerSmallHeading--accdion span {
    margin-left: 1.2em;
}

.eachShop_sec_innerSmallHeading--accdion .eachShop_sec_innerSmallHeading_icon {
    margin-right: 1em;
}

@media (min-width: 1200px) {
    .eachShop_sec_innerSmallHeading--accdion:hover {
        background-color: rgba(215, 173, 125, 0.1);
    }
}

.eachShop_sec_innerSmallHeading--restaurant_feature {
    margin-bottom: 1.5em;
}

@media (min-width: 1200px) {
    .eachShop_sec_innerSmallHeading--restaurant_feature {
        margin-top: 2em;
    }
}

.eachShop_sec_innerSmallHeading_in {
    display: block;
    width: 100%;
}

.locationHero {
    width: 100%;
    height: 15vh;
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images//pages/front-page/pc/1.jpg");
}

@media (min-width: 1200px) {
    .locationHero {
        background-image: initial !important;
        position: relative;
    }

    .locationHero:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 300px;
        background: linear-gradient(to bottom, #000, #fff);
        opacity: 0.03;
        z-index: -1;
    }
}

.locationHero_pcTxt {
    display: none;
}

@media (min-width: 1200px) {
    .locationHero_pcTxt {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 137px;
    }
}

.locationFiltering_item_each {
    width: 95%;
    max-width: 392px;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

.locationFiltering_item_each:not(:nth-of-type(1)) {
    margin-top: 3em;
}

.locationFiltering_item_each:last-of-type {
    margin-bottom: 3em;
}

@media (min-width: 767px) {
    .locationFiltering_item_each {
        padding-bottom: initial;
        box-shadow: initial;
        width: 47%;
        background: transparent;
        margin: initial;
        margin-top: 3em;
    }

    .locationFiltering_item_each:not(:nth-of-type(1)) {
        margin-top: initial;
    }

    .locationFiltering_item_each:not(:nth-of-type(1)) {
        margin-top: 3em;
    }

    .locationFiltering_item_each:nth-of-type(1) {
        margin-top: 0;
    }

    .locationFiltering_item_each:nth-of-type(2) {
        margin-top: 0;
    }

    .locationFiltering_item_each:hover {
        margin-bottom: 35px;
    }

    .locationFiltering_item_each:hover .locationFiltering_item_each_thumb {
        height: 250px;
    }

    .locationFiltering_item_each:hover .locationFiltering_item_each_thumb img {
        transform: scale(1.2);
    }

    .locationFiltering_item_each:hover .locationFiltering_item_each_thumb:after {
        background: rgba(0, 0, 0, 0.5);
    }

    .locationFiltering_item_each:hover .locationFiltering_item_each_thumb .locationFiltering_item_each_thumb_icon {
        opacity: 1;
    }

    .locationFiltering_item_each:hover .locationFiltering_item_each_wrapBtn {
        opacity: 1;
    }
}

.locationFiltering_item_each_thumb {
    width: 100%;
    transition: all 0.2s ease-in;
}

.locationFiltering_item_each_thumb img {
    transition: all 0.2s ease-in;
}

@media (min-width: 1200px) {
    .locationFiltering_item_each_thumb {
        border-radius: initial;
        overflow: hidden;
        position: relative;
        height: 275px;
    }

    .locationFiltering_item_each_thumb img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .locationFiltering_item_each_thumb:after {
        content: "";
        transition: all 0.2s ease;
        background: rgba(0, 0, 0, 0);
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
}

.locationFiltering_item_each_thumb_icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    pointer-events: none;
    opacity: 0;
    transition: all 0.2s ease-in;
}

.locationFiltering_item_each_info {
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.025em;
    line-height: 1.4444444444;
    width: 100%;
    padding-top: 1em;
}

.locationFiltering_item_each_loc_ttl {
    font-weight: 700;
    font-size: 2rem;
    padding: 0em 2em 0 2em;
}

@media (min-width: 1200px) {
    .locationFiltering_item_each_loc_ttl {
        padding: 0;
        font-size: 1.8rem;
    }
}

.locationFiltering_item_each_loc_add {
    font-size: 1.8rem;
    color: #000000;
    font-weight: lighter;
    display: flex;
    padding: 1em 2em 2em 2em;
}

@media (min-width: 1200px) {
    .locationFiltering_item_each_loc_add {
        padding: 0;
        font-size: 1.4rem;
        margin-top: 0.5em;
    }
}

.locationFiltering_item_each_loc_add_icon {
    display: inline-block;
    margin-right: 0.5em;
    line-height: 1.3;
}

.locationFiltering_item_each_wrapBtn {
    display: none;
}

@media (min-width: 1200px) {
    .locationFiltering_item_each_wrapBtn {
        transition: all 0.2s ease-in;
        display: flex;
        justify-content: space-between;
        margin-top: 1.25em;
        opacity: 0;
    }
}

.location_btnWrap_item {
    width: 48%;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #000000;
    position: relative;
}

@media (min-width: 1200px) {
    .location_btnWrap_item {
        max-width: 185px;
    }
}

@media (min-width: 1200px) {
    .location_btnWrap_item .accBtn_itemList--pcOpen {
        top: 100%;
        bottom: initial;
    }
}

.locationFiltering_link {
    display: block;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
}

.locationFiltering_eachLoca {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3em;
}

@media (min-width: 1200px) {
    .locationFiltering_eachLoca {
        margin-bottom: 0;
    }
}

.locationFiltering_item {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px #d7ad7d solid;
}

@media (min-width: 767px) {
    .locationFiltering_item {
        max-width: initial;
        border-bottom: initial;
        padding-bottom: initial;
    }

    .locationFiltering_item:last-of-type {
        margin-bottom: 5em;
    }
}

.locationFiltering_item_eachWrap {
    display: none;
}

@media (min-width: 767px) {
    .locationFiltering_item_eachWrap {
        min-height: 480px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.locationFiltering_item_ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #000000;
    letter-spacing: 0.025em;
    padding: 2em 0;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .locationFiltering_item_ttl {
        padding: 2em 0;
        font-family: "Noto Serif", serif;
        font-weight: 400;
    }
}

.locationFiltering_item_ttlFlex {
    position: relative;
    width: 90%;
}

.locationFiltering_item_ttlFlex:before {
    transition: 0.5s all ease;
    content: "";
    background-image: url("../images//icon/all-shop-location-page/ico_locations_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 7.5px;
    position: absolute;
    right: 0;
    margin-right: 6px;
    top: 50%;
    transform: translate(0%, -50%) rotate(90deg);
    transform-origin: right right;
}

.locationFiltering_item_ttlFlex--openedArr:before {
    transform: translate(0%, -50%);
}

@media (min-width: 1200px) {
    .locationFiltering_item_ttlFlex {
        display: flex;
        align-items: center;
    }

    .locationFiltering_item_ttlFlex:before {
        display: none;
    }

    .locationFiltering_item_ttlFlex:after {
        content: "";
        background-color: #d1ae83;
        width: 100%;
        height: 1px;
        margin-left: 20px;
    }
}

@media (min-width: 1200px) {
    .whatsNewList {
        margin-top: 2em;
    }
}

.sec_whatsNewList {
    margin-bottom: 5em;
}

.sec_whatsNewList .container {
    width: 90%;
}

.whatsNewListItem {
    display: block;
    width: 100%;
    border-bottom: 1px #d7ad7d dashed;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin: auto;
}

@media (min-width: 1200px) {
    .whatsNewListItem {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media (min-width: 1200px) {
    .whatsNewListItem_pcWrap:first-of-type {
        width: 100%;
        margin-left: 2em;
    }

    .whatsNewListItem_pcWrap:last-of-type {
        width: 200px;
    }
}

.whatsNewListItemDateAndTag {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 2;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

@media (min-width: 1200px) {
    .whatsNewListItemDateAndTag {
        justify-content: flex-start;
        font-size: 1.2rem;
    }
}

.whatsNewListItem_tag {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-left: 1em;
}

.whatsNewListItem_tag_icon {
    width: 10px;
    margin-top: 1.5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    margin-right: 0.35em;
    margin-top: 8px;
}

@media (min-width: 1200px) {
    .whatsNewListItem_tag_icon {
        margin-top: initial;
        justify-content: center;
    }
}

.whatsNewListItem_cat {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.4285714286;
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
    align-content: center;
}

@media (min-width: 1200px) {
    .whatsNewListItem_cat {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
        font-size: 1.2rem;
    }
}

.whatsNewListItem_cat_icon {
    min-width: 15px;
    max-width: 15px;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-right: 0.35em;
}

.whatsNewListItemTtlAndThumb {
    display: flex;
    justify-content: space-between;
}

.whatsNewListItem_ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.625;
    width: 50%;
}

@media (min-width: 1200px) {
    .whatsNewListItem_ttl {
        display: none;
    }
}

.whatsNewListItem_ttlPC {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.625;
    width: 100%;
    display: none;
}

@media (min-width: 1200px) {
    .whatsNewListItem_ttlPC {
        display: block;
    }
}

.whatsNewListItem_wrapThumb {
    width: 45%;
    border-radius: 3px;
}

@media (min-width: 1200px) {
    .whatsNewListItem_wrapThumb {
        width: 100%;
    }
}

.whatsNewListItem_wrapThumb img {
    border-radius: 3px;
}

.sec_whatsNewPageNation {
    margin-bottom: 5em;
}

@media (min-width: 1200px) {
    .sec_whatsNewPageNation {
        margin-bottom: 8em;
    }
}

.whatsNewListItem_media_icon {
    width: 20px;
    margin-top: 1.5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    margin-right: 0.35em;
    margin-top: 8px;
}

@media (min-width: 1200px) {
    .whatsNewListItem_media_icon {
        margin-top: initial;
        justify-content: center;
    }
}

.single_sec {
    overflow-x: hidden;
}

.bk_circle_shadow {
    position: relative;
}

.bk_circle_shadow:after {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: radial-gradient(#3c3c3c 0.5%, transparent 50%);
    transform: translate(-50%, -50%);
    opacity: 0.06;
    top: 0;
    left: 0;
    z-index: -2;
}

.bk_circle_shadow:before {
    content: "";
    width: 250px;
    height: 500px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../images//global/bk/bg_patterns_light.jpg");
    top: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    transform: translateY(-16px);
}

.whatsNewSingle {
    margin-top: 1em;
    margin-bottom: 5em;
    padding-bottom: 1em;
    border-bottom: 1px #d7ad7d solid;
}

@media (min-width: 1200px) {
    .whatsNewSingle {
        margin: initial;
        position: relative;
    }

    .whatsNewSingle:before {
        content: "";
        width: 250px;
        height: 500px;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        left: 0;
        opacity: 1;
    }
}

.whatsNewsSingle_ttl {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .whatsNewsSingle_ttl {
        font-size: 3rem;
        margin-bottom: 1em;
    }
}

.whatsNewsSingleDateAndLoc {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 2;
    display: flex;
    max-width: 300px;
}

@media (min-width: 1200px) {
    .whatsNewsSingleDateAndLoc {
        padding-top: 2.5em;
        margin-bottom: 1em;
        position: relative;
    }
}

.whatsNewsSingle_loc {
    margin-left: 1em;
    display: flex;
    align-items: center;
}

.whatsNewsSingle_date {
    white-space: nowrap;
}

.whatsNewsSingle_cat {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.4285714286;
    margin-top: 0.5em;
    padding-bottom: 0.75em;
    margin-bottom: 0.55em;
    display: flex;
    align-content: center;
    position: relative;
}

@media (min-width: 1200px) {
    .whatsNewsSingle_cat {
        margin-top: 1em;
        margin-bottom: 1.5em;
        padding-bottom: 1.5em;
        font-size: 1.2rem;
    }
}

.whatsNewsSingle_cat:after {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #d7ad7d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.whatsNewsSingle_btn {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.whatsNewsSingle_btn a {
    font-family: "Noto Sans JP", sans-serif;
    text-transform: uppercase;
    border: solid 2px #000c;
    padding: 15px 30px 15px 25px;
    font-size: 14px;
    margin: auto;
}

.whatsNewsSingle_btn a img {
    margin-right: 5px;
}

.groupList_single_Bk {
    width: 100%;
    height: 100%;
    transition: width 0.8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.groupList_single_Bk:before {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}

.groupList_single_Bk::after {
    transition: all 0.8s;
    will-change: transform;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
}

.groupList_single_Bk:nth-of-type(1)::after {
    background-image: url("../images//pages/group-page/zakkushi_2x.jpg");
    background-position: center;
}

@media (min-width: 1200px) {
    .groupList_single_Bk:nth-of-type(1)::after {
        background-image: url("../images//pages/group-page/pc/zakkushi_2x.jpg");
    }
}

.groupList_single_Bk:nth-of-type(2)::after {
    background-image: url("../images//pages/group-page/ramen_2x.jpg");
    background-position: center;
}

@media (min-width: 1200px) {
    .groupList_single_Bk:nth-of-type(2)::after {
        background-image: url("../images//pages/group-page/pc/ramen_2x.jpg");
    }
}

.groupList_single_Bk:nth-of-type(3)::after {
    background-image: url("https://zakkushi.com/wp-content/uploads/2022/10/IMG_0179-1.jpg");
    background-position: center;
}

@media (min-width: 1200px) {
    .groupList_single_Bk:nth-of-type(3)::after {
        background-image: url("https://zakkushi.com/wp-content/uploads/2022/10/IMG_0179-1.jpg");
    }
}

.groupList_single_Bk:nth-of-type(4)::after {
    background-image: url("../images//pages/group-page/frozen_ramen_2x.jpg");
    background-position: 50% 80%;
}

@media (min-width: 1200px) {
    .groupList_single_Bk:nth-of-type(4)::after {
        background-image: url("../images//pages/group-page/pc/frozen_ramen_2x.jpg");
    }
}

@media (min-width: 1200px) {
    .groupList_single_Bk:hover {
        width: 120%;
    }

    .groupList_single_Bk:hover:before {
        background-color: transparent;
    }

    .groupList_single_Bk:hover::after {
        transform: scale(1.1);
    }
}

.groupList_single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 1200px) {
    .groupList_single {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: initial;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0%);
        max-width: 280px;
    }
}

.btn_bk {
    width: 190px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn_bk--zks {
    background-image: url("../images/pages/group-page/logo/pc/zks_2x.png");
}

.btn_bk--raijin {
    background-image: url("../images/pages/group-page/logo/pc/raijin_2x.png");
}

.btn_bk--raizo {
    background-image: url("../images/pages/group-page/logo/pc/raizo_2x.png");
}

.btn_bk--torizo {
    background-image: url("../images/pages/group-page/logo/pc/torizo_2x.png");
}

.btn_bk--tsubas {
    background-image: url("https://zakkushi.com/wp-content/uploads/2022/06/Logo-02.png");
}

.btn_bk--franklin {
    background-image: url("../images/pages/group-page/logo/pc/franklin_2x.png");
}

.btn_bk--raijin {
    background-image: url("../images/pages/group-page/logo/pc/raijin_2x.png");
}

.groupList_single_link {
    margin-left: 0.5em;
    width: 65px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

@media (min-width: 767px) {
    .groupList_single_link {
        width: 80px;
        margin-left: 1em;
    }
}

@media (min-width: 1200px) {
    .groupList_single_link {
        width: initial;
        margin-left: initial;
        margin-top: 1em;
    }
}


.groupList_single_link_logoWrap {
    position: relative;
}

@media (min-width: 1200px) {
    .groupList_single_link_logoWrap {
        background: rgba(255, 255, 255, 0.2);
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
        position: relative;
    }

    .groupList_single_link_logoWrap #logo_raijin_txt {
        transition: fill 0.3s;
    }

    .groupList_single_link_logoWrap:hover {
        background-color: rgba(255, 255, 255, 0.8);
        transform: scale(1.05);
    }

    .groupList_single_link_logoWrap:hover .btn_bk--zks {
        background-image: url("../images/pages/group-page/logo/pc/hover/zks_2x.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--raijin {
        background-image: url("../images/pages/group-page/logo/pc/hover/raijin_2x.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--raizo {
        background-image: url("../images/pages/group-page/logo/pc/hover/raizo_2x.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--torizo {
        background-image: url("../images/pages/group-page/logo/pc/hover/torizo_2x.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--tsubas {
        background-image: url("https://zakkushi.com/wp-content/uploads/2022/06/Logo-01-e1662406555303.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--franklin {
        background-image: url("../images/pages/group-page/logo/pc/hover/franklin_2x.png");
    }

    .groupList_single_link_logoWrap:hover .btn_bk--raijin {
        background-image: url("../images/pages/group-page/logo/pc/hover/raijin_2x.png");
    }

    .groupList_single_link_logoWrap:hover::after {
        border-top: 1px solid #d7ad7d;
        border-right: 1px solid #d7ad7d;
    }

    .groupList_single_link_logoWrap:hover #logo_raijin_txt path,
    .groupList_single_link_logoWrap:hover #logo_raijin_txt rect {
        fill: #000;
    }
}

@media (min-width: 1200px) {
    .groupList_single_link_logoWrap--external:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 1px;
        background: #fff;
        transform: translate(10%, -175%) rotate(135deg);
        right: 5%;
        top: 50%;
    }

    .groupList_single_link_logoWrap--external:hover:before {
        background-color: #d7ad7d;
    }

    .groupList_single_link_logoWrap--external:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: translate(-150%, -50%) rotate(45deg);
        transform: initial;
        transform: translate(0%, -75%);
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        right: 5%;
    }
}

.groupList_single_link_logo_pc {
    width: 80px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.groupList_single_link_locationTag {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0.1em;
    margin-top: 0.5em;
}

.groupList_single_ttlWrap {
    width: 100%;
}

@media (min-width: 1200px) {
    .groupList_single_ttlWrap {
        width: initial;
        margin-bottom: 1em;
    }
}

.groupList_single_ttl {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1.2222222222;
}

@media (min-width: 1200px) {
    .groupList_single_ttl {
        font-size: 2rem;
    }
}

.groupList_single_linkWrap {
    display: flex;
}

@media (min-width: 1200px) {
    .groupList_single_linkWrap {
        flex-direction: column;
        width: 100%;
        max-width: 230px;
    }
}

.sec_group {
    height: 100%;
}

.groupList {
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
}

@media (min-width: 1200px) {
    .groupList {
        height: 100%;
        flex-direction: row;
    }
}

.thankYouMessage {
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

.thankYouMessage h2 {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    margin: 50px 0 30px 0;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 2px;
}

@media (min-width: 1200px) {
    .thankYouMessage h2 {
        margin-bottom: 150px;
    }
}

.thankYouMessage h2 span {
    font-size: 32px;
}

.thankYouMessage p {
    line-height: 2.5rem;
    font-size: 12px;
    letter-spacing: 1px;
}

@media (min-width: 1200px) {
    .thankYouMessage p {
        font-size: 14px;
    }
}

.thankYouMessage p.color {
    color: #d8a469;
    font-size: 16px;
    padding-bottom: 10px;
    letter-spacing: 1.25px;
}

@media (min-width: 1200px) {
    .thankYouMessage p.color {
        font-size: 18px;
    }
}

.thankYouMessage .thankYouMessage_text {
    margin-bottom: 50px;
}

@media (min-width: 1200px) {
    .thankYouMessage .thankYouMessage_text {
        margin-bottom: 150px;
    }
}

.thankYouMessage_btn {
    text-transform: uppercase;
    letter-spacing: 1.25px;
    border: solid 1px black;
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1em 1em;
    margin-top: 3em;
}

.thankYouMessage_btn_icon {
    width: 8px;
    margin-left: 1em;
}

div.screen-reader-response {
    display: none;
}

.wpcf7-form {
    margin-bottom: 7em;
}

.zakkushiForm h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.05em;
    line-height: 2.25;
    margin-bottom: 0.5em;
    margin-top: 2em;
}

@media (min-width: 1200px) {
    .zakkushiForm h4 {
        font-size: 14px;
        margin-top: 4em;
    }
}

.zakkushiForm .wrapSelect {
    margin-bottom: 1em;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #ffffff;
}

.zakkushiForm .wrapSelect .wpcf7-form-control-wrap {
    margin-bottom: 0;
}

.zakkushiForm .wrapSelect:before {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

select {
    width: 100%;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1em 1em;
    color: #a7a7a7;
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.025em;
    line-height: 1.4285714286;
}

select:checked {
    color: #666666;
}

.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.4285714286;
    padding: 1em 1em;
    background-color: #fff;
}

.wpcf7-form-control-wrap ::-moz-placeholder {
    color: #a5a5a5;
}

.wpcf7-form-control-wrap :-ms-input-placeholder {
    color: #a5a5a5;
}

.wpcf7-form-control-wrap ::placeholder {
    color: #a5a5a5;
}

.submitWrap {
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .submitWrap {
        margin-top: 2em;
    }
}

.submitWrap:after {
    content: "";
    background-image: url("../images//icon/contact/submitIcon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(calc(-50% - 10px), -50%);
}

.submitWrap--hovered:after {
    content: "";
    background-image: url("../images//icon/contact/submitIcon_hover.svg");
}

.zakkushiForm--submit {
    transition: all ease 0.1s;
    outline-offset: -1px;
}

.zakkushiForm--submit:hover {
    background-color: #fff;
    color: #000;
    outline: 1px solid black;
}

.wpcf7-submit {
    cursor: pointer;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    box-sizing: border-box;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #ffffff;
    letter-spacing: 0em;
    line-height: 1.5384615385;
    background-color: #000;
    padding: 1em 0;
}

.wpcf7-response-output {
    float: right;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    margin-top: 1em;
    font-size: 0.7em;
    color: #bd141f;
    text-align: right;
    display: block;
    border: none !important;
    margin: initial !important;
    padding: initial !important;
}

.my-doc .wpcf7-not-valid-tip {
    margin-top: 0 !important;
    display: block;
    color: #bd141f;
    font-size: 0.7em;
    text-align: right;
    display: block;
}

.flexInput_colm3 .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 0.7em;
    transform: translate(0 -50%);
}

.flexInput_colm3 .wpcf7-not-valid-tip--singleItem {
    left: 0 !important;
}

.wrapGenFedBtn {
    display: flex;
    margin-bottom: 1.2em;
}

.genFedBtn {
    text-transform: uppercase;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.5384615385;
    border: 1px solid #000;
    width: 50%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
}

.genFedBtn:first-of-type {
    border-right: none;
}

.genFedBtn--chosen {
    color: #fff;
    background-color: #000;
}

.genAndFedContent--fed {
    display: none;
}

.cnMakeRe {
    font-family: "Noto Sans JP", sans-serif;
    background: #fff;
    padding-bottom: 2em;
    margin-bottom: 5em;
}

@media (min-width: 1200px) {
    .cnMakeRe a:hover {
        text-decoration: underline;
    }
}

.cnMakeRe_item {
    width: 90%;
    margin: 0 auto;
    padding: 1.5em 1.5em 0 1.5em;
    position: relative;
}

.cnMakeRe_item:last-of-type {
    padding-bottom: 2em;
}

.cnMakeRe_item:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    height: 1px;
    background: #d7ad7d;
}

@media (min-width: 1200px) {
    .cnMakeRe_item:after {
        width: 100%;
    }
}

.cnMakeRe_item_ttl {
    font-weight: 400;
    font-size: 1.8rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.1111111111;
    display: flex;
    align-items: center;
}

.cnMakeRe_item_ttl_logo {
    width: 40px;
    height: 40px;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cnMakeRe_item_infoWrap {
    border-bottom: 1px dashed #d7ad7d;
    padding-bottom: 1.5em;
}

.cnMakeRe_item_infoWrap:last-of-type {
    border-bottom: none;
}

@media (min-width: 1200px) {
    .cnMakeRe_item_infoWrap {
        padding: initial;
        padding-bottom: initial;
        display: flex;
        align-items: center;
        padding: 1.5em 0;
    }
}

.cnMakeRe_item_loc {
    font-weight: 700;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.25;
    margin-top: 1em;
    position: relative;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .cnMakeRe_item_loc {
        margin-top: initial;
    }
}

.cnMakeRe_item_loc_smallArrowIcon {
    width: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5em;
}

.cnMakeRe_item_locDetails {
    font-weight: lighter;
    font-size: 1.2rem;
    color: #000000;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-top: 1.2em;
    padding-left: 1.2em;
}

@media (min-width: 1200px) {
    .cnMakeRe_item_locDetails {
        margin-top: initial;
    }
}

.cnMakeRe_item_btns {
    font-weight: 400;
    font-size: 1.8rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.1111111111;
    display: flex;
    justify-content: space-between;
    margin-top: 1.5em;
}

@media (min-width: 1200px) {
    .cnMakeRe_item_btns {
        margin-top: initial;
        margin-left: auto;
        font-size: 1.6rem;
    }
}

.cnMakeRe_item_btns_item {
    display: flex;
    align-items: center;
    padding-right: 0.5em;
}

@media (min-width: 1200px) {
    .cnMakeRe_item_btns_item:last-of-type {
        margin-left: 1em;
    }
}

.cnMakeRe_item_btns_item_pcIcon {
    width: 15px;
    margin-right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cnMakeRe_item_btns_item_arrowIcon {
    width: 10px;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cnMakeRe_item_btns_item_arrowIcon_phoneIcon {
    width: 15px;
    margin-right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#mfcf7_zl_multifilecontainer p {
    margin-bottom: 0;
}

div#mfcf7_zl_multifilecontainer {
    margin-top: 0;
}

.fileBtn {
    margin-bottom: 0;
}

.fileBtn input[type=file] {
    display: none;
}

.fileBtn_label {
    position: relative;
}

.fileBtn_label::after {
    content: "";
    background-image: url("../images//icon/contact/crip.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    bottom: 13px;
    right: 10px;
    margin-top: -12px;
}

@media (min-width: 1200px) {
    .fileBtn_label {
        margin: 0.5em 0;
    }
}

.fileBtn_label input[type=button] {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    border: 1px solid #000;
    background-color: #fff;
    width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 1em;
    white-space: nowrap;
    margin-bottom: 0em;
    color: #666666;
    width: 100%;
}

.wrapFileBtn_desc {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #393939;
    letter-spacing: 0.025em;
    line-height: 1.5;
}

.ajax-loader {
    margin: initial !important;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-150%, -150%);
}

.qbutton {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0 !important;
}

.wpcf7-spinner {
    left: 0;
    position: absolute;
    margin: 0;
    transform: translate(-30px, -35px);
}

.policiesContents {
    padding-left: 9px;
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .policiesContents {
        padding-left: 30px;
    }
}

.policiesContents p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #393939;
    letter-spacing: 0.025em;
    line-height: 1.5;
}

@media (min-width: 1200px) {
    .policiesContents p {
        line-height: 2;
    }
}

.policiesContents h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .policiesContents h4 {
        line-height: 1.9;
    }
}

.policiesContents strong {
    font-weight: 700;
}

.policiesContents ul {
    margin-top: 20px;
    list-style: disc;
    padding-left: 54px;
}

.policiesContents ol {
    list-style-type: decimal;
}

.policiesContents li {
    margin-bottom: 15px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
}

.policiesContents a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #d1a572;
    letter-spacing: 0.025em;
    line-height: 1.5;
    text-decoration: underline;
}

.policiesContents .intro p {
    padding-bottom: 20px;
}

@media (min-width: 1200px) {
    .policiesContents .intro p {
        padding-bottom: 30px;
    }
}

.policiesContents .intro {
    margin-bottom: 50px;
}

.policiesContents p.light {
    font-weight: lighter;
}

@media (min-width: 1200px) {
    .policiesContents p.light {
        padding-bottom: 10px;
    }
}

.policiesContents h4 {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .policiesContents h4 {
        margin-bottom: 20px;
    }
}

.policiesContents .content {
    margin-bottom: 50px;
}

@media (min-width: 1200px) {
    .policiesContents .content {
        margin-bottom: 80px;
    }
}

.policiesContents .contentSecondary {
    margin: 30px 0;
}

.policiesContents h5 {
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.policiesContents #termsAndConditionsIntro {
    margin-bottom: 0;
}

.policiesContents .address p,
.policiesContents .contact p {
    padding-bottom: 20px;
}

@media (min-width: 1200px) {

    .policiesContents .address p,
    .policiesContents .contact p {
        padding-bottom: 5px;
    }
}

.policiesContents .address a,
.policiesContents .contact a {
    font-weight: 700;
}

@media (min-width: 1200px) {
    .policiesContents .contact h4 {
        margin-bottom: 10px;
    }
}

.policiesContents #safetyPlanIntro {
    text-align: center;
    margin-bottom: 50px;
}

@media (min-width: 1200px) {
    .policiesContents .safetyPlan h4 {
        margin-bottom: 0;
    }
}

.onlineOrder_contents {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (min-width: 1200px) {
    .onlineOrder_contents {
        padding-left: 2em;
    }
}

.onlineOrder_contents .accordionForSinglePage--chosenBkColor {
    background-color: transparent;
}

.onlineOrder_contents_logo img {
    width: 50px;
    padding-right: 10px;
}

@media (min-width: 1200px) {
    .onlineOrder_contents_title {
        display: flex;
        align-items: center;
    }
}

.onlineOrder_contents_title_light {
    font-weight: lighter;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 0.8em;
    padding-left: 1.3em !important;
}

@media (min-width: 1200px) {
    .onlineOrder_contents_title_light {
        margin-top: 0;
    }
}

.secondaryAccordion {
    background-color: #f7f7f8;
}

.secondaryAccordion .accordionForSinglePage:nth-child(even) {
    background-color: #f0f0f2;
}

.secondaryAccordion .accordionForSinglePage {
    border-bottom: none;
}

.zakkushiForm .onlineOrder_orderList {
    padding-left: 0.8em;
}

.onlineOrder_orderList {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    padding-left: 2.5em;
}

@media (min-width: 1200px) {
    .onlineOrder_orderList {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 3.5em;
    }
}

.secondaryAccordion .onlineOrder_orderList {
    padding-bottom: 40px;
}

.onlineOrder_orderList_option {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.onlineOrder_orderList_option a {
    padding: 10px 20px 10px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border: solid 1px #000;
    margin: 0 0 -1px;
    width: 230px;
    font-size: 9.5px;
    font-weight: 700;
    height: 25px;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .onlineOrder_orderList_option a {
        width: 215px;
        height: 40px;
        justify-content: center;
        padding: 10px;
        margin-left: -1px;
    }
}

.onlineOrder_orderList_option a span {
    width: 50px;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .onlineOrder_orderList_option a span {
        width: auto;
    }
}

.onlineOrder_orderList_option_row {
    display: flex;
    align-items: center;
}

.onlineOrder_option_arr img {
    width: 10px;
    vertical-align: middle;
}

.onlineOrder_option_logo img {
    height: 16px;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    margin-top: -3px;
}

.onlineOrder_option_logo_sm img {
    width: 80px;
    height: auto;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    margin-top: -3px;
}

.onlineOrder_logo_onlineStore img {
    height: 20px;
    width: auto;
    margin-top: 3px;
    margin-left: 8px;
}

.onlineOrder_logo_skipTheDishes img {
    width: 95px;
    margin-top: 0.5px;
}

.onlineOrder_logo_goFoodie img {
    width: 95px;
    margin-top: 1px;
    margin-left: 7px;
}

.onlineOrder_logo_doorDash img {
    width: 170px;
    margin-left: -5.5px;
    margin-top: 0.5px;
}

@media (min-width: 1200px) {
    .onlineOrder_logo_doorDash img {
        margin-top: 0;
    }
}

.onlineOrder_logo_snappy img {
    margin-top: 3px;
}

.onlineOrder_logo_fantuan img {
    width: 85px;
    margin-top: 1px;
    margin-left: 10.5px;
}

.onlineOrderWrapper {
    margin: 0 auto;
    padding-bottom: 20px;
}

.onlineOrder_address {
    padding: 20px 0;
    padding-left: 2em;
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}

@media (min-width: 1200px) {
    .onlineOrder_address {
        padding-left: 3.2em;
    }
}

.onlineOrder_address_light {
    font-weight: 400;
    font-size: 0.8em;
    text-transform: uppercase;
}

.onlineOrder_option_content {
    padding-bottom: 40px;
}

.onlineOrder_option_content:nth-child(1) {
    background-color: #f7f7f8;
}

.onlineOrder_option_content:nth-child(2) {
    background-color: #f0f0f2;
}

.onlineOrder_option_content:nth-child(3) {
    background-color: #f7f7f8;
}

.contentsItemWrap {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: solid 1px #d7ad7d;
}

.contentsItemWrap:last-of-type {
    border-bottom: none;
}

.contentsItemWrap:first-of-type {
    padding-top: initial;
}

@media (min-width: 1200px) {
    .contentsItemWrap {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

.compnay_sec_contents_item {
    font-family: "Noto Sans JP", sans-serif;
    padding: 2em 1em;
    display: flex;
}

@media (min-width: 1200px) {
    .compnay_sec_contents_item {
        width: 85%;
        margin: 0 auto;
    }
}

.compnay_sec_contents_item:nth-child(odd) {
    background-color: #f7f7f8;
}

.compnay_sec_contents_item:nth-child(even) {
    background-color: #f0f0f2;
}

.compnay_sec_contents_item--dub {
    flex-direction: row;
    align-items: center;
}

.compnay_sec_contents_item--single {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.compnay_sec_contents_item--top {
    align-items: flex-start;
}

.compnay_sec_contents_item_ttl {
    font-weight: 700;
    font-size: 2.2rem;
    color: #000000;
}

.compnay_sec_contents_item_txt {
    font-weight: lighter;
    letter-spacing: 0.025em;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.025em;
}

.compnay_sec_contents_item_txt a {
    color: #d1a572;
    text-decoration: underline;
}

.compnay_sec_contents_item_key {
    width: 40%;
}

@media (min-width: 1200px) {
    .compnay_sec_contents_item_key {
        width: 25%;
        margin-left: 3em;
    }
}

.compnay_sec_contents_item_val {
    width: 60%;
    font-weight: lighter;
    letter-spacing: 0.05em;
    line-height: 1.75;
}

@media (min-width: 1200px) {
    .compnay_sec_contents_item_val {
        width: 70%;
    }
}

.compnay_imgList a {
    display: inline-block;
    margin-bottom: 1em;
    margin-right: 2em;
    vertical-align: middle;
}

.compnay_imgList a:last-of-type {
    margin-bottom: 0;
}

.compnay_imgList a img {
    width: initial;
}

.eachCat_ttl {
    font-style: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1;
    display: flex;
    align-items: center;
    padding-top: 2em;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.eachCat_ttl:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d1ae83;
    margin-left: 1em;
}

@media (min-width: 1200px) {
    .eachCat_ttl {
        font-size: 1.8rem;
    }
}

.eachCat_ttl--widthDesign {
    padding-top: 4.5em;
    padding-bottom: 3em;
}

@media (min-width: 1200px) {
    .eachCat_ttl--widthDesign {
        padding-top: 4em;
        padding-bottom: 2em;
    }
}

.singleMenuWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 98%;
    margin: 0 auto;
}

@media (min-width: 767px) {
    .singleMenuWrap {
        width: initial;
        margin: initial;
    }

    .singleMenuWrap:after {
        content: "";
        width: 350px;
        height: 1px;
    }
}

@media (min-width: 1200px) {
    .singleMenuWrap {
        justify-content: space-between;
    }

    .singleMenuWrap:after {
        content: "";
        width: 30%;
        height: 1px;
    }
}

.design_label {
    position: absolute;
    top: 100%;
    transform: translate(-25%, -115%);
    z-index: -1;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 120px;
    color: #3e3831;
}

@media (min-width: 1200px) {
    .design_label {
        transform: initial;
        top: initial;
        text-align: left;
        transform: translate(-25%, 0);
    }
}

.singleMenuHalf {
    padding: 2em 0;
    width: 100%;
    max-width: 350px;
    border-bottom: dashed 1px #d1ae83;
}

.singleMenuHalf:last-of-type {
    border-bottom: none;
}

@media (min-width: 767px) {
    .singleMenuHalf {
        border-bottom: none;
    }
}

@media (min-width: 1200px) {
    .singleMenuHalf {
        max-width: initial;
        width: 30%;
    }
}

.singleMenuHalf .menuArchive_priceAndTagWrap {
    flex-direction: column;
}

@media (min-width: 1200px) {
    .singleMenuHalf .menuArchive_priceAndTagWrap {
        align-items: flex-end;
    }
}

.singleMenuHalf_flex {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .singleMenuHalf_flex {
        flex-direction: column-reverse;
    }
}

.singleMenuHalf_flex_item {
    width: 49%;
}

.singleMenuHalf_flex_item--full {
    width: 100%;
}

@media (min-width: 1200px) {
    .singleMenuHalf_flex_item {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .singleMenuHalf_flex_item--wrap {
        flex-wrap: wrap;
    }
}

.removeUnderLine {
    border: none;
}

.elCardPostHalfFullText {
    padding: 2em 0;
    width: 100%;
    max-width: 350px;
    border-bottom: dashed 1px #d1ae83;
}

.elCardPostHalfFullText:last-of-type {
    border-bottom: solid 1px #d1ae83;
}

.elCardPostHalfFullText .menuArchive_priceAndTagWrap_single:first-of-type {
    margin-top: 0;
}

@media (min-width: 767px) {
    .elCardPostHalfFullText {
        border-bottom: none;
    }

    .elCardPostHalfFullText:last-of-type {
        border-bottom: none;
    }
}

@media (min-width: 1200px) {
    .elCardPostHalfFullText {
        max-width: initial;
        width: 30%;
    }
}

.elCardPostHalfFullText--straight {
    border-bottom: none;
    padding: 0.5em 0;
}

.elCardPostHalfFullText--straight:first-of-type {
    padding-top: 2em;
}

.elCardPostHalfFullText--straight:last-of-type {
    padding-bottom: 2em;
}

@media (min-width: 1200px) {
    .elCardPostHalfFullText--straight {
        padding-top: 2em;
    }

    .elCardPostHalfFullText--straight:last-of-type {
        padding-bottom: initial;
    }
}

.elCardPostHalfFullText--straight .menuArchive_priceAndTagWrap_single {
    margin-top: 0;
}

.elCardPostHalfFullText .menuArchive_priceAndTagWrap {
    flex-wrap: nowrap;
}

.elCardPostHalfFullText_flex {
    width: 100%;
}

.elCardPostHalfFullText_flex_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.elCardPostHalfFullText_WrapForTtlAndTagWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.elCardPostFull {
    padding: 2em 0;
    width: 100%;
    max-width: 350px;
}

@media (min-width: 1200px) {
    .elCardPostFull {
        width: 48%;
        max-width: initial;
    }
}

.elCardPostFull .menuArchive_priceAndTagWrap_single {
    margin-top: 0;
}

.elCardPostFull_flex_item_innerFlex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
}

.elCardPostFull_flex_item:last-of-type {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.menuArchive_menu_ttl,
.menuArchive_menu_labelForPrice,
.menuArchive_menu_price,
.menuArchive_menu_tag,
.menuArchive_menu_desc {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.025em;
    line-height: 1.4444444444;
}

.elCard_opacity {
    opacity: 0.25;
}

.menuArchive_menu_ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.menuArchive_menu_ttl_main {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
}

@media (min-width: 1200px) {
    .menuArchive_menu_ttl_main {
        align-items: flex-start;
        font-size: 1.4rem;
    }
}

.menuArchive_menu_ttl_subTitle {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    color: #d7ad7d;
    display: inline-block;
    width: 100%;
}

@media (min-width: 1200px) {
    .menuArchive_menu_ttl_subTitle {
        font-size: 1rem;
    }
}

.menuArchive_menu_ttl_subTitleOfSub {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.4rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    display: inline-block;
    width: 100%;
    margin-bottom: 0.7em;
}

@media (min-width: 1200px) {
    .menuArchive_menu_ttl_subTitleOfSub {
        margin-bottom: 2em;
    }
}

.menuArchive_priceAndTagWrapWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.menuArchive_priceAndTagWrap {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.menuArchive_priceAndTagWrap_single {
    display: flex;
    align-items: baseline;
    margin-top: 0.5em;
}

@media (min-width: 1200px) {
    .menuArchive_priceAndTagWrap_single {
        margin-top: 0;
    }

    .menuArchive_priceAndTagWrap_single:not(:first-of-type) {
        margin-top: 0.5em;
    }
}

.menuArchive_menu_labelForPrice {
    font-weight: lighter;
    font-size: 1.4rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1.4285714286;
    white-space: nowrap;
    margin-right: 0.5em;
    width: 100%;
}

@media (min-width: 1200px) {
    .menuArchive_menu_labelForPrice {
        font-size: 1.2rem;
    }
}

.menuArchive_menu_price {
    font-size: 1.8rem;
    margin-left: auto;
}

@media (min-width: 1200px) {
    .menuArchive_menu_price {
        font-size: 1.4rem;
    }
}

.menuArchive_menu_tag {
    margin-right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menuArchive_menu_tag--SOLD_OUT {
    width: 60px;
}

.menuArchive_menu_tag--NEW {
    width: 34px;
}

.menuArchive_menu_desc {
    font-weight: lighter;
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    line-height: 1.625;
}

@media (min-width: 1200px) {
    .menuArchive_menu_desc {
        font-size: 1.2rem;
    }
}

.menuArchive_menu_desc_smallBoldText {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 2;
}

@media (min-width: 1200px) {
    .menuArchive_menu_desc_smallBoldText {
        font-weight: 700;
        font-size: 1rem;
        color: #ffffff;
        letter-spacing: 0.025em;
        line-height: 2.8;
    }
}

.menuArchive_menu_tagWrap {
    display: flex;
    width: 100%;
}

.singleMenuThumb {
    margin-bottom: 0.5em;
}

.allergy_icons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 1em;
}

.allergy_icons_item {
    height: 10px;
    width: auto;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vege_icon {
    margin-left: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selectCatSub {
    margin: 0 auto;
    width: 95%;
    display: flex;
    background-image: url("../images//global/bk/bg_patterns_dark.jpg");
    border-bottom: 1px solid #515151;
    box-sizing: border-box;
}

.selectCatSub--fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99999;
    width: 90%;
}

@media (min-width: 1200px) {
    .selectCatSub--fixed {
        transform: initial;
    }
}

@media (min-width: 1200px) {
    .selectCatSub {
        padding-top: 1.5em;
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 5;
    }
}

.selectCatSub .disabled {
    opacity: 0;
}

.listPopUp {
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2em;
    cursor: pointer;
}

.selectCatSubListWrapClassList {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0.025em;
}

.selectCatSubListWrapClass {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    z-index: 3;
    position: relative;
}

@media (min-width: 1200px) {
    .selectCatSubListWrapClass {
        margin-right: auto;
    }
}

.selectCatSub_next {
    cursor: pointer;
    position: relative;
    min-width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 0.5s;
}

.selectCatSub_next img {
    width: 50%;
}

.selectCatSub_next:after {
    position: absolute;
    width: 20px;
    height: 100%;
    content: "";
    background: linear-gradient(to right, rgba(38, 38, 38, 0) 0%, #262626 100%);
    right: 100%;
    z-index: 5;
}

.selectCatSub_prev {
    cursor: pointer;
    position: relative;
    min-width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 0.5s;
}

.selectCatSub_prev img {
    width: 50%;
    transform: scale(-1, -1);
}

.selectCatSub_prev:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 100%;
    background: linear-gradient(to left, rgba(38, 38, 38, 0) 0%, #262626 100%);
    left: 100%;
    top: 0;
    z-index: 5;
}

.selectCatSubListWrapClassList {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 1.4rem;
}

.selectCatSubListWrapClassListItem {
    float: left;
    height: 100%;
    padding: 0;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    display: block;
    min-width: 120px;
    margin: 0 0.5em;
}

@media (min-width: 1200px) {
    .selectCatSubListWrapClassListItem {
        min-width: 150px;
    }
}

.selectCatSubListWrapClassListItem a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.selectCatSubListWrapClassListItem:first-of-type {
    margin-left: 2em;
}

.selectCatSubListWrapClassListItem:last-of-type {
    margin-right: 2em;
}

.selectCatSubListWrapClassListItem.active {
    position: relative;
    position: relative;
}

.selectCatSubListWrapClassListItem.active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d7ad7d;
    bottom: 0;
    left: 0;
}

.selectCatSubListWrapClassListItem.active a {
    color: #fff;
}

/* Scrollbar */
.scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}

.scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}

.scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

.exclude {
    display: none;
}

.popUpWindowWrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    transition: all ease 1s;
}

@media (min-width: 1200px) {
    .popUpWindowWrap {
        display: block !important;
        width: initial;
        height: initial;
        top: initial;
        left: initial;
        right: 0;
        bottom: 0;
    }
}

.popUpWindow {
    background-color: #fff;
    border-radius: 10px;
    width: 90%;
    font-family: "Noto Sans JP", sans-serif;
    padding: 30px 0 20px 0;
    letter-spacing: 0.1rem;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    max-width: 400px;
}

@media (min-width: 1200px) {
    .popUpWindow {
        top: initial;
        transform: initial;
        background-image: url("../images//global/bk/bg_patterns_dark.jpg");
        position: relative;
        color: #fff;
        display: flex;
        flex-direction: column-reverse;
        width: 130px;
        margin: 0;
        border: solid 1px #515151;
        border-right: none;
        right: 0;
        bottom: 0;
        font-size: 14px;
        border-radius: 0;
        padding: 0 20px 0px 20px;
    }
}

.popUpWindow_allergy_alert {
    background-color: #f2f2f2;
    padding: 20px 0;
    width: 85%;
    margin: auto;
    border-radius: 2px;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert {
        background-color: transparent;
        margin: 0;
        width: 100%;
        padding-bottom: 10px;
    }
}

.popUpWindow_allergy_alert_title {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popUpWindow_allergy_alert_title:after,
.popUpWindow_allergy_alert_title:before {
    content: "";
    width: 10%;
    height: 1px;
    background: #707070;
}

@media (min-width: 1200px) {

    .popUpWindow_allergy_alert_title:after,
    .popUpWindow_allergy_alert_title:before {
        display: none;
    }
}

.popUpWindow_allergy_alert_title:before {
    margin-right: 1em;
}

.popUpWindow_allergy_alert_title:after {
    margin-left: 1em;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_title {
        text-align: left;
        justify-content: space-between;
        font-size: 13px;
        cursor: pointer;
    }
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_title:before {
        display: none;
    }
}

.popUpWindow_allergy_alert_list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_list {
        display: none;
        padding: 0 0 0 10px;
    }
}

.popUpWindow_allergy_alert_item {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_item {
        width: 100%;
    }
}

.popUpWindow_allergy_alert_item span {
    font-size: 14px;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_item span {
        font-size: 12px;
    }
}

.popUpWindow_allergy_alert_item img,
.popUpWindow_allergy_alert_vegtarian img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.popUpWindow_allergy_alert_vegtarian {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    text-transform: uppercase;
    align-items: center;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_vegtarian {
        border-bottom: solid 1px #707070;
        line-height: 1.25em;
        margin: 0;
        padding: 20px 0;
        font-size: 13px;
    }
}

.popUpWindow_allergy_alert_vegtarian img {
    width: 22px;
    height: 22px;
    margin-right: 7px;
    margin-top: 5px;
}

.popUpWindow_allergy_alert_btn {
    text-align: center;
    border-top: solid 1px #cbcbcb;
    padding-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_btn {
        display: none;
    }
}

@media (min-width: 1200px) {
    .popUpWindow_allergy_alert_list_open {
        position: relative;
        width: 15px;
        height: 15px;
        display: block;
        cursor: pointer;
    }

    .popUpWindow_allergy_alert_list_open:after,
    .popUpWindow_allergy_alert_list_open::before {
        position: absolute;
        content: "";
        background: #d1a572;
    }

    .popUpWindow_allergy_alert_list_open:after {
        top: 50%;
        width: 100%;
        height: 1px;
        transform: translate(0, -50%);
    }

    .popUpWindow_allergy_alert_list_open:before {
        width: 1px;
        height: 100%;
        left: 50%;
        transform: translate(-100%, 0);
    }

    .popUpWindow_allergy_alert_list_open--active:before {
        display: none;
    }
}

.popUpWindowBtn {
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 1.1818181818;
    border-radius: 5px;
    padding: 1em 0;
    background: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    margin-top: 2em;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .popUpWindowBtn {
        display: none;
    }
}

.popUpWindowBtnArrow {
    margin-left: auto;
    padding-right: 10px;
}

.popUpWindowBtn_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
}

.popUpWindowBtn_inner:nth-child(2) {
    margin-left: 10px;
}

.popUpWindowBtn_innerIcon {
    margin-right: 5px;
}

.selectCat {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border: 1px solid #707070;
    margin-top: 1em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #ffffff;
    letter-spacing: 0.025em;
    line-height: 2;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 1em;
}

@media (min-width: 1200px) {
    .selectCat {
        width: 346px;
    }
}

.selectCatItem {
    width: 100%;
    border-right: 1px solid #707070;
}

.selectCatItem:last-of-type {
    border-right: none;
}

.radioSelf {
    display: none;
}

.radioSelf:checked + .radioLabel {
    background-color: #fff;
    color: black;
}

.radioLabel {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em 0;
}

.listPopUpWrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listPopUpWrap:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 100%;
    background: linear-gradient(to right, rgba(38, 38, 38, 0) 0%, #262626 100%);
    right: 100%;
    top: 0;
    z-index: 3;
}

.ListpopUp {
    position: absolute;
    background-color: #fff;
    z-index: 4;
    border-radius: 3px;
    overflow: hidden;
    display: none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.6rem;
    color: #262626;
    letter-spacing: 0.025em;
    line-height: 1.25;
    padding-bottom: 0.5em;
    top: 120%;
    left: 0;
    max-height: 50vh;
    overflow-y: scroll;
}

@media (min-width: 1200px) {
    .ListpopUp {
        max-height: initial;
        overflow-y: initial;
    }
}

.listPopUpOpen {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.listPopUpOpen img {
    width: 70%;
}

.ListpopUp_list_closeBtn {
    padding: 1em;
    width: 1px;
    height: 1px;
    border-radius: 0 3px 0 3px;
    margin-left: auto;
    position: relative;
    background-color: #d1ae83;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ListpopUp_list_closeBtn img {
    position: absolute;
    width: 50%;
    height: 50%;
}

.ListpopUp_list {
    padding-bottom: 1em;
}

.ListpopUp_list_item {
    white-space: nowrap;
    padding: 0.5em 1em;
    position: relative;
}

.ListpopUp_list_item a {
    display: block;
    width: 100%;
    height: 100%;
}

.list_pop_active {
    font-weight: 400;
}

.list_pop_active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 80%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #d1ae83;
}

#menuArchive {
    padding-bottom: 5em;
}

.loading {
    color: white;
    height: 50vh;
    width: 100%;
    position: relative;
}

.spiner,
.spiner:after {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.spiner {
    margin: 60px auto;
    font-size: 3px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.menu_pc_header {
    display: none;
}

@media (min-width: 1200px) {
    .menu_pc_header {
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
    }
}

.menu_pc_header_backBtn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_pc_header_backBtn img {
    width: 10px;
}

.menu_pc_header_backBtn span {
    margin-left: 1em;
    color: #fff;
    white-space: nowrap;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0.05em;
    line-height: 1.4285714286;
}

@media (min-width: 1200px) {
    .menu_pc_header_backBtn span {
        margin-bottom: 3.5em;
        margin-top: 3.5em;
    }

    .menu_pc_header_backBtn span:hover {
        text-decoration: underline;
    }
}

.menu_pc_header_logo {
    height: 22.5px;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0%);
}

.menu_pc_header_logo img {
    width: initial;
    height: 100%;
}

.menu_pc_header_logo--raijin {
    height: 30px;
}

.menu_pc_header_logo--torizo {
    height: 30px;
}

.menu_pc_header_logo--tusba {
    height: 50px;
}

.menu_pc_header_logo--raizo {
    height: 35px;
}

.customPageHeadingWrap {
    width: 100%;
    height: 15vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    letter-spacing: 0.025em;
}

.customPageHeadingWrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 200px;
    background: linear-gradient(to bottom, #000, #fff);
    opacity: 0.03;
    z-index: -1;
}

@media (min-width: 1200px) {
    .customPageHeadingWrap {
        margin-bottom: 1em;
    }
}

.customPageHeading {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2rem;
    color: #000000;
    text-transform: uppercase;
}

.customPageHeading:after {
    content: "";
    width: 30%;
    height: 1px;
    background: #d7ad7d;
    position: absolute;
    top: 175%;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (min-width: 1200px) {
    .customPageHeading {
        font-size: 3rem;
    }

    .customPageHeading:after {
        top: 150%;
    }





}

.myGutenberg .wp-block-image {
    margin-bottom: 0;
}

.myGutenberg img {
    max-width: 100%;
    width: initial;
}

.myGutenberg h2 {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 2.4rem;
    color: #d8a469;
    letter-spacing: 0.025em;
    line-height: 0.8333333333;
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.myGutenberg h2:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("../images//icon/whatsNewSingle/headingIcon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.25em;
}

.myGutenberg h3,
.myGutenberg h4,
.myGutenberg h5,
.myGutenberg h6 {
    font-family: "Noto Sans JP", sans-serif;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.myGutenberg h3 {
    font-weight: 700;
    font-size: 2rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.4;
}

.myGutenberg h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.75;
}

.myGutenberg h5 {
    font-weight: 500;
}

.myGutenberg h6 {
    font-weight: 400;
}

.myGutenberg h5,
.myGutenberg h6 {
    font-size: 1.4rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.7142857143;
}

.myGutenberg p,
.myGutenberg li {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.625;
}

.myGutenberg p img,
.myGutenberg li img {
    height: initial;
    vertical-align: initial;
    vertical-align: middle;
    display: inline-block;
}

.myGutenberg li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #000;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 0.5em;
}

.myGutenberg strong {
    font-weight: bold;
}

.myGutenberg hr {
    border: 1px dashed #d7ad7d;
    margin-top: 2em;
    margin-bottom: 2em;
}

.myGutenberg .wp-block-buttons {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 0.025em;
    line-height: 1.5384615385;
}

.myGutenberg .wp-block-button__link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: initial;
}

.myGutenberg .wp-block-button__link img {
    margin-left: 0.25em;
}

.myGutenberg .wp-block-button__link:not(:first-of-type) {
    margin: 1em 0;
}

html #wpadminbar {
    bottom: 0 !important;
    top: initial !important;
    position: fixed !important;
}

.slick-loading .slick-list {
    background: initial;
}

.frame {
    color: white;
}

.location_hidden {
    display: none !important;
}

.ja_page .btnType3_leftItem {
    max-width: 45px;
    text-align: center;
    line-height: 1.4;
}

.grecaptcha-badge {
    display: none;
}

#about .sec_wahtsNew_archiveLinkBtnWrap {
    text-align: left;
}

@media screen and (max-width:600px) {
    #about .eachShop_heroHeader_heading_btnWrap {
        margin-top: 25px;
    }

    .wrapPageSideNavn_arrowBtn {
        display: none;
    }

    .railogo {
        text-align: center;
        transition: 1.6s cubic-bezier(0.36, 0.14, 0, 1) 0s;
        filter: blur(20px);
        opacity: 0;
        margin-bottom: 18px;
    }

    .railogo.scrollin {
        filter: blur(0px);
        opacity: 1;
    }

    .railogo img {
        width: 100%;
        max-width: 190px;
    }


    .enTitleMain {
        text-align: center;
        color: #fff;
        font-size: 20px;
        overflow: hidden;
        z-index: 99;
        line-height: 30px;
        position: relative;
    }

    .enTitleMain span {
        -webkit-transform: translate(0, 154%);
        transform: translate(0, 154%);
        display: block;
    }

    .enTitleMain.scrollin span {
        animation: titleBtmFade 1s cubic-bezier(.36, .14, 0, 1) .3s both ! important;
    }

    @keyframes titleBtmFade {
        0% {
            -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
        }

        100% {
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
        }
    }


    #ABOUTUS #loader-bg,
    #Store #loader-bg,
    #menu #loader-bg,
    #CONTACT #loader-bg,
    #POLICIES #loader-bg,
    #loader-bg.family,
    #ONLINE\ ORDER #loader-bg {
        display: none;
    }

    #loader-bg.RAIJIN {
        display: none;
    }

    #loader-bg.Store {
        display: none;
    }

    /*==================================================

---openingAnimation

====================================================*/

    #loader-bg {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        animation: roading 0s 8.5s forwards !important;
        opacity: 1;
        top: 0;
        bottom: 0;
    }

    #loader-bg > div {
        text-align: center;
    }

    @keyframes roading {
        0% {
            opacity: 1;
            background: #F2F2F2;
            z-index: 999;
        }


        100% {
            opacity: 0;
            z-index: -2;
        }
    }







    #loader-bg::before,
    #loader-bg::after {
        content: "";
        width: 100%;
        height: 100%;
        background: #ededed;
        position: absolute;
        right: 0;
        top: 0;
        transform-origin: right center;
        z-index: 9;
    }


    #loader-bg::after,
    #loader-bgl li .item::after {
        background: #13213E;
    }

    #loader-bg.scrollin::after {
        animation: maskEffect2 .7s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;

    }

    #loader-bg.scrollin::before {
        animation: maskEffect2 1s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;
    }


    @-webkit-keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
            z-index: -1;
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
            z-index: 1;
        }

        100% {
            opacity: 0;
            transform: scaleX(0);

        }
    }

    @keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
        }

        100% {
            opacity: 0;
            transform: scaleX(0);
        }
    }



    #loader-bg h2 {
        font-weight: 500;
        font-size: 18px;
        color: #555;
        letter-spacing: .2em;
    }

    #loader-bg img {
        width: 100%;
        opacity: 0;
        animation: soimg .6s .5s forwards;
        transition: .2s linear, -webkit-transform .5s cubic-bezier(.36, .14, 0, 1);
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .5s linear;
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .5s linear, -webkit-transform .5s cubic-bezier(.36, .14, 0, 1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    #loader-bg > div {
        animation: loimgNoe .35s 2s forwards ! important;
        transition: .5s linear, -webkit-transform 1s cubic-bezier(.36, .14, 0, 1);
        transition: transform 1s cubic-bezier(.36, .14, 0, 1), 3s linear;
        transition: transform 1s cubic-bezier(.36, .14, 0, 1), 3s linear, -webkit-transform 1s cubic-bezier(.36, .14, 0, 1);
        z-index: 99;
    }

    #loader-bg.scrollin img {}


    @keyframes soimg {
        0% {
            opacity: 0;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }


        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }



    @keyframes loimgNoe {
        0% {
            opacity: 1;
        }


        100% {
            opacity: 0;
        }
    }






}



@media screen and (max-width:1200px) {
    .accBtn_itemList {
        position: static;
    }
    .ramenBlogSingleW .singleMainCont {
   padding: 0 32px;
        
}
    .ramenBlogSingleW .singleHero img {
    aspect-ratio: 16 / 9;
}
    .ramenBlogHero {
    padding-top: 75px;
}
    #eachShopPage .ramenBlogSingleW .post_page_navi {
    column-gap: 153px;
}
    .idramenBlog-card-container {
    grid-template-columns: repeat(2, 1fr);
}
    .ramenBlogHero .TextBox {
    top: 60%;
}
    .ramenBlogSingleW {
                padding-top: 75px;
    margin-left: 0;
}
.ramenBlogArWrap {
    margin-left: 0;
}
    .aboutMainBox {
        margin-left: 0;
    }

    #ABOUTUS .mobile_header_contents_logo img {
        display: none;
    }

    #ABOUTUS .optionChosen::after {
        display: none;
    }

    .darkMode .optionChosen {
        display: none;
    }

    .mb_only .breadcrumb {
        display: none;
    }

}


@media screen and (min-width:600px) {
    .railogo {
        text-align: center;
        transition: 1.6s cubic-bezier(0.36, 0.14, 0, 1) 0s;
        filter: blur(20px);
        opacity: 0;
        margin-bottom: 30px;
    }

    .railogo.scrollin {
        filter: blur(0px);
        opacity: 1;
    }

    .railogo img {
        width: 100%;
        max-width: 220px;
    }


    .enTitleMain {
        text-align: center;
        color: #fff;
        font-size: 20px;
        overflow: hidden;
        line-height: 30px;
    }

    .enTitleMain span {
        -webkit-transform: translate(0, 154%);
        transform: translate(0, 154%);
        display: block;
    }

    .enTitleMain.scrollin span {
        animation: titleBtmFade 1s cubic-bezier(.36, .14, 0, 1) .3s both;
    }

    @keyframes titleBtmFade {
        0% {
            -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
        }

        100% {
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
        }
    }

    /*==================================================

---openingAnimation

====================================================*/

    #loader-bg {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        animation: roading 0s 8.5s forwards !important;
        opacity: 1;
        top: 0;
        bottom: 0;
    }

    #loader-bg > div {
        text-align: center;
    }

    @keyframes roading {
        0% {
            opacity: 1;
            background: #F2F2F2;
            z-index: 999;
        }


        100% {
            opacity: 0;
            z-index: -2;
        }
    }



    #ABOUTUS #loader-bg,
    #Store #loader-bg,
    #menu #loader-bg,
    #CONTACT #loader-bg,
    #POLICIES #loader-bg,
    #loader-bg.family,
    #ONLINE\ ORDER #loader-bg {
        display: none;
    }

    #loader-bg.RAIJIN {
        display: none;
    }

    #loader-bg.Store {
        display: none;
    }



    #loader-bg::before,
    #loader-bg::after {
        content: "";
        width: 100%;
        height: 100%;
        background: #ededed;
        position: absolute;
        right: 0;
        top: 0;
        transform-origin: right center;
        z-index: -1;
    }


    #loader-bg::after,
    #loader-bgl li .item::after {
        background: #13213E;
    }

    #loader-bg.scrollin::after {
        animation: maskEffect2 .7s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;

    }

    #loader-bg.scrollin::before {
        animation: maskEffect2 1s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;
    }


    @-webkit-keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
            z-index: -1;
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
            z-index: 1;
        }

        100% {
            opacity: 0;
            transform: scaleX(0);

        }
    }

    @keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
        }

        100% {
            opacity: 0;
            transform: scaleX(0);
        }
    }



    #loader-bg h2 {
        font-weight: 500;
        font-size: 18px;
        color: #555;
        letter-spacing: .2em;
    }

    #loader-bg img {
        width: 100%;
        opacity: 0;
        animation: soimg .6s .5s forwards;
        transition: .2s linear, -webkit-transform .2s cubic-bezier(.36, .14, 0, 1);
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .2s linear;
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .2s linear, -webkit-transform .5s cubic-bezier(.36, .14, 0, 1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    #loader-bg > div {
        animation: loimgNoe .35s 2s forwards ! important;
        transition: .5s linear, -webkit-transform 1s cubic-bezier(.36, .14, 0, 1);
        transition: transform 1s cubic-bezier(.36, .14, 0, 1), 3s linear;
        transition: transform 1s cubic-bezier(.36, .14, 0, 1), 3s linear, -webkit-transform 1s cubic-bezier(.36, .14, 0, 1);
    }

    #loader-bg.scrollin img {}


    @keyframes soimg {
        0% {
            opacity: 0;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }


        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }



    @keyframes loimgNoe {
        0% {
            opacity: 1;
        }


        100% {
            opacity: 0;
        }
    }


    .spFooterR {
        display: none;

    }

    .wrapPageSideNavn_arrowBtn {
        display: none;
    }

    #about .sec_wahtsNew_archiveLinkBtnWrap {
        text-align: left;
    }


    #about .eachShop_heroHeader_heading_btnWrap {
        max-width: initial;
        margin: initial;
        width: 250px;
        margin-top: 35px;
    }

    #about .zksBtn_icon {
        width: 22px;
    }

    #about .icon_hover_url {
        width: 22px;
    }

}

@media screen and (max-width:1200px) {
    .headerMianContent_left {
        display: none;
    }

    .mobile_header_contents_logo img {
        width: 110px;
    }

    .aboutNavWrap {
        padding: 0 25px;
    }

    .aboutMainBox .regularNav {
        padding: 0 25px !important;
    }

    .cudapproachInnrs {
        padding: 111px 41px;
    }

    .nnDesoWrap {
        padding: 0 25px;
    }

    .nnTnh {
        padding: 0 25px !important;
    }

    .AnTitlke p {
        padding: 0 25px !important;
    }

    .outFlex {
        padding: 0 25px !important;
    }

}



@media screen and (max-width:730px) {
    .abooutHero .textBox h2 {
        font-size: 31px;
        margin-bottom: 3px;
    }

    .abooutHero .textBox {
        width: 100%;
    }

    .abooutHero {
        margin-bottom: 46px;
    }

    .aboutNavWrap {
        display: block;
    }

    .aboutNavWrap > div {
        width: auto;
        margin-bottom: 23px;
    }

    .aboutNavWrap a:after {
        top: 0px;
    }

    .cudapproachInnrs {
        display: block;
    }

    .aboutNavWrap a {
        font-size: 15px;
    }

    #udVision,
    #udMission,
    #udRecruit {
        padding-top: 31px;
    }

    .cudapproachInnrs .title {
        font-size: 25px !important;
        margin-bottom: 17px;
        line-height: 37px !important;
    }

    .AnTitlke p {
        font-size: 16px !important;
        line-height: 26px !important;
        margin-bottom: 30px;
    }

    .outFlex {
        display: block;
    }

    .outFlex .titleBox {
        width: auto;
    }

    .cudapproach .cudapproachInnrs .notedes {
        font-size: 13px !important;
    }

    .outFlex .desBox {
        width: auto;
    }

    .outFlex .desBox p {
        font-size: 15px !important;
    }

    .cudapproach {
        margin-bottom: 40px;
    }

    .cudapproachInnrs .des {
        font-size: 14px !important;
        line-height: 26px !important;
    }

    .cudapproachInnrs {
        padding: 50px 25px;
    }

    .udMainTitle p {
        font-size: 16px !important;
    }

    .aboutMainBox .regularNav .des {
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 40px !important;
    }

    .aboutMainBox .regularNav h4 {
        font-size: 17px !important;
        margin-bottom: 14px !important;
    }

    .aboutMainBox .regularNav .widLine {
        margin-bottom: 21px;
    }

    .udMainTitle {
        margin-bottom: 37px;
    }

    .aboutNavWrap {
        margin-bottom: 0;
    }

    .upTo {
        margin-top: 0;
    }

    .udMainTitle h3 {
        font-size: 35px;
        margin-bottom: -1px;
    }

    .outFlex .desBox h7 {
        font-size: 21px;
    }

    .outFlex .desBox li {
        font-size: 15px !important;
        font-weight: bold !important;
        font-family: mundial, sans-serif !important;
        margin-bottom: 17px;
    }

    .nnTnh {
        font-size: 18px !important;
        margin-bottom: 18px;
        margin-top: 13px;
    }

    .nnDeso {
        margin-bottom: 17px !important;
        font-size: 15px !important;
        line-height: 26px !important;
    }

    .dtailN {
        font-size: 18px !important;
        margin-bottom: 14px;
        padding: 0 14px !important;
    }

    .aboutMainBox {
        overflow: hidden;
    }

    .outFlex h6 {
        font-size: 16px !important;
    }

    .napxnav {
        line-height: 29px !important;
    }

    .aboutMainBox {
        margin-bottom: 54px;
        padding-bottom: 60px;
        z-index: -1;
        position: relative;
    }

    .outFlex h5 {
        margin-bottom: 7px;
    }

    .outFlexN {
        margin-top: 47px;
    }

    .outFlex .desBox .head7 {
        font-size: 18px !important;
    }

    .outFlex h4 {
        margin-bottom: 7px;
    }

    .nnDesoWrap {
        margin-bottom: 51px;
    }

}


@media screen and (max-width:650px) {
    
    .ramenBlogSingleW  .idramenBlog-card {
    margin-bottom: 33px;
}
    #eachShopPage .ramenBlogSingleW ul {
    margin-top: 20px;
}
    #eachShopPage .ramenBlogSingleW .has-background {
    border-radius: 4px;
    padding: 22px 28px;
}
    .ramenBlogSingleW {
    padding-bottom: 46px;
}
    #eachShopPage .ramenBlogSingleW .post_page_navi {
    column-gap: 78px;
}
    #eachShopPage .ramenBlogSingleW .post_page_navi span {
    font-size: 12px;
}
    #eachShopPage .ramenBlogSingleW .prev_child .prev::before {
    width: 28px;
        left: 43px;
}
    #eachShopPage .ramenBlogSingleW .next_child .next::before {
   width: 28px;
       right: 43px;
}
    #eachShopPage .ramenBlogSingleW .post_page_navi {
    margin-top: 73px;
}
    #eachShopPage .ramenBlogSingleW .Writtenby>div {
/*    flex-basis: 30.33% !important;*/
}
    #eachShopPage .ramenBlogSingleW h3 {
    font-size: 21px;
       line-height: 27px;
    margin-top: 58px;
}
    #eachShopPage .ramenBlogSingleW hr {
    margin: 44px 0;
}
    #eachShopPage .ramenBlogSingleW h4 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 36px;
}
    #eachShopPage .ramenBlogSingleW figure {
    margin-top: 20px;
}
    #eachShopPage .ramenBlogSingleW .singleTheCont p {
    line-height: 28px;
    margin-top: 20px;
}
    #eachShopPage .ramenBlogSingleW .idramenBlog-card-meta {
    margin-bottom: 16px !important;
}
    .ramenBlogSingleW .idramenBlog-card h2 {
    font-size: 27px;
    font-weight: 400;
    line-height: 33px;
    margin: 0 0 22px 0;
}
    .ramenBlogSingleW .singleMainCont {
    margin-top: 24px;
}
    .idramenBlog-card-container {
    grid-template-columns: repeat(1, 1fr);
}
    
    
    .idramenBlog-card-container {
    gap: 74px 35px;
    margin-top: 26px;
    padding: 0 32px;
/*    margin-bottom: 120px;*/
}
    #eachShopPage .ramenBlogArWrap .pagination_list{
margin-top: 120px;
}

    
    
    
    .ramenBlogArWrap {
    padding-bottom: 82px;
}
  .ramenBlogHero h2 {
    font-size: 20px;
    margin-bottom: 17px;
}
    .ramenBlogHero .TextBox {
    top: 67%;
}
    .idramenBlog-card h3 {
    font-size: 24px;
}
    .idramenBlog-card .imgBox {
    margin-bottom: 14px;
}
}




@media screen and (max-width:600px) {
    .logoWrap img {
        width: 90px;
    }

    .footer_nav {
        justify-content: left;
        flex-wrap: wrap;
    }

    .pcFooterR {
        display: none;
    }

    .spFooterR {
        display: flex;
        justify-content: center;
        column-gap: 25px;
    }

    .spFooterR2 {
        padding-bottom: 12px;
    }

    .footer_nav {
        width: 92%;
    }




    /*==================================================

---openingAnimation

====================================================*/

    #loader-bg {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        animation: roading 0s 8.5s forwards !important;
        opacity: 1;
        top: 0;
        bottom: 0;
    }

    #loader-bg > div {
        text-align: center;
    }

    @keyframes roading {
        0% {
            opacity: 1;
            background: #F2F2F2;
            z-index: 999;
        }


        100% {
            opacity: 0;
            z-index: -2;
        }
    }



    #ABOUTUS #loader-bg,
    #Store #loader-bg,
    #menu #loader-bg,
    #CONTACT #loader-bg,
    #POLICIES #loader-bg,
    #loader-bg.family,
    #ONLINE\ ORDER #loader-bg {
        display: none;
    }

    #loader-bg.RAIJIN {
        display: none;
    }

    #loader-bg.Store {
        display: none;
    }



    #loader-bg.scrollin::after {
        animation: maskEffect2 .7s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;

    }

    #loader-bg.scrollin::before {
        animation: maskEffect2 1s cubic-bezier(0.76, 0.09, 0.215, 1) 2s forwards;
    }


    @-webkit-keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
            z-index: -1;
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
            z-index: 1;
        }

        100% {
            opacity: 0;
            transform: scaleX(0);

        }
    }

    @keyframes maskEffect2 {
        0% {
            right: 0;
            transform: scaleX(1);
        }

        99% {
            right: -5px;
            opacity: 1;
            transform: scaleX(0);
        }

        100% {
            opacity: 0;
            transform: scaleX(0);
        }
    }



    #loader-bg img {
        width: 100%;
        opacity: 0;
        animation: soimg .6s .5s forwards;
        transition: .2s linear, -webkit-transform .2s cubic-bezier(.36, .14, 0, 1);
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .2s linear;
        transition: transform .2s cubic-bezier(.36, .14, 0, 1), .2s linear, -webkit-transform .5s cubic-bezier(.36, .14, 0, 1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    #loader-bg > div {
        animation: loimgNoe .35s 2s forwards ! important;

    }



    @keyframes soimg {
        0% {
            opacity: 0;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }


        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }



    @keyframes loimgNoe {
        0% {
            opacity: 1;
        }


        100% {
            opacity: 0;
        }
    }



}