@charset "UTF-8";
.popout {
  overflow: hidden;
  bottom: -100px;
}
.popout span {
  opacity: 0;
  position: relative;
}
.popout_on span {
  animation: popout_anime 1.0s ease-out forwards;
}
@keyframes popout_anime {
  0% {
    bottom: -100px;
    opacity: 0;
  }
  100% {
    bottom: 0px;
    opacity: 1;
  }
}
.fadeout {
  opacity: 0;
}
.fadeout_on {
  animation: 1.0s fadeout_anime ease-in-out forwards;
}
@keyframes fadeout_anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}