/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pane-left-menu {
    display: none;
}

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

:root {
    --CommonColorBlue: rgba(0, 126, 239, 1);
    --CommonColorLightBlue: rgba(207, 236, 250, 1);
    --CommonColorNavy: rgba(0, 47, 79, 1);
    --CommonColorYellow: rgba(255, 252, 136, 1);
    --CommonColorGray: rgba(204, 210, 214, 1);
    --CommonColorWhite: rgba(255, 255, 255, 1);
    --CommonColorBlack: rgba(0, 0, 0, 1);
    --CommonColorBtn: rgba(32, 148, 211, 1);

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

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

#summergift_buyer img,
#summergift_buyer_lower img {
    width: 100%;
}

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

#summergift_buyer a:hover,
#summergift_buyer_lower a:hover {
    opacity: 0.7;
}

.block-icon {
    height: 19px;
}
.block-goods-list--pager-bottom{margin: 20px 0 0;}

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

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

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

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

/* ================================
    Page Lower
================================ */

#summergift_buyer_lower .item {
    background: var(--CommonColorLightBlue);
    margin-bottom: 50px;
    padding-bottom: 64px;
}

.s .s #summergift_buyer_lower .item {
    padding-bottom: 8vw;
    margin-bottom: 8vw;
}

#summergift_buyer_lower .item_section {
    background: url(../../../img/usr/genre/rA150/2026/h2.png) top center no-repeat;
    aspect-ratio: 1800 / 294;
    width: 100%;
    background-size: 100%;
    margin-bottom: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s #summergift_buyer_lower .item_section {
    background: url(../../../img/usr/genre/rA150/2026/h2_sp.png) top center no-repeat;
    aspect-ratio: 750 / 184;
    background-size: 100%;
    margin-bottom: 5.06vw;
}

#summergift_buyer_lower .item h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--CommonColorYellow);
    font-size: 32px;
    font-weight: var(--BaseFontBold);
    transform: translateY(-17%);
    line-height: 1.3;
    width: 100%;
}

.s #summergift_buyer_lower .item h2 {
    font-size: 5.52vw;
}

#summergift_buyer_lower .item h2._first span {
    max-width: 189px;
    margin-right: 1%;
    transform: translateY(-10%);
}

.s #summergift_buyer_lower .item h2._first span {
    max-width: 31.4vw;

}

#summergift_buyer_lower .item h2._second {
    flex-direction: column;
    font-size: 30px;
    transform: translateY(-18%);
}

.s #summergift_buyer_lower .item h2._second {
    font-size: 4.8vw;
}

#summergift_buyer_lower .item h2._second span {
    position: relative;
}

#summergift_buyer_lower .item h2._second span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    margin: auto;
    aspect-ratio: 26 / 53;
    width: 13px;
    background: url(../../../img/usr/genre/rA150/2026/icon_bar_l.png) center no-repeat;
    background-size: 100%;
}

.s #summergift_buyer_lower .item h2._second span::before {
    left: -3vw;
    width: 1.86vw;
}

#summergift_buyer_lower .item h2._second span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    margin: auto;
    aspect-ratio: 26 / 53;
    width: 13px;
    background: url(../../../img/usr/genre/rA150/2026/icon_bar_r.png) center no-repeat;
    background-size: 100%;
}

.s #summergift_buyer_lower .item h2._second span::after {
    right: -3vw;
    width: 1.86vw;
}


#summergift_buyer_lower .item_box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 30px;
}

.s #summergift_buyer_lower .item_box {
    gap: 2.66vw;
    padding: 0 4.39vw;
}

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

.s #summergift_buyer_lower .item_box li {
    width: calc((100% - 2.66vw) / 2);
}

#summergift_buyer_lower .item_box li img {
    box-shadow: 0 0 10px 2px rgba(14, 158, 230, 0.5);
}


/* ================================
        Slider
================================ */
#summergift_buyer_lower .item_slider_area {
    position: relative;
}

#summergift_buyer_lower .item_slider {
    padding: 0 23px;
    margin-bottom: 60px;
}

.s #summergift_buyer_lower .item_slider {
    padding: 0;
    margin-bottom: 13.33vw;
}

#summergift_buyer_lower .slick-slide {
    height: auto;
    padding: 0 20px;
}

.s #summergift_buyer_lower .slick-slide {
    padding: 0 5.333vw;
}

#summergift_buyer_lower .item_slider_prev,
#summergift_buyer_lower .item_slider_next {
    border: none;
    outline: none;
    display: block;
    position: absolute;
    top: 0;
    padding: 0;
    width: 24px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
}

.s #summergift_buyer_lower .item_slider_prev,
.s #summergift_buyer_lower .item_slider_next {
    width: 6.93vw;
}

#summergift_buyer_lower .item_slider_prev {
    left: min(301px, 33.44vw);
}

.s #summergift_buyer_lower .item_slider_prev {
    left: 9.7vw;
}

#summergift_buyer_lower .item_slider_next {
    right: min(301px, 33.44vw);
}

.s #summergift_buyer_lower .item_slider_next {
    right: 9.7vw;
}

#summergift_buyer_lower .item_slider_prev:hover,
#summergift_buyer_lower .item_slider_next:hover {
    background-color: rgba(255, 255, 255, 1);
}

.s #summergift_buyer_lower .item_slider_prev:hover,
.s #summergift_buyer_lower .item_slider_next:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#summergift_buyer_lower .item_slider_prev img,
#summergift_buyer_lower .item_slider_next img {
    width: 14px;
    height: 20px;
}

.s #summergift_buyer_lower .item_slider_prev img,
.s #summergift_buyer_lower .item_slider_next img {
    width: 3.2vw;
    height: 4.53vw;
}

#summergift_buyer_lower .item_slider_pager {
    display: flex;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: max(-25px, -2.77vw);
    width: 100%;
    list-style: none;
}

.s #summergift_buyer_lower .item_slider_pager {
    bottom: -5vw;
}

#summergift_buyer_lower .item_slider_pager li {
    width: 7px;
    height: 7px;
    margin: 0 3px;
    background: var(--CommonColorGray);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.s #summergift_buyer_lower .item_slider_pager li {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 0.66vw;
}

#summergift_buyer_lower .item_slider_pager li:hover,
#summergift_buyer_lower .item_slider_pager li.slick-active {
    background: var(--CommonColorNavy);
}

#summergift_buyer_lower .item_slider_pager li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

/* ================================
    Button to Top
================================ */
/* #summergift_buyer_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_buyer_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--goods {
    max-width: 900px;
    margin: 0 auto;
}

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