.footer_xeam {
    margin-top: 0px;
}

.summersale {
    padding-top: 60px;
    overflow: hidden;
}

@media screen and (min-width: 960px) {
    .summersale {
        padding-top: 90px;
    }
}

@media screen and (min-width: 1162px) {
    .summersale {
        padding-top: 75px;
    }
}

@media screen and (max-width: 500px) {
    .summersale .width-changer {
        width: 116%;
        margin-left: -8%;
    }
}

.summersale figure>img {
    width: 100%;
}

.summersale .fv {
    position: relative;
}

.summersale .fv-img {
    width: 100vw;
    margin: 0 auto;
}

.summersale .fv .title {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
}

@media screen and (max-width: 500px) {
    .summersale .fv .title {
        top: 2rem;
        width: 60%;
        z-index: 2;
    }
}

.summersale .fv .bikebody {
    position: absolute;
    top: 18rem;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    z-index: 1;
}

@media screen and (max-width: 500px) {
    .summersale .fv .bikebody {
        top: 38%;
        width: 78%;
    }
}

.summersale .bg_grd {
    background: linear-gradient(180deg, #90DBE3 0%, #FFFA82 100%);
}

@media screen and (max-width: 500px) {
    .summersale .gentsuki .head-type-img {
        width: 93%;
        max-width: unset;
        margin-left: 2%;
    }
}

.summersale .gentsuki-wrap {
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
}

@media screen and (max-width: 500px) {
    .summersale .gentsuki-wrap {
        width: 78%;
        margin-top: 20px;
    }
}

.summersale .gentsuki-wrap-inner {
    padding: 40px 40px 0;
}


@media screen and (max-width: 500px) {
    .summersale .gentsuki-wrap-inner {
        padding: 28px 28px 0;
    }
}

.summersale .gentsuki-wrap-inner .alert{
    text-align: center;
}

@media screen and (max-width: 500px) {
    .summersale .gentsuki-wrap-inner .alert{
        margin-top: 8px;
        font-size: 10px;
    }
}

.summersale .gentsuki-wrap .gap {
    margin-top: 80px;
}

@media screen and (max-width: 500px) {
    .summersale .gentsuki-wrap .gap {
        margin-top: 28px;
    }
}

.summersale .gentsuki-wrap .btm {
    padding-bottom: 40px;
}

@media screen and (max-width: 500px) {
    .summersale .gentsuki-wrap .btm {
        padding-bottom: 28px;
    }
}

.summersale .spec {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}

@media screen and (max-width: 500px) {
    .summersale .spec {
        width: 78%;
        margin: 0 auto;
        margin-top: 20px;
    }
}

.summersale .buy {
    padding: 20px 0 120px;
}

@media screen and (max-width: 500px) {
    .summersale .buy {
        padding: 0 0 40px;
    }
}

.summersale .buy-wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.summersale .buy .cta-btn {
    width: 66%;
}

.summersale .cta {
    margin-top: -3rem;
    position: relative;
    z-index: 5;
}

@media screen and (max-width: 500px) {
    .summersale .cta {
        margin-top: -1rem;
    }
}

.summersale .cta-btn {
    display: block;
    width: 60%;
    margin: 0 auto;
    transition: 0.6s ease;
    transform: scale(1);
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .summersale .cta-btn {
        width: 75%;
    }
}

.summersale .cta-btn:hover {
    transform: scale(1.2);
    transition: 0.6s ease;
}

.caution {
    padding: 2rem 0;
    background: #ccc;
}

.bike-link {
    cursor: pointer;
}

.scrollElement {
    opacity: 0;
    transform: translateY(200px);
}

.scrollElement.animateOfEach {
    opacity: 1;
    transform: translateY(0);
    transition: ease 0.8s;
}

.for-sp {
    display: none;
}

@media screen and (max-width: 500px) {
    .for-sp {
        display: block;
    }
}

.for-pc {
    display: block;
}

@media screen and (max-width: 500px) {
    .for-pc {
        display: none;
    }
}

.width-changer-2 {
    width: 85%;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .width-changer-2 {
        width: 100%;
    }
}

.color_2 {
    width: 70%;
    margin: 80px auto 0;
}

.mt-1 {
    margin-top: -1px;
}

section.gentsuki {
    padding: 30px 0;
}
.pt0{padding-top: 0!important;}



/*# sourceMappingURL=240419_2024summersale3.css.map */