@charset "UTF-8";

:root {
    --font-family-base: "Figtree", "Zen Kaku Gothic New", sans-serif
}

body h1,
h2,
h3,
h4,
h5,
p,
a {
    font-family: Figtree, Zen Kaku Gothic New, sans-serif !important;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

ul,
ol {
    list-style: none
}

h1 {
    font-size: 42px
}

.main-page-title {
    display: none
}

.section-heading {
    font-size: 42px;
    line-height: 50px
}

.section-subheading {
    font-size: 13px;
    line-height: 10px
}

.section-heading-group {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.view-more-button {
    font-size: 15px;
    color: #000;
    border: solid #E5E5E5 1px;
    border-radius: 50px;
    padding: 20px 30px;
    height: 10%;
    line-height: 9px;
    text-decoration: none
}

.main-page-marge {
    margin-top: 90px
}

@media only screen and (max-width: 1023px) {
    .content-for-layout {
        margin-top: 65px;

    }

    .section-heading {
        font-size: 28px;
        margin: 0 0 27px
    }

    .section-subheading {
        font-size: 10px;
        margin: 0 0 6px
    }

    .main-page-marge {
        margin-top: 65px
    }

    h1 {
        font-size: 28px
    }
}

.campaign-news-section-column {
    display: flex;
    position: relative
}

.campaign-news-layout {
    max-width: 573px;
    overflow: hidden;
    position: relative
}

.campaign-slider img {
    width: 100%;
    border-radius: 10px
}

.campaign-news-section-column .news-list {
    margin-left: 60px;
    width: 100%
}

.campaign-news-section-column .news-list .news-item {
    display: flex;
    padding: 30px 0;
    border-top: solid 1px #E5E5E5;
    position: relative
}

.campaign-news-section-column .news-list .news-item:last-child {
    border-bottom: solid 1px #E5E5E5
}

.campaign-news-section-column .news-list .news-item .news-content {
    margin-left: 40px
}

.campaign-news-section-column .news-list .news-item .news-thumbnail {
    width: 160px;
    height: 160px;
    border-radius: 10px
}

.campaign-news-section-column .news-list .news-item .news-thumbnail img {
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    object-fit: cover
}

.campaign-content-date {
    font-size: 13px;
    line-height: 14px;
    margin: 0 0 10px;
    color: #000
}

.campaign-content-heading {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px
}

.campaign-content-exp {
    font-size: 13px;
    line-height: 14px;
    margin: 0 0 10px;
    color: #000
}

.campaign-slider-link,
.top-news-list-link {
    text-decoration: none
}

.top-news-list-link .news-date {
    color: #000
}

.campaign-slider-prev,
.campaign-slider-next {
    display: block !important;
    background: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    border: solid #c0c0c0 1px;
    top: 42%;
    z-index: 2 !important
}

.campaign-slider-prev {
    left: -25px
}

.campaign-slider-next {
    left: 545px
}

.campaign-slider-prev:after,
.campaign-slider-next:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.campaign-slider-next:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 35%;
    width: 13px;
    height: 13px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg)
}

.campaign-slider-prev:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40%;
    width: 13px;
    height: 13px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-135deg)
}

.news-item:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 98%;
    width: 13px;
    height: 13px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.top-news-list-link:hover .news-item:after {
    left: 96%
}

.news-content h5 {
    max-width: 85%
}

.news-section-view-more-button-pc {
    display: block
}

.news-section-view-more-button-sp {
    display: none;
    margin-top: 30px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .campaign-news-section-column {
        flex-direction: column
    }

    .campaign-news-layout {
        max-width: 100%;
        margin-bottom: 30px
    }

    .campaign-news-section-column .news-list {
        margin-left: 0
    }

    .campaign-slider-prev,
    .campaign-slider-next {
        display: none !important
    }

    .campaign-content-date {
        font-size: 11px;
        color: #000;
        margin: 0 0 5px
    }

    .campaign-content-heading {
        font-size: 14px;
        margin: 0 0 5px
    }

    .campaign-content-exp {
        font-size: 11px;
        opacity: .4;
        margin: 0 0 5px;
        color: #000
    }

    .news-section-view-more-button-pc {
        display: none
    }

    .news-section-view-more-button-sp {
        display: block;
        margin-left: 20px;
        margin-right: 20px
    }

    .campaign-news-section .section-heading-group,
    .news-list {
        padding-left: 20px;
        padding-right: 20px
    }

    .campaign-news-section-column .news-list .news-item .news-thumbnail {
        width: 90px;
        height: 90px
    }

    .campaign-news-section-column .news-list .news-item .news-content {
        margin-left: 20px
    }

    .top-news-list-link .news-date {
        font-size: 11px;
        line-height: 14px
    }

    .news-content h5 {
        max-width: 85%;
        font-size: 14px;
        line-height: 24px;
        margin: 5px 0
    }

    .news-item:after {
        display: none
    }

    .campaign-news-section-column .news-list .news-item:last-child {
        border-bottom: solid 0px #E5E5E5
    }
}

.content-swiper {
    overflow: hidden
}

.top-banner-column-link img {
    width: 100%;
    border-radius: 10px
}

.content-section-button-sp {
    display: none
}

.kv-section-slide-triangle {
    display: block !important;
    width: 0;
    height: 0;
    position: absolute;
    left: 100%;
    border-top: 0px solid transparent;
    border-right: 20vw solid #fff;
    border-bottom: 20vw solid transparent;
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%);
    z-index: 2
}

@media only screen and (max-width: 1023px) {
    .top-content-section .view-more-button {
        display: none
    }

    .content-section-button-sp {
        display: block !important;
        margin-top: 30px;
        text-align: center
    }

    .kv-section-slide-triangle {
        border-right: 30vw solid #fff;
        border-bottom: 30vw solid transparent
    }
}

.top-collection-list-panel {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px 30px;
    list-style: none;
    padding: 0
}

.top-collection-list-nav-item {
    border: solid 1px #E5E5E5;
    border-radius: 10px;
    position: relative
}

.top-collection-list-nav-link {
    display: flex;
    text-decoration: none;
    padding: 20px 20px 20px 15px;
    align-items: center;
    height: 100%;
    min-height: 80px
}

.top-collection-list-nav-link:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.top-collection-nav-link-img {
    width: 25px;
    height: auto
}

.top-collection-list-nav-link .logotxt {
    font-size: 14px;
    line-height: normal;
    margin-left: 12px;
    color: #000
}

.top-collection-list-nav-link:hover:after {
    left: 87%
}

.top-collection-list-nav-link:hover {
    opacity: .6
}

@media only screen and (max-width: 1023px) {
    .top-collection-list-panel {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        list-style: none;
        padding: 0
    }

    .top-collection-list-nav-item {
        border: solid 1px #E5E5E5;
        border-radius: 0;
        position: relative
    }

    .top-collection-list-nav-item:first-child {
        border-radius: 10px 0 0
    }

    .top-collection-list-nav-item:nth-child(2) {
        border-radius: 0 10px 0 0
    }

    .top-collection-list-nav-item:last-child {
        border-radius: 0 0 10px 10px
    }

    .top-collection-list-nav-item:nth-last-child(2) {
        border-radius: 0 0 10px
    }

    .top-collection-list-nav-link .logotxt {
        font-size: 13px;
        line-height: 14px;
        margin-left: 9px
    }
}

.room-type-list {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center
}

.room-type-list-block {
    display: block;
    text-decoration: none
}

.room-type-list-block img {
    width: 100%;
    border-radius: 10px
}

.room-type-list-block p {
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0;
    color: #000
}

.room-type-list-sp,
.news-section-view-more-button-sp,
.room-type-more-button-sp {
    display: none
}

@media only screen and (max-width: 1023px) {
    .room-type-list {
        display: none
    }

    .room-type-list-sp {
        display: flex;
        margin-bottom: 30px
    }

    .top-room-type-section .view-more-button {
        display: none
    }

    .room-type-more-button-sp {
        display: block !important;
        text-align: center
    }
}

.p-top-idea__link {
    text-decoration: none
}

.p-top-idea__slide-img {
    width: 100%;
    border-radius: 10px
}

.p-top-idea__slide {
    text-decoration: none;
    color: #000
}

.p-top-idea__date {
    font-size: 13px;
    line-height: 14px;
    margin: 20px 0 10px
}

.p-top-idea__text {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px
}

.p-top-idea__tag {
    font-size: 13px;
    line-height: 14px;
    margin: 0 0 10px
}

.p-top-idea__tags {
    margin-bottom: 8px;
    opacity: .4;
    display: block
}

.top-idea-list-section .view-more-button {
    display: block
}

.idea-button-sp {
    display: none !important
}

