@charset "UTF-8";/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
.Notice,.footer__innerNotice ul,.header__links ul,.header__menuCnt ul,.swiper {
    list-style: none
}

.swiper,.swiper-wrapper {
    z-index: 1;
    position: relative
}

.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

@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');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    display: block
}

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

.swiper-wrapper {
    display: flex;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    display: block
}

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

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

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

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

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

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

.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%;
    box-sizing: border-box;
    border: 4px solid;
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    pointer-events: none
}

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

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

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

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

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

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

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

.swiper.swiper-cube,.swiper.swiper-flip {
    overflow: visible
}

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.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:only-child {
    display: none!important
}

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

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-fade.swiper-free-mode .swiper-slide,.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-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>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

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

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

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

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

.swiper-cube .swiper-slide,.swiper-cube .swiper-slide .swiper-slide,.swiper-flip .swiper-slide,.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

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

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

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

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

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

hr,input[type=search] {
    box-sizing: content-box
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.clear:after,.clear:before {
    content: " "
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar!important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

img,img[src$=".svg"] {
    width: 100%
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Btn a,.Btn a .txt__inner,.Btn__a,.Btn__a .txt__inner,sub,sup {
    position: relative
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,figure {
    margin: 0
}

a {
    background: 0 0;
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "“" "”" "‘" "’"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    vertical-align: bottom;
    height: 100%
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

.Btn.attr-en .Btn__a .txt p,.Btn.attr-en a .txt p,.Btn.type-more .Btn__a .txt p,.Btn.type-more a .txt p,.Flavorinfo__rightCharTxt p.en,.Flavorinfo__rightTxt p.enttl,.Product__infoUpper p.price {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

*,:after,:before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.clear:before {
    display: block
}

.clear:after {
    display: block;
    clear: both
}

a:active,a:focus,a:hover {
    outline: 0
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC
}

h1,h2,h3,h4,h5,ol,p,table,ul {
    margin: 0;
    padding: 0
}

@keyframes rotate31_8 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -31.8deg;
        perspective: 2
    }
}

@keyframes rotate18_7 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -18.7deg;
        perspective: 2
    }
}

@keyframes rotate17_15 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -17.15deg;
        perspective: 2
    }
}

@keyframes rotate13_2 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -13.4deg;
        perspective: 2
    }
}

@keyframes rotate29_1 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -29.1deg;
        perspective: 2
    }
}

@keyframes rotate52_9 {
    0% {
        rotate: 0;
        perspective: 1
    }

    100% {
        rotate: -52.9deg;
        perspective: 2
    }
}

@keyframes rotate360 {
    0% {
        rotate: 0
    }

    100% {
        rotate: -360deg
    }
}

@keyframes slidetxt {
    0% {
        translate: 0 0
    }

    100% {
        translate: -33.3333% 0
    }
}

@keyframes nekoLeftRight {
    0%,100% {
        translate: 10px 0
    }

    25% {
        translate: -10px 0
    }
}

@keyframes nekoJump {
    0%,10%,100% {
        translate: 0 0
    }

    5% {
        translate: 0 -15px
    }
}

@keyframes nekoJumpRot {
    0%,10%,100% {
        translate: 0 0
    }

    5% {
        translate: 0 -15px
    }

    7.5% {
        rotate: 5deg
    }

    12.5% {
        rotate: 0deg
    }
}

@keyframes nekoJumpInvrot {
    0%,10%,100% {
        translate: 0 0
    }

    5% {
        translate: 0 -15px
    }

    7.5% {
        rotate: -5deg
    }

    12.5% {
        rotate: 0deg
    }
}

@keyframes flavorNekoJump {
    0%,100% {
        rotate: 0deg;
        translate: 0 0
    }

    40% {
        rotate: 8deg;
        translate: 0 -20px
    }
}

@keyframes about_neko-ume_anime {
    0%,20% {
        rotate: 26.22deg;
        translate: max(-2.5694444444vw,-37px) max(-2.4305555556vw,-35px)
    }

    100%,80% {
        rotate: 13deg;
        translate: max(-3.9583333333vw,-57px) max(-.6944444444vw,-10px)
    }
}

@keyframes about_neko-latte_anime {
    0% {
        translate: 0 0
    }

    100% {
        translate: min(4.1666666667vw,60px) 0
    }
}

@keyframes qly_point_neko-goma_anime {
    0%,20% {
        translate: max(-3.4722222222vw,-50px) min(1.3888888889vw,20px)
    }

    100%,70% {
        translate: 0 0
    }
}

@keyframes qly_point_neko-matcha_anime {
    0%,20% {
        translate: max(-1.3888888889vw,-20px) min(6.9444444444vw,100px)
    }

    100%,70% {
        translate: 0 0
    }
}

@keyframes qly_point_neko_sp_anime {
    0%,20% {
        translate: 0 min(25.4452926209vw,100px)
    }

    100%,70% {
        translate: 0 0
    }
}

@keyframes fv_btn_neko {
    0%,100% {
        rotate: 44.92deg
    }

    25% {
        rotate: 34.92deg
    }

    75% {
        rotate: 54.92deg
    }
}

@media screen and (max-width: 767px) {
    .modaal-wrapper .list__close.modaal-close span {
        padding-left:0!important;
        padding-top: 0!important;
        height: auto!important
    }
}

.Btn {
    width: -moz-fit-content;
    width: fit-content
}

.Btn a,.Btn__a {
    padding-top: min(.9027777778vw,13px);
    padding-bottom: min(1.0416666667vw,15px);
    padding-left: min(2.9861111111vw,43px);
    padding-right: min(2.9861111111vw,43px);
    display: flex;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 9999px;
    background: #864A34;
    cursor: pointer;
    transition: .35s all ease
}

@media screen and (min-width: 768px) {
    .Btn a:hover,.Btn__a:hover {
        background:#592410
    }

    .Btn a:hover .txt__inner p:nth-of-type(1),.Btn__a:hover .txt__inner p:nth-of-type(1) {
        opacity: 0;
        translate: 0 -50%
    }

    .Btn a:hover .txt__inner p:nth-of-type(2),.Btn__a:hover .txt__inner p:nth-of-type(2) {
        opacity: 1;
        translate: 0 0
    }
}

.Btn a .txt__inner p,.Btn__a .txt__inner p {
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    color: #FFF9E7;
    transition: .35s all ease
}

@media screen and (max-width: 767px) {
    .Btn a,.Btn__a {
        padding-top:min(4.3256997455vw,17px);
        padding-bottom: min(4.834605598vw,19px);
        padding-left: min(13.2315521628vw,52px);
        padding-right: min(13.2315521628vw,52px)
    }

    .Btn a .txt__inner p,.Btn__a .txt__inner p {
        font-size: max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
    #goods-nuikey .Btn-bottom {
        float: left;
        margin-right: min(5vw,10px);
        margin-top: min(5vw,10px);
    }
    #goods-nuikey .Btn-bottom a {
        padding-left: min(8vw,30px);
        padding-right: min(8vw,30px);
    }
    #goods-nuikey .type-cart {
        float: left;
        margin-top: min(5vw,10px);
    }
}

.Btn a .txt__inner p:nth-of-type(2),.Btn__a .txt__inner p:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    translate: 0 50%
}

.Btn.type-plus-megane .Btn__a,.Btn.type-plus-megane a {
    padding-top: min(.9722222222vw,14px);
    padding-bottom: min(1.25vw,18px);
    padding-left: min(7.0833333333vw,102px);
    padding-right: min(3.6805555556vw,53px)
}

