.shop-fv.common-style-area {
    max-width: unset !important;
}

/* FVのみ（スライダーなし） */
.shop-fv .single-shop-fv {
    width: fit-content;
    margin: auto;
}

.shop-fv .single-shop-fv img {
    width: 50cqw;
    height: 31cqw;
    object-fit: cover;
}

/* スライダーあり */
.shop-fv .shop-fv-slide .splide__slide img {
    object-fit: cover;
    max-width: none !important;
    width: 50cqw !important;
    height: 31cqw !important;
}

/* ボタンの調整 */
.shop-fv .splide__arrow {
    height: 4em;
    width: 4em;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(0%);
}

.shop-fv .splide__arrow svg {
    fill: #000;
    height: 2.2em;
    width: 2.2em;
}

.shop-fv .shop-fv-slide .splide__arrow--prev {
    left: 23.2%;
}

.shop-fv .shop-fv-slide .splide__arrow--next {
    right: 23.2%;
}

.shop-fv .shop-fv-title {
    width: fit-content;
    text-align: center;
    margin: 3cqw auto;
}

.shop-fv .shop-fv-title .shop-name-block {
    --f-base: 12;
    font-weight: bold;
}

.shop-fv .shop-fv-title .nearest-station-name {
    --f-base: 6;
}

/* band */
.shop-fv .shop-fv-band {
    color: #fff;
    background: #ba0000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1cqw 0;
    gap: 4cqw;
}

.shop-fv .shop-num-block {
    --f-base: 8;
    font-weight: 800;
    position: relative;
}

.shop-fv .shop-num-block span {
    --f-base: 10;
    background: linear-gradient(180deg, #ffffa2 0%, #ffd400 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.shop-fv .shop-num-block .fv-annotation-1 {
    position: absolute;
    top: 0%;
    right: -6%;
    --f-base: 4;
}

/* googel review */
.shop-fv .google-review-block {
    background-image: var(--shop-google-review);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 20cqw;
    height: 5cqw;
    font-weight: 700;
}

.shop-fv .google-review-block span {
    position: absolute;
    left: 17.6%;
    bottom: 10%;
    --f-base: 5;
}

.shop-fv .google-review-block p {
    position: absolute;
    right: 16%;
    bottom: -16%;
    --f-base: 18;
    font-weight: 700;
    background: linear-gradient(180deg, #ffffa2 0%, #ffd400 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    letter-spacing: -0.04em;
}

.shop-fv .google-review-block .fv-annotation-2 {
    position: absolute;
    top: 0%;
    right: -6%;
    --f-base: 4;
}

/* annotation */
.shop-fv .shop-fv-annotation {
    display: flex;
    justify-content: center;
    gap: 1cqw;
    text-align: center;
    margin-top: 0.6cqw;
    --f-base: 3;
}

@media (max-width: 767px) {
    /* FVのみ（スライダーなし） */
    .shop-fv .single-shop-fv img {
        width: 100%;
        height: auto;
    }

    .shop-fv .shop-fv-slide .splide__slide img {
        width: 80cqw !important;
        height: 50cqw !important;
    }

    .shop-fv .splide__arrow {
        height: 2em;
        width: 2em;
    }

    .shop-fv .splide__arrow svg {
        height: 1.2em;
        width: 1.2em;
    }

    .shop-fv .shop-fv-slide .splide__arrow--prev {
        left: 7%;
    }

    .shop-fv .shop-fv-slide .splide__arrow--next {
        right: 7%;
    }

    .shop-fv .shop-fv-title .shop-name-block {
        --f-base: 16;
    }

    .shop-fv .shop-fv-title .nearest-station-name {
        --f-base: 10;
    }

    .shop-fv .shop-num-block {
        text-align: center;
        --f-base: 14;
        line-height: 1.2;
    }

    .shop-fv .shop-num-block span {
        --f-base: 16;
    }

    .shop-fv .google-review-block {
        width: 40cqw;
        height: 10.8cqw;
    }

    .shop-fv .google-review-block p {
        right: 16%;
        bottom: -6%;
        --f-base: 34;
        letter-spacing: -0.04em;
        text-align: center;
        width: fit-content;
    }

    .shop-fv .google-review-block span {
        left: 17.4%;
        bottom: 15%;
        --f-base: 10;
    }

    .shop-fv .shop-num-block .fv-annotation-1 {
        position: absolute;
        top: 0%;
        right: -10%;
        --f-base: 7;
    }

    .shop-fv .google-review-block .fv-annotation-2 {
        position: absolute;
        top: 0%;
        right: -6%;
        --f-base: 7;
    }

    .shop-fv .shop-fv-annotation {
        display: block;
        --f-base: 9;
        text-align: start;
        width: fit-content;
        margin: 0.6cqw auto;
        padding: 0 7cqw;
        text-indent: -2.4cqw;
    }
}