.top-idea-list-section .section-heading-group,
.p-top-idea__content {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 1023px) {
    .top-idea-list-section .view-more-button {
        display: none
    }

    .idea-button-sp {
        display: block !important;
        text-align: center;
        margin: 30px 20px 0
    }

    .top-idea-list-section .section-heading-group {
        padding-left: 20px;
        padding-right: 20px
    }

    .p-top-idea__content {
        padding-left: 20px;
        padding-right: 0
    }
}

.top-movie-wrapper {
    position: relative
}

.top-movie {
    object-fit: cover;
    width: 100%
}

.top-movie-sp {
    display: none
}

.movie-section-subheading {
    left: 60px;
    position: absolute;
    text-align: center;
    bottom: 75px;
    -webkit-transform: translate(0%, -100%);
    transform: translateY(-100%);
    width: auto;
    font-size: 13px;
    color: #fff
}

.movie-section-heading {
    left: 60px;
    position: absolute;
    text-align: center;
    bottom: 0;
    -webkit-transform: translate(0%, -100%);
    transform: translateY(-100%);
    width: auto;
    font-size: 42px;
    line-height: 30px;
    color: #fff
}

.image-overlay__text-container {
    right: 60px;
    position: absolute;
    text-align: center;
    bottom: 0;
    -webkit-transform: translate(0%, -100%);
    transform: translateY(-100%)
}

.image-overlay__text-container .button--primary {
    border: solid 1px #fff;
    background-color: #fff0;
    border-radius: 50px
}

.image-overlay__text-container .button--primary:after {
    box-shadow: 0 0
}

.image-overlay__text-container .button--primary:hover:after {
    box-shadow: 0 0
}

.top-movie-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 99%;
    width: 100%;
    background: #000;
    background: linear-gradient(360deg, #0006, #fff0 70%);
    z-index: 1
}

.top-movie-text {
    z-index: 2;
    position: relative;
    max-width: 1580px;
    margin: auto
}

.movie-section-text {
    left: 240px;
    position: absolute;
    text-align: start;
    bottom: -50px;
    -webkit-transform: translate(0%, -100%);
    transform: translateY(-100%)
}

.movie-section-text p {
    font-size: 16px;
    color: #fff
}

@media only screen and (max-width: 1023px) {
    .top-movie {
        display: none
    }

    .top-movie-sp {
        display: block;
        width: 100%
    }

    .top-movie-text {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0%
    }

    .movie-section-subheading {
        left: 0;
        position: relative;
        text-align: left;
        padding: 0 20px;
        bottom: 55px
    }

    .movie-section-heading {
        position: relative;
        text-align: left;
        left: 0;
        padding: 0 20px;
        bottom: 50px;
        margin: 0
    }

    .movie-section-text {
        position: relative;
        text-align: left;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0);
        left: 0;
        right: auto;
        bottom: 80px;
        padding: 0 20px
    }

    .image-overlay__text-container {
        right: auto;
        position: absolute;
        text-align: center;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0);
        left: 20px;
        bottom: 25px
    }

    .top-movie-wrapper:after {
        height: 100%
    }
}

.top-content-section {
    position: relative
}

.section-heading-text {
    font-size: 16px
}

.virtual-simulation-bg {
    object-fit: cover;
    width: 100%
}

.virtual-simulation-bg-sp {
    display: none
}

.virtual-simulation-image {
    width: 410px;
    background: #fff;
    border-radius: 10px
}

.virtual-simulation-link {
    display: flex;
    text-decoration: none;
    padding: 10px;
    align-items: center;
    position: relative
}

.virtual-simulation-content {
    max-width: 1580px;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%)
}

.virtual-heading-group {
    max-width: 1580px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%);
    padding: 0 50px
}

.virtual-simulation-blocks {
    max-width: 800px;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: 50px;
    left: 0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0);
    padding: 0 50px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr)
}

.virtual-simulation-heading {
    font-size: 18px;
    color: #000;
    margin: 0
}

.virtual-simulation-text {
    font-size: 13px;
    color: #000;
    max-width: 180px
}

.virtual-simulation-img {
    max-width: 120px;
    height: 120px;
    border-radius: 10px;
    margin-right: 30px
}

.virtual-simulation-link:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.virtual-simulation-link:hover:after {
    left: 88%
}

.virtual-simulation-text p {
    margin: 12px 0 0
}

.virtual-simulation-heading-text {
    font-size: 16px;
    line-height: 30px
}

@media only screen and (max-width: 1180px) {
    .virtual-heading-group .section-heading-box {
        display: flex
    }

    .virtual-heading-group .section-heading-text {
        margin-left: 50px
    }
}

@media only screen and (max-width: 990px) {
    .virtual-simulation-bg {
        display: none
    }

    .virtual-simulation-bg-sp {
        width: 100%;
        display: block
    }

    .virtual-heading-group .section-heading-box {
        flex-direction: column
    }

    .virtual-heading-group {
        padding: 0 20px
    }

    .virtual-heading-group .section-heading-text {
        margin-left: 0
    }

    .virtual-heading-group {
        position: relative;
        -webkit-transform: translate(0%);
        transform: translate(0);
        padding: 0 20px;
        top: 80px;
        left: 0
    }

    .virtual-simulation-blocks {
        position: relative;
        bottom: auto;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0);
        padding: 0 20px;
        display: grid;
        gap: 0px;
        top: 10%;
        grid-template-columns: repeat(1, 1fr)
    }

    .virtual-simulation-image {
        width: auto;
        border-radius: 0;
        border-bottom: solid 1px #E5E5E5
    }

    .virtual-simulation-image:first-child {
        border-radius: 10px 10px 0 0
    }

    .virtual-simulation-image:last-child {
        border-radius: 0 0 10px 10px;
        border-bottom: solid 0px #E5E5E5
    }

    .virtual-simulation-img {
        max-width: 80px;
        height: 80px;
        border-radius: 10px 0 0 10px;
        margin-right: 20px
    }

    .virtual-simulation-heading {
        font-size: 16px
    }

    .virtual-simulation-text {
        font-size: 10px;
        max-width: 170px
    }

    .virtual-simulation-heading-text {
        font-size: 13px;
        line-height: 22px
    }

    .virtual-simulation-text p {
        margin: 10px 0 0
    }
}

.furniture-simurator-block {
    display: flex;
    border: solid 1px #E5E5E5;
    border-radius: 10px
}

.furniture-simurator-heading-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 50px 100px
}

.furniture-simurator-img {
    width: 50%;
    object-fit: cover
}

.furniture-simurator-heading-group .view-more-button {
    font-size: 15px;
    color: #000;
    border: solid #E5E5E5 1px;
    border-radius: 50px;
    padding: 20px 30px;
    height: 10%;
    line-height: 9px;
    text-decoration: none;
    margin: 30px 0;
    width: 140px;
    display: inline-table;
    background: #fff
}

.furniture-simurator-heading-text {
    font-size: 16px;
    line-height: 30px
}

@media only screen and (max-width: 990px) {
    .furniture-simurator-block {
        flex-direction: column-reverse
    }

    .furniture-simurator-img {
        width: 100%;
        border-radius: 10px 10px 0 0
    }

    .furniture-simurator-heading-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px 35px 35px
    }

    .furniture-simurator-heading-text {
        font-size: 12px;
        line-height: 20px
    }
}

.corporation-group {
    background: #f3f3f3
}

.top-shop-section {
    position: relative
}

.top-shop-bg {
    width: 100%
}

.top-shop-bg-sp {
    display: none
}

.top-shop-heading-group {
    position: absolute;
    bottom: 240px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%);
    padding: 0 50px;
    max-width: 1580px;
    width: 100%
}

.top-shop-blocks {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%);
    padding: 0 50px;
    max-width: 1580px;
    width: 100%
}

.top-shop-blocks-link {
    display: block;
    max-width: 300px;
    background: #fff;
    color: #000;
    text-decoration: none
}

.top-shop-blocks-link:first-child {
    border-radius: 10px 10px 0 0;
    border-bottom: solid #E5E5E5 1px
}

.top-shop-blocks-link:last-child {
    border-radius: 0 0 10px 10px
}

.top-shop-button {
    padding: 30px;
    position: relative
}

.top-shop-button-text {
    margin: 0
}

.top-shop-button:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg)
}

.top-shop-heading-group .shop-section-subheading,
.top-shop-heading-group .shop-section-heading {
    color: #fff
}

@media only screen and (max-width: 1023px) {
    .top-shop-blocks {
        position: relative;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%);
        padding: 0;
        max-width: 1580px;
        width: 100%
    }

    .top-shop-blocks-link {
        max-width: 100%
    }

    .top-shop-button {
        padding: 25px 20px
    }

    .top-shop-button-text {
        font-size: 14px
    }

    .top-shop-bg {
        display: none
    }

    .top-shop-bg-sp {
        width: 100%;
        display: block
    }

    .top-shop-heading-group {
        bottom: 150px;
        padding: 0 20px
    }
}

.top-kv-section-column {
    display: flex;
    max-width: 1580px;
    margin: auto
}

