@charset "utf-8";

/*------------------------------------------------------------
    lineup/260402
------------------------------------------------------------*/

@media all and (min-width: 520px) {}

@media all and (max-width: 519px) {}

@media all and (min-width: 520px) {
    .pc_only {
        display: block;
    }

}

@media all and (max-width: 519px) {
    .pc_only {
        display: none;
    }

}

/* base */
.static.special.goods_30th {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}

.static.special.goods_30th .bg_wrapper {
    background-image:
        linear-gradient(90deg, #f2f2f2 1px, transparent 2px, transparent 100%),
        linear-gradient(0deg, #f2f2f2 1px, transparent 2px, transparent 100%);
    background-size: 18px 18px;
}

/* btn */
/* -more */
.static.special.goods_30th .btn.-more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    --border-outer_width: 3px;
    --border-inner_width: 6px;
    --border-outer_color: #000;
    --border-inner_color: #A6AFB5;
    width: 21.5rem;
    height: 4.4rem;
    background-color: #fff;
    border: var(--border-inner_width) solid var(--border-inner_color);
    border-radius: 2.4rem;
}

.static.special.goods_30th .btn.-more>img {
    display: block;
    width: 9.4rem;
    transition: 0.2s;
}

.static.special.goods_30th .btn.-more::before {
    position: absolute;
    content: "";
    width: calc(100% + (var(--border-inner_width) * 2));
    height: calc(100% + (var(--border-inner_width) * 2));
    box-sizing: border-box;
    width: 21.5rem;
    height: 4.4rem;
    border: var(--border-outer_width) solid var(--border-outer_color);
    border-radius: 2.4rem;
    transition: 0.3s;
}

.static.special.goods_30th .btn.-more::after {
    position: absolute;
    content: "";
    width: 0.9rem;
    height: 1.5rem;
    right: 1.6rem;
    transition: 0.3s;
    background: url(../images/arrow.svg) no-repeat center / contain;
}

@media all and (min-width: 520px) {
    .static.special.goods_30th .btn.-more:hover {
        background: #000;
        --border-outer_color: #000;
        --border-inner_color: #000;
    }

    .static.special.goods_30th .btn.-more:hover>img,
    .static.special.goods_30th .btn.-more:hover::after {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(358deg) brightness(103%) contrast(103%);
    }
}

/* content_wrapper -top_divider */
.static.special.goods_30th .content_wrapper.-top_divider {
    position: relative;
}

.static.special.goods_30th .content_wrapper.-top_divider:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    max-width: 1184px;
    height: 1.8rem;
    margin: 12rem auto 8rem;
    background: url(../images/divider.png) no-repeat center top / contain;
}

@media (min-width: 520px) and (max-width: 1247px) {
    .static.special.goods_30th .content_wrapper.-top_divider:before {
        width: calc(100% - 7rem);
        margin-right: 3.5rem;
        margin-left: 3.5rem;
    }
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_wrapper.-top_divider:before {
        width: calc(100% - 3.2rem);
        background-image: url(../images/divider_sp.png);
        height: 1.2rem;
        margin: 4.8rem 1.6rem 3.2rem;
    }
}

.static.special.goods_30th .content_wrapper.-top_divider .content_block .-title {
    width: calc(var(--title_width) / 2);
    text-align: center;
}

/* content_wrapper last */
.static.special.goods_30th .content_wrapper.last {
    margin-top: 12rem;
    background-color: #FFE100;
    padding: 8rem 0;
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_wrapper.last {
        margin-top: 8rem;
        padding: 2.2rem 0;
    }
}

/* kv_area */
.static.special.goods_30th .kv_area {
    margin: auto;
}

/* anchor_list */

.static.special.goods_30th .anchor_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.4rem 7.2rem;
    margin: 5.6rem auto;
}



.static.special.goods_30th .anchor_list .item img {
    max-height: 5.3rem;
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .anchor_list {
        margin: 4rem auto;
    }
}

