@charset "utf-8";

/*-- pc --*/
@media (min-width:769px) {
    body.page-top .hacobune-gallery.visumo-coordinate {
        max-height: none;
        max-width: none;
        border: none;
        padding-left: var(--br-spacing-3);
        /*min-height: 629px;*/
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-main .hacobune-layout-base-bottom-html,
    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-main .hacobune-layout-base-top-html {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-container {
        padding: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider:has(.hacobune-slider-prev) {
        position: relative;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-prev {
        left: var(--br-spacing-2);
        right: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-next {
        right: var(--br-spacing-2);
        left: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button {
        width: fit-content;
        height: fit-content;
        margin: 0;
        padding: 0;
        background-color: transparent !important;
        border: none !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button::before {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button::after {
        content: '';
        background-image: var(--br-svg-url-arrow-circle-right);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: auto;
        aspect-ratio: 1/1;
        display: block;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next):hover button::after {
        background-image: var(--br-svg-url-arrow-circle-right-hover);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-prev button::after {
        scale: -1 1;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider-container .hacobune-slider-swiper-container {
        margin: 0;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-swiper-wrapper {
        display: flex;
        align-items: stretch;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .more-1 {
        margin-top: 40px;
        position: absolute;
        bottom: calc(-84px + var(--br-spacing-2));
        right: 0;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item {
        padding: 0 0 0 0;
        border-radius: 20px;
        height: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item img {
        border-radius: 20px;
        display: block;
        aspect-ratio: 330 / 440;
        width: 100%;
        height: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item img[src*="base64"] {
        object-fit: fill;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-tag-list.hacobune-card-slider-search-post-tag {
        display: flex;
        flex-wrap: wrap;
        gap: var(--br-spacing-1) var(--br-spacing-1);
        justify-content: start;
        align-items: center;
        margin: 0 0 20px 0;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-list-item {
        margin: 0 !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-input[type=radio]:checked+span.hacobune-tag-item-label,
    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-current .hacobune-tag-item-label {
        border-radius: 30px !important;
        background-color: var(--br-color-6) !important;
        border: 1px solid var(--br-color-6) !important;
        color: #fff !important;
        height: 40px;
        font-size: var(--br-fs-4);
        font-weight: var(--br-fw-semi-bold);
        font-family: var(--br-ff-alpha);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-label {
        border-radius: 30px !important;
        background-color: #fff !important;
        border: 1px solid var(--br-color-9) !important;
        color: var(--br-color-1) !important;

    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-label:hover {
        opacity: var(--br-opacity-hover);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-list-item-caption-profile-wrapper {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-logo {
        padding: 0;
        margin-top: var(--br-spacing-2);
    }

    body.page-top .hacobune-media-post-item-content .hacobune-media-post-item-tile-product {
        align-items: center;
    }

    body.page-top .hacobune-dialog-rounded .hacobune-readmore {
        margin: 0;
    }

    body.page-top .hacobune-media-post-item-tile .hacobune-media-post-item-tile-product:first-of-type::before {
        padding: 0 0 0 7.5px;
    }

    body.page-top .hacobune-media-post-item-side>*:not(.hacobune-media-post-staff-profile) {
        order: 2;
    }

    body.page-top .hacobune-media-post-staff-profile {
        border: none;
        display: flex;
        flex-direction: column;
        align-items: start;
        order: 1;
        padding: 0;
        margin: 0;
    }

    body.page-top .hacobune-media-post-staff-profile::before {
        content: '※撮影場所の関係上、実物の商品と若干異なる可能性がございます。';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(3) .hacobune-media-post-item-additional-content-value::before {
        content: '近日入荷 : ';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(2) .hacobune-media-post-item-additional-content-value::before {
        content: 'モデル : ';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(1) .hacobune-media-post-item-additional-content-value::before {
        content: '着用サイズ : ';
    }
}

/*-- tb --*/
@media (width >=769px) and (width < 992px) {
    body.page-top .hacobune-gallery.visumo-coordinate {
        /*min-height: calc(380 / 780 * 100vw);*/
    }
}

@media (width >=769px) and (width < 1440px) {
    body.page-top .hacobune-gallery.visumo-coordinate .more-1 {
        margin-top: 0;
        position: static;
    }
}

/*-- sp --*/
@media (max-width:768px) {
    body.page-top .hacobune-gallery.visumo-coordinate {
        max-height: none;
        max-width: none;
        border: none;
        /*min-height: calc(470 / 375 * 100vw);*/
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-container {
        width: auto !important;
        color: var(--br-color-1);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-main .hacobune-layout-base-bottom-html,
    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-main .hacobune-layout-base-top-html {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-app-container {
        padding: 0 !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider:has(.hacobune-slider-prev) {
        position: relative;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-prev {
        left: var(--br-spacing-2);
        right: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-next {
        right: var(--br-spacing-2);
        left: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button {
        width: fit-content;
        height: fit-content;
        margin: 0;
        padding: 0;
        background-color: transparent !important;
        border: none !important;
        display: none !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button::before {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next) button::after {
        content: '';
        background-image: var(--br-svg-url-arrow-circle-right);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: auto;
        aspect-ratio: 1/1;
        display: block;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider :is(.hacobune-slider-prev, .hacobune-slider-next):hover button::after {
        background-image: var(--br-svg-url-arrow-circle-right-hover);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-slider-prev button::after {
        scale: -1 1;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider-container .hacobune-slider-swiper-container {
        width: 100%;
        overflow: visible;
        margin: 0 auto !important;
        padding: 0 var(--br-spacing-2);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-swiper-wrapper {
        display: flex;
        align-items: stretch;
        margin: 0 auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-swiper-wrapper .hacobune-swiper-slide {
        aspect-ratio: 240 / 320;
        padding: 0 0 0 0 !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-swiper-wrapper .hacobune-swiper-slide[style*="margin-right"] {
        padding: 0 0 0 0 !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-tag-list.hacobune-card-slider-search-post-tag {
        display: flex;
        gap: 0 var(--br-spacing-1);
        justify-content: start;
        align-items: center;
        margin: 0 0 20px 0;
        padding: 0 var(--br-spacing-2);
        position: relative;
        z-index: 1;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .more-1 {}

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item {
        padding: 0 0 0 0;
        border-radius: 20px;
        height: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item img {
        border-radius: 20px;
        display: block;
        aspect-ratio: 240 / 320;
        width: 100%;
        height: auto;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-slider .hacobune-card-slider-list-item img[src*="base64"] {
        object-fit: fill;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-list-item {
        width: fit-content !important;
        padding: 0;
        margin: 0 !important;
        margin: 0 !important;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-input[type=radio]:checked+span.hacobune-tag-item-label,
    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-current .hacobune-tag-item-label {
        border-radius: 30px !important;
        background-color: var(--br-color-6) !important;
        border: 1px solid var(--br-color-6) !important;
        color: #fff !important;
        height: 30px;
        font-size: var(--br-fs-4);
        font-weight: var(--br-fw-semi-bold);
        font-family: var(--br-ff-alpha);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-label {
        border-radius: 30px !important;
        background-color: #fff !important;
        border: 1px solid var(--br-color-9) !important;
        color: var(--br-color-1) !important;
        width: fit-content !important;
        min-width: 66px;
        line-height: 1 !important;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-search-post-tag .hacobune-tag-item-label:hover {
        opacity: var(--br-opacity-hover);
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-card-slider-list-item-caption-profile-wrapper {
        display: none;
    }

    body.page-top .hacobune-gallery.visumo-coordinate .hacobune-logo {
        padding: 0 var(--br-spacing-2);
        margin-top: var(--br-spacing-2);
    }

    body.page-top .hacobune-media-post-item-content .hacobune-media-post-item-tile-product {
        align-items: center;
    }

    body.page-top .hacobune-dialog-rounded .hacobune-readmore {
        margin: 0;
    }

    body .hacobune-media-post-item-side {
        display: flex;
        flex-direction: column;
        gap: 0 0;
    }

    body.page-top .hacobune-media-post-item-tile .hacobune-media-post-item-tile-product:first-of-type::before {
        padding: 0 0 0 7.5px;
    }

    body.page-top .hacobune-media-post-item-side>*:not(.hacobune-media-post-staff-profile) {
        order: 2;
    }

    body.page-top .hacobune-media-post-staff-profile {
        border: none;
        display: flex;
        flex-direction: column;
        align-items: start;
        order: 1;
        padding: 0;
        margin: 0 auto var(--br-spacing-4);
    }

    body.page-top .hacobune-media-post-staff-profile::before {
        content: '※撮影場所の関係上、実物の商品と若干異なる可能性がございます。';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(3) .hacobune-media-post-item-additional-content-value::before {
        content: '近日入荷 : ';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(2) .hacobune-media-post-item-additional-content-value::before {
        content: 'モデル : ';
    }

    body.page-top .hacobune-media-post-item-additional-contents>*:nth-last-child(1) .hacobune-media-post-item-additional-content-value::before {
        content: '着用サイズ : ';
    }
}