.kv-section-right {
    margin-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 40%;
    margin-bottom: 60px
}

.kv-section-left {
    overflow: hidden;
    aspect-ratio: 1 / 1;
    max-width: 900px;
    width: 60%
}

.kv-slider-next,
.kv-slider-prev {
    display: block !important
}

.kv-slider-prev:after,
.kv-slider-next:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.kv-slider-next:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22%;
    width: 11px;
    height: 11px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    z-index: 2
}

.kv-slider-prev:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 22%;
    width: 11px;
    height: 11px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-135deg);
    z-index: 2
}

.swipe-arrow-group {
    position: absolute;
    right: -55%;
    display: flex;
    top: -25%;
    gap: 10px
}

.swiper-kv-element-group {
    position: relative
}

.swiper-scrollbar {
    background-color: #000;
    height: 2px !important
}

.swiper-scrollbar-drag {
    background-color: #e5e5e5;
    display: block !important
}

.kv-section-view-more-button {
    display: block;
    max-width: 140px;
    padding: 20px 30px;
    border-radius: 50px;
    border: #e5e5e5 solid 1px;
    text-decoration: none;
    color: #000;
    line-height: 9px;
    font-size: 15px
}

.kv-scrollbar-box {
    display: flex
}

.kv-scrollbar-box span {
    display: block
}

.kv-scrollbar-minimum-number {
    position: absolute;
    margin: 0 3% 0 0;
    top: 35%
}

.kv-scrollbar-max-number {
    position: absolute;
    left: 100%;
    margin: 0 0 0 5%;
    top: 35%
}

.swiper-kv-element-group {
    max-width: 70%
}

.kv-scrollbar-box .swiper-scrollbar {
    margin-left: 10px;
    z-index: 1
}

.kv-swiper-button-prev,
.kv-swiper-button-next {
    background: #fff;
    width: 5vw;
    height: 5vw;
    max-width: 56px;
    max-height: 56px;
    border-radius: 50px;
    border: 1px solid #E5E5E5
}

.kv-section-right-title {
    font-size: 60px;
    font-weight: 500
}

.kv-section-right-text p {
    margin: 0 0 42px
}

.kv-section-view-more-button {
    margin: 0 0 50px
}

.kv-slider-link img {
    width: 100%
}

.kv-slider-movie {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 0 0 10px 10px
}

.kv-section-left-sp {
    display: none
}

@media only screen and (max-width: 1200px) {
    .kv-section-right-title {
        font-size: 48px;
        font-weight: 500
    }

    .top-kv-section-column {
        margin-top: 125px
    }
}

@media only screen and (max-width: 1023px) {
    .top-kv-section-column {
        flex-direction: column;
        margin-top: auto
    }

    .kv-section-right {
        width: 100%;
        margin: 0;
        padding: 0 20px
    }

    .kv-section-left {
        width: 100%
    }

    .kv-section-left,
    .swiper-kv-element-group-pc {
        display: none
    }

    .kv-section-left-sp {
        display: flex;
        position: relative
    }

    .swiper-kv-element-group-sp {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 10px
    }

    .swiper-scrollbar-sp {
        background-color: #000;
        height: 2px !important;
        max-width: 70%
    }

    .kv-scrollbar-minimum-number-sp,
    .kv-scrollbar-max-number-sp {
        display: inline-block;
        margin: 0
    }

    .kv-section-right h1 {
        font-size: 54px
    }

    .kv-section-right-text p {
        font-size: 13px
    }
}

.footer-category-area {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr)
}

.footer-category-box {
    max-width: 1580px;
    margin: auto auto 120px;
    padding: 0 50px
}

.subfooter-category-area-img {
    width: 100%
}

.footer-menu-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: -10px
}

.footer-category-area-box {
    border-radius: 10px 10px 0 0
}

.footer-menu-list-content {
    border: 1px solid #E5E5E5
}

.footer-menu-list-content-link {
    font-size: .9vw;
    text-decoration: none;
    color: #000;
    display: block;
    padding: 30px;
    position: relative
}

.footer-menu-list-content-link:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.footer-menu-list-content-link:hover:after {
    left: 88%;
    opacity: .6
}

.footer-menu-list-content-link:hover {
    opacity: .6
}

.footer-category-scroll {
    position: relative;
    overflow: hidden;
    width: 100%
}

.footer-category-scroll-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 140px;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    animation: scrollContinuous 20s linear infinite
}

@keyframes scrollContinuous {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@media only screen and (max-width: 1023px) {
    .footer-category-area {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }

    .footer-category-box {
        margin: auto auto 60px;
        padding: 0 20px
    }

    .footer-menu-list-content-link {
        font-size: 13px;
        padding: 20px
    }

    .footer-menu-list {
        margin-top: -8px
    }

    .footer-category-scroll-text {
        font-size: 90px
    }
}

.footer-category-area-img {
    max-width: 140px
}

.footer-category-area-register {
    max-width: 240px;
    font-size: 12px;
    padding: 18px 20px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    display: block;
    text-decoration: none;
    text-align: center;
    margin-top: 37px;
    min-width: 150px
}

.list-social {
    justify-content: flex-start !important;
    margin-top: 30px;
    grid-template-columns: repeat(4, 1fr);
    display: grid !important
}

.list-social__item {
    background: #f5f5f5;
    border-radius: 50px;
    margin-right: 10px;
    max-width: 40px
}

.footer__content-top {
    max-width: 1580px;
    display: grid !important;
    grid-template-columns: 2fr 1fr
}

.footer-block__newsletter .footer-block__heading {
    font-size: 13px;
    line-height: 24px;
    text-align: left
}

.footer-block__newsletter {
    justify-content: center
}

.footer-block__newsletter h2 {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 0 0 20px;
    font-weight: 700
}

.footer-block__newsletter .newsletter-form {
    margin: 0
}

.newsletter-form__field-wrapper .field:after {
    border-radius: 50px !important
}

.footer-block:not(:first-child) {
    max-width: 220px
}

.footer-block--newsletter {
    margin-top: 0 !important;
    align-items: baseline !important;
    margin-left: 50px
}

.newsletter-form__field-wrapper input {
    background: #e5e5e5;
    border-radius: 50px
}

.field__input:focus {
    box-shadow: 0 0 !important;
    border-radius: 50px
}

h2.footer-block__heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.footer-block__logo {
    margin-right: 40px
}

.list-social__link {
    color: #f5f5f5
}

.list-social__item_insta .list-social__link,
.list-social__item_youtube .list-social__link {
    opacity: .3
}

.footer-category-area-register span {
    margin-right: 10px
}

.footer-block--newsletter-sp {
    display: none !important
}

.footer-block--newsletter-pc {
    display: block
}

.footer__content-bottom {
    max-width: 1580px;
    margin: auto
}

.footer {
    border-top: 0px !important
}

.footer__copyright {
    text-align: left !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: end
}

.footer__copyright .policies li:before {
    display: none
}

.copyright__content a {
    margin-right: 10px
}

.shopify-section-group-footer-group {
    margin-top: 60px
}

@media only screen and (max-width: 1200px) {
    .list-social {
        justify-content: flex-start !important;
        margin-top: 30px;
        grid-template-columns: repeat(2, 1fr);
        display: grid !important;
        gap: 10px
    }
}

@media only screen and (max-width: 1023px) {
    .footer__blocks-wrapper {
        display: flex;
        flex-direction: column
    }

    .footer__content-top {
        display: flex !important;
        flex-direction: column
    }

    .footer-block:not(:first-child) {
        max-width: 100%
    }

    .footer__content-top {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .footer-block__logo {
        margin-right: 0
    }

    .footer-block--newsletter-sp {
        display: block !important;
        margin-left: 0;
        margin-top: 50px !important
    }

    .footer-block--newsletter-pc {
        display: none !important
    }

    .footer-block--menu:nth-child(2) {
        border: solid 1px #F5F5F5;
        border-radius: 10px 10px 0 0;
        margin-bottom: 0 !important
    }

    .footer-block--menu:nth-child(3) {
        margin: 0 !important;
        border: solid 1px #F5F5F5
    }

    .footer-block--menu:last-child {
        border: solid 1px #F5F5F5;
        border-radius: 0 0 10px 10px;
        margin-top: 0 !important
    }

    h2.footer-block__heading {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        border-bottom: 1px solid #f5f5f5;
        padding: 20px;
        position: relative;
        margin-bottom: 0
    }

    h2.footer-block__heading:before {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        border-bottom: 1px solid #f5f5f5;
        padding: 20px
    }

    .footer-block__details-content .list-menu__item--link {
        padding: 20px
    }

    h2.footer-block__heading:after {
        content: "";
        position: absolute;
        right: 1.3em;
        top: 50%;
        width: 1em;
        height: 1px;
        background-color: #000;
        transition: all .3s ease-in-out;
        z-index: 2
    }

    h2.footer-block__heading:before {
        content: "";
        position: absolute;
        right: 1.3em;
        top: 50%;
        width: 1em;
        height: 1px;
        background-color: #000;
        transition: all .3s ease-in-out;
        z-index: 2;
        padding: 0 !important;
        border-bottom: 0
    }

    .footer-block__details-content {
        display: none;
        margin-bottom: 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        margin-bottom: 2rem !important
    }

    .footer-block__heading.active:after {
        transform: rotate(90deg)
    }

    .list-menu__item--link {
        font-size: 12px;
        line-height: 28px
    }

    .footer__copyright .policies {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .list-social {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-end
    }
}

.change-color-prouducts-section #changeproductsswiper {
    max-width: 250px;
    margin: auto;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#changeproductsswiper .swiper-slide {
    transform: scale(.6);
    transition: .7s
}

#changeproductsswiper .swiper-slide .change-products-image {
    height: auto;
    width: 100%
}

#changeproductsswiper .swiper-slide-active {
    transform: scale(1);
    z-index: 1
}