.Btn.type-plus-megane .Btn__a .plusmegane,.Btn.type-plus-megane a .plusmegane {
    left: min(.4166666667vw,6px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    height: calc(100% - min(.6944444444vw,10px));
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #fff;
    translate: 0 -50%
}

.Btn.type-plus-megane .Btn__a .plusmegane figure,.Btn.type-plus-megane a .plusmegane figure {
    width: 53.2258064516%;
    translate: 0 -5%
}

.Btn.type-plus-megane .Btn__a .txt__inner p,.Btn.type-plus-megane a .txt__inner p {
    font-size: max(min(1.3888888889vw,2rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700
}

.Btn.attr-has-arrow .Btn__a,.Btn.attr-has-arrow a {
    padding-top: min(1.0416666667vw,15px);
    padding-bottom: min(1.1111111111vw,16px);
    padding-left: min(1.25vw,18px);
    padding-right: min(1.25vw,18px)
}

.Btn.attr-has-arrow .Btn__a .txt,.Btn.attr-has-arrow a .txt {
    gap: min(.5555555556vw,8px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto
}

.Btn.attr-has-arrow .Btn__a .txt .arrow,.Btn.attr-has-arrow a .txt .arrow {
    width: min(1.1805555556vw,17px);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #fff
}

@media screen and (max-width: 767px) {
    .Btn.type-plus-megane .Btn__a .txt__inner p,.Btn.type-plus-megane a .txt__inner p {
        font-size:max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .Btn.attr-has-arrow .Btn__a,.Btn.attr-has-arrow a {
        padding-top: min(3.3078880407vw,13px);
        padding-bottom: min(3.3078880407vw,13px);
        padding-left: min(6.8702290076vw,27px);
        padding-right: min(6.8702290076vw,27px)
    }

    .Btn.attr-has-arrow .Btn__a .txt,.Btn.attr-has-arrow a .txt {
        gap: min(2.2900763359vw,9px)
    }

    .Btn.attr-has-arrow .Btn__a .txt .arrow,.Btn.attr-has-arrow a .txt .arrow {
        width: min(7.1246819338vw,28px)
    }
}

.Btn.attr-has-arrow .Btn__a .txt .arrow svg,.Btn.attr-has-arrow a .txt .arrow svg {
    width: min(.3472222222vw,5px)
}

.Btn.attr-en .Btn__a,.Btn.attr-en a {
    padding-top: min(.3472222222vw,5px);
    padding-bottom: min(.3472222222vw,5px);
    padding-left: min(3.6805555556vw,53px);
    padding-right: min(3.6805555556vw,53px)
}

.Btn.attr-en .Btn__a .txt p,.Btn.attr-en a .txt p {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .Btn.attr-has-arrow .Btn__a .txt .arrow svg,.Btn.attr-has-arrow a .txt .arrow svg {
        width:min(1.5267175573vw,6px)
    }

    .Btn.attr-en .Btn__a,.Btn.attr-en a {
        padding-top: min(.5089058524vw,2px);
        padding-bottom: min(.5089058524vw,2px);
        padding-left: min(9.9236641221vw,39px);
        padding-right: min(9.9236641221vw,39px)
    }

    .Btn.attr-en .Btn__a .txt p,.Btn.attr-en a .txt p {
        font-size: max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 500
    }
}

.Btn.type-dotline .Btn__a,.Btn.type-dotline a {
    width: min(27.7777777778vw,400px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    aspect-ratio: 400/80;
    padding: 0
}

@media screen and (max-width: 767px) {
    .Btn.type-dotline .Btn__a,.Btn.type-dotline a {
        width:min(76.3358778626vw,300px);
        aspect-ratio: 300/68
    }
}

.Btn.type-dotline .Btn__a::after,.Btn.type-dotline a::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96.25%;
    height: 81.25%;
    border: 1px dashed #FFF9E7;
    border-radius: inherit;
    translate: -50% -50%
}

.Btn.type-dotline .Btn__a .txt p,.Btn.type-dotline a .txt p {
    font-size: max(min(1.5972222222vw,2.3rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .Btn.type-dotline .Btn__a::after,.Btn.type-dotline a::after {
        width:95%;
        height: 79.4117647059%
    }

    .Btn.type-dotline .Btn__a .txt p,.Btn.type-dotline a .txt p {
        font-size: max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

.Btn.type-cart a {
    width: min(3.3333333333vw,48px);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    padding: 0;
    border-radius: 9999px
}

@media screen and (max-width: 767px) {
    .Btn.type-cart a {
        width:min(14.7582697201vw,58px)
    }
}

.Btn.type-cart a figure {
    width: min(1.5277777778vw,22px);
    translate: -5% 5%
}

.Btn.type-more .Btn__a,.Btn.type-more a {
    padding-top: min(.4166666667vw,6px);
    padding-bottom: min(.4166666667vw,6px);
    padding-left: min(.7638888889vw,11px);
    padding-right: min(.7638888889vw,11px)
}

.Btn.type-more .Btn__a .txt p,.Btn.type-more a .txt p {
    font-size: max(min(.6944444444vw,1rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500
}

.Flavorinfo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .Btn.type-cart a figure {
        width:min(6.3613231552vw,25px)
    }

    .Btn.type-more .Btn__a,.Btn.type-more a {
        padding-top: min(1.5267175573vw,6px);
        padding-bottom: min(1.5267175573vw,6px);
        padding-left: min(2.7989821883vw,11px);
        padding-right: min(2.7989821883vw,11px)
    }

    .Btn.type-more .Btn__a .txt p,.Btn.type-more a .txt p {
        font-size: max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500
    }

    .Flavorinfo {
        gap: min(5.0890585242vw,20px);
        flex-direction: column
    }
}

.Flavorinfo>figure {
    border-radius: min(1.3888888889vw,20px);
    flex-basis: 50.1043841336%;
    overflow: clip
}

.Flavorinfo__right {
    padding-bottom: min(2.0833333333vw,30px);
    flex-basis: 44.2588726514%
}

.Flavorinfo__rightTxt h3 {
    font-size: max(min(1.9444444444vw,2.8rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .Flavorinfo>figure {
        border-radius:min(3.5623409669vw,14px)
    }

    .Flavorinfo__right {
        padding-left: min(3.3078880407vw,13px);
        padding-right: min(3.3078880407vw,13px);
        width: 100%;
        padding-bottom: 0
    }

    .Flavorinfo__rightTxt h3 {
        font-size: max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

.Flavorinfo__rightTxt p.enttl {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500;
    margin-top: min(.3472222222vw,5px)
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightTxt p.enttl {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500;
        margin-top: min(1.0178117048vw,4px)
    }
}

.Flavorinfo__rightTxt p.txt {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    margin-top: min(1.1111111111vw,16px)
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightTxt p.txt {
        font-size:max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700;
        margin-top: min(2.7989821883vw,11px)
    }
}

.Flavorinfo__rightTxt>a {
    margin-top: min(1.1111111111vw,16px);
    padding-top: min(.4166666667vw,6px);
    padding-bottom: min(.4861111111vw,7px);
    padding-left: min(7.3611111111vw,106px);
    padding-right: min(7.3611111111vw,106px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid #864A34;
    border-radius: 9999px;
    transition: .35s all ease;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .Flavorinfo__rightTxt>a:hover {
        border-color:#592410;
        background: #592410
    }

    .Flavorinfo__rightTxt>a:hover span.txt {
        color: #fff
    }

    .Flavorinfo__rightTxt>a:hover span.plus::after,.Flavorinfo__rightTxt>a:hover span.plus::before {
        background: #fff
    }

    .Flavorinfo__rightCharImg:hover>svg g.btn rect {
        fill: #592410!important
    }

    .Flavorinfo__rightCharImg:hover>svg g.plus {
        scale: 1.05
    }

    .Flavorinfo__rightCharImg:hover>svg g.char {
        animation: flavorNekoJump .75s ease 0s both
    }
}

.Flavorinfo__rightTxt>a span.txt {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    color: #864A34;
    transition: .35s all ease
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightTxt>a {
        margin-top:min(6.106870229vw,24px);
        padding-top: min(1.0178117048vw,4px);
        padding-bottom: min(1.272264631vw,5px);
        padding-left: min(30.534351145vw,120px);
        padding-right: min(30.534351145vw,120px);
        width: 90%;
    }

    .Flavorinfo__rightTxt>a span.txt {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700
    }
}

.Flavorinfo__rightTxt>a span.plus {
    width: min(.625vw,9px);
    right: min(1.25vw,18px);
    position: absolute;
    top: 50%;
    aspect-ratio: 1;
    translate: 0 -50%
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightTxt>a span.plus {
        width:min(2.2900763359vw,9px);
        right: min(5.5979643766vw,22px)
    }
}

.Flavorinfo__rightTxt>a span.plus::after,.Flavorinfo__rightTxt>a span.plus::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    border-radius: 9999px;
    background: #864A34;
    transition: .35s all ease;
    translate: -50% -50%
}

.Flavorinfo__rightTxt>a span.plus::after {
    width: 2px;
    height: 100%
}

.Flavorinfo__rightChar {
    width: min(26.1805555556vw,377px);
    margin-top: min(2.9861111111vw,43px);
    position: relative
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightChar {
        width:min(80.6615776081vw,317px);
        margin-top: min(7.1246819338vw,28px);
        margin-right: auto;
        margin-left: auto
    }
}

.Flavorinfo__rightChar::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 47%;
    height: 63%
}

.Flavorinfo__rightCharTxt {
    top: min(3.75vw,54px);
    left: min(15.625vw,225px);
    position: relative;
    position: absolute;
    z-index: 4
}

.Flavorinfo__rightCharTxt p.en {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightCharTxt {
        top:min(7.1246819338vw,28px);
        left: min(45.5470737913vw,179px)
    }

    .Flavorinfo__rightCharTxt p.en {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }
}

.Flavorinfo__rightCharTxt p.name {
    font-size: max(min(1.3888888889vw,2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    margin-top: min(.2083333333vw,3px)
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightCharTxt p.name {
        font-size:max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700;
        margin-top: min(.2544529262vw,1px)
    }
}

.Product__img p,.Product__infoUpper h3,.Product__infoUpper h4,.Product__infoUpperInfoRow p {
    line-height: 2;
    font-weight: 700;
    letter-spacing: 0
}

.Flavorinfo__rightCharImg {
    cursor: pointer
}

.Flavorinfo__rightCharImg>svg {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .Flavorinfo__rightCharImg>svg {
        display:none
    }
}

.Flavorinfo__rightCharImg>svg g,.Flavorinfo__rightCharImg>svg path,.Flavorinfo__rightCharImg>svg rect {
    transition: .35s all ease
}

.Flavorinfo__rightCharImg>svg g.plus {
    transform-origin: 185px 153px
}

.Flavorinfo__rightCharImg>svg g.char {
    transform-origin: 75px 108.2px
}

.Flavorinfo__rightCharImg>figure,.Flavorinfo__rightCharImg>picture {
    display: block;
    width: 100%;
    cursor: pointer;
    transition: .35s all ease
}

@media screen and (min-width: 768px) {
    .Flavorinfo__rightCharImg>figure,.Flavorinfo__rightCharImg>picture {
        display:none
    }
}

.Product {
    scroll-margin-top: min(3.4722222222vw,50px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    transition: .2s ease all
}

.Product+div {
    margin-top: min(5.0694444444vw,73px)
}

.Product__img {
    width: min(37.2222222222vw,536px)
}

@media screen and (max-width: 767px) {
    .Product {
        gap:min(1.272264631vw,5px);
        scroll-margin-top: min(12.7226463104vw,50px);
        flex-direction: column;
        align-items: center
    }

    .Product+div {
        margin-top: min(15.2671755725vw,60px)
    }

    .Product__img {
        width: min(91.8575063613vw,361px)
    }

    .Product__img .swiper .swiper-wrapper .swiper-slide.attr-pc {
        display: none
    }
}

.Product__img ::-moz-selection {
    background: 0 0
}

.Product__img ::selection {
    background: 0 0
}

.Product__img .swiper {
    width: 100%
}

.Product__img .swiper .swiper-wrapper .swiper-slide {
    aspect-ratio: 536/360;
    overflow: clip;
    border-radius: 20px
}

.Product__img .swiper .swiper-wrapper .swiper-slide figure {
    width: 100%;
    height: 100%
}

.Product__img .swiper .swiper-wrapper .swiper-slide figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.Product__img p {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    margin-top: min(.5555555556vw,8px)
}

.Product__info {
    padding-top: min(1.6666666667vw,24px);
    flex-basis: 41.56219865%
}

.Product__infoUpper h3 {
    font-size: max(min(1.6666666667vw,2.4rem),10px)
}

@media screen and (max-width: 767px) {
    .Product__img p {
        margin-top:min(.5089058524vw,2px);
        opacity: .6
    }

    .Product__info {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        padding-top: 0
    }

    .Product__infoUpper {
        width: min(91.8575063613vw,361px)
    }

    .Product__infoUpper h3 {
        font-size: max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }
}

.Product__infoUpper h3 small {
    font-size: 66.6666%
}

.Product__infoUpperInfo {
    position: relative
}

.Product__infoUpperInfoRow {
    position: absolute;
    top: 0;
    left: 0;
    transition: .35s all ease;
    opacity: 0
}

.Product__infoUpperInfoRow:nth-of-type(1) {
    position: static
}

.Product__infoUpperInfoRow.is-crnt {
    opacity: 1
}

.Product__infoUpper h4,.Product__infoUpperInfoRow p {
    font-size: max(min(1.3888888889vw,2rem),10px)
}

.Product__infoUpper h4,.Product__infoUpperInfo {
    margin-top: max(-.5555555556vw,-8px)
}

@media screen and (max-width: 767px) {
    .Product__infoUpper h4,.Product__infoUpperInfoRow p {
        font-size:max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }

    .Product__infoUpper h4,.Product__infoUpperInfo {
        margin-top: max(-1.7811704835vw,-7px)
    }
}

.Product__infoUpper p.price {
    font-size: max(min(1.6666666667vw,2.4rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 500;
    margin-top: min(.4166666667vw,6px)
}

@media screen and (max-width: 767px) {
    .Product__infoUpper p.price {
        font-size:max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500;
        margin-top: 0
    }
}

.Product__infoUpper p.price span.tax {
    font-family: "Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    margin-left: min(.1388888889vw,2px);
    display: inline-block
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn p,.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.en,.Modal.type-char .Modal__inner .swiper-button-next .btn p,.Modal.type-char .Modal__inner .swiper-button-prev .btn p,.Modal.type-news .Modal__innerCntScrollInnerTtl p,.Splash__innerTxts p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    letter-spacing: 0
}

.Product__infoUpperBtns {
    margin-top: min(2.0138888889vw,29px);
    gap: min(.5555555556vw,8px);
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    .Product__infoUpper p.price span.tax {
        font-size:max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700;
        margin-left: min(.5089058524vw,2px)
    }

    .Product__infoUpperBtns {
        margin-top: min(5.0890585242vw,20px);
        gap: min(2.5445292621vw,10px);
        justify-content: center;
        margin-right: auto;
        margin-left: auto
    }

    .Product__infoUpperBtns .Btn:not(.type-cart) a {
        padding-left: min(9.9236641221vw,39px);
        padding-right: min(9.9236641221vw,39px)
    }
}

.Product__info>.swiper {
    max-width: min(29.7222222222vw,428px);
    margin-top: min(2.5vw,36px);
    padding-left: min(3.8194444444vw,55px);
    padding-right: min(3.8194444444vw,55px);
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width: 768px) {
    #lu-p3_1 .Product__info>.swiper {
        padding-left:0;
    }

    #lu-p3_1 .Product__info>.swiper::before {
        display: none
    }
}

#lu-p3_all .Product__infoUpperBtns {
    pointer-events: none;
}
#lu-p3_all .is-crnt .Product__infoUpperBtns {
    pointer-events: visible;
    z-index: 1;
    position: relative;
}
#lu-p3_all .Product__infoUpperInfoRow {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .Product__info>.swiper {
        padding-left:min(4.0712468193vw,16px);
        padding-right: min(4.0712468193vw,16px);
        margin-bottom: min(3.0534351145vw,12px);
        width: 100%;
        max-width: none;
        margin-top: 0;
        overflow: visible
    }

    .Product__info>.swiper::after,.Product__info>.swiper::before {
        display: none
    }
}

.Product__info>.swiper::after,.Product__info>.swiper::before {
    width: min(3.8194444444vw,55px);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    background: #FFF9E7
}

.Product__info>.swiper::after {
    right: 0;
    left: auto
}

.Product__info>.swiper .swiper-wrapper .swiper-slide {
    width: min(6.9444444444vw,100px);
    margin-right: min(.625vw,9px);
    aspect-ratio: 100/80;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .Product__info>.swiper .swiper-wrapper .swiper-slide {
        width:min(25.4452926209vw,100px);
        margin-right: min(2.2900763359vw,9px)
    }

    .Product__info>.swiper .swiper-wrapper .swiper-slide:last-of-type {
        margin-right: 0
    }
}

.Product__info>.swiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 0
}

.Product__info>.swiper .swiper-wrapper .swiper-slide figure {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: clip;
    border-radius: 11.25px
}

.Product__info>.swiper .swiper-wrapper .swiper-slide figure::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #864A34;
    border-radius: inherit;
    transition: .35s all ease;
    opacity: 0;
    pointer-events: none
}

.Product__info>.swiper .swiper-wrapper .swiper-slide figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.Product__info>.swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active figure::after {
    opacity: 1
}

.Product__info>.swiper .swiper-button-next,.Product__info>.swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    right: auto;
    left: 0;
    translate: 0 -50%
}

@media screen and (max-width: 767px) {
    .Product__info>.swiper .swiper-button-next,.Product__info>.swiper .swiper-button-prev,.Product__info>.swiper .swiper-wrapper .swiper-slide.attr-pc {
        display:none
    }
}

.Product__info>.swiper .swiper-button-next.swiper-button-lock,.Product__info>.swiper .swiper-button-prev.swiper-button-lock {
    display: flex
}

.Product__info>.swiper .swiper-button-next {
    right: 0;
    left: auto
}

.Product.attr-small-flavor .Product__infoUpper h4,.Product.attr-txtsmall-flavor .Product__infoUpper h4 {
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    margin-top: min(.1388888889vw,2px)
}

@media screen and (max-width: 767px) {
    .Product__info>.swiper .swiper-button-next.swiper-button-lock,.Product__info>.swiper .swiper-button-prev.swiper-button-lock {
        display:none
    }

    .Product.attr-small-flavor .Product__infoUpper h4,.Product.attr-txtsmall-flavor .Product__infoUpper h4 {
        font-size: max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 0
    }
}

.Product.attr-small-flavor .Product__infoUpper p.price {
    margin-top: min(1.0416666667vw,15px)
}

@media screen and (min-width: 768px) {
    .Product.attr-small-flavor .Product__info .swiper {
        width:min(22.2222222222vw,320px)
    }

    .Product.attr-txtsmall-flavor .Product__info .swiper {
        width: fit-content;
    }

    .Modal .Modal__innerClose:hover::before {
        rotate: 30deg
    }

    .Modal .Modal__innerClose:hover::after {
        rotate: -30deg
    }
}

.Notice li {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    position: relative;
    padding-left: 1.3em
}

.Notice li::before {
    position: absolute;
    content: "※";
    top: 0;
    left: 0
}

.Circlettl {
    clip-path: polygon(0 0,100% 0,100% 50%,0 50%);
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: top center;
    width: 214.3916666667vw;
    aspect-ratio: 1;
    pointer-events: none;
    translate: -50% .1%
}

@media screen and (max-width: 767px) {
    .Product.attr-small-flavor .Product__infoUpper p.price {
        margin-top:min(1.5267175573vw,6px)
    }

    .Notice li {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .Notice li+li {
        margin-top: min(.7633587786vw,3px)
    }

    .Circlettl {
        width: 318.0661577608vw
    }
}

.Circlettl::before {
    clip-path: circle(50% at 50% 50%);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FDD22B
}

.Circlettl>figure,.Circlettl>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105.7142857143%;
    animation: rotate31_8 8s linear 0s both infinite;
    animation-duration: 13.25s;
    isolation: isolate;
    will-change: translate,width,rotate;
    translate: -50% calc(-50% + 11.1805555556vw)
}

footer .Circlettl>svg {
    top: 46%; 
}
footer .Circlettl > svg g {
  fill: rgba(134, 74, 52, 1);
}

.Modal,.Splash {
    position: fixed;
    pointer-events: none
}

@media screen and (max-width: 767px) {
    .Circlettl>figure,.Circlettl>svg {
        width:92%;
        translate: -50% calc(-50% - 5.0890585242vw)
    }
    footer .Circlettl>svg {
        top: 47.5%; 
    }
}

.Modal {
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    transition: .35s all ease;
    opacity: 0
}

.Modal:not(.is-on) .swiper-slide {
    pointer-events: none!important
}

.Modal.is-on {
    opacity: 1;
    pointer-events: all
}

.Modal .Modal__innerClose {
    width: min(10vh,5.5555555556vw,80px);
    width: min(10svh,5.5555555556vw,80px);
    top: max(-3.75vh,-2.0833333333vw,-30px);
    top: max(-3.75svh,-2.0833333333vw,-30px);
    right: max(-3.75vh,-2.0833333333vw,-30px);
    right: max(-3.75svh,-2.0833333333vw,-30px);
    position: absolute;
    z-index: 5;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #864A34;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .Modal .Modal__innerClose {
        width:min(9.9099099099vh,16.7938931298vw,66px);
        width: min(9.9099099099svh,16.7938931298vw,66px);
        top: max(-4.954954955vh,-8.3969465649vw,-33px);
        top: max(-4.954954955svh,-8.3969465649vw,-33px);
        right: max(-1.8018018018vh,-3.0534351145vw,-12px);
        right: max(-1.8018018018svh,-3.0534351145vw,-12px)
    }
}

.Modal .Modal__innerCloseBdr {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    aspect-ratio: inherit;
    border: 1px dashed #FFF9E7;
    border-radius: inherit;
    translate: -50% -50%
}

.Modal .Modal__innerClose::after,.Modal .Modal__innerClose::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 31.25%;
    height: 3px;
    border-radius: 9999px;
    background: #FFF9E7;
    transition: .35s all ease;
    rotate: 45deg;
    translate: -50% -50%
}

.Modal .Modal__innerClose::after {
    rotate: -45deg
}

.Modal.type-char {
    display: flex;
    justify-content: center;
    align-items: center
}

.Modal.type-char .Modal__inner {
    width: min(122.5vh,68.0555555556vw,980px);
    width: min(122.5svh,68.0555555556vw,980px);
    position: relative;
    aspect-ratio: 980/560
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner {
        width:min(53.003003003vh,89.8218829517vw,353px);
        width: min(53.003003003svh,89.8218829517vw,353px);
        padding-bottom: min(6.7567567568svh,11.4503816794vw,45px);
        aspect-ratio: auto
    }
}

.Modal.type-char .Modal__inner .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: grab
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper {
    width: 100%;
    height: 100%
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide {
    padding-left: min(8.625svh,4.7916666667vw,69px);
    padding-right: min(10.375svh,5.7638888889vw,83px);
    border-radius: min(2.5svh,1.3888888889vw,20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide {
        padding-top:min(7.3573573574svh,12.4681933842vw,49px);
        padding-bottom: min(8.5585585586svh,14.5038167939vw,57px);
        padding-left: min(5.2552552553svh,8.9058524173vw,35px);
        padding-right: min(5.2552552553svh,8.9058524173vw,35px);
        border-radius: min(3.003003003svh,5.0890585242vw,20px);
        gap: min(2.1021021021vh,3.5623409669vw,14px);
        gap: min(2.1021021021svh,3.5623409669vw,14px);
        flex-direction: column
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left {
    border-width: min(1.25svh,.6944444444vw,10px);
    position: relative;
    min-height: 0;
    aspect-ratio: 1;
    border-style: solid;
    border-radius: 9999px;
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left {
        width:min(33.7837837838vh,57.2519083969vw,225px);
        width: min(33.7837837838svh,57.2519083969vw,225px);
        border-width: min(1.2012012012svh,2.0356234097vw,8px)
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left {
        flex-basis:50.1207729469%
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn:hover {
        scale: 1.1
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure {
    width: 36.8674698795%;
    transition: .35s all ease;
    opacity: 0
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure {
        width:36%
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure+figure {
        width: 74.6835443038%
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure+figure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74.6835443038%;
    translate: -50% -50%
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure.is-on {
    opacity: 1
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn {
    bottom: min(.5vh,.2777777778vw,4px);
    bottom: min(.5svh,.2777777778vw,4px);
    right: max(-5vh,-2.7777777778vw,-40px);
    right: max(-5svh,-2.7777777778vw,-40px);
    width: min(8.625vh,4.7916666667vw,69px);
    width: min(8.625svh,4.7916666667vw,69px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    aspect-ratio: 1;
    border-radius: 9999px;
    cursor: pointer;
    transition: .35s all ease
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn p {
    line-height: 1.4;
    font-weight: 500;
    font-size: min(1.75vh,.9722222222vw,14px);
    font-size: min(1.75svh,.9722222222vw,14px);
    color: #fff
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right {
    flex-basis: 40.8212560386%
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl {
    margin-bottom: min(2svh,1.1111111111vw,16px)
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn {
        right:max(-6.6066066066vh,-11.1959287532vw,-44px);
        right: max(-6.6066066066svh,-11.1959287532vw,-44px);
        width: min(8.1081081081vh,13.7404580153vw,54px);
        width: min(8.1081081081svh,13.7404580153vw,54px);
        bottom: 0
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__btn p {
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500;
        font-size: min(1.8018018018vh,3.0534351145vw,12px);
        font-size: min(1.8018018018svh,3.0534351145vw,12px)
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl {
        margin-bottom: min(1.5015015015svh,2.5445292621vw,10px);
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.copy {
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 700;
    font-size: min(2.5vh,1.3888888889vw,20px);
    font-size: min(2.5svh,1.3888888889vw,20px);
    margin-bottom: max(-.75svh,-.4166666667vw,-6px)
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.copy {
        letter-spacing:0;
        line-height: 1.8;
        font-weight: 700;
        font-size: min(2.7027027027vh,4.5801526718vw,18px);
        font-size: min(2.7027027027svh,4.5801526718vw,18px);
        margin-bottom: 0
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.en {
    line-height: 1.4;
    font-weight: 500;
    font-size: min(1.5vh,.8333333333vw,12px);
    font-size: min(1.5svh,.8333333333vw,12px);
    margin-top: min(.5svh,.2777777778vw,4px);
    margin-left: min(.25svh,.1388888889vw,2px)
}

@media screen and (min-width: 768px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.en {
        margin-left:-.07em
    }
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl p.en {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 500;
        font-size: min(1.8018018018vh,3.0534351145vw,12px);
        font-size: min(1.8018018018svh,3.0534351145vw,12px);
        margin-top: 0;
        margin-left: 0
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl h2 {
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    font-size: min(5.25vh,2.9166666667vw,42px);
    font-size: min(5.25svh,2.9166666667vw,42px);
    margin-bottom: max(-.75svh,-.4166666667vw,-6px)
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl h2 {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 700;
        font-size: min(4.2042042042vh,7.1246819338vw,28px);
        font-size: min(4.2042042042svh,7.1246819338vw,28px);
        margin-bottom: 0
    }
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right p.txt {
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 700;
    font-size: min(2.5vh,1.3888888889vw,20px);
    font-size: min(2.5svh,1.3888888889vw,20px)
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.is-on .left__imgs figure:nth-of-type(1) {
    opacity: 0
}

.Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.is-on .left__imgs figure:nth-of-type(2) {
    opacity: 1
}

.Modal.type-char .Modal__inner .swiper-button-next,.Modal.type-char .Modal__inner .swiper-button-prev {
    width: min(12.625vh,7.0138888889vw,101px);
    width: min(12.625svh,7.0138888889vw,101px);
    top: 50%;
    aspect-ratio: 1;
    transition: .35s all ease;
    translate: 0 -50%
}

@media screen and (min-width: 768px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right__ttl h2 {
        margin-left:-.07em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-matcha .right__ttl p.en {
        margin-left: -.05em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-matcha .right__ttl h2 {
        margin-left: -.18em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-goma .right__ttl p.en {
        margin-left: -.05em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-goma .right__ttl h2 {
        margin-left: -.18em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-latte .right__ttl p.en {
        margin-left: -.05em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-latte .right__ttl h2 {
        margin-left: -.18em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-ume .right__ttl p.en {
        margin-left: -.05em
    }

    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide.char-ume .right__ttl h2 {
        margin-left: -.2em
    }

    .Modal.type-char .Modal__inner .swiper-button-next:hover,.Modal.type-char .Modal__inner .swiper-button-prev:hover {
        scale: 1.1
    }
}

.Modal.type-char .Modal__inner .swiper-button-next>p,.Modal.type-char .Modal__inner .swiper-button-prev>p {
    display: none
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper .swiper-wrapper .swiper-slide .right p.txt {
        letter-spacing:0;
        line-height: 1.6;
        font-weight: 700;
        font-size: min(2.7027027027vh,4.5801526718vw,18px);
        font-size: min(2.7027027027svh,4.5801526718vw,18px)
    }

    .Modal.type-char .Modal__inner .swiper-button-next,.Modal.type-char .Modal__inner .swiper-button-prev {
        width: min(11.5615615616vh,19.5928753181vw,77px);
        width: min(11.5615615616svh,19.5928753181vw,77px);
        top: auto;
        bottom: 0;
        aspect-ratio: 77/28;
        translate: 0 0
    }

    .Modal.type-char .Modal__inner .swiper-button-next>p,.Modal.type-char .Modal__inner .swiper-button-prev>p {
        font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
        display: block;
        color: #FFF9E7
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .Modal.type-char .Modal__inner .swiper-button-next>p,.Modal.type-char .Modal__inner .swiper-button-prev>p {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }
}

.Modal.type-char .Modal__inner .swiper-button-next .btn,.Modal.type-char .Modal__inner .swiper-button-prev .btn {
    border-width: min(.75svh,.4166666667vw,6px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-radius: 9999px;
    background: #FFF9E7;
    transition: .35s all ease;
    opacity: 0
}

.Modal.type-char .Modal__inner .swiper-button-next .btn figure,.Modal.type-char .Modal__inner .swiper-button-prev .btn figure {
    width: min(4.25vh,2.3611111111vw,34px);
    width: min(4.25svh,2.3611111111vw,34px);
    opacity: .4
}

.Modal.type-char .Modal__inner .swiper-button-next .btn p,.Modal.type-char .Modal__inner .swiper-button-prev .btn p {
    line-height: 1.4;
    font-weight: 500;
    font-size: min(1.5vh,.8333333333vw,12px);
    font-size: min(1.5svh,.8333333333vw,12px)
}

.Modal.type-char .Modal__inner .swiper-button-next .btn.is-crnt,.Modal.type-char .Modal__inner .swiper-button-prev .btn.is-crnt {
    opacity: 1
}

.Modal.type-char .Modal__inner .swiper-button-next {
    left: calc(100% + 26px)
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper-button-next .btn,.Modal.type-char .Modal__inner .swiper-button-prev .btn {
        display:none
    }

    .Modal.type-char .Modal__inner .swiper-button-next {
        right: 0;
        left: auto
    }
}

.Modal.type-char .Modal__inner .swiper-button-prev {
    right: calc(100% + 26px);
    left: auto;
    rotate: 0deg
}

.Modal.type-char#modal-char-chunkle .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure+figure {
    width: 77.2151898734%
}

@media screen and (max-width: 767px) {
    .Modal.type-char .Modal__inner .swiper-button-prev {
        right:auto;
        left: 0
    }

    .Modal.type-char#modal-char-chunkle .Modal__inner .swiper .swiper-wrapper .swiper-slide .left__imgs figure+figure {
        width: 77.2151898734%
    }
}

.Modal.type-stkr {
    display: flex;
    justify-content: center;
    align-items: center
}

.Modal.type-stkr .Modal__inner {
    width: min(122.5vh,68.0555555556vw,980px);
    width: min(122.5svh,68.0555555556vw,980px);
    position: relative;
    aspect-ratio: 980/660
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__inner {
        width:min(89.8218829517vw,353px);
        height: calc(100% - 96px);
        aspect-ratio: auto
    }
}

.Modal.type-stkr .Modal__innerCnt {
    border-radius: min(2.5svh,1.3888888889vw,20px);
    padding-left: min(12svh,6.6666666667vw,96px);
    padding-right: min(12svh,6.6666666667vw,96px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFF9E7
}

.Modal.type-stkr .Modal__innerCntScroll {
    width: 100%;
    scrollbar-width: none
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCnt {
        border-radius:min(2.5svh,5.0890585242vw,20px);
        justify-content: flex-start;
        align-items: flex-start;
        padding-right: 17px;
        padding-left: 20px
    }

    .Modal.type-stkr .Modal__innerCntScroll {
        height: 100%;
        padding-right: 24px;
        padding-left: 10px;
        overflow-y: scroll
    }

    .Modal.type-stkr .Modal__innerCntScrollInner {
        height: -moz-fit-content;
        height: fit-content;
        padding: 51px 0
    }
}

.Modal.type-stkr .Modal__innerCntScroll::-webkit-scrollbar {
    display: none
}

.Modal.type-stkr .Modal__innerCntScroll .simplebar-track.simplebar-vertical {
    width: 2px;
    margin: 61px 0
}

.Modal.type-stkr .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    border-radius: 9999px;
    background: #864A34
}

.Modal.type-stkr .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
    display: none
}

.Modal.type-stkr .Modal__innerCntScrollInner {
    width: 100%
}

.Modal.type-stkr .Modal__innerCntScrollInner h2 {
    font-size: max(min(1.6666666667vw,2.4rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInner h2 {
        font-size:max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr .Modal__innerCntScrollInner h2 {
        font-size:min(3vh,1.6666666667vw,24px);
        font-size: min(3svh,1.6666666667vw,24px);
        margin-bottom: min(1.25svh,.6944444444vw,10px)
    }
}

.Modal.type-stkr .Modal__innerCntScrollInner .Notice {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: .6
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrs {
    margin-top: min(3.125svh,1.7361111111vw,25px);
    width: 100%
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInner h2 {
        margin-bottom:13px;
        font-size: 2rem
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrs {
        margin-top: 26px
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkr+div {
        margin-top: 10px
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl {
    margin-bottom: min(3.375svh,1.875vw,27px)
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl h3 {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl {
        margin-bottom:16px
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl h3 {
        font-size: max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl h3 {
        font-size:min(2vh,1.1111111111vw,16px);
        font-size: min(2svh,1.1111111111vw,16px)
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl svg {
    margin-top: min(1.25svh,.6944444444vw,10px);
    width: 100%
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow figure {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1))
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand {
    gap: min(2.5vh,1.3888888889vw,20px);
    gap: min(2.5svh,1.3888888889vw,20px)
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand figure {
    width: min(8.375vh,4.6527777778vw,67px);
    width: min(8.375svh,4.6527777778vw,67px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl h3 {
        font-size:1.4rem
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrTtl svg {
        margin-top: 10px
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow figure {
        filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1))
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand {
        gap: 6px 11px
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand figure {
        width: 39px
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand figure.attr-chunkle {
    width: min(10vh,5.5555555556vw,80px);
    width: min(10svh,5.5555555556vw,80px)
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running {
    gap: min(3.125vh,1.7361111111vw,25px);
    gap: min(3.125svh,1.7361111111vw,25px);
    margin-top: max(-2.25svh,-1.25vw,-18px);
    padding-left: min(2svh,1.1111111111vw,16px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-stand figure.attr-chunkle {
        width:42px
    }

    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running {
        gap: 0 17px;
        margin-top: 2px;
        padding-left: 15px
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running figure {
    width: min(9.375vh,5.2083333333vw,75px);
    width: min(9.375svh,5.2083333333vw,75px);
    rotate: 35.49deg
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running figure {
        width:51px
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running figure.attr-chunkle {
    width: min(12vh,6.6666666667vw,96px);
    width: min(12svh,6.6666666667vw,96px);
    margin-top: max(-1svh,-.5555555556vw,-8px);
    margin-left: min(1.875svh,1.0416666667vw,15px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-running figure.attr-chunkle {
        width:65px;
        margin-top: -13px;
        margin-left: 10px
    }
}

.Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-special figure {
    width: min(22.875vh,12.7083333333vw,183px);
    width: min(22.875svh,12.7083333333vw,183px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr .Modal__innerCntScrollInnerStkrsStkrRowsRow.type-special figure {
        width:160px
    }
}

.Modal.type-stkr-haifu {
    display: flex;
    justify-content: center;
    align-items: center
}

.Modal.type-stkr-haifu .Modal__inner {
    width: min(122.5vh,68.0555555556vw,980px);
    width: min(122.5svh,68.0555555556vw,980px);
    position: relative;
    aspect-ratio: 980/660
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__inner {
        width:min(89.8218829517vw,353px);
        height: calc(100% - 96px);
        aspect-ratio: auto
    }
}

.Modal.type-stkr-haifu .Modal__innerCnt {
    padding-left: min(8svh,4.4444444444vw,64px);
    padding-right: min(8svh,4.4444444444vw,64px);
    border-radius: min(2.5svh,1.3888888889vw,20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFF9E7
}

.Modal.type-stkr-haifu .Modal__innerCnt>* {
    width: 100%
}

.Modal.type-stkr-haifu .Modal__innerCntScroll {
    width: 100%;
    scrollbar-width: none
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCnt {
        border-radius:min(2.5svh,5.0890585242vw,20px);
        justify-content: flex-start;
        align-items: flex-start;
        padding-right: 17px;
        padding-left: 17px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScroll {
        height: 100%;
        padding-right: 21px;
        padding-left: 7px;
        overflow-y: scroll
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInner {
        height: -moz-fit-content;
        height: fit-content;
        padding: 51px 0
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScroll::-webkit-scrollbar {
    display: none
}

.Modal.type-stkr-haifu .Modal__innerCntScroll .simplebar-track.simplebar-vertical {
    width: 2px;
    margin: 61px 0
}

.Modal.type-stkr-haifu .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    border-radius: 9999px;
    background: #864A34
}

.Modal.type-stkr-haifu .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
    display: none
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInner {
    width: 100%
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl {
    margin-bottom: min(2.625svh,1.4583333333vw,21px);
    display: flex;
    justify-content: center;
    position: relative
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl::after,.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl::before {
    width: min(35.875vh,19.9305555556vw,287px);
    width: min(35.875svh,19.9305555556vw,287px);
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    height: 2px;
    border-radius: 9999px;
    background: #864A34;
    translate: 0 -50%
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl::after {
    right: 0;
    left: auto
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl h2 {
    font-size: max(min(1.9444444444vw,2.8rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700;
    padding-left: min(5.75svh,3.1944444444vw,46px);
    padding-right: min(5.75svh,3.1944444444vw,46px);
    position: relative;
    z-index: 3;
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl {
        margin-bottom:15px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl::after,.Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl::before {
        width: 100%
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl h2 {
        font-size: max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 700;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerTtl h2 {
        font-size:min(3.5vh,1.9444444444vw,28px);
        font-size: min(3.5svh,1.9444444444vw,28px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInner>p {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInner>p {
        font-size:max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInner>p {
        font-size:min(2vh,1.1111111111vw,16px);
        font-size: min(2svh,1.1111111111vw,16px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms {
    margin-top: min(3.75svh,2.0833333333vw,30px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClm {
    padding-top: min(3svh,1.6666666667vw,24px);
    padding-bottom: min(2.875svh,1.5972222222vw,23px);
    border-radius: min(2.5svh,1.3888888889vw,20px);
    display: flex;
    justify-content: center;
    position: relative;
    border: 2px dashed var(--brown,#864a34);
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms {
        margin-top:24px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClm {
        padding-left: min(6.3613231552vw,25px);
        padding-right: min(6.3613231552vw,25px);
        flex-direction: column;
        padding-top: 19px;
        padding-bottom: 19px;
        border-radius: 20px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClm::before {
        display: none
    }
}

/*.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClm::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 2px;
    height: 70%;
    border-radius: 9999px;
    background: #864A34;
    opacity: .3;
    translate: -50% -50%
}*/

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro {
    gap: min(2.25vh,1.25vw,18px);
    gap: min(2.25svh,1.25vw,18px);
    display: flex;
    flex-basis: 50%;
    justify-content: center;
    align-items: flex-start;
    position: relative
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro {
        justify-content:space-between
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro+div {
        margin-top: 14px;
        padding-top: 14px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro+div::before {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        width: 100%;
        height: 2px;
        border-radius: 9999px;
        background: #864A34;
        opacity: .2;
        translate: -50% 0
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg {
    padding-top: min(.75svh,.4166666667vw,6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
    width: min(9.75vh,5.4166666667vw,78px);
    width: min(9.75svh,5.4166666667vw,78px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg {
        padding-top:11px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
        width: 51px
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
    top: min(7.25vh,4.0277777778vw,58px);
    top: min(7.25svh,4.0277777778vw,58px);
    width: min(4.125vh,2.2916666667vw,33px);
    width: min(4.125svh,2.2916666667vw,33px);
    position: absolute;
    left: calc(100% - min(1.625vh,.9027777778vw,13px));
    left: calc(100% - min(1.625svh,.9027777778vw,13px));
    line-height: 0
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>p {
    margin-top: min(.875svh,.4861111111vw,7px);
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
        top:56px;
        left: 100%;
        width: 22px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProImg>p {
        font-size: max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 1.3;
        font-weight: 700;
        margin-top: min(.375svh,.7633587786vw,3px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr {
    display: flex;
    flex-direction: column;
    align-items: center
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr>figure {
    width: min(6.375vh,3.5416666667vw,51px);
    width: min(6.375svh,3.5416666667vw,51px);
    margin-bottom: min(1.25svh,.6944444444vw,10px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p {
    text-align: center;
    white-space: nowrap
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.present {
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.present {
        font-size:min(1.75vh,.9722222222vw,14px);
        font-size: min(1.75svh,.9722222222vw,14px)
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.present {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.notice {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    margin-top: min(.375svh,.2083333333vw,3px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr>figure {
        width:33px;
        margin-bottom: 10px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.notice {
        font-size: max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700;
        margin-top: 2px
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmProStkr p.notice {
        font-size:min(1.5vh,.8333333333vw,12px);
        font-size: min(1.5svh,.8333333333vw,12px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle {
    gap: min(5.875vh,3.2638888889vw,47px);
    gap: min(5.875svh,3.2638888889vw,47px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg {
    padding-top: min(2svh,1.1111111111vw,16px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
    width: min(14.125vh,7.8472222222vw,113px);
    width: min(14.125svh,7.8472222222vw,113px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
    top: min(7.25vh,4.0277777778vw,58px);
    top: min(7.25svh,4.0277777778vw,58px);
    left: calc(100% + min(.375vh,.2083333333vw,3px));
    left: calc(100% + min(.375svh,.2083333333vw,3px))
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex {
    margin-top: min(4svh,2.2222222222vw,32px);
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg {
        padding-top:16px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
        width: 67px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClmsClmPro.attr-chunkle .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
        top: 48px;
        left: calc(100% + 5px)
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell {
    padding-top: min(1.875svh,1.0416666667vw,15px);
    padding-bottom: min(1.875svh,1.0416666667vw,15px);
    border-radius: min(2.5svh,1.3888888889vw,20px);
    display: flex;
    flex-basis: 48.1220657277%;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 2px dashed var(--brown,#864a34);
    background: #FFF9E7
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmPro {
    gap: min(7.125vh,3.9583333333vw,57px);
    gap: min(7.125svh,3.9583333333vw,57px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell {
        padding-left:min(4.5801526718vw,18px);
        padding-right: min(4.5801526718vw,18px);
        padding-top: 20px;
        padding-bottom: 16px;
        border-radius: 20px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmPro {
        flex-basis: auto;
        justify-content: space-between;
        gap: 0;
        width: 100%
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg {
    padding-top: min(4.25svh,2.3611111111vw,34px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
    width: min(16.5vh,9.1666666667vw,132px);
    width: min(16.5svh,9.1666666667vw,132px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
    top: min(7.875vh,4.375vw,63px);
    top: min(7.875svh,4.375vw,63px);
    position: absolute;
    left: calc(100% + min(2.125vh,1.1805555556vw,17px));
    left: calc(100% + min(2.125svh,1.1805555556vw,17px))
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg {
        padding-top:31px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg>figure.pro {
        width: 78px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProImg>figure.dotarrow {
        top: 48px;
        left: calc(100% + 9px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProStkrChars {
    margin-bottom: min(1.25svh,.6944444444vw,10px);
    display: flex
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProStkrChars figure {
    width: min(5.125vh,2.8472222222vw,41px);
    width: min(5.125svh,2.8472222222vw,41px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro {
    gap: min(6.25vh,3.4722222222vw,50px);
    gap: min(6.25svh,3.4722222222vw,50px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg {
    padding-top: min(3.25svh,1.8055555556vw,26px)
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell .Modal__innerCntScrollInnerClmsClmProStkrChars figure {
        width:33px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p {
        padding-left: min(7.1246819338vw,28px);
        padding-right: min(6.3613231552vw,25px)
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro {
        gap: 0
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg {
        padding-top: 26px
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg figure.pro {
    width: min(12.25vh,6.8055555556vw,98px);
    width: min(12.25svh,6.8055555556vw,98px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg figure.dotarrow {
    top: min(8.5vh,4.7222222222vw,68px);
    top: min(8.5svh,4.7222222222vw,68px);
    position: absolute;
    left: calc(100% + min(.375vh,.2083333333vw,3px));
    left: calc(100% + min(.375svh,.2083333333vw,3px))
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg figure.pro {
        width:65px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProImg figure.dotarrow {
        top: 50px;
        left: calc(100% + 11px)
    }
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProStkr>figure {
    width: min(17.875vh,9.9305555556vw,143px);
    width: min(17.875svh,9.9305555556vw,143px)
}

.Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms>p.notice {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    margin-top: min(1svh,.5555555556vw,8px);
    text-align: right;
    opacity: .6
}

@media screen and (max-width: 767px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms .Modal__innerCntScrollInnerClmsFlex .Modal__innerCntScrollInnerClmsFlexCell.attr-18p .Modal__innerCntScrollInnerClmsClmPro .Modal__innerCntScrollInnerClmsClmProStkr>figure {
        width:94px
    }

    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms>p.notice {
        font-size: max(min(2.7989821883vw,1.1rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 15px;
        margin-right: -10px;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-stkr-haifu .Modal__innerCntScrollInnerClms>p.notice {
        font-size:min(1.5vh,.8333333333vw,12px);
        font-size: min(1.5svh,.8333333333vw,12px)
    }
}

.Modal.type-news {
    display: flex;
    justify-content: center;
    align-items: center
}

.Modal.type-news .Modal__inner {
    width: min(122.5vh,68.0555555556vw,980px);
    width: min(122.5svh,68.0555555556vw,980px);
    position: relative;
    aspect-ratio: 980/660
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__inner {
        width:min(89.8218829517vw,353px);
        height: calc(100% - 96px);
        aspect-ratio: auto
    }
}

.Modal.type-news .Modal__innerCnt {
    border-radius: min(2.5svh,1.3888888889vw,20px);
    padding-left: min(6svh,3.3333333333vw,48px);
    padding-right: min(3svh,1.6666666667vw,24px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCnt {
        border-radius:min(2.5svh,5.0890585242vw,20px);
        justify-content: flex-start;
        align-items: flex-start;
        padding-right: 17px;
        padding-left: 20px
    }
}

.Modal.type-news .Modal__innerCntScroll {
    padding-right: min(5.5svh,11.1959287532vw,44px);
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: none
}

.Modal.type-news .Modal__innerCntScroll::-webkit-scrollbar {
    display: none
}

.Modal.type-news .Modal__innerCntScroll .simplebar-track.simplebar-vertical {
    width: 2px;
    margin: 61px 0
}

.Modal.type-news .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    border-radius: 9999px;
    background: #864A34
}

.Modal.type-news .Modal__innerCntScroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
    display: none
}

.Modal.type-news .Modal__innerCntScrollInner {
    padding-top: min(6.25svh,3.4722222222vw,50px);
    padding-bottom: min(6.25svh,3.4722222222vw,50px);
    width: 100%
}

.Modal.type-news .Modal__innerCntScrollInnerTtl {
    margin-bottom: min(1.25svh,.6944444444vw,10px)
}

.Modal.type-news .Modal__innerCntScrollInnerTtl p {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    line-height: 1.4;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCntScroll {
        padding-right:24px;
        padding-left: 10px
    }

    .Modal.type-news .Modal__innerCntScrollInner {
        padding-top: min(6.25svh,12.7226463104vw,50px);
        padding-bottom: min(6.25svh,12.7226463104vw,50px);
        height: -moz-fit-content;
        height: fit-content
    }

    .Modal.type-news .Modal__innerCntScrollInnerTtl {
        margin-bottom: min(1.625svh,3.3078880407vw,13px)
    }

    .Modal.type-news .Modal__innerCntScrollInnerTtl p {
        font-size: max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }
}

.Modal.type-news .Modal__innerCntScrollInnerTtl h2 {
    font-size: max(min(1.6666666667vw,2.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCntScrollInnerTtl h2 {
        font-size:max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) {
    .Modal.type-news .Modal__innerCntScrollInnerTtl h2 {
        font-size:min(3vh,1.6666666667vw,24px);
        font-size: min(3svh,1.6666666667vw,24px);
        margin-top: min(.625svh,.3472222222vw,5px)
    }
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCntScrollInnerTtl h2 {
        margin-top:min(.625svh,1.272264631vw,5px)
    }
}

.Modal.type-news .Modal__innerCntScrollInnerRows {
/*    margin-top: min(4.375svh,2.4305555556vw,35px);*/
    margin-top: min(1.875svh, 1.0416666667vw, 15px);
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxt p,.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimgTxt p {
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxt p a,.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimgTxt p a {
    color: #864A34;
    border-bottom: 1px solid;
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimg {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCntScrollInnerRows {
        margin-top:min(2.5svh,5.0890585242vw,20px)
    }

    .Modal.type-news .Modal__innerCntScrollInnerRowsRowTxt p,.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimgTxt p {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimg {
        gap: min(2.5vh,5.0890585242vw,20px);
        gap: min(2.5svh,5.0890585242vw,20px);
/*        flex-direction: column;*/
		flex-direction: column-reverse;
    }
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimgTxt {
    flex-basis: 40%
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRowTxtimg figure {
    flex-basis: 55%;
    overflow: clip;
    border-radius: 12px
}

.Modal.type-news .Modal__innerCntScrollInnerRowsRow+div {
    margin-top: min(2.5svh,1.3888888889vw,20px)
}

.Splash {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: #FDD22B
}

.Splash__inner {
    width: min(40vh,22.2222222222vw,320px);
    width: min(40svh,22.2222222222vw,320px);
    position: relative;
    aspect-ratio: 1
}

@media screen and (max-width: 767px) {
    .Modal.type-news .Modal__innerCntScrollInnerRowsRow+div {
        margin-top:min(3.125svh,6.3613231552vw,25px)
    }

    .Splash__inner {
        width: min(33.033033033vh,55.9796437659vw,220px);
        width: min(33.033033033svh,55.9796437659vw,220px)
    }
}

.Splash__innerImgs {
    position: relative;
    width: 100%;
    height: 100%
}

.Splash__innerImgs figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.Splash__innerImgs figure:nth-of-type(1) {
    opacity: 1
}

.Splash__innerTxts {
    bottom: max(-13.5vh,-7.5vw,-108px);
    bottom: max(-13.5svh,-7.5vw,-108px);
    position: absolute;
    left: 50%;
    translate: -50% 0
}

.Splash__innerTxts p {
    line-height: 1.4;
    font-weight: 500;
    font-size: min(2.5vh,1.3888888889vw,20px);
    font-size: min(2.5svh,1.3888888889vw,20px);
    white-space: nowrap;
    transition: .35s all ease;
    transition: .2s ease all
}

@media screen and (max-width: 767px) {
    .Splash__innerTxts {
        bottom:max(-26.5765765766vh,-45.0381679389vw,-177px);
        bottom: max(-26.5765765766svh,-45.0381679389vw,-177px)
    }

    .Splash__innerTxts p {
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500;
        font-size: min(3.003003003vh,5.0890585242vw,20px);
        font-size: min(3.003003003svh,5.0890585242vw,20px)
    }
}

.Splash__innerTxts p span {
    display: inline-block;
    transition: .25s ease all;
    opacity: 0;
    translate: 0 50%
}

.Splash__innerTxts p.loading span:nth-of-type(1) {
    transition-delay: 0s
}

.Splash__innerTxts p.loading span:nth-of-type(2) {
    transition-delay: .25s
}

.Splash__innerTxts p.loading span:nth-of-type(3) {
    transition-delay: .5s
}

.Splash__innerTxts p.loading span:nth-of-type(4) {
    transition-delay: .75s
}

.Splash__innerTxts p.loading span:nth-of-type(5) {
    transition-delay: 1s
}

.Splash__innerTxts p.loading span:nth-of-type(6) {
    transition-delay: 1.25s
}

.Splash__innerTxts p.loading span:nth-of-type(7) {
    transition-delay: 1.5s
}

.Splash__innerTxts p.loading span:nth-of-type(8) {
    transition-delay: 1.75s
}

.Splash__innerTxts p.loading span:nth-of-type(9) {
    transition-delay: 2s
}

.Splash__innerTxts p.loading span:nth-of-type(10) {
    transition-delay: 2.25s
}

.Splash__innerTxts p.ready {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

.wrapper,body {
    position: relative
}

.Splash.splash-is-on .Splash__innerTxts p.loading span {
    opacity: 1;
    translate: 0 0
}

.Splash.splash-is-end {
    transition: .5s ease all 1.3s;
    opacity: 0
}

.Splash.splash-is-end .Splash__innerTxts p.loading {
    opacity: 0;
    translate: 0 -50%
}

.Splash.splash-is-end .Splash__innerTxts p.ready span {
    opacity: 1;
    translate: 0 0
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    background: #FFF9E7;
    color: #864A34;
    font: 700 11px/1.4 "Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    overscroll-behavior-y: none
}

.header__links ul li a p,.header__menuCnt ul li a p.en {
    line-height: 1.4;
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    letter-spacing: 0
}

.swiper-button-next,.swiper-button-prev {
    width: min(2.7083333333vw,39px);
    top: 50%;
    right: 0;
    height: auto;
    aspect-ratio: 1;
    margin: 0;
    border-radius: 9999px;
    background: #864A34;
    transition: .35s all ease;
    translate: 0 -50%
}

@media screen and (max-width: 767px) {
    .swiper-button-next,.swiper-button-prev {
        width:min(7.6335877863vw,30px)
    }
}

@media screen and (min-width: 768px) {
    .swiper-button-next:hover,.swiper-button-prev:hover {
        background:#481F0F
    }

    .swiper-button-next:hover svg,.swiper-button-prev:hover svg {
        translate: 37.5% 0
    }
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: min(.5555555556vw,8px);
    transition: .35s all ease;
    translate: 12.5% 0
}

@media screen and (max-width: 767px) {
    .swiper-button-next svg,.swiper-button-prev svg {
        width:min(1.7811704835vw,7px)
    }
}

.swiper-button-next svg path,.swiper-button-prev svg path {
    transition: .35s all ease
}

.gsap-scrolltrigger-opa.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended),.home main .story__innerTtl.gsap-scrolltrigger-fired h2,.home main .story__innerTtl.gsap-scrolltrigger-fired p {
    transition: .5s ease all
}

.swiper-button-next::after,.swiper-button-prev::after {
    display: none
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    background: rgba(134,74,52,.2);
    opacity: 1
}

.swiper-button-next.swiper-button-disabled svg path,.swiper-button-prev.swiper-button-disabled svg path {
    stroke: #864A34
}

.swiper-button-prev {
    right: auto;
    left: 0;
    rotate: 180deg
}

.gsap-scrolltrigger-opa:not(.gsap-scrolltrigger-fired) {
    opacity: 0;
    translate: 0 10px
}

.wrapper {
    width: 100%;
    min-width: 1000px
}

.header__links,.header__logo {
    position: absolute;
    z-index: 100
}

.cmn__lContainer,.home main .flavor__inner {
    width: min(100vw,1440px);
    padding-left: min(2.7777777778vw,40px);
    padding-right: min(2.7777777778vw,40px);
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 767px) {
    .cmn__lContainer,.home main .flavor__inner {
        width:min(91.8575063613vw,361px);
        padding-right: 0;
        padding-left: 0
    }
}

.cmn__container,.home main .about__inner,.home main .chunkle__pro,.home main .lineup__inner,.home main .news__inner,.home main .qly__inner,.home main .shop__inner,.home main .sns__inner,.home main .stkr__haifu,.home main .stkr__pre,.home main .story__inner {
    width: min(75vw,1080px);
    padding-left: min(1.3888888889vw,20px);
    padding-right: min(1.3888888889vw,20px);
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 767px) {
    .cmn__container,.home main .about__inner,.home main .chunkle__pro,.home main .lineup__inner,.home main .news__inner,.home main .qly__inner,.home main .shop__inner,.home main .sns__inner,.home main .stkr__haifu,.home main .stkr__pre,.home main .story__inner {
        width:min(91.8575063613vw,361px);
        padding-right: 0;
        padding-left: 0
    }
}

.cmn__msContainer,.home main .chunkle__bigInner {
    width: min(80.5555555556vw,1160px);
    padding-left: min(1.3888888889vw,20px);
    padding-right: min(1.3888888889vw,20px);
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 767px) {
    .cmn__msContainer,.home main .chunkle__bigInner {
        width:min(91.8575063613vw,361px);
        padding-right: 0;
        padding-left: 0
    }
}

.cmn__sContainer,.home main .qly__innerPoints {
    width: min(68.8888888889vw,992px);
    padding-left: min(1.3888888889vw,20px);
    padding-right: min(1.3888888889vw,20px);
    margin-right: auto;
    margin-left: auto
}

.header__logo {
    top: 39px;
    left: 40px
}

@media screen and (max-width: 767px) {
    .cmn__sContainer,.home main .qly__innerPoints {
        width:min(91.8575063613vw,361px);
        padding-right: 0;
        padding-left: 0
    }

    .header__logo {
        top: 20px;
        left: 17px
    }
}

.header__logo figure {
    width: 222px
}

@media screen and (max-width: 767px) {
    .header__logo figure {
        width:127px
    }
}

.header__links {
    top: 40px;
    right: 117px
}

@media screen and (max-width: 1024px) {
    .wrapper {
        min-width:0
    }

    .header__links {
        display: none
    }
}

.header__links ul {
    display: flex;
    align-items: center;
    gap: 30px
}

.header__links ul li a {
    position: relative
}

.header__links ul li a p {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    font-weight: 500;
    color: #864A34;
    transition: .35s all ease
}

.header__links ul li a p:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    translate: 0 50%
}

@media screen and (min-width: 1025px) {
    .header__links ul li a:hover p:nth-of-type(1) {
        opacity:0;
        translate: 0 -50%
    }

    .header__links ul li a:hover p:nth-of-type(2) {
        opacity: 1;
        translate: 0 0
    }
}

.header__menubtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 25px;
    right: 40px;
    z-index: 200;
    width: 47px;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #864A34;
    cursor: pointer;
    transition: .35s all ease
}

@media screen and (max-width: 767px) {
    .header__menubtn {
        top:20px;
        right: 16px;
        width: 40px
    }
}

@media screen and (min-width: 768px) {
    .header__menubtn:hover {
        background:#481F0F
    }

    .header__menubtn:hover .header__menubtnInner span:nth-of-type(1) {
        translate: -50% 2px
    }

    .header__menubtn:hover .header__menubtnInner span:nth-of-type(3) {
        translate: -50% calc(-100% - 2px)
    }
}

.header__menubtnInner {
    position: relative;
    width: 17px;
    aspect-ratio: 17/11
}

@media screen and (max-width: 767px) {
    .header__menubtnInner {
        width:14px;
        aspect-ratio: 14.468085289/8.510638237
    }
}

.header__menubtnInner span {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 17px;
    height: 1px;
    border-radius: 9999px;
    background: #FFF9E7;
    transition: .3s translate ease,.3s top ease .3s,.1s opacity ease .3s,.3s rotate ease;
    translate: -50% 0
}

@media screen and (max-width: 767px) {
    .header__menubtnInner span {
        width:14px
    }
}

.header__menubtnInner span:nth-of-type(2) {
    top: 50%;
    translate: -50% -50%
}

.header__menubtnInner span:nth-of-type(3) {
    top: 100%;
    translate: -50% -100%
}

.header__menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 190;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    transition: .35s all ease;
    opacity: 0;
    pointer-events: none
}

.header__menuCnt {
    padding-top: min(9.25svh,5.1388888889vw,74px);
    padding-bottom: min(1.75svh,.9722222222vw,14px);
    padding-left: min(6svh,3.3333333333vw,48px);
    padding-right: min(4svh,2.2222222222vw,32px);
    position: absolute;
    top: 40px;
    right: 53px;
    border-radius: 24px;
    background: #fec835;
    transition: .35s all ease;
    translate: 100% 0
}

.header__menuCnt ul li+li {
    margin-top: min(2svh,1.1111111111vw,16px)
}

@media screen and (min-width: 1025px) {
    .header__menuCnt ul li a:hover p.en span:nth-of-type(1) {
        opacity:0;
        translate: 0 -50%
    }

    .header__menuCnt ul li a:hover p.en span:nth-of-type(2) {
        opacity: 1;
        translate: 0 0
    }
}

.header__menuCnt ul li a p {
    color: #864A34
}

.header__menuCnt ul li a p.en {
    font-size: max(min(1.3888888889vw,2rem),10px);
    font-weight: 500;
    position: relative
}

@media screen and (max-width: 767px) {
    .header__menuCnt {
        padding-top:min(11.1111111111svh,18.8295165394vw,74px);
        padding-bottom: min(3.3033033033svh,5.5979643766vw,22px);
        padding-left: min(6.1561561562svh,10.4325699746vw,41px);
        padding-right: min(4.954954955svh,8.3969465649vw,33px);
        top: 0;
        right: 0;
        border-radius: 0 0 0 30px
    }

    .header__menuCnt ul li+li {
        margin-top: min(2.1021021021svh,3.5623409669vw,14px)
    }

    .header__menuCnt ul li a p.en {
        font-size: max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500
    }
}

.header__menuCnt ul li a p.en span {
    display: inline-block;
    transition: .35s all ease
}

.header__menuCnt ul li a p.en span:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    translate: 0 50%
}

.header__menuCnt ul li a p.ja {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    margin-top: 1px
}

.header__menuCnt>figure {
    width: min(34.875vh,19.375vw,279px);
    width: min(34.875svh,19.375vw,279px);
    margin-top: min(4.625svh,2.5694444444vw,37px)
}

.header.is-on .header__menu {
    opacity: 1;
    pointer-events: all
}

.header.is-on .header__menuCnt {
    translate: 0 0
}

@media screen and (min-width: 768px) {
    .header.is-on .header__menubtn:hover .header__menubtnInner span {
        transition-delay:0s
    }

    .header.is-on .header__menubtn:hover .header__menubtnInner span:nth-of-type(1) {
        rotate: 30deg
    }

    .header.is-on .header__menubtn:hover .header__menubtnInner span:nth-of-type(3) {
        rotate: -30deg
    }

    .home main .fv__store a:hover {
        scale: 1.05
    }
}

.header.is-on .header__menubtnInner span {
    transition: .3s top ease,.1s opacity ease,.3s rotate ease .3s
}

.header.is-on .header__menubtnInner span:nth-of-type(1) {
    top: 50%;
    rotate: 45deg;
    translate: -50% -50%
}

.header.is-on .header__menubtnInner span:nth-of-type(2) {
    opacity: 0
}

.header.is-on .header__menubtnInner span:nth-of-type(3) {
    top: 50%;
    rotate: -45deg;
    translate: -50% -50%
}

.footer {
    padding-top: min(14.375vw,207px);
    position: relative;
    overflow: clip
}

.footer__back2top {
    top: min(14.375vw,207px);
    right: min(2.7777777778vw,40px);
    position: absolute;
    z-index: 10
}

.footer__back2top a {
    gap: min(.4861111111vw,7px);
    display: flex;
    align-items: flex-start
}

@media screen and (max-width: 767px) {
    .header__menuCnt ul li a p.ja {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .header__menuCnt>figure {
        width: min(34.3843843844vh,58.2697201018vw,229px);
        width: min(34.3843843844svh,58.2697201018vw,229px);
        margin-top: min(2.7027027027svh,4.5801526718vw,18px)
    }

    .footer {
        padding-top: min(52.417302799vw,206px)
    }

    .footer__back2top {
        top: min(15.2671755725vw,60px);
        right: auto;
        left: 50%;
        translate: -50% 0
    }

    .footer__back2top a {
        gap: min(1.7811704835vw,7px)
    }
}

.footer__back2top a figure {
    width: min(.8333333333vw,12px);
    padding-top: min(.2083333333vw,3px);
    line-height: 0
}

.footer__back2top a p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500;
    color: #864A34
}

.footer__chars {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: calc(100% - min(20.9027777778vw,301px));
    left: 50%;
    translate: -50% 0
}

@media screen and (max-width: 767px) {
    .footer__back2top a figure {
        width:min(3.0534351145vw,12px);
        padding-top: min(.7633587786vw,3px)
    }

    .footer__back2top a p {
        font-size: max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }

    .footer__chars {
        bottom: calc(100% - min(61.0687022901vw,240px))
    }
}

.footer__chars>figure {
    width: min(6.7361111111vw,97px)
}

.footer__chars>figure+figure {
    margin-left: max(-1.1805555556vw,-17px)
}

.footer__chars>figure:nth-of-type(2),.footer__chars>figure:nth-of-type(5) {
    margin-top: min(.2083333333vw,3px)
}

@media screen and (max-width: 767px) {
    .footer__chars>figure {
        width:min(16.0305343511vw,63px)
    }

    .footer__chars>figure+figure {
        margin-left: max(-2.7989821883vw,-11px)
    }

    .footer__chars>figure:nth-of-type(2),.footer__chars>figure:nth-of-type(5) {
        margin-top: min(.5089058524vw,2px)
    }
}

.footer__chars>figure:nth-of-type(1),.footer__chars>figure:nth-of-type(6) {
    margin-top: min(1.0416666667vw,15px)
}

.footer__chars>figure:nth-of-type(1) {
    rotate: -10.87deg
}

.footer__chars>figure:nth-of-type(2) {
    rotate: -8.69deg
}

.footer__chars>figure:nth-of-type(3) {
    rotate: -7.17deg
}

.footer__chars>figure:nth-of-type(4) {
    z-index: 3;
    rotate: 2.93deg
}

.footer__chars>figure:nth-of-type(5) {
    z-index: 2;
    rotate: 12.3deg
}

.footer__chars>figure:nth-of-type(6) {
    z-index: 1;
    rotate: 19.13deg
}

.footer .Circlettl {
    top: min(17.4305555556vw,251px);
    z-index: 5
}

.footer .Circlettl>svg {
    animation-name: rotate52_9;
    animation-duration: 22.0416666667s
}

.footer__inner {
    padding-bottom: min(4.1666666667vw,60px);
    position: relative;
    z-index: 5;
    padding-top: 14.8611111111vw
}

@media screen and (max-width: 767px) {
    .footer__chars>figure:nth-of-type(1),.footer__chars>figure:nth-of-type(6) {
        margin-top:min(3.0534351145vw,12px)
    }

    .footer .Circlettl {
        top: min(52.417302799vw,206px)
    }

    .footer__inner {
        padding-bottom: min(8.9058524173vw,35px);
        display: flex;
        flex-direction: column;
        padding-top: 21.3740458015vw
    }
}

.footer__inner::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 25.2777777778vw);
    background: #FDD22B
}

.footer__innerNotice {
    margin-top: min(2.4305555556vw,35px)
}

.footer__innerNotice ul {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer__innerNotice ul li {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700;
    position: relative;
    padding-left: 1em;
    text-align: center;
    opacity: .6
}

@media screen and (max-width: 767px) {
    .footer__innerNotice {
        margin-top:min(8.1424936387vw,32px);
        order: 3
    }

    .footer__innerNotice ul {
        width: min(77.6081424936vw,305px);
        order: 3;
        margin-right: auto;
        margin-left: auto
    }

    .footer__innerNotice ul li {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700
    }
}

.footer__innerCopy,.home main .fv__store a p.en {
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif
}

.footer__innerNotice ul li::before {
    position: absolute;
    content: "";
    top: calc(.5em + min(.2083333333vw,3px));
    left: 0;
    width: 3px;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #864A34;
    translate: 0 -50%
}

.footer__innerCopy,.home,.home main,.home main .fv,.home main .fv__bg {
    position: relative
}

.footer__innerBtns {
    margin-top: min(3.8888888889vw,56px);
    gap: min(2.2222222222vw,32px);
    display: flex;
    justify-content: center;
    align-items: center
}

.mq4sp,.svg-icon {
    display: none
}

@media screen and (max-width: 767px) {
    .footer__innerNotice ul li::before {
        top:calc(.5em + min(.7633587786vw,3px))
    }

    .footer__innerBtns {
        margin-top: min(8.6513994911vw,34px);
        gap: min(4.0712468193vw,16px);
        flex-direction: column;
        order: 2
    }
}

.footer__innerCopy {
    margin-top: min(9.0277777778vw,130px);
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    z-index: 5;
    text-align: center
}

@media screen and (max-width: 767px) {
    .footer__innerCopy {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 500;
        margin-top: min(16.0305343511vw,63px);
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        order: 4
    }

    .mq4pc {
        display: none
    }

    .mq4sp {
        display: block
    }
}

.mq4spi {
    display: none
}

.home main .fv {
    width: 100%;
    height: 100vh;
    height: 100svh;
    overflow: clip;
    background: #feb
}

.home main .fv__bg {
    width: 100%;
    height: 100%
}

.home main .fv__bgCk {
    position: absolute;
    width: 14.5138888889vw;
    aspect-ratio: .743772242
}

.home main .fv__bgCk.type-bb.n-0 {
    top: calc(32.875% + 9.7569444444vw);
    left: calc(40.3472222222% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .mq4spi {
        display:inline
    }

    .home main .fv__bgCk {
        width: 28.2442748092vw
    }

    .home main .fv__bgCk.type-bb.n-0 {
        top: calc(36.6366366366% + 18.9567430025vw);
        left: calc(44.5292620865% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-bb.n-1 {
    top: calc(-32.625% + 9.7569444444vw);
    left: calc(9.9305555556% + 7.2569444444vw)
}

.home main .fv__bgCk.type-bb.n-2 {
    display: none
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-bb.n-1 {
        top:calc(37.2372372372% + 18.9567430025vw);
        left: calc(-26.7175572519% + 14.1221374046vw)
    }

    .home main .fv__bgCk.type-bb.n-2 {
        display: block;
        top: calc(95.9459459459% + 18.9567430025vw);
        left: calc(10.4325699746% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-umab.n-0 {
    top: calc(31.625% + 9.7569444444vw);
    left: calc(4.7916666667% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-umab.n-0 {
        top:calc(16.6666666667% + 18.9567430025vw);
        left: calc(13.7404580153% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-umab.n-1 {
    top: calc(1% + 9.7569444444vw);
    left: calc(58.4722222222% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-umab.n-1 {
        top:calc(78.2282282282% + 18.9567430025vw);
        left: calc(-26.4631043257% + 14.1221374046vw)
    }

    .home main .fv__bgCk.type-umab.n-2 {
        display: none
    }
}

.home main .fv__bgCk.type-umab.n-2 {
    top: calc(97.625% + 9.7569444444vw);
    left: calc(40.625% + 7.2569444444vw)
}

.home main .fv__bgCk.type-bsb.n-0 {
    top: calc(64% + 9.7569444444vw);
    left: calc(58.4722222222% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-bsb.n-0 {
        top:calc(78.2282282282% + 18.9567430025vw);
        left: calc(44.0203562341% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-bsb.n-1 {
    top: calc(-30.75% + 9.7569444444vw);
    left: calc(40.3472222222% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-bsb.n-1 {
        top:calc(16.8168168168% + 18.9567430025vw);
        left: calc(80.9160305344% + 14.1221374046vw)
    }

    .home main .fv__bgCk.type-bsb.n-2 {
        display: none
    }
}

.home main .fv__bgCk.type-bsb.n-2 {
    top: calc(94.875% + 9.7569444444vw);
    left: calc(4.7916666667% + 7.2569444444vw)
}

.home main .fv__bgCk.type-ml.n-0 {
    top: calc(33.375% + 9.7569444444vw);
    left: calc(75.5555555556% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-ml.n-0 {
        top:calc(-4.2042042042% + 18.9567430025vw);
        left: calc(51.3994910941% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-ml.n-1 {
    top: calc(65.25% + 9.7569444444vw);
    left: calc(-13.75% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-ml.n-1 {
        top:calc(97.7477477477% + 18.9567430025vw);
        left: calc(80.6615776081% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-ub.n-0 {
    top: calc(64.625% + 9.7569444444vw);
    left: calc(22.7777777778% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-ub.n-0 {
        top:calc(57.6576576577% + 18.9567430025vw);
        left: calc(78.3715012723% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-ub.n-1 {
    top: calc(65.75% + 9.7569444444vw);
    left: calc(93.5416666667% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-ub.n-1 {
        top:calc(-.3003003003% + 18.9567430025vw);
        left: calc(-17.5572519084% + 14.1221374046vw)
    }

    .home main .fv__bgCk.type-ub.n-2 {
        display: none
    }
}

.home main .fv__bgCk.type-ub.n-2 {
    top: calc(-32% + 9.7569444444vw);
    left: calc(77.6388888889% + 7.2569444444vw)
}

.home main .fv__bgCk.type-ub.n-3 {
    top: calc(1.5% + 9.7569444444vw);
    left: calc(-13.5416666667% + 7.2569444444vw)
}

.home main .fv__bgCk.type-tc.n-0 {
    top: calc(2% + 9.7569444444vw);
    left: calc(22.6388888889% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-ub.n-3 {
        display:none
    }

    .home main .fv__bgCk.type-tc.n-0 {
        top: calc(56.3063063063% + 18.9567430025vw);
        left: calc(8.9058524173% + 14.1221374046vw)
    }
}

.home main .fv__bgCk.type-tc.n-1 {
    top: calc(1.625% + 9.7569444444vw);
    left: calc(94.5138888889% + 7.2569444444vw)
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCk.type-tc.n-1 {
        top:calc(-19.0690690691% + 18.9567430025vw);
        left: calc(19.0839694656% + 14.1221374046vw)
    }

    .home main .fv__bgCk.type-tc.n-2 {
        display: none
    }
}

.home main .fv__bgCk.type-tc.n-2 {
    top: calc(98.625% + 9.7569444444vw);
    left: calc(76.3194444444% + 7.2569444444vw)
}

.home main .fv__bgCkInner {
    position: relative;
    width: 100%;
    height: 100%;
    translate: -50% -50%
}

.home main .fv__bgCkInnerBlock {
    position: relative;
    width: 100%;
    height: 100%
}

.home main .fv__bgCkInnerBlock figure {
    opacity: 0
}

.home main .fv__bgCkInnerBlock figure.cookie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: drop-shadow(0 15px 20px rgba(220, 201, 143, .5));
    opacity: 1;
    rotate: 40deg
}

.home main .fv__bgCkInnerBlock figure.bittencookie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: drop-shadow(0 15px 20px rgba(220, 201, 143, .5));
    rotate: 40deg
}

.home main .fv__bgCkInnerBlock figure.running {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18.75vw;
    translate: -50% -50%
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCkInnerBlock figure.running {
        width:43.7659033079vw
    }
}

.home main .fv__bgCkInnerBlock figure.p9 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22.9166666667vw;
    translate: -50% -50%;
    rotate: 17.4deg
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCkInnerBlock figure.p9 {
        width:45.8015267176vw
    }
}

.home main .fv__bgCkInnerBlock figure.p18 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21.8055555556vw;
    translate: -50% -50%;
    rotate: 11.51deg
}

@media screen and (max-width: 767px) {
    .home main .fv__bgCkInnerBlock figure.p18 {
        width:46.5648854962vw
    }
}

.home main .fv__store {
    right: min(5.125vh,41px);
    right: min(5.125svh,41px);
    bottom: min(3.75vh,30px);
    bottom: min(3.75svh,30px);
    width: min(17.5vh,140px);
    width: min(17.5svh,140px);
    position: absolute;
    z-index: 10;
    aspect-ratio: 1;
    border-radius: 9999px
}

@media screen and (max-width: 767px) {
    .home main .fv__store {
        right:min(4.0712468193vw,16px);
        bottom: min(5.0890585242vw,20px);
        width: min(31.5521628499vw,124px)
    }

    .home main .fv__store a>figure {
        opacity: 0
    }
}

.home main .fv__store a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    transition: .35s all ease
}

.home main .fv__store a::before {
    position: absolute;
    content: "";
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: #864A34;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

.home main .fv__store a>figure {
    position: absolute
}

.home main .fv__store a>figure.type-bb {
    top: min(2.875vh,23px);
    top: min(2.875svh,23px);
    left: max(-4.75vh,-38px);
    left: max(-4.75svh,-38px);
    width: min(13.875vh,111px);
    width: min(13.875svh,111px);
    translate: 50% 0
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-bb {
        top:min(8.3969465649vw,33px);
        left: max(-8.1424936387vw,-32px);
        width: min(23.155216285vw,91px)
    }
}

.home main .fv__store a>figure.type-umab {
    top: max(-3.625vh,-29px);
    top: max(-3.625svh,-29px);
    right: max(-1.7361111111vw,-25px);
    width: min(6.625vh,53px);
    width: min(6.625svh,53px);
    rotate: 17.34deg;
    translate: -60% 60%
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-umab {
        top:max(-7.1246819338vw,-28px);
        right: max(-2.0356234097vw,-8px);
        width: min(11.1959287532vw,44px)
    }
}

.home main .fv__store a>figure.type-bsb {
    top: max(-9.875vh,-79px);
    top: max(-9.875svh,-79px);
    left: min(2.0833333333vw,30px);
    width: min(8.5vh,68px);
    width: min(8.5svh,68px);
    rotate: -1deg;
    translate: 0 70%
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-bsb {
        top:max(-13.2315521628vw,-52px);
        left: min(9.1603053435vw,36px);
        width: min(10.941475827vw,43px)
    }
}

.home main .fv__store a>figure.type-ml {
    top: max(-4vh,-32px);
    top: max(-4svh,-32px);
    left: max(-1.0416666667vw,-15px);
    width: min(6.875vh,55px);
    width: min(6.875svh,55px);
    rotate: -10.87deg;
    translate: 50% 60%
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-ml {
        top:max(-7.6335877863vw,-30px);
        left: max(-2.5445292621vw,-10px);
        width: min(11.7048346056vw,46px)
    }
}

.home main .fv__store a>figure.type-ub {
    top: max(-7vh,-56px);
    top: max(-7svh,-56px);
    right: min(3.25vh,26px);
    right: min(3.25svh,26px);
    width: min(6.125vh,49px);
    width: min(6.125svh,49px);
    transform-origin: bottom center;
    rotate: 44.92deg
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-ub {
        top:max(-7.6335877863vw,-30px);
        right: min(4.5801526718vw,18px);
        width: min(8.6513994911vw,34px)
    }
}

.home main .fv__store a>figure.type-tc {
    top: min(1.75vh,14px);
    top: min(1.75svh,14px);
    left: max(-4.75vh,-38px);
    left: max(-4.75svh,-38px);
    width: min(14.25vh,114px);
    width: min(14.25svh,114px);
    translate: 40% 0
}

.home main .fv__store a p {
    position: relative;
    z-index: 5;
    text-align: center
}

.home main .fv__store a p.en {
    font-size: max(min(1.25vh,1rem),10px);
    font-size: max(min(1.25svh,1rem),10px);
    margin-bottom: min(.375svh,3px);
    color: #fff
}

@media screen and (max-width: 767px) {
    .home main .fv__store a>figure.type-tc {
        top:min(9.1603053435vw,36px);
        left: max(-6.6157760814vw,-26px);
        width: min(18.8295165394vw,74px)
    }

    .home main .fv__store a p.en {
        font-size: max(min(2.5445292621vw,1rem),10px);
        margin-bottom: min(.7633587786vw,3px)
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .home main .fv__store a p.en {
        font-size:max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500
    }
}

.home main .fv__store a p.ja {
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    font-size: max(min(1.625vh,1.3rem),10px);
    font-size: max(min(1.625svh,1.3rem),10px);
    color: #fff6f2
}

@media screen and (max-width: 767px) {
    .home main .fv__store a p.ja {
        font-size:max(min(3.3078880407vw,1.3rem),10px)
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .home main .fv__store a p.ja {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

.home main .fv .swiper {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

@media screen and (min-width: 768px) {
    .home main .fv .swiper.attr-pc {
        opacity:1
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a:hover::after,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link:hover::after {
        transform-origin: right center;
        scale: 0 1
    }
}

.home main .fv .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%
}

.home main .fv .swiper .swiper-wrapper .swiper-slide figure,.home main .fv .swiper .swiper-wrapper .swiper-slide picture {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    translate: 0 0 1px
}

.home main .fv .swiper .swiper-wrapper .swiper-slide figure img,.home main .fv .swiper .swiper-wrapper .swiper-slide picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.home main .news {
    padding-top: min(5.625vw,81px)
}

.home main .news__innerBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.home main .news__innerBlock .swiper-button-next.swiper-button-lock,.home main .news__innerBlock .swiper-button-prev.swiper-button-lock {
    display: flex
}

@media screen and (max-width: 767px) {
    .home main .fv .swiper.attr-sp {
        opacity:1
    }

    .home main .news {
        padding-top: min(5.8524173028vw,23px)
    }

    .home main .news__innerBlock {
        padding-bottom: min(10.941475827vw,43px)
    }

    .home main .news__innerBlock .swiper-button-next,.home main .news__innerBlock .swiper-button-prev {
        top: auto;
        bottom: 0;
        translate: 0 0
    }

    .home main .news__innerBlock .swiper-button-prev {
        right: min(9.1603053435vw,36px);
        left: auto
    }
}

.home main .news__innerBlockCnt {
    width: min(62.9166666667vw,906px);
    padding-top: min(1.5277777778vw,22px);
    padding-bottom: min(1.5277777778vw,22px);
    border-radius: min(1.0416666667vw,15px);
    display: flex;
    background: #fff;
    color: #864A34
}

@media screen and (max-width: 767px) {
    .home main .news__innerBlockCnt {
        padding-top:min(3.8167938931vw,15px);
        padding-bottom: min(3.8167938931vw,15px);
        padding-left: min(3.0534351145vw,12px);
        padding-right: min(3.0534351145vw,12px);
        border-radius: min(5.0890585242vw,20px);
        gap: min(1.272264631vw,5px);
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
}

.home main .news__innerBlockCnt .type {
    padding-left: min(3.0555555556vw,44px);
    flex-shrink: 0;
    flex-basis: 14.6732891832%;
    position: relative
}

.home main .news__innerBlockCnt .type::after {
    height: min(2.5vw,36px);
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 2px;
    border-radius: 9999px;
    background: #864A34;
    translate: -50% -50%
}

@media screen and (max-width: 767px) {
    .home main .news__innerBlockCnt .type {
        display:none;
        padding: 0
    }

    .home main .news__innerBlockCnt .type::after {
        display: none
    }
}

.home main .news__innerBlockCnt .type p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.25vw,1.8rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500
}

.home main .news__innerBlockCnt .swiper {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide {
    transition: .15s ease all;
    opacity: 0
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt {
    padding-left: min(2.2222222222222223vw,32px);
    padding-right: min(1.4583333333vw,21px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 2px
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts {
    gap: min(1.4583333333vw,21px);
    display: flex;
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .time {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.25vw,1.8rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt {
        padding-left:0;
        padding-right: 0
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts {
        gap: min(1.272264631vw,5px);
        flex-direction: column;
        align-items: flex-start
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .time {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl {
    font-size: max(min(1.25vw,1.8rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link {
    gap: min(.3472222222vw,5px);
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #864A34;
    white-space: nowrap;
    cursor: pointer
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link {
    white-space: inherit;
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a::after,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    transform-origin: left center;
    width: 100%;
    height: 2px;
    border-radius: 9999px;
    background: #864A34;
    transition: scale .3s ease-out;
    scale: 1 1
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a img,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link img {
    width: min(.9722222222vw,14px)
}

.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl {
        font-size:max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link {
        gap: min(1.0178117048vw,4px)
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl a img,.home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt__txts .ttl span.link img {
        width: min(3.0534351145vw,12px)
    }

    .home main .news__innerBlockCnt .swiper .swiper-wrapper .swiper-slide .cnt .Btn {
        margin-top: min(2.0356234097vw,8px)
    }

    .home main .news__innerBlockCnt .swiper .swiper-button-next,.home main .news__innerBlockCnt .swiper .swiper-button-prev {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        translate: 0 0
    }
}

.home main .qly__innerPointsPoint:not(.gsap-scrolltrigger-fired) .qly__innerPointsPointCnt,.home main .story__innerTtl:not(.gsap-scrolltrigger-fired) h2,.home main .story__innerTtl:not(.gsap-scrolltrigger-fired) p {
    translate: 0 10px;
    opacity: 0
}

.home main .news__innerBlockCnt .swiper .swiper-button-prev {
    right: min(9.1603053435vw,36px)
}

.home main .story {
    padding-top: min(6.9444444444vw,100px)
}

.home main .story__innerTtl {
    margin-bottom: min(2.0833333333vw, 30px);
    position: relative;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .home main .story {
        padding-top:min(7.1246819338vw,28px)
    }

    .home main .story__innerTtl {
        margin-bottom: min(7.1246819338vw,28px)
    }
}

.home main .story__innerTtl>* {
    text-align: center
}

.home main .story__innerTtl ::-moz-selection {
    background: 0 0
}

.home main .story__innerTtl ::selection {
    background: 0 0
}

.home main .story__innerTtl p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(10.160305vw, 5.6rem), 17px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: max(-.4861111111vw,-7px)
}

@media screen and (max-width: 767px) {
    .home main .story__innerTtl p {
        font-size:max(min(7.1603053435vw,3.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: max(-.7633587786vw,-3px)
    }
}

.home main .story__innerTtl h2 {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

.home main .story__innerTtl.gsap-scrolltrigger-fired h2 {
    transition-delay: .15s
}

.home main .story__innerBlock {
    gap: min(6.7361111111vw,97px);
    display: flex;
    align-items: center
}

.home main .story__innerBlockSvg {
    width: 53.2567049808%
}

.home main .story__innerBlockSvg>svg g.neko-other-black {
    animation-delay: 2s
}

.home main .story__innerBlockSvg>svg g.neko-other-white {
    animation: nekoJump 4.5s ease-in-out both infinite
}

.home main .story__innerBlockSvg>svg g.neko-banyana {
    animation: nekoJumpRot 4.5s ease-in-out both infinite;
    transform-origin: 415.35px 83.99px
}

.home main .story__innerBlockSvg>svg g.neko-goma,.home main .story__innerBlockSvg>svg g.neko-matcha {
    animation: nekoJumpInvrot 4.5s ease-in-out both infinite
}

.home main .story__innerBlockSvg>svg g.neko-matcha {
    transform-origin: 202.97px 300.85px
}

.home main .story__innerBlockSvg>svg g.neko-other-white {
    animation-delay: -.3s
}

.home main .story__innerBlockSvg>svg g.neko-matcha {
    animation-delay: -.6s
}

.home main .story__innerBlockSvg>svg g.neko-banyana {
    animation-delay: -.9s
}

.home main .story__innerBlockSvg>svg g.neko-goma {
    transform-origin: 359.16px 371.49px;
    animation-delay: -1.2s
}

@media screen and (max-width: 767px) {
    .home main .story__innerTtl h2 {
        font-size:max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .home main .story__innerBlock {
        gap: min(9.1603053435vw,36px);
        flex-direction: column;
        align-items: flex-start
    }

    .home main .story__innerBlockSvg {
        width: 100%
    }

    .home main .story__innerBlockTxt {
        padding-left: min(7.6335877863vw,30px);
        padding-right: min(7.6335877863vw,30px)
    }
}

.home main .story__innerBlockTxt p {
    font-size: max(min(1.6666666667vw,2.4rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home main .story__innerBlockTxt p {
        font-size:max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 1.8;
        font-weight: 700
    }
}

.home main .about__brandTxt p,.home main .about__shapeTxt p,.home main .story__innerBlockTxt p span.ruby .rt {
    line-height: 2;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0
}

.home main .story__innerBlockTxt p span.firstrow {
    margin-bottom: min(.1388888889vw,2px);
    display: inline-block
}

.home main .story__innerBlockTxt p span.ruby {
    position: relative;
    display: inline-block
}

.home main .story__innerBlockTxt p span.ruby .rt {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    position: absolute;
    white-space: nowrap;
    bottom: 65%;
    left: 50%;
    translate: -50% 0
}

.home main .about {
    margin-top: min(9.6527777778vw,139px);
    position: relative;
    padding-top: 24.3055555556vw;
    overflow: clip
}

.home main .about::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: #FDD22B
}

.home main .about__inner {
    position: relative;
    z-index: 5
}

.home main .about__innerAll {
    width: min(72.2222222222vw,1040px);
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.home main .about__innerAllLatte,.home main .about__innerAllUme {
    position: absolute
}

@media screen and (max-width: 767px) {
    .home main .story__innerBlockTxt p span.firstrow {
        margin-bottom:min(1.0178117048vw,4px)
    }

    .home main .story__innerBlockTxt p span.ruby .rt {
        font-size: max(min(2.5445292621vw,1rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700;
        margin-bottom: 0
    }

    .home main .about {
        margin-top: min(15.2671755725vw,60px);
        padding-top: 30.7888040712vw
    }

    .home main .about__innerAll {
        width: 100%
    }

    .home main .about__innerAllLatte,.home main .about__innerAllUme {
        opacity: 0
    }
}

.home main .about__innerAllLatte figure,.home main .about__innerAllUme figure {
    width: 100%
}

.home main .about__innerAllUme {
    top: min(2.3611111111vw,34px);
    right: max(-3.9930555556vw,-57.5px);
    width: min(8.125vw,117px);
    transform-origin: bottom left;
    translate: max(-2.5694444444vw,-37px) max(-2.4305555556vw,-35px);
    rotate: 26.22deg
}

.home main .about__innerAllLatte {
    top: min(32.5vw,468px);
    left: max(-7.4305555556vw,-107px);
    width: min(13.1944444444vw,190px)
}

.home main .about__innerAllImg {
    position: relative;
    z-index: 5
}

.home main .about__innerAllImg figure {
    border-radius: min(1.3888888889vw,20px);
    overflow: clip;
    border: 10px solid #864A34;
    box-sizing: border-box;
}

.home main .about__inner .about__innerAllImg figure {
    border: none;
}

.home main .about__brand {
    padding-top: min(8.75vw,126px);
    padding-bottom: min(12.5694444444vw,181px);
    position: relative
}

.home main .about__brand .cookie {
    position: absolute
}

.home main .about__brand .cookie.n-0 {
    top: 105px;
    right: calc(50% + 268px);
    width: 99px;
    filter: blur(10px);
    rotate: 19.32deg
}

@media screen and (max-width: 767px) {
    .home main .about__innerAllImg figure {
        border-radius:min(1.7811704835vw,7px);
        border-width: 3px
    }

    .home main .about__brand {
        padding-top: min(13.9949109415vw,55px);
        padding-bottom: min(19.0839694656vw,75px)
    }

    .home main .about__brand .cookie.n-0 {
        top: 171px;
        right: calc(50% + 162px);
        width: 95px
    }
}

.home main .about__brand .cookie.n-1 {
    top: 144px;
    right: calc(50% + 492px);
    width: 249px;
    filter: blur(20px);
    rotate: 19.32deg
}

.home main .about__brand .cookie.n-2 {
    top: 85px;
    left: calc(50% + 273px);
    width: 151px;
    rotate: 11.06deg
}

@media screen and (max-width: 767px) {
    .home main .about__brand .cookie.n-2 {
        top:45px;
        left: calc(50% + 113px);
        width: 62px
    }
}

.home main .about__brand .cookie.n-3 {
    top: 247px;
    left: calc(50% + 501px);
    width: 231px;
    filter: blur(20px);
    rotate: 12.6deg
}

.home main .about__brand .cookie.n-4 {
    top: 506px;
    right: calc(50% + 419px);
    width: 181px;
    rotate: 21.44deg
}

.home main .about__brand .cookie.n-5 {
    top: 580px;
    left: calc(50% + 366px);
    width: 92px;
    filter: blur(20px);
    rotate: 19.32deg
}

.home main .about__brandTtl {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 21px;
    position: relative;
    z-index: 5;
}

.home main .about__brandTtl figure.banyana {
    width: 68px
}

@media screen and (max-width: 767px) {
    .home main .about__brand .cookie.n-5 {
        top:399px;
        left: calc(50% + 119px)
    }

    .home main .about__brandTtl {
        gap: min(3.8167938931vw,15px);
    }

    .home main .about__brandTtl figure.banyana {
        width: min(11.7048346056vw,46px)
    }
}

.home main .about__brandTtl figure.logo {
    width: 764px
}

.home main .about__brandTxt {
    position: relative;
    z-index: 5
}

.home main .about__brandTxt p {
    font-size: max(min(1.5972222222vw,2.3rem),10px)
}

.home main .about__shape {
    gap: min(3.4722222222vw,50px);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

@media screen and (max-width: 767px) {
    .home main .about__brandTtl figure.logo {
        width: min(89.1vw, 350px);
    }

    .home main .about__brandTxt p {
        font-size: max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }

    .home main .about__shape {
        gap: min(6.6157760814vw,26px)
    }
}

.home main .about__shapeAnime {
    width: min(36.5972222222vw,527px);
    position: relative;
    aspect-ratio: 1;
    overflow: clip;
    border-radius: 9999px;
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .home main .about__shapeAnime {
        width:min(66.1577608142vw,260px)
    }
}

.home main .about__shapeAnimeBanyana {
    width: min(23.4722222222vw,338px);
    top: min(4.9305555556vw,71px);
    position: absolute;
    left: 50%;
    translate: -50% 0
}

@media screen and (max-width: 767px) {
    .home main .about__shapeAnimeBanyana {
        width:min(42.4936386768vw,167px);
        top: min(8.9058524173vw,35px)
    }
}

.home main .about__shapeAnimeBanyanaInner {
    position: relative;
    width: 100%;
    aspect-ratio: 337.5877685547/571
}

.home main .about__shapeAnimeBanyanaInner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.home main .about__shapeAnime .cookie {
    width: min(16.7361111111vw,241px);
    position: absolute;
    top: 50%;
    left: 50%;
    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, .05));
    translate: -50% -50%;
    rotate: 16.938deg
}

.home main .about__shapeTxt:not(.gsap-scrolltrigger-fired) p span.bg::before {
    scale: 0 1
}

.home main .about__shapeTxt.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) p span.bg::before {
    scale: 1 1
}

.home main .about__shapeTxt p {
    font-size: max(min(1.5972222222vw,2.3rem),10px)
}

@media screen and (max-width: 767px) {
    .home main .about__shapeAnime .cookie {
        width:min(30.534351145vw,120px)
    }

    .home main .about__shapeTxt p {
        font-size: max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }
}

.home main .about__shapeTxt p span.bg {
    margin-right: min(.3472222222vw,5px);
    padding-left: min(.3472222222vw,5px);
    padding-right: min(.3472222222vw,5px);
    display: inline-block;
    position: relative
}

.home main .about__shapeTxt p span.bg::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    z-index: 0;
    transform-origin: top left;
    width: 100%;
    height: 70%;
    border-radius: 2px;
    background: #fff;
    transition: .35s ease all .5s;
    translate: -50% -50%
}

.home main .about__shapeTxt p span.bg .txt {
    position: relative;
    z-index: 2
}

.home main .qly {
    position: relative;
    margin-top: 0;
    padding-top: 2.5vw;
    background: #FDD22B
}

.home main .qly .Circlettl {
    top: min(4.5138888889vw,65px);
    margin-bottom: min(5.4861111111vw,79px);
    background: 0 0
}

.home main .qly .Circlettl svg {
    overflow: visible;
    animation: rotate18_7 8s linear 0s both infinite;
    animation-duration: 7.7916666667s
}

.home main .qly__innerPointsPoint {
    gap: min(3.5416666667vw,51px);
    display: flex;
    align-items: flex-start;
    position: relative
}

.home main .qly__innerPointsPoint+div {
    margin-top: min(5.9027777778vw,85px)
}

.home main .qly__innerPointsPoint .footprint {
    position: absolute
}

.home main .qly__innerPointsPoint:not(.gsap-scrolltrigger-fired) .footprint {
    opacity: 0
}

.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .qly__innerPointsPointCnt {
    transition: .5s ease all .5s
}

.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .footprint.n-0,.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .footprint.n-3 {
    transition: 10ms ease all 1s
}

.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .footprint.n-1,.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .footprint.n-4 {
    transition: 10ms ease all 1.1s
}

.home main .qly__innerPointsPoint.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .footprint.n-2 {
    transition: 10ms ease all 1.2s
}

.home main .qly__innerPointsPointImg {
    width: min(31.9444444444vw,460px);
    position: relative;
    z-index: 10
}

.home main .qly__innerPointsPointImg figure,.home main .qly__innerPointsPointImg picture {
    border-radius: min(1.3888888889vw,20px);
    display: block;
    width: 100%;
    overflow: clip
}

@media screen and (max-width: 767px) {
    .home main .qly {
        padding-top: 3.659033vw
    }

    .home main .qly .Circlettl {
        top: min(11.9592875318vw,47px)
    }

    .home main .qly__innerTtl {
        margin-bottom: min(9.1603053435vw,36px)
    }

    .home main .qly__innerPointsPoint {
        gap: min(5.5979643766vw,22px);
        flex-direction: column
    }

    .home main .qly__innerPointsPoint+div {
        margin-top: min(23.4096692112vw,92px)
    }

    .home main .qly__innerPointsPointImg {
        width: 100%
    }

    .home main .qly__innerPointsPointImg figure,.home main .qly__innerPointsPointImg picture {
        border-radius: min(5.0890585242vw,20px)
    }
}

.home main .qly__innerPointsPointCnt {
    padding-top: min(4.0277777778vw,58px);
    position: relative
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPointCnt {
        padding-left:min(5.0890585242vw,20px);
        padding-right: min(5.0890585242vw,20px);
        width: 100%;
        padding-top: 0
    }
}

.home main .qly__innerPointsPointCntCircle {
    top: max(-.3472222222vw,-5px);
    left: max(-5.7638888889vw,-83px);
    width: min(21.5277777778vw,310px);
    position: absolute;
    aspect-ratio: 1
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPointCntCircle {
        top:max(-33.3333333333vw,-131px);
        left: max(-18.0661577608vw,-71px);
        width: min(74.8091603053vw,294px)
    }

    .home main .qly__innerPointsPointCntCircle figure.goma {
        display: none
    }
}

.home main .qly__innerPointsPointCntCircle::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: #ffdb50
}

.home main .qly__innerPointsPointCntCircle figure.goma {
    top: max(-1.25vw,-18px);
    right: min(.4861111111vw,7px);
    width: min(4.7916666667vw,69px);
    position: absolute;
    z-index: 1;
    rotate: 51.67deg
}

.home main .qly__innerPointsPointCntCircle figure.matcha {
    top: max(-1.875vw,-27px);
    right: max(-1.1111111111vw,-16px);
    width: min(4.9305555556vw,71px);
    position: absolute;
    z-index: 1;
    rotate: 23.05deg
}

.home main .qly__innerPointsPointCntNum {
    margin-bottom: min(1.3194444444vw,19px);
    position: relative;
    z-index: 10
}

.home main .qly__innerPointsPointCntNum p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPointCntCircle figure.matcha {
        display:none
    }

    .home main .qly__innerPointsPointCntNum {
        margin-bottom: min(2.0356234097vw,8px)
    }

    .home main .qly__innerPointsPointCntNum p {
        font-size: max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }
}

.home main .qly__innerPointsPointCntNum figure,.home main .qly__innerPointsPointCntNum picture {
    width: min(5.0694444444vw,73px);
    margin-top: min(.2083333333vw,3px);
    display: block;
    line-height: 0
}

.home main .qly__innerPointsPointCntTxt {
    position: relative;
    z-index: 10
}

.home main .qly__innerPointsPointCntTxt p {
    font-size: max(min(1.5972222222vw,2.3rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPointCntNum figure,.home main .qly__innerPointsPointCntNum picture {
        width:min(16.7938931298vw,66px);
        margin-top: min(.5089058524vw,2px)
    }

    .home main .qly__innerPointsPointCntTxt p {
        font-size: max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }
}

.home main .qly__innerPointsPointCntTxt h3 {
    font-size: max(min(2.6388888889vw,3.8rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    margin-top: max(-.9027777778vw,-13px)
}

.home main .qly__innerPointsPoint:nth-of-type(2n) {
    flex-direction: row-reverse
}

.home main .qly__innerPointsPoint:nth-of-type(1) .footprint {
    width: min(1.8055555556vw,26px)
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPointCntTxt h3 {
        font-size:max(min(7.1246819338vw,2.8rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700;
        margin-top: max(-2.7989821883vw,-11px)
    }

    .home main .qly__innerPointsPoint:nth-of-type(2n) {
        flex-direction: column
    }

    .home main .qly__innerPointsPoint:nth-of-type(2n) .qly__innerPointsPointCnt {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .home main .qly__innerPointsPoint:nth-of-type(2n) .qly__innerPointsPointCntCircle {
        right: max(-18.0661577608vw,-71px);
        left: auto
    }

    .home main .qly__innerPointsPoint:nth-of-type(2n) .qly__innerPointsPointCntTxt h3,.home main .qly__innerPointsPoint:nth-of-type(2n) .qly__innerPointsPointCntTxt p {
        text-align: right
    }

    .home main .qly__innerPointsPoint:nth-of-type(2n) .qly__innerPointsPointCntTxt h3 {
        margin-right: max(-4.5801526718vw,-18px)
    }

    .home main .qly__innerPointsPoint:nth-of-type(1) .footprint {
        width: min(5.3435114504vw,21px)
    }
}

.home main .qly__innerPointsPoint:nth-of-type(1) .footprint.n-0 {
    left: min(31.7361111111vw,457px);
    top: calc(100% + min(2.2222222222vw,32px));
    rotate: -145.05deg
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(1) .footprint.n-0 {
        left:min(62.8498727735vw,247px);
        bottom: min(1.272264631vw,5px);
        top: auto;
        rotate: 190deg
    }
}

.home main .qly__innerPointsPoint:nth-of-type(1) .footprint.n-1 {
    left: min(28.6805555556vw,413px);
    top: calc(100% + min(5.6944444444vw,82px));
    rotate: -135.78deg;
    scale: -1 1
}

.home main .qly__innerPointsPoint:nth-of-type(2)>.goma {
    display: none
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(1) .footprint.n-1 {
        left:min(53.4351145038vw,210px);
        top: calc(100% + min(1.272264631vw,5px));
        rotate: -162.55deg
    }

    .home main .qly__innerPointsPoint:nth-of-type(2)>.goma {
        top: max(-16.7938931298vw,-66px);
        left: min(66.1577608142vw,260px);
        width: min(17.5572519084vw,69px);
        display: block;
        position: absolute;
        transform-origin: bottom center;
        rotate: 13.28deg
    }
}

.home main .qly__innerPointsPoint:nth-of-type(2) .footprint {
    width: min(1.8055555556vw,26px)
}

.home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-0 {
    left: min(25.0694444444vw,361px);
    top: calc(100% - min(2.7777777778vw,40px));
    rotate: 138deg
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(2) .footprint {
        width:min(5.3435114504vw,21px)
    }

    .home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-0 {
        left: min(2.0356234097vw,8px);
        top: calc(100% - min(17.8117048346vw,70px));
        rotate: 165deg
    }
}

.home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-1 {
    left: min(26.875vw,387px);
    top: calc(100% + min(1.0416666667vw,15px));
    rotate: 130.73deg;
    scale: -1 1
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-1 {
        left:min(8.1424936387vw,32px);
        top: calc(100% - min(7.6335877863vw,30px));
        rotate: 150.21deg
    }
}

.home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-2 {
    left: min(31.4583333333vw,453px);
    top: calc(100% + min(2.0138888889vw,29px));
    rotate: 152.67deg
}

.home main .qly__innerPointsPoint:nth-of-type(3)>.matcha {
    display: none
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(2) .footprint.n-2 {
        top:min(87.5318066158vw,344px);
        left: min(83.2061068702vw,327px);
        bottom: auto;
        rotate: 172deg
    }

    .home main .qly__innerPointsPoint:nth-of-type(3)>.matcha {
        top: max(-20.6106870229vw,-81px);
        left: min(5.3435114504vw,21px);
        width: min(15.2671755725vw,60px);
        display: block;
        position: absolute;
        rotate: -8.84deg
    }
}

.home main .qly__innerPointsPoint:nth-of-type(3) .footprint {
    width: min(1.8055555556vw,26px)
}

.home main .qly__innerPointsPoint:nth-of-type(3) .footprint.n-0,.home main .qly__innerPointsPoint:nth-of-type(3) .footprint.n-1 {
    display: none;
    position: absolute
}

.home main .qly__inner>figure {
    margin-top: min(7.5vw,108px);
    border-radius: min(1.3888888889vw,20px);
    position: relative;
    z-index: 5;
    overflow: clip;
    border: 10px solid #864A34
}

.home main .flavor {
    padding-bottom: min(10.4166666667vw,150px);
    scroll-margin-top: max(-10.4166666667vw,-150px);
    overflow: clip;
    background: #FDD22B
}

@media screen and (max-width: 767px) {
    .home main .qly__innerPointsPoint:nth-of-type(3) .footprint {
        width:min(5.3435114504vw,21px)
    }

    .home main .qly__innerPointsPoint:nth-of-type(3) .footprint.n-0 {
        top: min(95.4198473282vw,375px);
        left: min(73.7913486005vw,290px);
        display: block;
        bottom: auto;
        rotate: 150.21deg;
        scale: -1 1
    }

    .home main .qly__innerPointsPoint:nth-of-type(3) .footprint.n-1 {
        top: min(105.8524173028vw,416px);
        left: min(80.4071246819vw,316px);
        display: block;
        bottom: auto;
        rotate: 206.75deg
    }

    .home main .qly__inner>figure {
        margin-top: min(11.1959287532vw, 44px);
        border-radius: min(1.7811704835vw,7px);
        border-width: 3px
    }

    .home main .flavor {
        padding-bottom: min(17.3027989822vw,68px);
        scroll-margin-top: max(-17.3027989822vw,-68px)
    }
}

.home main .flavor__inner {
    padding-top: min(4.0277777778vw,58px);
    padding-bottom: min(4.0277777778vw,58px);
    border-radius: min(6.9444444444vw,100px);
    background: #FFF9E7
}

@media screen and (max-width: 767px) {
    .home main .flavor__inner {
        padding-top:min(15.2671755725vw,60px);
        padding-bottom: min(17.3027989822vw,68px);
        border-radius: min(6.178117vw,30px);
        width: 100%
    }

    .home main .flavor__inner .story__innerTtl {
        margin-bottom: min(7.1603053435vw,34px)
    }

}

.home main .flavor__innerPcCnt {
    padding-right: min(4.8611111111vw,70px);
    padding-left: min(11.1111111111vw,160px);
    display: flex;
    align-items: center
}

.home main .flavor__innerPcCnt .swiper {
    width: min(66.5277777778vw,958px);
    aspect-ratio: 958/480;
    margin: 0
}

.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide {
    transition: .35s ease all!important;
    opacity: 0
}

.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide>figure img {
    transition: .35s ease all;
    scale: 1.05
}

.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide .Flavorinfo__right {
    transition: .35s ease all 475ms;
    opacity: 0
}

.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide.swiper-slide-active,.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .Flavorinfo__right {
    opacity: 1
}

.home main .flavor__innerPcCnt .swiper .swiper-wrapper .swiper-slide.swiper-slide-active>figure img {
    scale: 1
}

.home main .flavor__innerPcCntCtrl {
    width: min(11.8055555556vw,170px);
    display: flex
}

.home main .flavor__innerPcCntCtrlImgs {
    flex-basis: 42.3529411765%
}

.home main .flavor__innerPcCntCtrlImgsImg {
    position: relative;
    cursor: pointer
}

.home main .flavor__innerPcCntCtrlImgsImg+div {
    margin-top: min(.5555555556vw,8px)
}

.home main .flavor__innerPcCntCtrlImgsImg figure {
    width: 100%;
    transition: .35s all ease
}

.home main .flavor__innerPcCntCtrlImgsImg figure:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.home main .flavor__innerPcCntCtrlImgsImg.is-crnt figure:nth-of-type(1) {
    opacity: 0
}

.home main .flavor__innerPcCntCtrlImgsImg.is-crnt figure:nth-of-type(2) {
    opacity: 1
}

.home main .flavor__innerPcCntCtrlBar {
    margin-left: min(1.5972222222vw,23px);
    flex-basis: 16.4705882353%;
    position: relative
}

.home main .flavor__innerPcCntCtrlBar::before {
    width: min(.2083333333vw,3px);
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    height: 100%;
    border-radius: 9999px;
    background: #864A34;
    opacity: .1;
    translate: -50% 0
}

.home main .flavor__innerPcCntCtrlBarCrnt {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #864A34;
    transition: .35s all ease;
    translate: 0 -50%
}

.home main .flavor__innerPcCntCtrlBarCrnt svg {
    width: min(.9722222222vw,14px);
    scale: -1 1
}

.home main .flavor__innerPcCntCtrlBarCrnt svg path {
    fill: #fff
}

.home main .flavor__innerPcCntCtrlNav {
    gap: min(.3472222222vw,5px);
    margin-left: min(.5555555556vw,8px);
    display: flex;
    flex-basis: 22.9411764706%;
    flex-direction: column;
    justify-content: flex-end
}

.home main .flavor__innerPcCntCtrlNav .swiper-button-next,.home main .flavor__innerPcCntCtrlNav .swiper-button-prev {
    width: min(2.7083333333vw,39px);
    position: relative;
    top: auto;
    right: auto;
    translate: 0 0;
    rotate: 90deg
}

.home main .flavor__innerPcCntCtrlNav .swiper-button-next svg,.home main .flavor__innerPcCntCtrlNav .swiper-button-prev svg {
    width: min(.6944444444vw,10px)
}

.home main .flavor__innerPcCntCtrlNav .swiper-button-prev {
    rotate: -90deg
}

.home main .flavor__innerTb {
    display: none
}

.home main .flavor__innerTb .Flavorinfo+div {
    margin-top: min(17.3027989822vw,68px)
}

.home main .lineup {
    padding-top: min(11.1111111111vw,160px);
    scroll-margin-top: max(-11.1111111111vw,-160px);
    position: relative;
    overflow: clip;
    background: #FDD22B
}

@media screen and (max-width: 767px) {

  .home main .flavor__innerPcCnt {
    padding-left: 0;
    padding-right: 0;
    width: min(76vw, 300px);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home main .flavor__innerPcCnt .swiper {
    width: 100%;
    height: auto;
    aspect-ratio: 250 / 408;
    margin: 0 auto;
  }

  .home main .flavor__innerPcCnt .swiper-wrapper,
  .home main .flavor__innerPcCnt .swiper-slide {
    height: 100%;
  }

  .home main .flavor__innerPcCnt .swiper-slide {
    opacity: 0;
  }

  .home main .flavor__innerPcCnt .swiper-slide-active {
    opacity: 1;
  }

  .home main .flavor__innerPcCntCtrl {
    width: 100%;
    margin-top: min(4vw, 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home main .flavor__innerPcCntCtrlImgs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: min(2vw, 8px);
    flex-basis: auto;
  }

  .home main .flavor__innerPcCntCtrlImgsImg {
    width: min(9vw, 32px);
    flex: 0 0 auto;
  }

  .home main .flavor__innerPcCntCtrlImgsImg + div {
    margin-top: 0;
  }

  .home main .flavor__innerPcCntCtrlBar {
    display: none;
  }

  .home main .flavor__innerPcCntCtrlNav {
    width: 95%;
    margin-left: 0;
    margin-top: min(4vw, 16px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-basis: auto;
  }

  .home main .flavor__innerPcCntCtrlNav .swiper-button-next,
  .home main .flavor__innerPcCntCtrlNav .swiper-button-prev {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin: 0;
    rotate: 0deg;
    border-radius: 10px;
    width: min(22.708333vw, 60px);
    height: 20px;
  }
.home main .flavor__innerPcCntCtrlNav .swiper-button-next svg, .home main .flavor__innerPcCntCtrlNav .swiper-button-prev svg {
    width: min(1.694444vw, 10px);
}
.swiper-button-next svg path, .swiper-button-prev svg path {
    stroke-width: 1;
}
.home main .flavor__innerPcCntCtrlNav .swiper-button-prev {
    rotate: 180deg;
}
  
}

@media screen and (max-width: 767px) {
    .home main .flavor__innerTb {
        display:block
    }

    .home main .flavor__innerTb .Flavorinfo {
        width: min(91.8575063613vw,361px);
        margin-right: auto;
        margin-left: auto
    }

    .home main .lineup {
        padding-top: min(18.320610687vw,72px);
        scroll-margin-top: max(-18.320610687vw,-72px)
    }
}

.home main .lineup::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #FFF9E7
}

.home main .lineup .Circlettl {
    top: min(11.1111111111vw,160px)
}

.home main .lineup .Circlettl::before {
    background: #FFF9E7
}

.home main .lineup .Circlettl svg {
    animation-name: rotate17_15;
    animation-duration: 7.1458333333s
}

.home main .lineup__inner {
    position: relative;
    z-index: 2;
    padding-top: 16.7361111111vw;
    padding-bottom: min(12.847222vw, 130px);
}

@media screen and (max-width: 767px) {
    .home main .lineup::before {
        height:calc(100% - 40vw)
    }

    .home main .lineup .Circlettl {
        top: min(18.320610687vw,72px)
    }

    .home main .lineup__inner {
        width: 100%;
        padding-top: 25.6997455471vw;
       padding-bottom: min(18.8295165394vw, 74px);
    }
}

.home main .chunkle {
    padding-top: min(6.9444444444vw,100px);
    scroll-margin-top: max(-6.9444444444vw,-100px);
    position: relative;
    overflow: clip
}

.home main .chunkle__slidetxts {
    margin-bottom: min(.2083333333vw,3px);
    width: 100%
}

.home main .chunkle__slidetxtsScroll {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    animation: slidetxt 40s linear 0s both infinite
}

.home main .chunkle__slidetxtsScroll p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(5.5555555556vw,8rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    opacity: .2
}

.home main .chunkle__flavorNotice>p,.home main .chunkle__pro .Product__img p.notice {
    opacity: .6
}

.home main .chunkle__kv {
    position: relative
}

.home main .chunkle__kv picture {
    border-radius: min(6.9444444444vw,100px);
    display: block;
    width: 100%;
    overflow: clip
}

.home main .chunkle__bigInner,.home main .chunkle__bigInnerImg {
    display: flex;
    justify-content: space-between
}

.home main .chunkle__kv figure.logo {
    width: min(27.7777777778vw,400px);
    position: absolute;
    top: 5.6944444444vw;
    left: 5.625vw
}

@media screen and (max-width: 767px) {
    .home main .chunkle {
        padding-top:min(13.2315521628vw,52px);
        scroll-margin-top: max(-13.2315521628vw,-52px)
    }

    .home main .chunkle__slidetxts {
        margin-bottom: max(-1.0178117048vw,-4px)
    }

    .home main .chunkle__slidetxtsScroll p {
        font-size: max(min(10.1781170483vw,4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500
    }

    .home main .chunkle__kv picture {
        border-radius: min(10.1781170483vw,40px)
    }

    .home main .chunkle__kv figure.logo {
        top: 13.2315521628vw;
        left: 9.6692111959vw;
        width: 80.6615776081vw
    }
}

.home main .chunkle__kvOnly {
    width: min(16.6666666667vw,240px);
    position: absolute;
    top: 5.6944444444vw;
    right: 8.4027777778vw;
    aspect-ratio: 1
}

@media screen and (max-width: 767px) {
    .home main .chunkle__kvOnly {
        top:44.0203562341vw;
        right: 4.0712468193vw;
        width: 32.5699745547vw
    }
}

.home main .chunkle__kvOnly:not(.gsap-scrolltrigger-fired) {
    scale: 0 0
}

.home main .chunkle__kvOnly.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) {
    transition: .5s ease all,.3s cubic-bezier(.25,.1,.55,1.85) scale
}

.home main .chunkle__kvOnly figure {
    width: 100%;
    height: 100%;
    animation: rotate360 18s linear 0s both infinite reverse
}

.home main .chunkle__kvOnly p {
    font-size: max(min(1.8055555556vw,2.6rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    translate: -50% -50%
}

.home main .chunkle__big {
    margin-top: max(-6.9444444444vw,-100px);
    padding-top: min(17.5694444444vw,253px);
    background: rgba(134,74,52,.2)
}

@media screen and (max-width: 767px) {
    .home main .chunkle__kvOnly p {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 700;
        font-size: 3.5623409669vw
    }

    .home main .chunkle__big {
        margin-top: max(-10.1781170483vw,-40px);
        padding-top: min(23.155216285vw,91px)
    }

    .home main .chunkle__bigInner {
        gap: min(8.6513994911vw,34px);
        flex-direction: column
    }
}

.home main .chunkle__bigInnerImg {
    width: min(50.4166666667vw,726px);
    margin-left: max(-3.8888888889vw,-56px);
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImg {
        margin-right:max(-.7633587786vw,-3px);
        width: min(92.3664122137vw,363px);
        margin-left: 0
    }
}

.home main .chunkle__bigInnerImg picture {
    display: block
}

.home main .chunkle__bigInnerImgB {
    width: min(22.1527777778vw,319px);
    padding-bottom: min(.625vw,9px);
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgB {
        width:min(38.1679389313vw,150px);
        padding-bottom: min(1.7811704835vw,7px)
    }
}

.home main .chunkle__bigInnerImgB .char {
    width: min(6.6666666667vw,96px)
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgB .char {
        width:min(11.9592875318vw,47px)
    }
}

.home main .chunkle__bigInnerImgB .cookie {
    width: min(14.1666666667vw,204px);
    margin-bottom: min(.4166666667vw,6px)
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgB .cookie {
        width:min(25.1908396947vw,99px);
        margin-bottom: min(.7633587786vw,3px)
    }
}

.home main .chunkle__bigInnerImgC {
    width: min(27.2222222222vw,392px);
    padding-top: min(3.75vw,54px);
    position: relative
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgC {
        width:min(53.4351145038vw,210px);
        padding-top: min(12.7226463104vw,50px)
    }
}

.home main .chunkle__bigInnerImgC .cookie {
    width: min(21.3888888889vw,308px);
    position: relative;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgC .cookie {
        width:min(37.9134860051vw,149px)
    }
}

.home main .chunkle__bigInnerImgC .char {
    width: min(7.9166666667vw,114px);
    bottom: min(.4861111111vw,7px);
    position: absolute;
    right: 0
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgC .char {
        width:min(14.7582697201vw,58px);
        bottom: min(.5089058524vw,2px)
    }
}

.home main .chunkle__bigInnerImgC .txt {
    left: min(9.5833333333vw,138px);
    width: min(15.7638888889vw,227px);
    position: absolute;
    top: 0
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerImgC .txt {
        left:min(11.7048346056vw,46px);
        width: min(38.1679389313vw,150px)
    }
}

.home main .chunkle__bigInnerTxt {
    width: min(26.3888888889vw,380px)
}

.home main .chunkle__bigInnerTxt h3 {
    font-size: max(min(2.6388888889vw,3.8rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: min(1.7361111111vw,25px)
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerTxt {
        padding-left:min(5.0890585242vw,20px);
        padding-right: min(5.0890585242vw,20px);
        width: 100%
    }

    .home main .chunkle__bigInnerTxt h3 {
        font-size: max(min(8.1424936387vw,3.2rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: min(3.5623409669vw,14px)
    }
}

.home main .chunkle__bigInnerTxt p {
    font-size: max(min(1.5972222222vw,2.3rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700
}

.home main .chunkle__flavor {
    padding-top: min(8.6805555556vw,125px);
    padding-bottom: min(2.1527777778vw,31px);
    border-bottom-left-radius: min(6.9444444444vw,100px);
    border-bottom-right-radius: min(6.9444444444vw,100px);
    gap: min(4.5138888889vw,65px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 20.625vw;
    padding-left: 16.875vw;
    background: rgba(134,74,52,.2)
}

.home main .chunkle__flavor .Flavorinfo {
    max-width: min(62.7083333333vw,903px)
}

.home main .chunkle__flavor .Flavorinfo>figure {
    flex-basis: 53.1561461794%
}

.home main .chunkle__flavor .Flavorinfo__right {
    flex-basis: 41.4174972315%
}

.home main .chunkle__flavor .Flavorinfo .chunkle__kvOnly {
    top: min(2.2222222222vw,32px);
    right: max(-4.8611111111vw,-70px);
    width: min(9.4444444444vw,136px);
    position: absolute
}

@media screen and (max-width: 767px) {
    .home main .chunkle__bigInnerTxt p {
        font-size:max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }

    .home main .chunkle__flavor {
        padding-top: min(16.2849872774vw,64px);
        padding-bottom: min(16.0305343511vw,63px);
        gap: min(5.5979643766vw,22px);
        padding-right: 0;
        padding-left: 0
    }

    .home main .chunkle__flavor .Flavorinfo {
        max-width: min(91.8575063613vw,361px)
    }

    .home main .chunkle__flavor .Flavorinfo .chunkle__kvOnly {
        top: min(94.9109414758vw,373px);
        width: min(25.1908396947vw,99px);
        right: 0
    }
}

.home main .chunkle__flavor .Flavorinfo .chunkle__kvOnly p {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .home main .chunkle__flavorNotice {
        max-width:min(62.7083333333vw,903px);
        margin-right: max(-16.1111111111vw,-232px);
        display: flex;
        justify-content: flex-end;
        width: 100%
    }

    .home main .sns__innerSmInnerCellSns a:hover figure {
        scale: 1.15
    }
}

.home main .chunkle__pro {
    padding-top: min(8.3333333333vw,120px);
    padding-bottom: min(9.2361111111vw,133px)
}

@media screen and (max-width: 767px) {
    .home main .chunkle__flavor .Flavorinfo .chunkle__kvOnly p {
        font-size:max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 1.2;
        font-weight: 700;
        translate: -50% calc(-50% + min(.5089058524vw,2px))
    }

    .home main .chunkle__pro {
        padding-top: min(15.2671755725vw,60px);
        padding-bottom: min(20.3562340967vw,80px)
    }
}

.home main .chunkle__pro .Product__img {
    flex-basis: 51.5384615385%
}

.home main .chunkle__pro .Product__info {
    padding-top: min(5.6944444444vw,82px);
    flex-basis: 43.6538461538%
}

@media screen and (max-width: 767px) {
    .home main .chunkle__pro .Product__info {
        padding-top:min(1.0178117048vw,4px);
        padding-left: min(2.7989821883vw,11px);
        padding-right: min(2.7989821883vw,11px)
    }

    .home main .chunkle__pro .Product__infoUpper h3 {
        line-height: 1.2
    }

    .home main .chunkle__pro .Product__infoUpper p.price {
        margin-top: min(2.0356234097vw,8px)
    }
}

.home main .stkr {
    padding-top: min(8.4722222222vw,122px);
    padding-bottom: min(7.8472222222vw,113px);
    background: #FDD22B
}

.home main .stkr__pre {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 767px) {
    .home main .stkr {
        padding-top:min(20.3562340967vw,80px);
        padding-bottom: min(18.8295165394vw,74px)
    }

    .home main .stkr__pre {
        gap: min(6.6157760814vw,26px);
        flex-direction: column
    }
}

.home main .stkr__pre:not(.gsap-scrolltrigger-fired) .stkr__preTxt {
    opacity: 0;
    translate: 0 10px
}

.home main .stkr__pre.gsap-scrolltrigger-fired:not(.gsap-scrolltrigger-ended) .stkr__preTxt {
    transition: .5s ease all .5s
}

.home main .stkr__preImg {
    flex-basis: 50.8653846154%;
    position: relative
}

.home main .stkr__preImg figure,.home main .stkr__preImg picture {
    display: block
}

.home main .stkr__preImg figure.bg,.home main .stkr__preImg picture.bg {
    width: 100%
}

.home main .stkr__preImg figure.sticker,.home main .stkr__preImg picture.sticker {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 102.5%
}

.home main .stkr__preTxt {
    flex-basis: 39.5192307692%
}

.home main .stkr__preTxt h2 {
    font-size: max(min(2.3611111111vw,3.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home main .stkr__preImg figure.sticker,.home main .stkr__preImg picture.sticker {
        bottom:max(-.5089058524vw,-2px);
        right: max(-1.272264631vw,-5px);
        width: 105.5%
    }

    .home main .stkr__preTxt {
        padding-left: min(5.5979643766vw,22px);
        padding-right: min(5.5979643766vw,22px);
        width: 100%
    }

    .home main .stkr__preTxt h2 {
        font-size: max(min(6.3613231552vw,2.5rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }
}

.home main .stkr__preTxt p.txt {
    font-size: max(min(1.3888888889vw,2rem),10px);
    letter-spacing: 0;
    line-height: 1.6;
    font-weight: 700
}
.home main .stkr__preTxt p.txt a {
    border-bottom: 1px solid;
    display: table;
    margin: .5em 0;
    font-size: 80%;
    color: #864A34;
    transition: .35s all ease;
}
@media screen and (min-width: 768px) {
    .home main .stkr__preTxt p.txt a:hover {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 767px) {
    .home main .stkr__preTxt p.txt {
        font-size:max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700;
        margin-top: min(4.0712468193vw,16px)
    }
}

.home main .stkr__preTxt p.txt small {
    font-size: 80%
}

.home main .stkr__preTxt .Notice {
    margin-top: min(.9027777778vw,13px);
    opacity: .6
}

@media screen and (max-width: 767px) {
    .home main .stkr__preTxt p.txt small {
        font-size:77.7777777778%
    }

    .home main .stkr__preTxt .Notice {
        margin-top: min(1.5267175573vw,6px)
    }
}

.home main .stkr__preTxtBtns {
    margin-top: min(1.9444444444vw,28px)
}

.home main .stkr__preTxtBtns .Btn .Btn__a,.home main .stkr__preTxtBtns .Btn a {
    width: min(14.9305555556vw,215px)
}

@media screen and (max-width: 767px) {
    .home main .stkr__preTxtBtns {
        margin-top:min(7.8880407125vw,31px);
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .home main .stkr__preTxtBtns .Btn .Btn__a,.home main .stkr__preTxtBtns .Btn a {
        width: min(68.1933842239vw,268px)
    }
}

.home main .stkr__preTxtBtns .Btn+div {
    margin-top: min(.8333333333vw,12px)
}

@media screen and (max-width: 767px) {
    .home main .stkr__preTxtBtns .Btn+div {
        margin-top:min(3.5623409669vw,14px)
    }
}

.home main .stkr__haifu {
    margin-top: min(7.1527777778vw,103px)
}

.home main .goods {
    padding-top: min(8.3333333333vw,120px);
    padding-bottom: min(9.7222222222vw,140px)
}

.home main .goods__inner .story__innerTtl {
    margin-bottom: min(1.25vw,18px)
}

.home main .goods__inner>p {
    font-size: max(min(2.2222222222vw,3.2rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    text-align: center
}

.home main .goods__innerSlds {
    gap: min(6.9444444444vw,100px);
    margin-top: min(3.4027777778vw,49px);
    display: flex;
    flex-direction: column;
    align-items: center
}

.home main .goods__innerSldsSld {
    width: min(49.375vw,711px);
    scroll-margin-top: min(3.4722222222vw,50px);
    position: relative;
    transition: .2s ease all
}

@media screen and (max-width: 767px) {
    .home main .goods {
        padding-top:min(17.048346056vw,67px);
        padding-bottom: min(17.3027989822vw,68px)
    }

    .home main .goods__inner .story__innerTtl {
        margin-bottom: min(1.6666666667vw,24px)
    }

    .home main .goods__inner>p {
        font-size: max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 700
    }

    .home main .goods__innerSlds {
        gap: min(12.7226463104vw,50px);
        margin-top: min(9.6692111959vw,38px)
    }

    .home main .goods__innerSldsSld {
        width: min(91.8575063613vw,361px);
        scroll-margin-top: min(12.7226463104vw,50px)
    }
}

.home main .goods__innerSldsSldPoint {
    top: min(.625vw,9px);
    left: max(-1.5972222222vw,-23px);
    width: min(17.1527777778vw,247px);
    position: absolute;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldPoint {
        padding-left:min(3.0534351145vw,12px);
        padding-right: min(5.5979643766vw,22px);
        margin-bottom: max(-3.0534351145vw,-12px);
        position: relative;
        top: auto;
        left: auto;
        width: 100%
    }
}

.home main .goods__innerSldsSldPointLabel {
    top: max(-2.2916666667vw,-33px);
    left: max(-1.4583333333vw,-21px);
    width: min(4.8611111111vw,70px);
    position: absolute;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldPointLabel {
        margin-bottom:max(-7.6335877863vw,-30px);
        margin-left: max(-3.3078880407vw,-13px);
        width: min(13.2315521628vw,52px);
        position: relative;
        top: auto;
        left: auto
    }
}

.home main .goods__innerSldsSldPointLabel figure {
    width: 100%;
    animation: rotate360 18s linear 0s both infinite reverse
}

.home main .goods__innerSldsSldPointLabel p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF9E7;
    translate: -50% -50%
}

.home main .goods__innerSldsSldPointCnt {
    padding-top: min(.9722222222vw,14px);
    padding-bottom: min(1.0416666667vw,15px);
    padding-left: min(2.1527777778vw,31px);
    padding-right: min(1.25vw,18px);
    border-radius: min(1.3888888889vw,20px);
    position: relative;
    background: #FDD22B
}

.home main .goods__innerSldsSldPointCnt p {
    font-size: max(min(.9722222222vw,1.4rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    text-align: center
}

.home main .goods__innerSldsSldPointCnt figure {
    width: min(1.8055555556vw,26px);
    position: absolute;
    top: calc(100% - min(.3472222222vw,5px));
    left: 50%;
    translate: -50% 0
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldPointCnt {
        padding-top:min(2.5445292621vw,10px);
        padding-bottom: min(2.2900763359vw,9px);
        padding-left: min(12.7226463104vw,50px);
        padding-right: min(12.7226463104vw,50px);
        border-radius: min(3.5623409669vw,14px)
    }

    .home main .goods__innerSldsSldPointCnt p {
        font-size: max(min(3.5623409669vw,1.4rem),10px);
        letter-spacing: 0;
        line-height: 1.3;
        font-weight: 700
    }

    .home main .goods__innerSldsSldPointCnt figure {
        width: min(6.6157760814vw,26px);
        left: min(20.8651399491vw,82px);
        top: calc(100% - min(1.0178117048vw,4px));
        translate: 0 0
    }
}

.home main .goods__innerSldsSldMain {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.home main .goods__innerSldsSldMain .swiper-button-next,.home main .goods__innerSldsSldMain .swiper-button-prev {
    width: min(4.1666666667vw,60px);
    flex-shrink: 0;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    aspect-ratio: 1;
    translate: 0 0
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldMain .swiper-button-next,.home main .goods__innerSldsSldMain .swiper-button-prev {
        width:min(9.1603053435vw,36px)
    }
}

.home main .goods__innerSldsSldMain .swiper-button-next svg,.home main .goods__innerSldsSldMain .swiper-button-prev svg {
    width: min(.9722222222vw,14px)
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldMain .swiper-button-next svg,.home main .goods__innerSldsSldMain .swiper-button-prev svg {
        width:min(2.2900763359vw,9px)
    }
}

.home main .goods__innerSldsSldMain .goodsMainSwiper {
    width: min(32.9861111111vw,475px);
    position: relative
}

.home main .goods__innerSldsSldMain .goodsMainSwiper .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.home main .goods__innerSldsSldMain .goodsMainSwiper .swiper-wrapper .swiper-slide ::-moz-selection {
    background: 0 0
}

.home main .goods__innerSldsSldMain .goodsMainSwiper .swiper-wrapper .swiper-slide ::selection {
    background: 0 0
}

.home main .goods__innerSldsSldMain .goodsMainSwiper .swiper-wrapper .swiper-slide figure {
    width: 100%
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldMain .goodsMainSwiper {
        width:100%
    }

    .home main .goods__innerSldsSldMain .goodsMainSwiper .swiper-wrapper .swiper-slide figure {
        width: 98%
    }
}

.home main .goods__innerSldsSldMain .goodsMainSwiper .circletxt {
    width: min(31.0416666667vw,447px);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: rotate360 80s linear both infinite reverse;
    translate: -50% -50%
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldMain .goodsMainSwiper .circletxt {
        width:min(67.4300254453vw,265px)
    }
}

.home main .goods__innerSldsSld .goodsThumbSwiper {
    width: min(41.6666666667vw,600px);
    margin-top: min(1.3194444444vw,19px);
    padding-left: min(2.0833333333vw,30px);
    margin-right: auto;
    margin-left: auto;
    cursor: grab
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSld .goodsThumbSwiper {
        margin-top:min(4.834605598vw,19px);
        padding-left: min(4.5801526718vw,18px);
        width: 100%
    }

    .home main .goods__innerSldsSld .goodsThumbSwiper.attr-centered {
        padding-left: 0
    }
}

.home main .goods__innerSldsSld .goodsThumbSwiper.attr-centered {
    padding-left: 0
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide {
    margin-right: min(.625vw,9px);
    border-radius: min(.78125vw,11.25px);
    width: min(6.9444444444vw,100px);
    position: relative;
    aspect-ratio: 100/80;
    overflow: clip;
    background: #fff;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide {
        margin-right:min(3.0534351145vw,12px);
        border-radius: min(1.9790763359vw,7.78px);
        width: min(18.320610687vw,72px)
    }
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide ::-moz-selection {
    background: 0 0
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide ::selection {
    background: 0 0
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #864A34;
    border-radius: inherit;
    transition: .35s all ease;
    opacity: 0;
    pointer-events: none
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide figure {
    width: 100%;
    height: 100%
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.home main .goods__innerSldsSld .goodsThumbSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
    opacity: 1
}

.home main .goods__innerSldsSldBottom {
    margin-top: min(1.25vw,18px);
    display: flex;
    flex-direction: column;
    align-items: center
}

.home main .goods__innerSldsSldBottom h3 {
    font-size: max(min(1.9444444444vw,2.8rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldBottom {
        margin-top:min(5.0890585242vw,20px)
    }

    .home main .goods__innerSldsSldBottom h3 {
        font-size: max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        font-weight: 700;
        line-height: 1.3
    }
}

.home main .goods__innerSldsSldBottom p {
    text-align: center
}

.home main .goods__innerSldsSldBottom p.price {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.6666666667vw,2.4rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 500;
    margin-top: max(-.1388888889vw,-2px)
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldBottom p.price {
        font-size:max(min(5.0890585242vw,2rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500;
        margin-top: max(2.0356234097vw,8px)
    }
}

.home main .goods__innerSldsSldBottom p.price span.tax {
    font-family: "Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldBottom p.price span.tax {
        font-size:max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700
    }
}

.home main .Product__infoUpper p.inctax,
.home main .goods__innerSldsSldBottom p.inctax {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700;
    margin-top: min(.4166666667vw,6px);
    opacity: .6
}
.home main .Product__infoUpper p.inctax {
    margin-top: .5em;
}
@media screen and (max-width: 767px) {
    .home main .Product__infoUpper p.inctax,
    .home main .goods__innerSldsSldBottom p.inctax {
        font-size:max(min(2.7989821883vw,1.1rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 0
    }
    .home main .Product__infoUpper p.inctax {
        text-align: center;
        margin-top: .2em;
    }
}

.home main .goods__innerSldsSldBottomBtns {
    margin-top: min(1.6666666667vw,24px);
    gap: min(.5555555556vw,8px);
    display: flex;
    align-items: center
}

.home main .shop {
    position: relative;
    overflow: clip
}

.home main .shop::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: #FDD22B
}

.home main .shop .Circlettl svg {
    animation-name: rotate13_2;
    animation-duration: 5.5s
}

.home main .shop__inner {
    position: relative;
    z-index: 5;
    padding-top: 18.1944444444vw
}

.home main .shop__innerTtl {
    margin-bottom: min(4.1666666667vw,60px);
    display: flex;
    justify-content: center
}

.home main .shop__innerTtlTxt {
    position: relative
}

.home main .shop__innerTtlTxt h2 {
    font-size: max(min(2.2222222222vw,3.2rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700
}

.home main .shop__innerTtlTxt::after,.home main .shop__innerTtlTxt::before {
    width: min(.2777777778vw,4px);
    height: min(3.4722222222vw,50px);
    position: absolute;
    content: "";
    top: 50%;
    left: calc(100% + min(2.0833333333vw,30px));
    border-radius: 9999px;
    background: #864A34;
    translate: 0 -50%;
    rotate: 20deg
}

@media screen and (max-width: 767px) {
    .home main .goods__innerSldsSldBottomBtns {
        margin-top:min(5.5979643766vw,22px);
        gap: min(2.5445292621vw,10px);
        margin-right: auto;
        margin-left: auto
    }
    .home #goods-nuikey .goods__innerSldsSldBottomBtns {
        display: block;
    }
    .home main .shop__inner {
        padding-top: 30.2798982188vw
    }

    .home main .shop__innerTtl {
        margin-bottom: min(6.6157760814vw,26px)
    }

    .home main .shop__innerTtlTxt h2 {
        font-size: max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .home main .shop__innerTtlTxt::after,.home main .shop__innerTtlTxt::before {
        width: min(.7633587786vw,3px);
        height: min(7.3791348601vw,29px);
        left: calc(100% + min(3.8167938931vw,15px));
        rotate: 10deg
    }
}

.home main .shop__innerImgsVert figure,.home main .shop__video video {
    width: 100%;
    vertical-align: bottom;
}

.home main .shop__innerTtlTxt::before {
    right: calc(100% + min(2.0833333333vw,30px));
    left: auto;
    rotate: -20deg
}

.home main .shop__innerImgs {
    display: flex;
    justify-content: space-between
}

.home main .shop__innerImgs figure {
    border-radius: min(1.3888888889vw,20px);
    overflow: clip;
    background: #fff
}

@media screen and (max-width: 767px) {
    .home main .shop__innerTtlTxt::before {
        right:calc(100% + min(3.8167938931vw,15px));
        rotate: -10deg
    }

    .home main .shop__innerImgs {
        gap: min(3.5623409669vw,14px);
        flex-direction: column
    }

    .home main .shop__innerImgs figure {
        border-radius: min(3.5623409669vw,14px)
    }
}

.home main .shop__innerImgs>figure {
    flex-basis: 66.25%
}

.home main .shop__innerImgsVert {
    display: flex;
    flex-basis: 32.4038461538%;
    flex-direction: column;
    justify-content: space-between
}

.home main .shop__inner>p.notice {
    margin-top: min(.5555555556vw,8px);
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    text-align: right
}

@media screen and (max-width: 767px) {
    .home main .shop__innerImgsVert {
        flex-direction:row
    }

    .home main .shop__innerImgsVert figure {
        flex-basis: 48.4764542936%
    }

    .home main .shop__inner>p.notice {
        font-size: max(min(3.0534351145vw,1.2rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700;
        margin-top: min(1.272264631vw,5px);
        opacity: .6
    }
}

.home main .shop__video {
    margin-top: min(4.7222222222vw,68px);
    position: relative;
    z-index: 5
}

.home main .shop__where {
    padding-top: min(20.8333333333vw, 300px);
    padding-bottom: min(6.9444444444vw, 100px);
    padding-left: min(1.3888888889vw,20px);
    padding-right: min(1.3888888889vw,20px);
    width: min(70.4166666667vw,1014px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 5;
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 767px) {
    .home main .shop__video {
        margin-top:min(10.1781170483vw,40px)
    }

    .home main .shop__where {
        padding-top: min(40.977099vw,140px);
        padding-bottom: min(18.374046vw,100px);
        width: min(91.8575063613vw,361px);
        gap: min(7.1246819338vw,28px);
        flex-direction: column;
        padding-right: 0;
        padding-left: 0
    }

    .home main .shop__whereTxt {
        padding-left: min(3.0534351145vw,12px);
        padding-right: min(3.0534351145vw,12px);
        width: 100%
    }
}

.home main .shop__where figure,.home main .shop__where picture {
    display: block;
    flex-basis: 55.0308008214%
}

.home main .shop__whereTxt {
    flex-basis: 37.2689938398%
}

.home main .shop__whereTxt p.addr,.home main .shop__whereTxt p.code {
    font-size: max(min(1.5972222222vw,2.3rem),10px);
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .home main .shop__whereTxt p.addr,.home main .shop__whereTxt p.code {
        font-size:max(min(4.5801526718vw,1.8rem),10px);
        letter-spacing: 0;
        line-height: 1.6;
        font-weight: 700
    }
}

.home main .shop__whereTxt p.notice {
    font-size: max(min(.8333333333vw,1.2rem),10px);
    letter-spacing: 0;
    line-height: 2;
    font-weight: 700;
    opacity: .6
}

@media screen and (max-width: 767px) {
    .home main .shop__whereTxt p.notice {
        font-size:max(min(2.7989821883vw,1.1rem),10px);
        letter-spacing: 0;
        line-height: 2;
        font-weight: 700;
        margin-top: min(2.0356234097vw,8px)
    }
}

.home main .shop__whereTxtBtns {
    margin-top: min(2.0833333333vw,30px);
    gap: min(.8333333333vw,12px);
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.home main .shop__whereTxtBtns .Btn,.home main .shop__whereTxtBtns .Btn a {
    width: 100%
}

.home main .sns {
    padding-top: min(6.875vw,99px)
}

.home main .sns__innerSmInner {
    display: flex;
    justify-content: center
}

.home main .sns__innerSmInnerCell {
    position: relative
}

.home main .sns__innerSmInnerCell+div {
    margin-left: min(1.5277777778vw,22px);
    padding-left: min(1.5277777778vw,22px)
}

@media screen and (max-width: 767px) {
    .home main .shop__whereTxtBtns {
        margin-top:min(4.5801526718vw,18px);
        gap: min(2.5445292621vw,10px)
    }

    .home main .sns {
        padding-top: min(15.2671755725vw,60px)
    }

    .home main .sns__inner {
        width: 100%
    }

    .home main .sns__innerSm {
        order: 1
    }

    .home main .sns__innerSmInner {
        gap: min(5.0890585242vw,20px);
        flex-direction: column;
        align-items: center
    }

    .home main .sns__innerSmInnerCell+div {
        margin-left: 0;
        padding-left: 0
    }

    .home main .sns__innerSmInnerCell figure.vertline {
        display: none
    }
}

.home main .sns__innerSmInnerCell figure.vertline {
    width: min(.1388888889vw,2px);
    position: absolute;
    bottom: 0;
    left: 0
}

.home main .sns__innerSmInnerCell p {
    font-size: max(min(1.1111111111vw,1.6rem),10px);
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    text-align: center
}

.home main .sns__innerSmInnerCellSns {
    gap: min(.8333333333vw,12px);
    margin-top: min(.6944444444vw,10px);
    display: flex;
    justify-content: center;
    align-items: center
}

.home main .sns__innerSmInnerCellSns a {
    border-radius: min(1.3888888889vw,20px);
    width: min(13.75vw,198px);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 198/130;
    background: #fff
}

@media screen and (max-width: 767px) {
    .home main .sns__innerSmInnerCell p {
        font-size:max(min(4.0712468193vw,1.6rem),10px);
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 700
    }

    .home main .sns__innerSmInnerCellSns {
        gap: min(2.0356234097vw,8px);
        margin-top: min(2.5445292621vw,10px)
    }

    .home main .sns__innerSmInnerCellSns a {
        border-radius: min(3.5623409669vw,14px);
        width: min(27.989821883vw,110px)
    }
}

.home main .sns__innerSmInnerCellSns a figure {
    width: min(2.5vw,36px);
    transition: .35s all ease
}

@media screen and (max-width: 767px) {
    .home main .sns__innerSmInnerCellSns a figure {
        width:min(6.3613231552vw,25px)
    }
}

.home main .sns__innerSmTxt {
    margin-top: min(3.3333333333vw,48px);
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto
}

.home main .sns__innerSmTxt p {
    font-family: ofelia-display,"Zen Maru Gothic","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    font-size: max(min(2.2222222222vw,3.2rem),10px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 500
}

.home main .sns__innerSmTxt::after,.home main .sns__innerSmTxt::before {
    width: min(.2083333333vw,3px);
    height: min(2.2916666667vw,33px);
    position: absolute;
    content: "";
    top: 0;
    left: calc(100% + min(1.3194444444vw,19px));
    background: #864A34;
    translate: 0 10%;
    rotate: 25deg
}

@media screen and (max-width: 767px) {
    .home main .sns__innerSmTxt {
        margin-top:min(6.106870229vw,24px)
    }

    .home main .sns__innerSmTxt p {
        font-size: max(min(6.106870229vw,2.4rem),10px);
        letter-spacing: 0;
        line-height: 1;
        font-weight: 500
    }

    .home main .sns__innerSmTxt::after,.home main .sns__innerSmTxt::before {
        width: min(.7633587786vw,3px);
        height: min(8.3969465649vw,33px);
        left: calc(100% + min(5.0890585242vw,20px));
        rotate: 25deg
    }
}

.home main .sns__innerSmTxt::before {
    right: calc(100% + min(1.3194444444vw,19px));
    left: auto;
    rotate: -25deg
}

@media screen and (max-width: 767px) {
    .home main .sns__innerSmTxt::before {
        right:calc(100% + min(5.0890585242vw,20px));
        rotate: -25deg
    }
}







.char-box {
    padding-left: min(8.625svh,4.7916666667vw,69px);
    padding-right: min(10.375svh,5.7638888889vw,83px);
    border-radius: min(2.5svh,1.3888888889vw,20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 94%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .char-box {
        padding-top:min(7.3573573574svh,12.4681933842vw,49px);
        padding-bottom: min(8.5585585586svh,14.5038167939vw,57px);
        padding-left: min(5.2552552553svh,8.9058524173vw,35px);
        padding-right: min(5.2552552553svh,8.9058524173vw,35px);
        border-radius: min(3.003003003svh,5.0890585242vw,20px);
        display: block;
        width: 100%;
    }
}
.char-box .left {
    border-width: min(1.25svh,.6944444444vw,10px);
    position: relative;
    min-height: 0;
    aspect-ratio: 1;
    border-style: solid;
    border-radius: 9999px;
    background: #FFF9E7
}
@media screen and (max-width: 767px) {
    .char-box .left {
        width:min(33.7837837838vh,57.2519083969vw,225px);
        border-width: min(1.2012012012svh,2.0356234097vw,8px)
    }
}
@media screen and (min-width: 768px) {
    .char-box .left {
        flex-basis:50.1207729469%
    }

    .char-box .left__btn:hover {
        scale: 1.1
    }
}
.char-box .left__imgs {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
}
.char-box .left__imgs figure {
    width: 36.8674698795%;
    transition: .35s all ease;
    opacity: 0
}
@media screen and (max-width: 767px) {
    .char-box .left__imgs figure {
        width:36%
    }

    .char-box .left__imgs figure+figure {
        width: 74.6835443038%
    }
}
.char-box .left__imgs figure+figure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74.6835443038%;
    translate: -50% -50%
}
.char-box.char-chunkle .left__imgs figure {
    width: 38.7108433735%;
}
.char-box.char-chunkle .left__imgs figure+figure {
    width: 77.2151898734%
}
@media screen and (max-width: 767px) {
    .char-box.char-chunkle .left__imgs figure {
        width: 37.8%;
    }
    .char-box.char-chunkle .left__imgs figure+figure {
        width: 77.2151898734%
    }
}
.char-box .right {
    flex-basis: 40.8212560386%
}
.char-box .right__ttl {
    margin-bottom: min(2svh,1.1111111111vw,16px)
}
@media screen and (max-width: 767px) {
    .char-box .left__btn {
        right:max(-6.6066066066vh,-11.1959287532vw,-44px);
        width: min(8.1081081081vh,13.7404580153vw,54px);
        bottom: 0
    }

    .char-box .left__btn p {
        letter-spacing: 0;
        line-height: 1.4;
        font-weight: 500;
        font-size: min(1.8018018018svh,3.0534351145vw,12px)
    }

    .char-box .right {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5em;
    }

    .char-box .right__ttl {
        margin-bottom: min(1.5015015015svh,2.5445292621vw,10px);
        display: flex;
        flex-direction: column;
        align-items: center
    }
}
.char-box .right__ttl p.copy {
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 700;
    font-size: min(2.5svh,1.3888888889vw,20px);
    margin-bottom: max(-.75svh,-.4166666667vw,-6px)
}
@media screen and (max-width: 767px) {
    .char-box .right__ttl p.copy {
        letter-spacing:0;
        line-height: 1.8;
        font-weight: 700;
        font-size: min(2.7027027027svh,4.5801526718vw,18px);
        margin-bottom: 0
    }
}
.char-box .right__ttl p.en {
    line-height: 1.4;
    font-weight: 500;
    font-size: min(1.5svh,.8333333333vw,12px);
    margin-top: min(.5svh,.2777777778vw,4px);
    margin-left: min(.25svh,.1388888889vw,2px)
}
@media screen and (min-width: 768px) {
    .char-box .right__ttl p.en {
        margin-left:-.07em
    }
}
@media screen and (max-width: 767px) {
    .char-box .right__ttl p.en {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 500;
        font-size: min(1.8018018018svh,3.0534351145vw,12px);
        margin-top: 0;
        margin-left: 0
    }
}
.char-box .right__ttl h2 {
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 700;
    font-size: min(5.25svh,2.9166666667vw,42px);
    margin-bottom: max(-.75svh,-.4166666667vw,-6px)
}
@media screen and (max-width: 767px) {
    .char-box .right__ttl h2 {
        letter-spacing:0;
        line-height: 1.4;
        font-weight: 700;
        font-size: min(4.2042042042svh,7.1246819338vw,28px);
        margin-bottom: 0
    }
}
.char-box .right p.txt {
    letter-spacing: 0;
    line-height: 1.8;
    font-weight: 700;
    font-size: min(2.5svh,1.3888888889vw,20px)
}

@media screen and (max-width: 767px) {
    .char-box .right p.txt {
        letter-spacing:0;
        line-height: 1.6;
        font-weight: 700;
        font-size: min(2.7027027027svh,3.5801526718vw,16px)
    }
}
.left__imgs {
position: relative;
}
.left__imgs figure {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
.left__imgs figure:nth-child(1) {
animation: fadeChar1 4s infinite;
}
.left__imgs figure:nth-child(2) {
animation: fadeChar2 4s infinite;
}
@keyframes fadeChar1 {
0%, 40% {
    opacity: 1;
}
50%, 90% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeChar2 {
0%, 40% {
    opacity: 0;
}
50%, 90% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}