@media all and (min-width: 520px) {
    .static.special.goods_30th .anchor_list .anchor_btn {
        position: relative;
        display: block;
    }

    .static.special.goods_30th .anchor_list .anchor_btn::before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        aspect-ratio: 1 / 1;
        transition: 0.3s;
        background: url(../images/btn_ball.png) no-repeat center / contain;
    }

    .static.special.goods_30th .anchor_list .anchor_btn:hover::before {
        rotate: 45deg;
    }
}

/*pickup */
.static.special.goods_30th .content_wrapper.pickup {
    position: relative;
    background-position: left top;
    background-repeat: repeat;
    background-size: 5.5rem;
    background-image: url(../images/bg_lead-dark.png);
}

.static.special.goods_30th .content_wrapper.pickup .content_inner {
    display: grid;
    width: 98.6rem;
    margin: auto;
    padding: 7.4rem 0 7rem;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "img title"
        "img txt";
    gap: 0 6.4rem;
}

.static.special.goods_30th .content_wrapper.pickup .-title {
    width: 22.1rem;
    grid-area: title;
    align-self: end;
    margin-bottom: 2.4rem;
}


.static.special.goods_30th .content_wrapper.pickup .-img {
    width: 47rem;
    flex-shrink: 0;
    grid-area: img;
}

.static.special.goods_30th .content_wrapper.pickup .-txt {
    color: #fff;
    font-size: 1.4rem;
    grid-area: txt;
}

.static.special.goods_30th .content_wrapper.pickup .-txt .-sub_title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}

.static.special.goods_30th .content_wrapper.pickup .-txt .btn {
    margin-top: 3.2rem;
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_wrapper.pickup .content_inner {
        width: auto;
        padding: 4.2rem 0;
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "img"
            "txt";
        gap: 0;
    }

    .static.special.goods_30th .content_wrapper.pickup .-title {
        width: 18.8rem;
        margin: auto;
        margin-bottom: 3.2rem;
    }


    .static.special.goods_30th .content_wrapper.pickup .-img {
        width: 32rem;
        margin: auto;
        margin-bottom: 2.4rem;
    }

    .static.special.goods_30th .content_wrapper.pickup .-txt {
        width: 32rem;
        margin: auto;
        text-align: center;
    }

    .static.special.goods_30th .content_wrapper.pickup .-txt .-sub_title {
        font-size: 2rem;
        text-align: center;
    }

    .static.special.goods_30th .content_wrapper.pickup .-txt .btn {
        margin: auto;
        margin-top: 1.6rem;
    }

}

/* history */
.static.special.goods_30th .content_history .-title {
    --title_width: 129.2rem;
    margin: auto;
    margin-bottom: 7rem;
}

.static.special.goods_30th .content_history .-lead {
    width: 22.6rem;
    margin: auto;
    margin-bottom: 6.5rem;
}

.static.special.goods_30th .history_acc {
    border-radius: 1rem;
    overflow: hidden;
}

.static.special.goods_30th .history_acc_block {}

.static.special.goods_30th .history_acc_block.-gb {
    --background-color01: #1d2088;
    --background-color02: #1D1E8B;
    --icon_history: url(../images/icon_gb.png);
    --icon_width: 9.5rem;
}

.static.special.goods_30th .history_acc_block.-ds {
    --background-color01: #9fa0a0;
    --background-color02: #565656;
    --icon_history: url(../images/icon_ds.png);
    --icon_width: 9.5rem;
}

.static.special.goods_30th .history_acc_block.-sw {
    --background-color01: #E60012;
    --background-color02: #C22326;
    --icon_history: url(../images/icon_sw.png);
    --icon_width: 3.8rem;
}

.static.special.goods_30th .history_acc_toggle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.6rem 0;
    background: var(--background-color01);
}