.change-color-prouducts-section,
.change-color-section {
    height: 100vh;
    overflow: hidden
}

.change-color-box {
    position: relative;
    height: 70vh
}

.change-products-title {
    top: 100%;
    position: absolute;
    z-index: 2;
    max-width: 1580px;
    padding: 0 50px;
    background: #fff;
    width: 100%
}

.change-color-swiper-pagination {
    top: 102% !important;
    left: -20px !important;
    text-align: end;
    position: absolute;
    z-index: 100
}

.change-products-title {
    display: flex;
    align-items: center
}

.change-products-title h2 {
    font-size: 16px;
    line-height: 24px
}

.change-products-title span {
    font-size: 18px;
    line-height: 14px;
    margin-left: 10px
}

.color-swiper-button-next,
.color-swiper-button-prev {
    display: block !important;
    background: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px
}

.color-swiper-button-prev:after,
.color-swiper-button-next:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.color-swiper-button-next:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 35%;
    width: 13px;
    height: 13px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg)
}

.color-swiper-button-prev:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40%;
    width: 13px;
    height: 13px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-135deg)
}

.change-color-swiper-pagination-group {
    top: 102% !important;
    left: 100% !important;
    text-align: center;
    width: 240px;
    height: 20px;
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    border-radius: 50px;
    position: absolute
}

@media only screen and (max-width: 1023px) {
    .change-color-swiper-pagination-group {
        top: 90% !important;
        left: 50% !important;
        text-align: center;
        width: 240px;
        height: 20px;
        background: #fff;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        position: absolute
    }

    .change-color-swiper-pagination {
        top: 0% !important;
        left: 0 !important;
        text-align: center;
        position: absolute;
        z-index: 100
    }

    .change-products-title {
        padding: 0 20px;
        flex-direction: column;
        align-items: baseline
    }

    .change-products-title h2 {
        font-size: 14px;
        line-height: 24px
    }

    .change-products-title span {
        font-size: 15px;
        line-height: 14px;
        margin-left: 0
    }
}

.yomimono-article {
    display: grid !important;
    gap: 30px !important;
    grid-template-columns: repeat(5, 1fr) !important;
    justify-content: center
}

.yomimono-article-img {
    width: 100%;
    border-radius: 10px
}

.yomimono--articles__article {
    grid-column: auto !important;
    display: flex;
    flex-direction: column
}

.original-blog-taglist {
    display: flex;
    margin-top: 100px;
    list-style: none;
    gap: 20px;
    margin-bottom: 60px;
    border-bottom: solid 1px #f5f5f5;
    padding-left: 0;
    overflow: scroll
}

.yomimono-article-link {
    text-decoration: none;
    color: #000;
    text-align: justify;
    width: 100%
}

.tag-filter.is-active {
    border-bottom: solid 1px #000
}

.tag-filter {
    padding-bottom: 10px
}

.pagination__list li .pagination__item {
    border: solid 1px #f5f5f5;
    border-radius: 50px
}

.pagination__list li .pagination__item--current {
    border: solid 1px #000;
    border-radius: 50px
}

.pagination__list li .pagination__item-arrow {
    border-radius: 50px;
    color: #fff;
    background: #000
}

.pagination__item--current:after,
.pagination__item:hover:after {
    display: none !important
}

.pagination-wrapper {
    margin-bottom: 100px
}

@media only screen and (max-width: 1023px) {
    .yomimono-article {
        display: grid !important;
        gap: 13px !important;
        grid-template-columns: repeat(2, 1fr) !important;
        justify-content: center
    }

    .original-blog-taglist {
        margin-top: 60px;
        margin-bottom: 40px
    }
}

.p-top-favorites__container {
    overflow: hidden
}

.grid-view-item__link {
    text-decoration: none
}

.grid-view-item__link .grid-view-item__image {
    width: 100% !important
}

.grid-view-item__link .secondary,
.grid-view-item__link .variantimg {
    width: 100% !important;
    display: none
}

.c-products-slider__slide-colors {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(10, 1fr) !important;
    overflow: scroll;
    padding-left: 0;
    gap: 5px
}

.c-products-slider__slide-color {
    width: 40px
}

.c-products-variation__color-img {
    max-width: 100%;
    display: block;
    width: 100%
}

.top-collections-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 0 140px
}

.top-collections-tab {
    cursor: pointer;
    padding: 10px 20px;
    border-bottom: 2px solid transparent
}

.top-collections-tab.active {
    border-color: #000;
    font-weight: 700
}

.p-top-favorites__content.hidden {
    display: none
}

.p-top-favorites-heading-group {
    display: flex;
    align-items: center;
    margin-top: 120px
}

.p-top-favorites-background {
    width: 100%;
    position: absolute;
    z-index: -1;
    display: block
}

.p-top-favorites-background-sp {
    display: none
}

@media only screen and (max-width: 1023px) {
    .p-top-favorites-background {
        display: none
    }

    .p-top-favorites-background-sp {
        width: 100%;
        position: absolute;
        z-index: -1;
        display: block
    }

    .top-collections-tabs {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .p-top-favorites-heading-group {
        display: flex;
        align-items: center;
        margin-top: 70px;
        margin-bottom: 50px
    }

    .p-top-favorites-heading-group {
        display: flex;
        align-items: baseline;
        margin-top: 70px;
        margin-bottom: 50px;
        flex-direction: column
    }
}

.p-top-favorites-heading-group,
.p-top-favorites__container-blocks {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 990px) {

    .p-top-favorites-heading-group,
    .p-top-favorites__container-blocks {
        padding-left: 50px;
        padding-right: 50px
    }
}

.cart-section-main {
    max-width: 1580px;
    margin: 100px auto auto;
    padding: 0 50px
}

.cart__footer-wrapper {
    float: right;
    width: 30%
}

.main-cart-items {
    float: left;
    width: 70%
}

.cart-items {
    border: solid 1px #f5f5f5
}

.cart-item {
    display: block !important;
    padding: 20px;
    border-bottom: solid 1px #f5f5f5
}

.cart-item__image-container {
    max-width: 140px;
    width: 10vw;
    border-radius: 10px
}

.cart-item__image-container .cart-item__image {
    width: 140px;
    border-radius: 10px
}

.cart-item__media .global-media-settings {
    border: 0px
}

.cart-item__price-wrapper .price {
    text-align: left
}

.quantity-popover-container .quantity:after {
    box-shadow: 0 0
}

.quantity-popover-container .quantity {
    border-radius: 50px;
    border: solid 1px #f5f5f5
}

.cart-item__totals {
    border-left: 1px solid #f5f5f5 !important;
    padding-left: 2rem !important
}

.cart-items td {
    vertical-align: middle !important;
    padding-top: 0 !important
}

.cart-item__details {
    width: 40rem !important
}

.cart-item__quantity-wrapper {
    margin-right: 20px
}

.cart-page-cautionary-note li:before {
    content: "\203b";
    counter-increment: count 1
}

.cart-page-cautionary-note ul {
    list-style: none;
    padding-left: 20px
}

.cart-page-cautionary-note ul li {
    text-indent: -1em;
    font-size: 11px
}

#main-cart-footer .page-width {
    background: #f5f5f5;
    padding: 0 40px 40px !important;
    margin-top: 115px
}

.delivery-container .title-border {
    border-bottom: 0px !important
}

.cart-item__quantity {
    padding-left: 0rem !important
}

.drawer_reason_select {
    width: 100%;
    padding: 15px 20px;
    border-radius: 10px;
    border: #e5e5e5 solid 1px
}

.cart-page-cautionary-note {
    margin: 30px 0 40px
}

.cart__footer {
    padding-top: 0
}

.delivery-select-container__select {
    border-radius: 10px !important
}

.delivery-select-container {
    background: #f5f5f5 !important
}

.cart-item__details .caption-with-letter-spacing {
    font-size: 12px
}

.cart-item__details .cart-item__name {
    font-size: 16px;
    line-height: 24px
}

