@charset "UTF-8";
/* CSS Information
---------------------------------------------------------------
Site URL:Undefined
File name:lazyload.css
Summary:要素が表示する時に発火するアニメーション一式
Created:2025-07-11
author:96
--------------------------------------------------------------- */
[data-lazyload=""][data-lazytype=up] {
  transform: translateY(2rem);
  opacity: 0;
}

[data-lazyload=""][data-lazytype=up].is-active {
  animation-name: titlePopup;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

[data-lazytype=random] {
  position: relative;
  overflow: clip;
}
[data-lazytype=random] > span {
  opacity: 0;
  position: relative;
  transform: translateY(2rem);
  display: inline-block;
}
[data-lazytype=random].is-active > span {
  animation-name: titlePopup;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

[data-lazyload=child] > * {
  transform: translateY(5rem);
  opacity: 0;
}

[data-lazyload=child][data-lazytype=up].is-active > * {
  animation-name: titlePopup;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes titlePopup {
  0% {
    transform: translateY(2rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/*# sourceMappingURL=lazyload.css.map */