/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*,
::after,
::before {
    box-sizing: border-box;
}

:root {
    --TitleFont: "dnp-shuei-mincho-pr6", serif;

    --CommonColorBlue: rgba(0, 106, 183, 1);
    --CommonColorBlueBtn: rgba(0, 94, 156, 1);
    --CommonColorWhite: rgba(255, 255, 255, 1);
    --CommonColorBlack: rgba(0, 0, 0, 1);
    --CommonColorgray: rgba(245, 245, 245, 1);
    --CommonColorBtn: rgba(32, 148, 211, 1);

    --BaseFontRegular: 400;
    --BaseFontMedium: 500;
    --BaseFontBold: 700;
    --BaseFontBlack: 900;
}

.block-genre-page-head {
    padding-left: 0;
    padding-right: 0;
}

#summergift_brand,
#summergift_brand_lower {
    max-width: 900px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
}

#summergift_brand img,
#summergift_brand_lower img {
    width: 100%;
}

#summergift_brand a,
#summergift_brand_lower a {
    cursor: pointer;
    transition: .3s;
    text-decoration: none;
}

#summergift_brand a:hover,
#summergift_brand_lower a:hover {
    opacity: 0.7;
}

#anc {
    padding-top: 150px;
    margin-top: -150px;
}
.block-icon {
    height: 19px;
}
.block-goods-list--pager-bottom{margin: 20px 0 0;}
.block-pickup-list-p--price-infos {
    height: 5.2rem;
}
.block-pickup-list-p--goods-name {
    height: 3.8rem;
}
@media screen and (min-width: 769px) {
    .block-thumbnail-t--price-infos {
        height: 3.1rem;
    }
    .block-pickup-list-p--price-infos {
        height: auto;
    }
    .block-pickup-list-p--goods-name {
        height: auto;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Content
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* ================================
    Page Upper
================================ */
.content {
    padding-bottom: 0;
}


#summergift_brand .lead {
    font-size: 24px;
    padding: 33px;
    line-height: 1.5;
    color: var(--CommonColorBlue);
    letter-spacing: -0.4px;
    text-align: left;
}

.s #summergift_brand .lead {
    font-size: 4vw;
    padding: 5.8vw 4.8vw;
}

#summergift_brand .lead p {
    padding-bottom: 20px;
}

.s #summergift_brand .lead p {
    padding-bottom: 2.66vw;
}


#summergift_brand .item_list_btn a {
    display: block;
    background: url(../../../img/usr/genre/rA15004/2026/btn_lead.png);
    aspect-ratio: 471 / 95;
    background-size: 100%;
    max-width: 235px;
    font-size: 17px;
    width: 100%;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--CommonColorBlueBtn);
    font-family: var(--TitleFont);
    font-weight: var(--BaseFontBold);
    letter-spacing: 0.4px;
    position: relative;
}

.s #summergift_brand .item_list_btn a {
    max-width: 53.33vw;
    font-size: 3.8vw;
}

#summergift_brand .item_list_btn a::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 24px;
    aspect-ratio: 48 / 49;
    background: url(../../../img/usr/genre/rA15004/2026/icon_arrow.png) bottom center no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.s #summergift_brand .item_list_btn a::after {
    max-width: 5.2vw;
    right: 4vw;
}



/* ================================
    Page Lower
================================ */
#summergift_brand_lower .item {
    position: relative;
    background-color: var(--CommonColorgray);
    padding: 56px 35px;
    margin-bottom: 50px;
    z-index: 0;
}

.s #summergift_brand_lower .item {
    padding: 8.4vw 4.66vw 9.06vw;
    margin-bottom: 8vw;
}

#summergift_brand_lower .item:before {
    position: absolute;
    content: "";
    width: 100%;
    aspect-ratio: 1800 / 321;
    background: url(../../../img/usr/genre/rA15004/2026/item_line.png) top center no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.s #summergift_brand_lower .item:before {
    aspect-ratio: 750 / 160;
    background: url(../../../img/usr/genre/rA15004/2026/item_line_sp.png) top center no-repeat;
    background-size: 100%;
}

#summergift_brand_lower .item:after {
    position: absolute;
    content: "";
    width: 100%;
    aspect-ratio: 1800 / 321;
    background: url(../../../img/usr/genre/rA15004/2026/item_line.png) bottom center no-repeat;
    background-size: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: rotate(180deg);
}

.s #summergift_brand_lower .item:after {
    aspect-ratio: 750 / 160;
    background: url(../../../img/usr/genre/rA15004/2026/item_line_sp.png) bottom center no-repeat;
    background-size: 100%;
}

#summergift_brand_lower .item_box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
}

.s #summergift_brand_lower .item_box {
    gap: 7vw;
}

#summergift_brand_lower .item_box li {
    width: calc((100% - 30px) / 2);
}

.s #summergift_brand_lower .item_box li {
    width: 100%;
}

#summergift_brand_lower .item_box li:last-child {
    padding-bottom: 0;
}

#summergift_brand_lower .item_bg {
    display: block;
    max-width: min(400px, 44.44vw);
    width: 100%;
    margin-inline: auto;
    aspect-ratio: 900 / 390;
    box-shadow: 0 0 7px 2px rgba(13, 73, 133, 0.5);
}