.product-option {
    font-size: 18px;
    line-height: 16px;
    color: #000
}

.cart-item__details dl .product-option {
    font-size: 13px;
    line-height: 24px
}

.cart__blocks .totals__total-value {
    color: #000
}

.cart__blocks .totals__total-value span {
    font-size: 13px
}

.cart__blocks .tax-note {
    color: #000;
    font-size: 12px
}

.cart__ctas .cart__checkout-button {
    border-radius: 50px
}

.cart__ctas .button:after {
    box-shadow: 0 0 !important
}

.cart-remove-button-sp {
    display: none !important
}

.cart__ctas {
    flex-direction: column
}

.cart-checkbox {
    -webkit-appearance: none;
    appearance: none;
    width: 16px !important;
    height: 16px;
    background-color: #fff;
    border: 1px solid black;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative
}

.cart-checkbox:checked {
    background-color: #000
}

.cart-checkbox:checked:after {
    content: "\2713";
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .cart-section-main {
        margin: 100px auto auto;
        padding: 0
    }

    .cart__footer-wrapper,
    .main-cart-items {
        float: none;
        width: 100%
    }

    .cart-item {
        display: grid !important;
        grid-template-columns: 1fr 3fr !important;
        gap: 10px
    }

    .cart-item__media {
        grid-column: 1;
        grid-row: 1 / span 2;
        height: 10vh
    }

    .cart-item td:nth-child(n+2) {
        grid-column: 2
    }

    .cart-item__media .global-media-settings {
        width: 100%
    }

    .cart-remove-button-sp {
        display: inline-block !important
    }

    .cart-item__totals {
        display: none !important
    }

    .cart-item__details {
        max-width: 40rem !important;
        width: 100% !important
    }

    .cart-item__quantity-wrapper .quantity {
        width: 110px
    }

    .cart-remove-button-sp .button {
        min-height: 5.5rem
    }

    #main-cart-footer .page-width {
        margin-top: 50px
    }

    .cart__blocks .js-contents {
        display: flex;
        flex-direction: column;
        align-items: end
    }
}

.header-wrapper .header {
    max-width: 1580px !important
}

.category-megamenu {
    position: fixed !important;
    top: 124px;
    left: 0;
    display: grid;
    gap: 30px 25px;
    grid-template-columns: repeat(5, 1fr);
    padding: 50px !important
}

.headere-category-heading {
    font-size: 15px;
    line-height: 24px
}

.headere-category-img {
    width: 35px;
    margin-right: 10px
}

.category-megamenu-link {
    justify-content: left !important;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.category-megamenu-link:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 95%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.category-megamenu-slide {
    top: 84px !important
}

.styling-megamenu {
    position: fixed !important;
    top: 124px;
    left: 0;
    display: grid;
    gap: 30px 25px;
    grid-template-columns: repeat(4, 1fr);
    padding: 50px !important
}

.headere-styling-img {
    width: 100%;
    border-radius: 10px
}

.styling-megamenu .headere-category-heading {
    display: block;
    font-size: 18px;
    margin: 20px 0
}

.styling-megamenu .headere-category-subheading {
    display: block;
    font-size: 12px;
    margin: 0
}

.styling-megamenu .HeaderMenu-styling {
    text-decoration: none;
    color: #000
}

.icon-dot {
    margin-left: 10px
}

.header-humberger-sp {
    display: none
}

.header-humberger-pc {
    display: block
}

.header-wishlist-icon {
    position: relative;
    padding: 10px
}

.header-wishlist-icon .topbadge {
    position: absolute;
    top: 5px;
    left: 20px;
    padding: 6px 4px !important;
    font-size: 7px;
    min-width: 18px
}

.account-link-button .topbadge {
    display: none !important
}

.cart-count-bubble {
    top: 5px
}

.svg-wrapper .icon-cart {
    padding: 10px
}

@media only screen and (max-width: 1023px) {
    .header-humberger-sp {
        display: flex;
        margin-left: 25px;
        z-index: 1
    }

    .header-humberger-pc {
        display: none
    }

    .menu-drawer__menu-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        cursor: pointer;
        background-color: #fff !important;
        font-size: 16px;
        color: #000
    }

    .humberger-submenu {
        display: none;
        padding-left: 20px
    }

    details[open] .submenu {
        display: block
    }

    .menu-drawer__register-box .icon {
        font-size: 14px;
        margin-left: 10px
    }

    .js .menu-drawer__navigation .submenu-open {
        visibility: visible !important
    }

    .humberger-submenu-item {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .humberger-category-img {
        width: 100%;
        max-width: 40px;
        margin-bottom: 5px
    }

    .humberger-submenu {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(3, 1fr)
    }

    .humberger-category-submenu {
        border-radius: 10px;
        margin: 20px !important;
        border: solid 1px #e5e5e5
    }

    .humberger-category-submenu li {
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        padding: 20px;
        margin-bottom: 0 !important
    }

    .humberger-category-submenu li:nth-of-type(3n) {
        border-right: 0px solid #e5e5e5
    }

    .humberger-category-submenu li:nth-last-child(-n+3) {
        border-bottom: 0px solid #e5e5e5
    }

    .humberger-category-submenu .humberger-submenu-item {
        text-decoration: none;
        font-size: 12px;
        color: #000
    }

    .menu-drawer__menu-item:after {
        transition: transform .3s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 85%;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 10px;
        width: 1px;
        height: 15px
    }

    .menu-drawer__menu-item:before {
        transition: transform .3s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 85%;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 10px;
        width: 15px;
        height: 1px
    }

    details[open]>.menu-drawer__menu-item:after {
        content: "";
        position: absolute;
        top: 0;
        left: 85%;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 10px;
        width: 15px;
        height: 1px
    }

    .menu-item-category {
        border-bottom: solid 1px #e5e5e5
    }

    .menu-item-category:first-child {
        border-top: solid 1px #e5e5e5
    }

    .humberger-styling-submenu {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        padding: 20px !important
    }

    .humberger-styling-submenu .HeaderMenu-styling {
        text-decoration: none;
        color: #000;
        display: flex;
        flex-direction: column
    }

    .headere-category-heading {
        font-size: 12px;
        margin: 10px 0 5px
    }

    .headere-category-subheading {
        font-size: 10px
    }

    .humberger-link-submenu li a {
        text-decoration: none;
        font-size: 12px;
        margin: 10px 0 5px;
        color: #000
    }

    .humberger-link-submenu {
        margin: 0 30px 20px !important;
        display: flex;
        flex-direction: column
    }

    .menu-drawer__register-box {
        display: flex;
        margin: 60px 20px 30px;
        gap: 10px
    }

    .menu-drawer-register {
        background: #000;
        color: #fff;
        padding: 10px 20px;
        border-radius: 50px;
        text-decoration: none;
        width: 50%;
        text-align: center;
        font-size: 13px
    }

    .menu-drawer-wishlist {
        background: #fff;
        color: #000;
        padding: 10px 20px;
        border-radius: 50px;
        text-decoration: none;
        border: solid 1px #e5e5e5;
        width: 50%;
        text-align: center;
        font-size: 13px
    }

    .menu-drawer__register-box span {
        margin-right: 5px
    }

    .menu-drawer__utility-links {
        padding: 2rem 3rem;
        background-color: #f5f5f5;
        padding: 2rem 3rem;
    }

    .header__icon--account {
        display: flex !important
    }

    .header {
        padding: 10px 2rem !important
    }
}

.utility-bar .utility-bar__grid {
    max-width: 1580px
}

.announcement-bar__link {
    justify-content: left !important
}

.customer-activate-mypage {
    max-width: 1580px !important
}

.account-link-button-box {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    margin: 30px 0 120px
}

.account-link-button {
    display: block;
    padding: 40px;
    border: solid 1px #e5e5e5 !important;
    border-radius: 10px;
    text-decoration: none !important;
    position: relative
}

.accout-order-list {
    display: none;
    margin-top: 60px
}

.account-link-button-box-hidden {
    display: none !important
}

.accout-order-list-flex {
    justify-content: space-around
}

.account-link-button-box-flex {
    display: flex;
    flex-direction: column
}

.enen-account-line-item__image {
    width: 100%;
    max-width: 140px;
    border-radius: 10px
}

.enen-account-line-item {
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5
}

.enen-account-order__body {
    display: flex
}

.enen-account-orders__list {
    padding-left: 0
}

.enen-account-line-item>*:nth-child(1) {
    flex: 1
}

.enen-account-line-item>*:nth-child(2) {
    flex: 3
}

.enen-account-order__line-item {
    flex: 2
}

.enen-account-order__meta-wrapper {
    flex: 1;
    margin-left: 40px;
    margin-right: 10px
}

.enen-account-line-item__image-wrapper {
    margin-right: 30px
}

.account-link-button-box-flex {
    white-space: nowrap
}

.account-link-button-box-flex .account-link-button {
    padding: 30px;
    border-radius: 0 !important;
    position: relative
}

.account-link-button-box-flex .account-link-button:first-child {
    border-radius: 10px 10px 0 0 !important
}

.account-link-button-box-flex .account-link-button:nth-child(6) {
    border-radius: 0 0 10px 10px !important
}

.accout-order-box {
    flex: 2
}

.account-link-button-box-flex {
    flex: 1
}

.enen-account-order__meta-wrapper span {
    font-size: 16px;
    font-weight: 700;
    text-align: right
}

.enen-account-order__status-wrapper {
    background: #e5e5e5;
    padding: 10px;
    text-align: center
}

.enen-account-order__status {
    margin: 0 !important
}

.accout-order-box {
    border: solid 1px #e5e5e5;
    border-top: solid 1px #000;
    margin-right: 30px
}

.customer-activate-mypage .enen-account-orders__heading {
    font-size: 20px;
    line-height: 24px;
    padding: 40px 50px;
    border-bottom: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
    margin-bottom: 0 !important
}

.customer-activate-mypage .enen-account-orders__heading span {
    margin-right: 20px
}

.enen-account-orders__size {
    padding: 40px 50px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 0 !important
}

.enen-account-order {
    border-bottom: solid 1px #e5e5e5;
    padding: 50px
}

.enen-account-orders__list {
    padding-left: 0 !important
}

.enen-account-line-item__title {
    font-size: 16px !important;
    text-decoration: none !important
}

.enen-account-order__meta {
    text-align: end;
    color: #000
}

.enen-account-order__footer {
    text-align: center;
    border-radius: 50px;
    padding: 10px
}

.enen-account-order__button {
    color: #fff !important;
    text-decoration: none !important;
    width: 100%;
    display: block;
    padding: 10px !important;
    background: #000 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 20px
}

.enen-account-order:last-child {
    border-bottom: solid 0px #e5e5e5 !important
}

.account-logout-button {
    text-align: end;
    margin-top: 10px
}

.enen-account-line-item__option dt {
    display: inline-block;
    font-size: 13px
}

.enen-account-line-item__option dd {
    display: inline-block;
    margin-left: 5px !important;
    font-size: 13px
}

.enen-account-line-item__title,
.enen-account-line-item__option {
    color: #000
}

.account-link-button:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.customer__subtitle {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 0
}

.customer__title {
    font-size: 42px;
    margin-bottom: 90px;
    padding: 0
}

.accout-coupon-box {
    flex: 2;
    margin-right: 30px;
    color: #000
}

.coupon-no-box {
    background: #e5e5e5;
    padding: 20px;
    display: flex;
    margin-bottom: 20px
}

.coupon-no-box-img {
    margin-right: 20px;
    max-width: 300px
}

.coupon-no-box-text {
    width: 100%
}

.coupon-account-index-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding-bottom: 5px
}

