@charset "utf-8";
/*------------------------------------------------------------
    special2025 only
------------------------------------------------------------*/

@media all and (max-width: 519px) {
    .special.special2025_250714 .content_wrapper.-light.last {
        overflow: hidden;
    }
}

/* content_wrapper bg */
.special.special2025_250714 .campaign_acc .content_wrapper.-gray {
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    padding-bottom: 12.7rem;
    background-color: #363636;
    background: #1D1D1D url(../../special2025/images/bg_gray.png) repeat top 1.8rem left / 12.1rem;
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .content_wrapper.-gray {
        padding-bottom: 11.6rem;
        background-position: top -0.9rem left -1.7rem;
    }
}

/* kv_area */
.special.special2025_250714 .campaign_acc .kv_area .-img {
    width: 65rem;
    padding-top: 7.6rem;
    margin: auto;
}

.special.special2025_250714 .campaign_acc .kv_area .-lead {
    margin-top: 7.6rem;
    font-size: 2.4rem;
    line-height: 2.05;
    text-align: center;
}


.special.special2025_250714 .campaign_acc .kv_area .-lead>.indent_list {
    font-size: inherit;
    font-weight: 700;
    color: #ff0000;
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .kv_area .-img {
        width: 100%;
    }

    .special.special2025_250714 .campaign_acc .kv_area .-lead {
        margin-top: 5.5rem;
        font-size: 2rem;
        line-height: 1.8;
        padding: 0 3.4rem;
    }
}

/* border_corners_base */
.special.special2025_250714 .campaign_acc .border_corners {
    position: relative;
    background: #000;
    margin-top: 16.7rem;
    padding: 10.1rem 4.5rem 9.7rem;
    border: 0.5rem solid #797979;
}

.special.special2025_250714 .campaign_acc .border_corners .border_corners-left_top,
.special.special2025_250714 .campaign_acc .border_corners .border_corners-right_top,
.special.special2025_250714 .campaign_acc .border_corners .border_corners-left_bottom,
.special.special2025_250714 .campaign_acc .border_corners .border_corners-right_bottom {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border: 0.5rem solid #fff;
}

.special.special2025_250714 .campaign_acc .border_corners .border_corners-left_top {
    top: -0.5rem;
    left: -0.5rem;
    border-bottom: none;
    border-right: none;
}

.special.special2025_250714 .campaign_acc .border_corners .border_corners-right_top {
    top: -0.5rem;
    right: -0.5rem;
    border-bottom: none;
    border-left: none;
}

.special.special2025_250714 .campaign_acc .border_corners .border_corners-left_bottom {
    bottom: -0.5rem;
    left: -0.5rem;
    border-top: none;
    border-right: none;
}

.special.special2025_250714 .campaign_acc .border_corners .border_corners-right_bottom {
    bottom: -0.5rem;
    right: -0.5rem;
    border-top: none;
    border-left: none;
}

.special.special2025_250714 .campaign_acc .border_corners .-title {
    position: absolute;
    max-width: 108.4rem;
    margin: auto;
    right: 0;
    left: 0;
}

.special.special2025_250714 .campaign_acc .border_corners .btn_area {
    margin-top: 7.8rem;
}

.special.special2025_250714 .campaign_acc .border_corners .btn_area .link_list .item {
    text-align: center;
}

.special.special2025_250714 .campaign_acc .border_corners .img_btn-lg {
    display: inline-block;
    width: 100%;
    max-width: 95.7rem;
    color: transparent;
    line-height: 10rem;
    background: url(../../special2025/images/btn_introduction.png) no-repeat top center / contain;
}

@media all and (min-width: 520px) {
    .special.special2025_250714 .campaign_acc .border_corners .img_btn-lg:hover {
        background: url(../../special2025/images/btn_introduction_hover.png) no-repeat top center / contain;
    }
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .border_corners {
        margin-top: 11.4rem;
        padding: 7.8rem 1.5rem 4.4rem;
        border: 0.5rem solid #797979;
    }

    .special.special2025_250714 .campaign_acc .border_corners .border_corners-left_top {
        display: none;
    }

    .special.special2025_250714 .campaign_acc .border_corners .border_corners-right_top {
        display: none;
    }

    .special.special2025_250714 .campaign_acc .border_corners .-title {
        width: calc(100% + 1.4rem);
        left: -0.9rem;
    }

    .special.special2025_250714 .campaign_acc .border_corners .btn_area {
        margin-top: 3.8rem;
    }

    .special.special2025_250714 .campaign_acc .border_corners .img_btn-lg {
        max-width: none;
        line-height: 1;
        height: 9rem;
        background: url(../../special2025/images/btn_introduction_sp.png) no-repeat top center / contain;
    }
}

