/* ========================================
特集ページ共通：アンカー移動
======================================== */

/* 通常時・リンク選択時ともに滑らかに移動 */
html,
html:focus-within {
    scroll-behavior: smooth;
}

/* 特集内のアンカー先に、ヘッダー高さ＋16pxの余白を確保 */
.feature_all[id],
.feature_all [id] {
    scroll-margin-top: calc(
        var(--heat-3picks-header-height, 111px) + 16px
    );
}

/* 端末で「動きを減らす」が有効な場合 */
@media (prefers-reduced-motion: reduce) {
    html,
    html:focus-within {
        scroll-behavior: auto;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 特集ページ｜heat-3picks */

.heat-3picks_pb8 {
    padding-bottom: 8%;
}

.heat-3picks_bg {
    background-color: #e6e1d7;
}

.heat-3picks_intro {
    padding: 8% 5% 12%;
}

.heat-3picks_intro .txt p {
    text-align: center !important;
}

.heat-3picks_intro .txt p.fsK {
    padding-top: 2%;
    text-align: left !important;
}

.heat-3picks_link_btn ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1em 0;
}

.heat-3picks_link_btn ul li {
    width: calc((100% - 1em)/3);
    margin-bottom: 0 !important;
    list-style: none;
}

.heat-3picks_link_btn li img {
    width: 100%;
}

.heat-3picks_content_inner {
    padding: 0 0 8%;
}

.heat-3picks_content_inner.end {
    padding: 0 0 0%;
}

.heat-3picks_content_ttl {
    width: 100%;
    margin: 0 auto;
}

.heat-3picks_content_ttl img {
    width: 100%;
}

.heat-3picks_content_txt {
    padding: 8% 5%;
}

.heat-3picks_content_txt .txt {
    text-align: center;
}

.heat-3picks_bottom {
    padding: 12% 5% 4%
}

/* 商品 */
.heat-3picks_wrap {
    padding: 12% 5%;
}

.heat-3picks_content_inner {
    padding: 0 0 12%;
}

.heat-3picks_content_inner.end {
    padding: 0 0 0%;
}

/* 商品紹介全体 */
.heat-3picks_product {
    width: 100%;
    padding-bottom: 5%;
}

/* TYPE見出し */
.heat-3picks_product .heat-3picks_product_type {
    width: 28%;
    margin: 0 auto 5%;
}

.heat-3picks_product .heat-3picks_product_type img {
    display: block;
    width: 100%;
    height: auto;
}

/* 左右の横並び */
.heat-3picks_product .heat-3picks_product_row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 5%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.heat-3picks_product .heat-3picks_product_row>li {
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

/* 左：商品画像 */
.heat-3picks_product .heat-3picks_product_row>.heat-3picks_product_photo {
    width: 48%;
}

.heat-3picks_product .heat-3picks_product_photo img {
    display: block;
    width: 100%;
    height: auto;
}

/* 右：商品説明 */
.heat-3picks_product .heat-3picks_product_row>.heat-3picks_product_info {
    width: 47%;
    padding-top: 2.5%;
}

/* 既存の文章用余白をリセット */
.heat-3picks_product p {
    margin: 0;
    padding: 0;
    color: #000;
    text-align: left;
}

/* INNERのラベル */
.heat-3picks_product .heat-3picks_product_label {
    display: inline-block;
    margin: 0 0 8%;
    padding: 0.15em 0.7em;
    border: 1px solid #333;
    border-radius: 999px;
    font-family: futura-pt, sans-serif !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
}

/* キャッチコピー */
.heat-3picks_product .heat-3picks_product_copy {
    margin: 0 0 5%;
    font-size: 34px;
    line-height: 1.5;
    letter-spacing: 0;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N M', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    font-weight: 700;
}

/* 商品名 */
.heat-3picks_product .heat-3picks_product_name {
    margin: 0 0 8%;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-family: '游ゴシック体', 'Yu Gothic', 'Yu Gothic Pr6N M', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
    font-weight: 700;
}

/* ヒートアイコン */
.heat-3picks_product .heat-3picks_product_heat {
    width: 50%;
    margin: 0 0 8%;
}

.heat-3picks_product .heat-3picks_product_heat img {
    display: block;
    width: 100%;
    height: auto;
}

/* CHECK */
.heat-3picks_product .heat-3picks_product_check {
    width: 100%;
    padding: 3% 0;
    border-radius: 2px;
    background: #000;
}

.heat-3picks_product .heat-3picks_product_check p {
    color: #fff;
    font-family: futura-pt, sans-serif !important;
    font-size: 43px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
}

.heat-3picks_product .heat-3picks_product_check {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

/* 画像を右、説明を左に配置 */
.heat-3picks_product .heat-3picks_product_row.is-reverse {
    flex-direction: row-reverse;
}


/* heat-3picks_swiper */
.swiper-area.heat-3picks_only {
    position: relative;
    width: 100%;
}

.heat-3picks_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

/* 矢印 */
.heat-3picks_only .swiper-button-next,
.heat-3picks_only .swiper-button-prev {
    width: 30px;
    height: 50px;
    /* color: #333; */
    background: rgba(255, 255, 255, 0.7);
}

/* .heat-3picks_only .swiper-button-next::after,
.heat-3picks_only .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
} */

.heat-3picks_only .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}

.heat-3picks_only .swiper-button-next {
    right: 0 !important;
    left: auto !important;
}

.heat-3picks_product_link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.heat-3picks_lineup .swiper-button-next,
.heat-3picks_lineup .swiper-button-prev {
    top: 35% !important;
    margin-top: 0 !important;
    transform: translateY(-50%);
}

/* 矢印記号をCSSの線で描画 */
.heat-3picks_only .swiper-button-prev::after,
.heat-3picks_only .swiper-button-next::after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

.heat-3picks_only .swiper-button-prev::after {
    transform: rotate(-135deg);
}

.heat-3picks_only .swiper-button-next::after {
    transform: rotate(45deg);
}

/* 画像の下にドットを表示 */
.heat-3picks_only .heat-3picks_pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    width: 100%;
    height: 8px;
    margin: 5% 0 0;
    padding: 0;
    transform: none;
}

/* 通常のドット */
.heat-3picks_only .heat-3picks_pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    margin: 0;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
}