.coupon-copy-box {
    display: flex;
    justify-content: left
}

.coupon-copy-button {
    font-size: 13px !important;
    background: #000;
    color: #fff;
    border-radius: 4px;
    padding: 9px !important;
    margin: 0 0 0 5px !important
}

.mypage-coupon {
    width: 65%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    font-size: 12px
}

.enen-account-banners__image {
    max-width: 100%;
    display: block;
    width: 100%
}

.coupon-account-exp {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0
}

.coupon-copy-area {
    width: 18rem !important;
    display: inline;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}

.coupon-account-exp {
    margin-top: 10px !important
}

.accout-edit-box {
    margin-right: 30px
}

.enen-account-order__meta-wrapper span a {
    font-size: 16px
}

@media only screen and (max-width: 1023px) {
    .customer__subtitle {
        font-size: 10px;
        margin-bottom: 10px;
        padding: 0 20px
    }

    .customer__title {
        font-size: 28px;
        margin-bottom: 60px;
        padding: 0 20px
    }

    .account-link-button-box {
        gap: 0px;
        grid-template-columns: repeat(1, 1fr);
        margin: 30px 0 120px
    }

    .account-link-button {
        display: block;
        padding: 30px;
        border: solid 1px #e5e5e5 !important;
        border-radius: 0
    }

    .account-link-button-box .account-link-button {
        display: flex;
        align-items: center
    }

    .account-link-button-box .account-link-button span {
        margin-right: 5px
    }

    .customer-activate-mypage {
        padding: 0 !important
    }

    .accout-order-list-flex,
    .accout-order-list {
        flex-direction: column
    }

    .accout-order-box {
        margin-right: 0
    }

    .enen-account-order__body {
        flex-direction: column
    }

    .enen-account-order__meta-wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .enen-account-order {
        padding: 20px
    }

    .account-link-button-box-flex .account-link-button:first-child {
        border-radius: 0 !important
    }

    .account-link-button-box-flex .account-link-button:nth-child(6) {
        border-radius: 0 !important
    }

    .customer-activate-mypage .enen-account-orders__heading {
        padding: 20px;
        margin-top: 20px;
        font-size: 15px
    }

    .enen-account-orders__size {
        padding: 30px 20px 10px;
        font-size: 14px
    }

    .enen-account-line-item__title {
        font-size: 14px
    }

    .enen-account-line-item__option dt,
    .enen-account-line-item__option dd {
        font-size: 10px
    }

    .enen-account-order__meta-wrapper span,
    .enen-account-order__meta-wrapper span a,
    .enen-account-order__button {
        font-size: 12px
    }

    .enen-account-order__status {
        font-size: 14px
    }

    .account-logout-button {
        padding: 0 20px
    }

    .account-link-button:after {
        content: "";
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 90%;
        width: 10px;
        height: 10px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg);
        transition: left .5s
    }

    .coupon-no-box {
        flex-direction: column
    }

    .coupon-no-box-img {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .coupon-copy-box {
        flex-direction: column
    }

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

    .coupon-copy-button {
        margin-left: 0 !important
    }

    .accout-coupon-box,
    .accout-edit-box {
        margin-right: 0;
        padding: 0 20px
    }
}

.customer-register-subheading {
    font-size: 13px;
    margin-bottom: 0
}

@media only screen and (max-width: 1023px) {
    .customer-register-subheading {
        font-size: 10px;
        margin-bottom: 0
    }
}

.cordination-article {
    display: grid !important;
    gap: 30px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    justify-content: center
}

.section-heading-box-flex {
    margin-right: auto
}

.cordination-heading {
    display: flex;
    max-width: 950px
}

@media only screen and (max-width: 1023px) {
    .cordination-article {
        display: grid !important;
        gap: 30px !important;
        grid-template-columns: repeat(1, 1fr) !important;
        justify-content: center
    }

    .section-heading-box-flex {
        display: flex;
        flex-direction: column
    }

    .cordination-heading {
        flex-direction: column
    }
}

.shop-kv-slider-image {
    display: block;
    width: 100%
}

.shop-kv-slider-image-sp {
    display: none
}

.shop-kv-slider {
    overflow: hidden
}

.shop-kv-section-column {
    position: relative
}

.shop-kv-slider-heading {
    position: absolute;
    bottom: 0;
    z-index: 1;
    margin: 0 0 30px 60px;
    color: #fff;
    font-size: 30px
}

.shop-kv-detail {
    background: #f5f5f5;
    padding: 40px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.shop-kv-detail-heading {
    font-size: 18px;
    margin: 0
}

.shop-kv-detail-exp {
    font-size: 14px;
    margin: 0
}

.shop-kv-detail-link {
    font-size: 15px;
    background: #000;
    padding: 17px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    min-width: 270px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .shop-kv-slider-image {
        display: none
    }

    .shop-kv-slider-image-sp {
        display: block;
        width: 100%
    }

    .shop-kv-detail {
        flex-direction: column;
        padding: 40px 20px;
        align-items: unset;
        gap: 0px
    }

    .shop-kv-slider-heading {
        font-size: 22px;
        margin: 0 0 20px 20px
    }

    .shop-kv-detail-heading {
        font-size: 16px;
        margin: 0 0 18px
    }

    .shop-kv-detail-exp {
        font-size: 13px;
        margin: 0 0 25px
    }
}

.shop-info-detail {
    display: flex;
    justify-content: space-between;
    gap: 50px
}

.shop-info-detail-block {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    border-bottom: solid 1px #e5e5e5
}

.shop-info-detail-block:last-child {
    border-bottom: solid 0px #e5e5e5
}

.shop-info-detail-box {
    width: 40%;
    color: #000
}

.shop-info-map {
    width: 60%
}

.shop-info-detail-heading {
    font-size: 16px;
    font-weight: 700;
    width: 30%;
    text-align: justify
}

.shop-info-detail-text {
    font-size: 16px;
    width: 70%
}

@media only screen and (max-width: 1023px) {
    .shop-info-detail {
        flex-direction: column
    }

    .shop-info-detail-box,
    .shop-info-map {
        width: 100%
    }

    .shop-info-detail-block {
        padding: 20px
    }

    .shop-info-detail-heading,
    .shop-info-detail-text {
        font-size: 14px
    }
}

.shop-news-column {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr)
}

