/*-------------------------------------index*/
@-webkit-keyframes member-card-slide {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes member-card-slide {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes member-card-down {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes member-card-down {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes member-card-down-name {
  0% {
    -webkit-transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    transform: scale(1) translate(-50%,-50%) rotate(-60deg);
    opacity: 1;
  }
}

@-webkit-keyframes member-card-down-name {
  0% {
    -webkit-transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1.5) translate(-50%,-50%) rotate(-60deg);
    transform: scale(1) translate(-50%,-50%) rotate(-60deg);
    opacity: 1;
  }
}

/*-------------------------------------basic*/

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes appearance {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@-webkit-keyframes appearance {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}



/*-------------------------------------花芽すみれ*/

@-webkit-keyframes kagasu-background {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes kagasu-background {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes kagasu-ribbon {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

/*-------------------------------------花芽なずな*/

@-webkit-keyframes kagana-background {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes kagana-background {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}


@keyframes kagana-ribbon {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes heart {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}