/* mega */
.special.special2025_250714 .campaign_acc .mega .-title {
    top: -7.1rem;
}

.special.special2025_250714 .campaign_acc .mega .-lead {
    font-size: 2rem;
    line-height: 1.95;
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .mega .-title {}

    .special.special2025_250714 .campaign_acc .mega .-lead {
        font-size: 1.6rem;
        line-height: 2;
    }
}

/* evolution_flow */
.special.special2025_250714 .campaign_acc .mega .evolution_flow {
    padding: 0 3.2rem;
    margin-top: 6.3rem;
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .mega .evolution_flow {
        padding: 0 1.2rem;
        margin-top: 1.8rem;
    }
}

/* condition_area */
.special.special2025_250714 .campaign_acc .mega .condition_area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.4rem;
    padding: 3.5rem 4.5rem;
    background: linear-gradient(0deg, rgba(57, 57, 57, 1) 0%, rgba(113, 113, 113, 1) 100%);
    clip-path: polygon(2.8rem 0, 100% 0, 100% calc(100% - 2.8rem), calc(100% - 2.8rem) 100%, 0 100%, 0 2.8rem);
}

.special.special2025_250714 .campaign_acc .mega .condition_area .inner_block {
    padding: 0.1rem 2.5rem 1.5rem;
    margin: 0 2.5rem;
    order: 2;
    border-right: 1px dotted #fff;
    border-left: 1px dotted #fff;
}

.special.special2025_250714 .campaign_acc .mega .condition_area .inner_block .-sub_title {
    max-width: 33.6rem;
    margin: 0 auto 1.6rem;
}

.special.special2025_250714 .campaign_acc .mega .condition_area .inner_block .condition_list {
    font-size: 1.6rem;
    line-height: 1.85;
}

.special.special2025_250714 .campaign_acc .mega .condition_area .keystone {
    order: 1;
    max-width: 9.5rem;
}

.special.special2025_250714 .campaign_acc .mega .condition_area .megastone {
    order: 3;
    max-width: 9.5rem;
}

.special.special2025_250714 .campaign_acc .mega .sub_lead {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.75;
    margin: 3rem auto 0;
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .mega .condition_area {
        flex-wrap: wrap;
        margin-top: 3.8rem;
        padding: 2.2rem 1.2rem;
    }

    .special.special2025_250714 .campaign_acc .mega .condition_area .inner_block {
        order: 1;
        padding: 0;
        margin: 0;
        border-right: none;
        border-left: none;
    }

    .special.special2025_250714 .campaign_acc .mega .condition_area .inner_block .-sub_title {
        max-width: 21.6rem;
        margin: 0 auto 2rem;
    }

    .special.special2025_250714 .campaign_acc .mega .condition_area .inner_block .condition_list {
        font-size: 1.5rem;
        line-height: 1.85;
    }

    .special.special2025_250714 .campaign_acc .mega .condition_area .keystone {
        order: 2;
        box-sizing: content-box;
        flex-shrink: 0;
        width: 6.8rem;
        padding-top: 1rem;
        padding-right: 5.1rem;
        margin-right: 5.1rem;
        border-right: 1px dotted #fff;
    }

    .special.special2025_250714 .campaign_acc .mega .condition_area .megastone {
        order: 3;
        width: 6.8rem;
        padding-top: 1rem;
        max-width: 9.5rem;
    }

    .special.special2025_250714 .campaign_acc .mega .sub_lead {
        font-size: 1.3rem;
    }
}

/* introduction_area */
.special.special2025_250714 .campaign_acc .mega .introduction_area {}

