.frv-c-imageModal__button.-close {
  transform: translate(50%) !important;
}

.frv-c-imageModal__content {
  max-height: 95dvh !important;
}

.frv-c-imageModal {
  height: 100dvh !important;

}



/* サイト全体の標準フォントを Noto Serif JP に設定する場合 */
body {
  font-family: "Noto Serif JP", serif !important;
}




/* --- トップページのみ：PC用の設定（画面幅768px以上） --- */
.fs-body-top .fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.fs-body-top span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.fs-body-top .fs-c-productListCarousel__list {
    display: block;
}

.fs-body-top div.slick-track {
    display: grid !important;
    /* PC表示：横4列 */
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: 16px;
    width: 100% !important;
    transform: none !important;
}

.fs-body-top div.slick-track::before {
    content: none !important;
}
.fs-body-top article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
}

/* --- トップページのみ：スマホ用の設定（画面幅767px以下） --- */
@media screen and (max-width: 767px) {
    .fs-body-top div.slick-track {
        /* スマホ表示：横2列に上書き */
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 12px; 
    }

    /* 記述を強化して2列を確実に適用 */
    body.fs-body-top div.fs-c-productListCarousel__list div.slick-track {
        grid-template-columns: 1fr 1fr !important;
        display: grid !important;
    }
    body.fs-body-top article.fs-c-productListCarousel__list__item.fs-c-productListItem {
        min-width: 0 !important; /* 横幅の固定を解除 */
        width: 100% !important;
    }
}