.footer_xeam {
  margin-top: 0px; }

.springsale {
  padding-top: 60px;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    .springsale {
      padding-top: 90px; } }
  @media screen and (min-width: 1162px) {
    .springsale {
      padding-top: 75px; } }
  @media screen and (max-width: 500px) {
    .springsale .width-changer {
      width: 116%;
      margin-left: -8%; } }
  .springsale figure > img {
    width: 100%; }
  .springsale .fv {
    position: relative; }
    .springsale .fv-img {
      width: 100vw;
      margin: 0 auto; }
    .springsale .fv .title {
      position: absolute;
      top: 7%;
      left: 50%;
      transform: translateX(-50%);
      width: 95%; }
      @media screen and (max-width: 500px) {
        .springsale .fv .title {
          top: 4rem;
          width: 68%;
          z-index: 2; } }
    .springsale .fv .bikebody {
      position: absolute;
      top: 18rem;
      left: 50%;
      transform: translateX(-50%);
      width: 95%;
      z-index: 1; }
      @media screen and (max-width: 500px) {
        .springsale .fv .bikebody {
          top: 33%;
          width: 85%; } }
  .springsale .bg_grd {
    background: linear-gradient(180deg, #FFCFDC 0%, #C5EFFF 100%); }
  @media screen and (max-width: 500px) {
    .springsale .gentsuki .head-type-img {
      width: 93%;
      max-width: unset;
      margin-left: 2%; } }
  .springsale .gentsuki-wrap {
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 60px; }
    @media screen and (max-width: 500px) {
      .springsale .gentsuki-wrap {
        width: 78%;
        margin-top: 20px; } }
    .springsale .gentsuki-wrap-inner {
      padding: 40px 40px 0; }
      @media screen and (max-width: 500px) {
        .springsale .gentsuki-wrap-inner {
          padding: 28px 28px 0; } }
      @media screen and (max-width: 500px) {
        .springsale .gentsuki-wrap-inner .alert {
          font-size: 10px; } }
    .springsale .gentsuki-wrap .gap {
      margin-top: 80px; }
      @media screen and (max-width: 500px) {
        .springsale .gentsuki-wrap .gap {
          margin-top: 28px; } }
    .springsale .gentsuki-wrap .btm {
      padding-bottom: 40px; }
      @media screen and (max-width: 500px) {
        .springsale .gentsuki-wrap .btm {
          padding-bottom: 28px; } }
  .springsale .spec {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px; }
    @media screen and (max-width: 500px) {
      .springsale .spec {
        width: 78%;
        margin: 0 auto;
        margin-top: 20px; } }
  .springsale .buy {
    padding: 20px 0 120px; }
    @media screen and (max-width: 500px) {
      .springsale .buy {
        padding: 0 0 40px; } }
    .springsale .buy-wrap {
      max-width: 1000px;
      margin: 0 auto; }
    .springsale .buy .cta-btn {
      width: 66%; }
  .springsale .cta {
    margin-top: -3rem;
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 500px) {
      .springsale .cta {
        margin-top: -1rem; } }
    .springsale .cta-btn {
      display: block;
      width: 60%;
      margin: 0 auto;
      transition: 0.6s ease;
      transform: scale(1);
      cursor: pointer; }
      @media screen and (max-width: 500px) {
        .springsale .cta-btn {
          width: 75%; } }
      .springsale .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%; } }

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