.s #summergift_brand_lower .item_bg {
    max-width: 100%;
}

#summergift_brand_lower li:nth-child(odd) .item_bg {
    padding: min(20px, 2.222vw) min(165px, 18.33vw) min(20px, 2.222vw) min(13px, 1.444vw);
}

.s #summergift_brand_lower li:nth-child(odd) .item_bg {
    padding: 3.466vw 37.66vw 3.466vw 3.166vw;
}

#summergift_brand_lower li:nth-child(even) .item_bg {
    padding: min(20px, 2.222vw) min(13px, 1.444vw) min(20px, 2.222vw) min(165px, 18.33vw);
}


.s #summergift_brand_lower li:nth-child(even) .item_bg {
    padding: 3.466vw 3.166vw 3.466vw 37.66vw;
}

#summergift_brand_lower .item1 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item1.png);
    background-size: 100%;
}

#summergift_brand_lower .item2 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item2.png);
    background-size: 100%;
}

#summergift_brand_lower .item3 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item3.png);
    background-size: 100%;
}

#summergift_brand_lower .item4 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item4.png);
    background-size: 100%;
}

#summergift_brand_lower .item5 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item5.png);
    background-size: 100%;
}

#summergift_brand_lower .item6 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item6.png);
    background-size: 100%;
}

#summergift_brand_lower .item7 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item7.png);
    background-size: 100%;
}

#summergift_brand_lower .item8 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item8.png);
    background-size: 100%;
}

#summergift_brand_lower .item9 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item9.png);
    background-size: 100%;
}

#summergift_brand_lower .item10 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item10.png);
    background-size: 100%;
}

#summergift_brand_lower .item11 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item11.png);
    background-size: 100%;
}

#summergift_brand_lower .item12 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item12.png);
    background-size: 100%;
}

#summergift_brand_lower .item13 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item13.png);
    background-size: 100%;
}

#summergift_brand_lower .item14 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item14.png);
    background-size: 100%;
}

#summergift_brand_lower .item15 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item15.png);
    background-size: 100%;
}

#summergift_brand_lower .item16 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item16.png);
    background-size: 100%;
}

#summergift_brand_lower .item17 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item17.png);
    background-size: 100%;
}

#summergift_brand_lower .item18 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item18.png);
    background-size: 100%;
}

#summergift_brand_lower .item19 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item19.png);
    background-size: 100%;
}

#summergift_brand_lower .item20 .item_bg {
    background: url(../../../img/usr/genre/rA15004/2026/item20.png);
    background-size: 100%;
}

#summergift_brand_lower .item_text {
    transform: translateY(min(36px, 3.8vw));
}

.s #summergift_brand_lower .item_text {
    transform: translateY(8.4vw) !important;
}

#summergift_brand_lower .item_box h2 {
    font-size: clamp(11.5px, -9.05px + 2.6718vw, 15px);
    padding-bottom: 10px;
    font-weight: var(--BaseFontMedium);
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.s #summergift_brand_lower .item_box h2 {
    font-size: 3.43vw !important;
    padding-bottom: 1.6vw !important;
}

#summergift_brand_lower .item_box h2 span {
    font-size: clamp(8px, 2.13px + 0.7634vw, 9px);
}

.s #summergift_brand_lower .item_box h2 span {
    font-size: 1.833vw !important;
}

#summergift_brand_lower .item_box h2._palt {
    letter-spacing: -1px;
}

#summergift_brand_lower .item_box p {
    font-size: clamp(8px, -6.68px + 1.9084vw, 10.5px);
    font-weight: var(--BaseFontRegular);
    line-height: 1.45;
    text-align: justify;
    letter-spacing: -0.2px;
}

.s #summergift_brand_lower .item_box p {
    font-size: 2.57vw !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2vw !important;
}

#summergift_brand_lower .item_box .item12 p {
    letter-spacing: 0.1px;
}

#summergift_brand_lower .item_list_btn a {
    display: block;
    background: url(../../../img/usr/genre/rA15004/2026/btn_list.png);
    aspect-ratio: 534 / 156;
    background-size: 100%;
    max-width: 237px;
    font-size: 17px;
    width: 100%;
    margin-inline: auto;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--CommonColorWhite);
    font-family: var(--TitleFont);
    letter-spacing: 0.4px;
}

.s #summergift_brand_lower .item_list_btn a {
    max-width: 59.33vw;
    margin-top: 0.8vw;
    font-size: 3.8vw;
}

/* ================================
    Button to Top
================================ */
/* #summergift_brand_lower .btn_top a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 300px;
    width: 100%;
    margin-inline: auto;
    border-radius: 50vw;
    font-size: 21px;
    font-weight: var(--BaseFontMedium);
    padding: 24px 10px;
    color: var(--CommonColorBtn);
    border: 2px solid var(--CommonColorBtn);
    letter-spacing: 1px;
}

.s #summergift_brand_lower .btn_top a {
    max-width: 66.66vw;
    font-size: 4.8vw;
    padding: 6.26vw 1.333vw;
} */

/* ================================
    CMS Fixed
================================ */
.block-genre-page--header {
    display: none !important;
}