/* 現在表示しているドット */
.heat-3picks_only .heat-3picks_pagination .swiper-pagination-bullet-active {
    background: #333;
}

/* ドット追加後も矢印を画像の中央に配置 */
.heat-3picks_only .swiper-button-prev,
.heat-3picks_only .swiper-button-next {
    top: calc(50% - 12px);
    margin-top: 0;
    transform: translateY(-50%);
}

/* 2枚以下の固定表示ではドットを隠す */
.heat-3picks_only.is-static .heat-3picks_pagination {
    display: none;
}

.heat-3picks_only .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important;
}


/* 画像・矢印を1段目、ドットを2段目に配置 */
.swiper-area.heat-3picks_only {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.swiper-area.heat-3picks_only>.heat-3picks_swiper {
    grid-area: 1 / 1;
    min-width: 0;
    width: 100%;
}

/* 矢印を画像の上下中央へ */
.swiper-area.heat-3picks_only>.swiper-button-prev,
.swiper-area.heat-3picks_only>.swiper-button-next {
    grid-area: 1 / 1;
    align-self: center;
    position: relative;
    top: auto;
    bottom: auto;
    margin: 0;
    transform: none;
}

.swiper-area.heat-3picks_only>.swiper-button-prev {
    justify-self: start;
}

.swiper-area.heat-3picks_only>.swiper-button-next {
    justify-self: end;
}

/* ドットは画像の下へ */
.swiper-area.heat-3picks_only>.heat-3picks_pagination {
    grid-area: 2 / 1;
    position: static;
}

/* LINEUPの矢印を商品画像の中央へ */
.swiper-area.heat-3picks_only.heat-3picks_lineup>.swiper-button-prev,
.swiper-area.heat-3picks_only.heat-3picks_lineup>.swiper-button-next {
    position: absolute;
    top: var(--heat-3picks-lineup-arrow-top, 35%) !important;
    bottom: auto;
    margin-top: 0 !important;
    transform: translateY(-50%);
}


@media screen and (max-width: 767px) {

    .heat-3picks_intro {
        padding: 12% 5%;
    }

    .heat-3picks_intro p {
        font-family: "Yu Gothic Pr6N M" !important;
    }

    .heat-3picks_content .feature_shorts_txt {
        font-size: 3.8vw !important;
    }

    .heat-3picks_content_txt .txt p {
        text-align: center;
    }

    /* 商品 */
    .heat-3picks_product .heat-3picks_product_label {
        font-size: 3.5vw;
    }

    .heat-3picks_product .heat-3picks_product_copy {
        font-size: 4.7vw;
        font-family: "Yu Gothic Pr6N B" !important;
    }

    .heat-3picks_product .heat-3picks_product_name {
        font-size: 3.8vw;
        font-family: "Yu Gothic Pr6N B" !important;
    }

    .heat-3picks_product .heat-3picks_product_check p {
        font-size: 5.606vw;
    }

    /* neckline_swiper */
    .heat-3picks_only .swiper-button-next,
    .heat-3picks_only .swiper-button-prev {
        width: 7.51vw !important;
        height: 10.115vw !important;
    }

}

/* 特集ページ｜heat-3picks END */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */