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

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

    --CommonColorBlue: rgba(0, 106, 183, 1);
    --CommonColorWhite: rgba(255, 255, 255, 1);
    --CommonColorGray: rgba(74, 73, 73, 1);
    --CommonColorBlack: rgba(0, 0, 0, 1);
    --CommonColorBtn: rgba(32, 148, 211, 1);

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

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

#summergift_art img,
#summergift_art_lower img {
    width: 100%;
}

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

#summergift_art a:hover,
#summergift_art_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: 90px;
}

.s .content {
    padding-bottom: 12.26vw;
}



#summergift_art .content {
    padding-bottom: 90px;
}

.s #summergift_art .content {
    padding-bottom: 12.26vw;
}

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

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

#summergift_art h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 20px;
    font-weight: var(--BaseFontBold);
    color: var(--CommonColorBlue);
}

.s #summergift_art h2 {
    font-size: 5.33vw;
    padding-bottom: 2.66vw;
}

/* ================================
    Page Lower
================================ */
#summergift_art_lower .item {
    background-image: url(../../../img/usr/genre/rA15003/2026/item_bg.png);
    background-size: 100%;
    padding: 62px 0;
    margin-bottom: 50px;
}

.s #summergift_art_lower .item {
    padding: 8.13vw 2.93vw 9.06vw;
    margin-bottom: 8vw;
}

#summergift_art_lower .item h3 {
    font-family: var(--TitleFont);
    font-weight: var(--BaseFontBold);
    color: var(--CommonColorBlue);
    font-size: clamp(20px, 2.39px + 2.2901vw, 23px);
    line-height: 1.5;
    padding-bottom: 10px;
}

.s #summergift_art_lower .item h3 {
    font-size: 5.333vw;
    padding-bottom: 1.6vw;
}

#summergift_art_lower .item h3 span {
    font-size: clamp(16px, -13.35px + 3.8168vw, 21px);
}

.s #summergift_art_lower .item h3 span {
    font-size: 4.8vw;
}

#summergift_art_lower .item_anchor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 12px 20px 12px;

}

.s #summergift_art_lower .item_anchor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 2.666vw 0;
    line-height: 1;
}

#summergift_art_lower .item_anchor li {
    width: 33.333%;
    background-image: url(../../../img/usr/genre/rA15003/2026/anc_bg.png);
    aspect-ratio: 584 / 414;
    background-size: 100%;
}

.s #summergift_art_lower .item_anchor li {
    width: 50%;
    margin: 0 -1vw;
}

#summergift_art_lower .item_anchor li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

#summergift_art_lower .item_anchor_title {
    color: var(--CommonColorWhite);
    font-family: var(--TitleFont);
    font-weight: var(--BaseFontBold);
    text-align: center;
    line-height: 1.2;
    font-size: clamp(20px, -3.48px + 3.0534vw, 24px);
}

.s #summergift_art_lower .item_anchor_title {
    font-size: 4vw;
    line-height: 1.1;
    letter-spacing: -1.8px;
}

#summergift_art_lower .item_anchor_title span {
    font-weight: var(--BaseFontRegular);
    font-size: clamp(11px, -0.74px + 1.5267vw, 13px);
}

.s #summergift_art_lower .item_anchor_title span {
    font-size: 2.66vw;
    letter-spacing: -0.2vw;
}

#summergift_art_lower .item_anchor_cross {
    max-width: 12px;
    padding: 6px 0;
}

.s #summergift_art_lower .item_anchor_cross {
    max-width: 1.86vw;
    display: grid;
    padding: 1.6vw 0;
}


/* --------------
	anc1
-----------------*/
#summergift_art_lower .anc1 .item_anchor_title {
    letter-spacing: 3px;
}

#summergift_art_lower .anc1 .item_anchor_title span {
    letter-spacing: 0;
}

#summergift_art_lower .anc1 .item_anchor_logo {
    max-width: 152px;
    transform: translateY(-5px);
}

.s #summergift_art_lower .anc1 .item_anchor_logo {
    max-width: 25.6vw;
    transform: translateY(-1.33vw);
}

/* --------------
	anc2
-----------------*/
#summergift_art_lower .anc2 a {
    transform: translateY(-12px);
}

.s #summergift_art_lower .anc2 a {
    transform: translateY(-1.2vw);
}

.s #summergift_art_lower .anc2 .item_anchor_cross {
    transform: translateY(-1.2vw);
}

#summergift_art_lower .anc2 .item_anchor_logo {
    max-width: 71px;
}

.s #summergift_art_lower .anc2 .item_anchor_logo {
    max-width: 12vw;
    transform: translateY(-1.2vw);
}

/* --------------
	anc3
-----------------*/
#summergift_art_lower .anc3 a {
    transform: translateY(-12px);
}

.s #summergift_art_lower .anc3 a {
    transform: translateY(-1.2vw);
}

#summergift_art_lower .anc3 .item_anchor_logo {
    max-width: 155px;
}

.s #summergift_art_lower .anc3 .item_anchor_logo {
    max-width: 26.13vw;
}

/* --------------
	anc4
-----------------*/
#summergift_art_lower .anc4 a {
    transform: translateY(-12px);
}

.s #summergift_art_lower .anc4 a {
    transform: translateY(-2.4vw);
}