.special.special2025_250714 .campaign_acc .mega .introduction_area .-sub_title {
    max-width: 59.4rem;
    margin: 10.2rem auto 5.8rem;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .carousel_wrapper {
    display: flex;
    gap: 0 1.4rem;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .main_view {
    width: 67.2rem;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs {
    width: 39.8rem;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li {
    position: relative;
    width: 12.6rem;
    aspect-ratio: 1 / 1;
    transition: 0.3s;
    background: #fff url(../../special2025/images/carousel/bg_thumb.png) no-repeat top left / contain;
    cursor: pointer;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li.current {
    background: #fff url(../../special2025/images/carousel/bg_thumb_current.png) no-repeat top left / contain;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li.none {
    background: transparent;
    pointer-events: none;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li::before,
.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    border: 0.4rem solid #fff;
    transition: 0.3s;
    top: 0;
    left: 0;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li::after {
    border: none;
    opacity: 0;
    background: url(../../special2025/images/carousel/border_thumb_hover.png) no-repeat top left / contain;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li.current::after {
    opacity: 1;
    background: url(../../special2025/images/carousel/border_thumb_hover.png) no-repeat top left / contain;
}

.special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li.none:before {
    border: none;
}

@media all and (min-width: 520px) and (max-width: 1247px) {
    .special.special2025_250714 .campaign_acc .mega .introduction_area .main_view {
        width: 61.993%;
        max-width: 672px;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs {
        width: 36.717%;
        max-width: 398px;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list {
        height: 100%;
        justify-content: space-between;
        align-content: space-between;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li {
        width: calc((100% - 2rem) / 3);
    }
}

@media all and (min-width: 520px) {
    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li:hover::after {
        opacity: 1;
    }
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .mega .introduction_area .-sub_title {
        margin: 3rem auto 2.8rem;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .carousel_wrapper {
        flex-direction: column;
        gap: 1.2rem;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .main_view,
    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs {
        width: 100%;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list {
        width: 32rem;
        gap: 0.5rem;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li {
        width: 6rem;
    }

    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li::before,
    .special.special2025_250714 .campaign_acc .mega .introduction_area .thumbs .thumbs_list>li::after {
        border-width: 0.2rem;
    }
}

/* shopping */
.special.special2025_250714 .campaign_acc .shopping {
    margin-top: 18.7rem;
    padding-top: 13.6rem;
    padding-bottom: 8.6rem;
}

.special.special2025_250714 .campaign_acc .shopping .-title {
    top: -9.4rem;
}

.special.special2025_250714 .campaign_acc .shopping .-img {
    max-width: 80rem;
    margin: 0 auto 7.7rem;
}

.special.special2025_250714 .campaign_acc .shopping .-txt {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.95;
    margin-bottom: 2.5rem;
}


.special.special2025_250714 .campaign_acc .shopping .-txt>.indent_list {
    font-size: inherit;
    font-weight: 700;
    color: #ff0000;
}

.special.special2025_250714 .campaign_acc .shopping .indent_list {
    font-size: 1.5rem;
    line-height: 1.95;
}

.special.special2025_250714 .campaign_acc .shopping .note_list {
    margin-top: 5.1rem;
    padding: 4.2rem 4.2rem 4.6rem 6.6rem;
    background-color: #262626;
    border: 1px solid #717171;
    font-weight: 500;
    line-height: 2;
}

.special.special2025_250714 .campaign_acc .shopping .btn_area {
    margin-top: 5.6rem;
}

.special.special2025_250714 .campaign_acc .shopping .img_btn-lg {
    width: 83rem;
    background: url(../../special2025/images/btn_shopping.png) no-repeat top center / contain;
}

@media all and (min-width: 520px) {
    .special.special2025_250714 .campaign_acc .shopping .img_btn-lg:hover {
        background: url(../../special2025/images/btn_shopping_hover.png) no-repeat top center / contain;
    }
}

@media all and (max-width: 519px) {
    .special.special2025_250714 .campaign_acc .shopping {
        margin-top: 10rem;
        padding-top: 6.8rem;
        padding-bottom: 4.8rem;
    }

    .special.special2025_250714 .campaign_acc .shopping .-title {
        top: -7.4rem;
    }

    .special.special2025_250714 .campaign_acc .shopping .-img {
        margin-bottom: 4.6rem;
    }

    .special.special2025_250714 .campaign_acc .shopping .-txt {
        font-size: 1.6rem;
        line-height: 2;
        margin-bottom: 0;
    }

    .special.special2025_250714 .campaign_acc .shopping .indent_list {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .special.special2025_250714 .campaign_acc .shopping .note_list {
        margin-top: 2.4rem;
        padding: 1.9rem 1.6rem 1.9rem 3.2rem;
        line-height: 1.67;
    }

    .special.special2025_250714 .campaign_acc .shopping .btn_area {
        margin-top: 3.1rem;
    }

    .special.special2025_250714 .campaign_acc .shopping .img_btn-lg {
        width: 100%;
        background: url(../../special2025/images/btn_shopping_sp.png) no-repeat top center / contain;
    }
}

/* end */