.shop-news-list {
    padding: 40px;
    border-radius: 10px;
    border: solid 1px #e5e5e5;
    text-decoration: none;
    color: #000;
    display: block;
    height: 155px;
    position: relative
}

.shop-news__date {
    margin: 0 0 10px;
    font-size: 13px
}

.shop-news__text {
    margin: 0 0 10px;
    font-size: 16px
}

.shop-news-list:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 92%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: left .5s
}

.shop-news-list:hover:after {
    left: 90%
}

.shop-news-list:hover {
    opacity: .6
}

@media only screen and (max-width: 1023px) {
    .shop-news-list-section .section-heading-group {
        padding: 0 20px
    }

    .shop-news-list-section .view-more-button {
        display: none
    }

    .shop-news-column {
        display: grid;
        gap: 0px;
        grid-template-columns: repeat(1, 1fr)
    }

    .shop-news-list {
        padding: 20px;
        border-radius: 0;
        border: solid 0px #e5e5e5;
        border-top: solid 1px #e5e5e5;
        height: auto
    }

    .shop-news__text {
        width: 90%
    }

    .shop-news__date {
        margin: 0 0 5px;
        font-size: 11px
    }

    .shop-news__text {
        margin: 0 0 5px;
        font-size: 14px
    }
}

.account-logout-button-top {
    display: block !important;
    text-align: end
}

@media only screen and (max-width: 1023px) {
    .account-logout-button-top {
        padding: 0 20px
    }

    .menu-drawer__menu-item-single:before {
        display: none
    }

    .menu-drawer__menu-item-single:after {
        display: none
    }
}

.icon-twitter {
    opacity: .3
}

.p-categoryDetailCurtain-about__option-pricetable img {
    width: 100%
}

.p-categoryDetailSofa-about__explanSubTitle {
    font-size: 12px;
    font-size: .75rem;
    margin-top: 1rem
}

.product__media-wrapper {
    max-width: 100% !important
}

@media screen and (min-width: 768px) {
    .p-categoryDetailSofa-about__explanSubTitle {
        font-size: 12px;
        font-size: .75rem
    }

    .product__media-wrapper {
        max-width: 50% !important
    }
}

.article-template header {
    text-align: center
}

.article-template__title {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #000
}

.p-coordinationDetail {
    padding-top: 95.5px;
    padding-top: 5.96875rem;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail {
        padding-top: 0
    }
}

.p-coordinationDetail__fv {
    margin-inline: auto;
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__fv {
        max-width: 75rem
    }
}

.p-coordinationDetail__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media {
        display: grid;
        grid-template-columns: 18.75rem 56.25rem;
        grid-gap: 0 0;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.p-coordinationDetail__media-description {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 1.4375rem 0 2rem 1.1875rem;
    background: #1f7536;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: 18.75rem;
        padding: 3rem .625rem 3.125rem 1.9375rem
    }
}

.p-coordinationDetail__media-lead {
    font-family: URWDIN;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .05em
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-lead {
        font-size: 1.25rem
    }
}

.p-coordinationDetail__media-titleJa {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.33;
    margin-top: 30px;
    margin-top: 1.875rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-titleJa {
        font-size: 1.375rem;
        margin-top: 6.375rem
    }
}

.p-coordinationDetail__media-titleEn {
    font-family: URWDIN;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.25;
    margin-top: 10px;
    margin-top: .625rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-titleEn {
        margin-top: 1.0625rem
    }
}

.p-coordinationDetail__media-text {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300;
    margin-top: 29px;
    margin-top: 1.8125rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-text {
        font-size: .8125rem;
        margin-top: 3rem
    }
}

.p-coordinationDetail__media-img-wrapper {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

.p-coordinationDetail__media-img img {
    height: 100%;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-img-wrapper {
        max-width: 56.25rem
    }
}

.p-coordinationDetail__media-img {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__media-img {
        max-width: 56.25rem
    }
}

.p-coordinationDetail__other {
    margin-top: 34px;
    margin-top: 2.125rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other {
        margin-top: 3.75rem
    }
}

.p-coordinationDetail__other-lead {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
    color: #333
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-lead {
        font-size: 1.5625rem
    }
}

.p-coordinationDetail__other-content {
    margin-top: 15px;
    margin-top: .9375rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-content {
        margin-top: 1.875rem
    }
}

.p-coordinationDetail__other-slider {
    margin-right: calc(50% - 50vw)
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-slider {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0 1.875rem;
        justify-items: center
    }
}

.p-coordinationDetail__other-slide {
    max-width: 225px;
    max-width: 14.0625rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-slide {
        max-width: 23.75rem
    }
}

.p-coordinationDetail__other-slide-img {
    max-width: 225px;
    max-width: 14.0625rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-slide-img {
        max-width: 23.75rem
    }
}

.p-coordinationDetail__other-slide-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
    color: #333;
    margin-top: 6px;
    margin-top: .375rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-slide-title {
        font-size: 1.375rem;
        margin-top: 1rem
    }
}

.p-coordinationDetail__other-btn-wrapper {
    margin-top: 36px;
    margin-top: 2.25rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-btn-wrapper {
        margin-top: 3.5625rem
    }
}

.p-coordinationDetail__other-btn {
    display: block;
    max-width: 336px;
    max-width: 21rem;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .05em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #333;
    position: relative;
    margin-inline: auto;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-btn {
        font-size: 1.25rem;
        max-width: 31.25rem
    }
}

.p-coordinationDetail__other-btn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    height: 2.875rem
}

@media screen and (min-width: 768px) {
    .p-coordinationDetail__other-btn:before {
        height: 3.125rem
    }
}

.p-coordinationDetail__other-btn:after {
    content: "";
    position: absolute;
    background: url(./coordinationDetail_arrow1.png) no-repeat center center/contain;
    width: 25px;
    width: 1.5625rem;
    height: 7px;
    height: .4375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
    left: .875rem
}

.p-coordinationList {
    padding-top: 95.5px;
    padding-top: 5.96875rem;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .p-coordinationList {
        padding-top: 0
    }
}

.p-coordinationList__fv {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%;
    margin-inline: auto;
    position: relative
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv {
        max-width: 75rem
    }
}

.p-coordinationList__fv-slider {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv-slider {
        max-width: 75rem
    }
}

.p-coordinationList__fv-slide {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv-slide {
        max-width: 75rem
    }
}

.p-coordinationList__fv-img {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv-img {
        max-width: 75rem
    }
}

.p-coordinationList__head {
    margin-top: 70px;
    margin-top: 4.375rem;
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .p-coordinationList__head {
        margin-top: 5.25rem
    }
}

.p-coordinationList__text {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.73;
    text-align: center;
    color: #333;
    margin-top: 23px;
    margin-top: 1.4375rem;
    padding-bottom: 37px;
    padding-bottom: 2.3125rem
}

@media screen and (min-width: 768px) {
    .p-coordinationList__text {
        font-size: 1rem;
        margin-top: 2.25rem;
        padding-bottom: 3.5rem
    }
}

.p-coordinationList__cards {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%;
    margin: 2.875rem auto 0;
    padding-bottom: 22px;
    padding-bottom: 1.375rem
}

@media screen and (min-width: 768px) {
    .p-coordinationList__cards {
        max-width: 1250px;
        margin: 3.75rem auto 0;
        padding-bottom: 2.25rem
    }
}

.p-coordinationList__cards-conteiner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem .6875rem;
    justify-items: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (min-width: 768px) {
    .p-coordinationList__cards-conteiner {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.75rem 1.875rem
    }
}

.p-coordinationList__card {
    max-width: 162px;
    max-width: 10.125rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationList__card {
        max-width: 23.75rem
    }
}

.p-coordinationList__card-img {
    max-width: 162px;
    max-width: 10.125rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-coordinationList__card-img {
        max-width: 23.75rem
    }
}

.p-coordinationList__card-title {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.4;
    text-align: left;
    color: #1f1f1f;
    margin-top: 10px;
    margin-top: .625rem
}

@media screen and (min-width: 768px) {
    .p-coordinationList__card-title {
        font-size: .9375rem
    }
}

.p-coordinationList__fv>.p-coordinationList__slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    bottom: -35px;
    bottom: -2.1875rem;
    z-index: 10
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv>.p-coordinationList__slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -2.5rem
    }
}

@media screen and (min-width: 768px) {
    .p-coordinationList__fv>.p-coordinationList__slider-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-of-type) {
        margin-right: 1.125rem
    }
}

@media screen and (min-width: 768px) {
    .p-coordinationList__slider-pagination .swiper-pagination-bullet {
        background: #dedede;
        background: #000;
        height: .6875rem;
        width: .6875rem;
        border-radius: 50%
    }
}