#summergift_art_lower .anc4 .item_anchor_title {
    font-size: 20px;
}

.s #summergift_art_lower .anc4 .item_anchor_title {
    font-size: 4vw;
}

.s #summergift_art_lower .anc4 .item_anchor_cross {
    transform: translateY(-1.2vw);
}

#summergift_art_lower .anc4 .item_anchor_logo {
    max-width: 125px;
}

.s #summergift_art_lower .anc4 .item_anchor_logo {
    max-width: 19.06vw;
    transform: translateY(-1.2vw);
}

/* --------------
	anc5
-----------------*/
#summergift_art_lower .anc5 a {
    transform: translateY(-12px);
}

.s #summergift_art_lower .anc5 a {
    transform: translateY(-1.2vw);
}

#summergift_art_lower .anc5 .item_anchor_title {
    font-size: 20px;
}

.s #summergift_art_lower .anc5 .item_anchor_title {
    font-size: 4vw;
}

.s #summergift_art_lower .anc5 .item_anchor_cross {
    transform: translateY(-1vw);
}


#summergift_art_lower .anc5 .item_anchor_logo {
    max-width: 154px;
}

.s #summergift_art_lower .anc5 .item_anchor_logo {
    max-width: 25.86vw;
    transform: translateY(-1.3vw);
}

/* --------------
	anc6
-----------------*/
#summergift_art_lower .anc6 a {
    transform: translateY(-12px);
}

#summergift_art_lower .anc6 .item_anchor_title {
    font-size: clamp(16px, 4.26px + 1.5267vw, 18px);
    letter-spacing: -3px;
}


@media screen and (max-width: 768px) and (min-width: 501px) {


    .s #summergift_art_lower .anc6 .item_anchor_title {
        font-size: 3vw;
        letter-spacing: -4.2px;
    }
}

@media screen and (max-width: 500px) {
    .s #summergift_art_lower .anc6 .item_anchor_title {
        font-size: 3.3vw;
        letter-spacing: -4.2px;
    }
}

#summergift_art_lower .anc6 .item_anchor_title span {
    font-size: clamp(11px, 5.13px + 0.7634vw, 12px);
    letter-spacing: -0.8px;
}

.s #summergift_art_lower .anc6 .item_anchor_title span {
    font-size: 2.46vw;
    letter-spacing: -1.2px;
}

.s #summergift_art_lower .anc5 .item_anchor_cross {
    transform: translateY(-1vw);
}

#summergift_art_lower .anc6 .item_anchor_logo {
    max-width: 165px;
}

.s #summergift_art_lower .anc6 .item_anchor_logo {
    max-width: 27.86vw;
}

#summergift_art_lower .item_btn a {
    display: block;
    width: 100%;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--CommonColorWhite);
    font-family: var(--TitleFont);
    font-weight: var(--BaseFontBold);
    letter-spacing: 0.1px;
}

#summergift_art_lower .item_btn._list a {
    background: url(../../../img/usr/genre/rA15003/2026/btn_list.png);
    aspect-ratio: 866 / 206;
    background-size: 100%;
    max-width: 433px;
    margin-bottom: 50px;
    font-size: 24px;
    position: relative;
    z-index: 0;
}

.s #summergift_art_lower .item_btn._list a {
    max-width: 94.66vw;
    margin-bottom: 6.666vw;
    font-size: 4.8vw;
}

#summergift_art_lower .item_btn._detail a {
    background: url(../../../img/usr/genre/rA15003/2026/btn_detail.png);
    aspect-ratio: 666 / 210;
    background-size: 100%;
    max-width: 333px;
    margin-top: 5px;
    font-size: clamp(16px, -13.35px + 3.8168vw, 21px);
}

.s #summergift_art_lower .item_btn._detail a {
    max-width: 66.66vw;
    margin-top: 1.33vw;
    font-size: 4.8vw;
}

#summergift_art_lower .item_box {
    padding: 0 35px;
}

.s #summergift_art_lower .item_box {
    padding: 0 2vw;
}

#summergift_art_lower .item_box #item1,
#summergift_art_lower .item_box #item2,
#summergift_art_lower .item_box #item3,
#summergift_art_lower .item_box #item4,
#summergift_art_lower .item_box #item5,
#summergift_art_lower .item_box #item6 {
    padding-top: 100px;
    margin-top: -100px;
}



#summergift_art_lower .item_box li {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid var(--CommonColorBlue);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.s #summergift_art_lower .item_box li {
    flex-direction: column;
    gap: 6.133vw;
    padding-bottom: 5.53vw;
    margin-bottom: 10.66vw;
}

#summergift_art_lower .item_box li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#summergift_art_lower .item_box_img {
    flex: 0 0 min(396px, 44vw);
}

.s #summergift_art_lower .item_box_img {
    flex: none;
    width: 100%;
}

#summergift_art_lower .item_box_text {
    letter-spacing: -0.7px;
    font-size: clamp(14px, -6.55px + 2.6718vw, 17.5px);
    line-height: 1.6;
    color: var(--CommonColorGray);
}

.s #summergift_art_lower .item_box_text {
    font-size: 4vw;
}

/* ================================
    Button to Top
================================ */
/* #summergift_art_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_art_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;
}

.block-genre-page-head {
    padding: 0 !important;
}

.block-goods-list--pager-bottom {
    margin: 0;
}