@charset "UTF-8";
.btn-anime {
  position: relative;
}

.yureru-s {
  animation: yureru-s 2s infinite;
}

@keyframes yureru-s {
  0% {
    transform: translate(2px, 0px);
  }
  5% {
    transform: translate(-2px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  15% {
    transform: translate(-2px, 0px);
  }
  20% {
    transform: translate(2px, 0px);
  }
  25% {
    transform: translate(-2px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
.pekopeko {
  animation: pekopeko 2s infinite;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
}

@keyframes pekopeko {
  0% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
  10% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    top: 3px;
  }
  20% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
  30% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    top: 3px;
  }
  40% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
}
.marker {
  padding: 0 5px;
  background-image: linear-gradient(#fffdbc, #fffdbc);
  background-size: 0 50%;
  /*幅をゼロにしておく*/
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: 0.8s;
}
.marker.active {
  background-size: 100% 50%;
}/*# sourceMappingURL=animation.css.map */