.p-coordinationList__slider-pagination .swiper-pagination-bullet-active {
    background: #696969
}

.collection-hero__image-sp {
    display: none !important
}

.collection-hero__image-container {
    height: auto !important
}

.media>*:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
    display: block;
    max-width: 100%;
    position: relative !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 989px) {
    .collection-hero__image-sp {
        display: block !important
    }

    .collection-hero__image-pc {
        display: none !important
    }
}

.product__modal-opener--image .product__media {
    padding-top: 0 !important
}

.facets-vertical-sort-sp {
    display: none !important
}

@media screen and (max-width: 989px) {
    .facets-vertical-sort-sp {
        display: block !important
    }
}

.p-3d {
    padding-top: 95.5px;
    padding-top: 5.96875rem;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .p-3d {
        padding-top: 0
    }
}

.p-3d__title {
    margin-top: 32px;
    margin-top: 2rem
}

@media screen and (min-width: 768px) {
    .p-3d__title {
        margin-top: 4.3125rem
    }
}

.p-3d__content {
    max-width: 520px;
    width: 100%;
    margin-top: 25px;
    margin-top: 1.5625rem;
    margin-inline: auto
}

@media screen and (min-width: 768px) {
    .p-3d__content {
        margin-top: 2.3125rem;
        max-width: 78.125rem;
        max-width: 120rem;
        padding-right: 25px;
        padding-left: 25px
    }
}

.p-3d__area {
    max-width: 520px;
    width: 100%;
    padding-top: 40px;
    padding-top: 2.5rem
}

@media screen and (min-width: 768px) {
    .p-3d__area {
        max-width: 75rem;
        max-width: 120rem;
        padding-top: 2.5625rem
    }
}

.p-3d__area-titleWrapper {
    border-radius: 4px;
    -webkit-box-shadow: .20625rem .2375rem .49375rem .13125rem rgba(193, 193, 193, .83);
    box-shadow: .20625rem .2375rem .49375rem .13125rem #0f0e0e5e;
    background-color: #000;
    max-width: 210px;
    max-width: 13.125rem;
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto
}

.p-3d__area-titleWrapper:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 55px;
    height: 3.4375rem
}

.p-3d__area-title {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
    color: #333
}

.p-3d__area-cardsWrapper {
    position: relative
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardsWrapper {
        padding-left: 2.125rem
    }
}

.p-3d__area-slider {
    padding-top: 35px;
    padding-top: 2.1875rem
}

@media screen and (min-width: 768px) {
    .p-3d__area-slider {
        padding-top: 2.6875rem
    }
}

.p-3d__area-cards {
    padding-bottom: 45px;
    padding-bottom: 2.8125rem
}

@media screen and (min-width: 768px) {
    .p-3d__area-cards {
        padding-bottom: 2.25rem
    }
}

.p-3d__area-card {
    max-width: 300px;
    max-width: 18.75rem;
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: .1625rem .1875rem .29375rem .33125rem rgba(193, 193, 193, .5);
    box-shadow: .1625rem .1875rem .29375rem .33125rem #0f0f0e1c
}

@media screen and (min-width: 768px) {
    .p-3d__area-card {
        max-width: none;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.p-3d__area-cardClose {
    display: none
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardClose {
        position: absolute;
        color: #000;
        font-size: 1.5rem;
        top: -2.125rem;
        right: 0;
        z-index: 30;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translate(-100%);
        visibility: hidden;
        cursor: pointer
    }
}

.p-3d__area-cardImg {
    max-width: 300px;
    max-width: 18.75rem;
    width: 100%;
    position: relative;
    z-index: 30
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardImg {
        max-width: 20.25rem;
        max-width: 100%
    }
}

.p-3d__area-cardSlide {
    display: none;
    max-width: 300px;
    max-width: 18.75rem;
    width: 100%;
    background: #fff;
    height: 0;
    padding: .6875rem .75rem 1.25rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardSlide {
        max-width: 20.25rem;
        padding: 1.375rem 1.25rem .875rem;
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

.p-3d__area .swiper-wrapper {
    height: auto !important
}

.p-3d__area-cardSlide.is-active {
    display: block;
    height: auto;
    -webkit-transform: translateY(0%);
    transform: translateY(0);
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardSlide.is-active {
        -webkit-transform: translateX(0%);
        transform: translate(0)
    }
}

.p-3d__area-cardClose.is-active {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translate(0);
    position: absolute
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardClose.is-active {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0%);
        transform: translate(0)
    }
}

.p-3d__area-cardTitle {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    color: #333
}

.p-3d__area-cardText {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2;
    text-align: justify;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 8px;
    margin-top: .5rem
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardText {
        font-size: .8125rem
    }
}

.p-3d__area-cardBtn {
    max-width: 280px;
    max-width: 17.5rem;
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: #000;
    position: relative;
    z-index: 30;
    margin-top: 16px;
    margin-top: 1rem
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardBtn {
        margin-top: 1.25rem
    }
}

.p-3d__area-cardBtn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    height: 2.8125rem
}

.p-3d__area-button-prev,
.p-3d__area-button-next {
    display: none
}

@media screen and (min-width: 768px) {

    .p-3d__area-button-prev,
    .p-3d__area-button-next {
        display: block;
        position: absolute;
        content: "";
        z-index: 10;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2.25rem;
        height: 2.25rem;
        opacity: .6;
        border: solid 1px #333;
        background: #fff
    }
}

@media screen and (min-width: 768px) {
    .p-3d__area-button-next {
        padding-right: .3125rem;
        right: 1.25rem
    }
}

@media screen and (min-width: 768px) {
    .p-3d__area-button-prev {
        padding-left: .3125rem;
        left: 1.25rem
    }
}

.p-3d__area-button-prevArrow {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 12px;
    width: .75rem;
    height: 12px;
    height: .75rem
}

.p-3d__area-button-nextArrow {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 12px;
    width: .75rem;
    height: 12px;
    height: .75rem
}

.p-3d__area-nordicMix {
    margin-top: 30px;
    margin-top: 1.875rem
}

.p-3d__other {
    margin-top: 38px;
    margin-top: 2.375rem
}

@media screen and (min-width: 768px) {
    .p-3d__other {
        margin-top: 4.75rem
    }
}

.p-3d__other-container {
    max-width: 520px;
    max-width: 32.5rem;
    width: 100%;
    margin-inline: auto;
    padding-right: 20px;
    padding-left: 20px
}

@media screen and (min-width: 768px) {
    .p-3d__other-container {
        max-width: 78.125rem;
        padding-right: 25px;
        padding-left: 25px
    }
}

.p-3d__other-title {
    color: #333;
    text-align: center;
    line-height: 1
}

.p-3d__other-title-en {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .p-3d__other-title-en {
        font-size: 1.875rem
    }
}

.p-3d__other-title-ja {
    font-size: 12px;
    font-size: .75rem;
    margin-top: 4px;
    margin-top: .25rem
}

@media screen and (min-width: 768px) {
    .p-3d__other-title-ja {
        font-size: 1rem;
        margin-top: 1.125rem
    }
}

.p-3d__other-cards {
    max-width: 350px;
    max-width: 21.875rem;
    width: 100%;
    margin-top: 15px;
    margin-top: .9375rem;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .625rem .625rem;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .p-3d__other-cards {
        max-width: 75rem;
        margin-top: 2.25rem;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.875rem 1.875rem
    }
}

.p-3d__other-card {
    max-width: 163px;
    max-width: 10.1875rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-3d__other-card {
        max-width: 23.75rem
    }
}

.p-3d__other-img {
    max-width: 163px;
    max-width: 10.1875rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .p-3d__other-img {
        max-width: 23.75rem
    }
}

.p-3d__other-btnWrapper {
    margin-top: 30px;
    margin-top: 1.875rem
}

@media screen and (min-width: 768px) {
    .p-3d__other-btnWrapper {
        margin-top: 2.5rem
    }
}

.p-3d__other-btn {
    max-width: 335px;
    max-width: 20.9375rem;
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto
}

@media screen and (min-width: 768px) {
    .p-3d__other-btn {
        font-size: 1.25rem;
        max-width: 31.25rem
    }
}

.p-3d__other-btn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    height: 2.875rem
}

@media screen and (min-width: 768px) {
    .p-3d__other-btn:before {
        height: 3.125rem
    }
}

.p-3d__area-card {
    position: relative
}

.p-3d__area-cardSlide.is-active {
    position: unset
}

@media screen and (min-width: 768px) {
    .p-3d__area-cardSlide.is-active {
        position: absolute;
        left: 100%;
        z-index: 1000;
        height: 100%;
        box-sizing: border-box
    }
}

.p-3d__area-cardBtn {
    text-decoration: none
}

.p-3d__area-cards .swiper-slide-active {
    z-index: 100
}

/*# sourceMappingURL=/cdn/shop/t/256/assets/customize.css.map?v=65716017605383140251743067836 */