.static.special.goods_30th .history_acc_block .history_acc_toggle>img {
    position: relative;
}

.static.special.goods_30th .history_acc_block.-gb .history_acc_toggle>img {
    max-width: calc(39rem / 2);
    left: -1rem;
}

.static.special.goods_30th .history_acc_block.-ds .history_acc_toggle>img {
    max-width: calc(41rem / 2);
    left: -0.4rem;
}

.static.special.goods_30th .history_acc_block.-sw .history_acc_toggle>img {
    max-width: calc(40.3rem / 2);
    left: 0.1rem;
}

.static.special.goods_30th .history_acc_toggle::before {
    content: "";
    position: absolute;
    left: 2.4rem;
    width: var(--icon_width);
    height: 4rem;
    background: var(--icon_history) no-repeat left center / contain;
}

.static.special.goods_30th .history_acc_toggle::after {
    content: "";
    position: absolute;
    right: 5rem;
    aspect-ratio: 1 / 1;
    width: 32px;
    background: url(../images/icon_plus.svg) no-repeat center / contain;
}

.static.special.goods_30th .history_acc_toggle.on::after {
    background-image: url(../images/icon_minus.svg);
}

.static.special.goods_30th .history_acc_item {
    display: none;
}


.static.special.goods_30th .history_acc_inner {}

.static.special.goods_30th .history_acc_inner .col2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5.6rem 0;
    gap: 1.6rem 12rem;
    color: #fff;
    font-size: 1.8rem;
    background-color: var(--background-color01);
    /* background-image: linear-gradient(-90deg, var(--background-color01) 0%, var(--background-color02) 100%); */
}

.static.special.goods_30th .history_acc_inner .col2.-even {
    flex-direction: row-reverse;
    /* background-image: linear-gradient(90deg, var(--background-color01) 0%, var(--background-color02) 100%); */

}

.static.special.goods_30th .history_acc_inner .col2::before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: url(../images/icon_ball.svg) no-repeat center / contain, var(--background-color01);
    z-index: 2;
}

.static.special.goods_30th .history_acc_inner .col2::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 1;
}

.static.special.goods_30th .history_acc_block.-gb .history_acc_inner .col2:first-child::after {
    height: 50%;
    bottom: 0;
}

.static.special.goods_30th .history_acc_inner .col2>div {
    width: 36.9rem;
}

.static.special.goods_30th .history_acc_inner .col2 .list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 2.4rem;
}

.static.special.goods_30th .history_acc_inner .col2 .list>li {
    position: relative;
    line-height: 1.445;
    padding-left: 1.8rem;
}

.static.special.goods_30th .history_acc_inner .col2 .list>li::before {
    content: "";
    position: absolute;
    display: block;
    width: 1rem;
    aspect-ratio: 1 / 1;
    background: #fff;
    top: calc((1lh - 1rem) / 2);
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_history .-title {
        --title_width: 46.4rem;
        margin-bottom: 5rem;
    }

    .static.special.goods_30th .history_acc {
        width: calc(100% + 1.6rem);
        margin-left: -0.8rem;
    }

    .static.special.goods_30th .history_acc_block.-gb .history_acc_toggle>img {
        width: 13rem;
        left: -0.6rem;
    }

    .static.special.goods_30th .history_acc_block.-ds .history_acc_toggle>img {
        width: 13.7rem;
        left: -0.2rem;
    }

    .static.special.goods_30th .history_acc_block.-sw .history_acc_toggle>img {
        width: 13.5rem;
        left: 0.1rem;
    }


    .static.special.goods_30th .history_acc_toggle::before {
        height: 2.4rem;
        right: 1.6rem;
    }

    .static.special.goods_30th .history_acc_toggle::after {
        width: 2rem;
        right: 2.8rem;
    }

    .static.special.goods_30th .history_acc_inner .col2,
    .static.special.goods_30th .history_acc_inner .col2.-even {
        background: var(--background-color01);
        flex-direction: column;
        padding: 4rem 0;
    }

    .static.special.goods_30th .history_acc_inner .col2::before {
        top: 11.9rem;
        left: 2.4rem;
    }

    .static.special.goods_30th .history_acc_inner .col2::after {
        left: 3.4rem;
    }

    .static.special.goods_30th .history_acc_block.-gb .history_acc_inner .col2:first-child::after {
        height: calc(100% - 13rem);
    }

    .static.special.goods_30th .history_acc_inner .col2>div {
        width: 28.5rem;
        padding-left: 1.5rem;
    }

    .static.special.goods_30th .history_acc_inner .col2 .list {
        margin-bottom: 1.6rem;
    }

    .static.special.goods_30th .history_acc_inner .col2 .list>li {
        font-size: 1.6rem;
    }
}

/* item */

.static.special.goods_30th .content_item {}

.static.special.goods_30th .content_item .-title {
    --title_width: 91rem;
    margin: auto;
    margin-bottom: 6.5rem;
}

.static.special.goods_30th .content_item .items {}

.static.special.goods_30th .content_item .items .item_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6.4rem 4rem;
}

.static.special.goods_30th .content_item .item_list>li {
    display: flex;
    flex-direction: column;
    width: 42.5rem;
    padding: 2.6rem;
    border: 2px solid #E5E5E5;
    border-radius: 0.8rem;
    background: #F7F7F7;
    box-shadow: 0px 4px 4px rgba(96, 96, 96, 0.2);
}

.static.special.goods_30th .content_item .item_list .-img img {
    border-radius: 0.8rem;
}

.static.special.goods_30th .content_item .item_list .-txt {
    padding: 0 1.2rem;
    color: #6E6E6E;
    font-size: 1.4rem;
    margin: 1.6rem auto 2.4rem;
}

.static.special.goods_30th .content_item .item_list .-txt .name {
    color: #000;
    font-size: 1.8rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 0.8rem;
}

.static.special.goods_30th .content_item .item_list .btn {
    margin: auto auto 0;
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_item .-title {
        --title_width: 49.4rem;
        margin-bottom: 3.2rem;
    }

    .static.special.goods_30th .content_item .items .item_list {
        width: 32rem;
        margin: auto;
        gap: 4rem;
    }

    .static.special.goods_30th .content_item .item_list>li {
        padding: 2.3rem;
    }

    .static.special.goods_30th .content_item .item_list .-txt {
        margin: 2rem auto 1.6rem;
        padding: 0;
        letter-spacing: -0.01em;
    }

    .static.special.goods_30th .content_item .item_list .-txt .name {
        font-size: 1.6rem;
    }
}

/* other */
.static.special.goods_30th .content_other {}

.static.special.goods_30th .content_other .-title {
    --title_width: 121.5rem;
    margin: auto;
    margin-bottom: 5.6rem;
}

.static.special.goods_30th .content_other .-img {
    display: block;
    width: 39rem;
    margin: auto;
    border-radius: 0.8rem;
    box-shadow: 0px 4px 4px rgba(96, 96, 96, 0.2);
    transition: 0.3s;
}

@media all and (min-width: 520px) {
    .static.special.goods_30th .content_other .-img:hover {
        transform: translateY(-1rem);
    }
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .content_other .-title {
        --title_width: 33.4rem;
        margin-bottom: 2.2rem;
    }

    .static.special.goods_30th .content_other .-img {
        width: 28.6rem;
    }
}

/* under_txt */
.static.special.goods_30th .under_txt {
    padding-left: 5rem;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.7);
}

.static.special.goods_30th .under_txt .indent_list {
    margin-top: 0.8rem;
}

@media all and (max-width: 519px) {
    .static.special.goods_30th .under_txt {
        width: 32.3rem;
        margin: auto;
        padding-left: 0;
        font-size: 1.2rem;
    }

}