.FadeIn {
   opacity: 0
}
.fade-in {
  animation: fade-in 1s cubic-bezier(.39, .575, .565, 1.000) both
}

/* ----------------------------------------------
 * Generated by Animista on 2024-2-13 19:57:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes fade-in {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
#story_contents span {
/*  transition: 1s;
  opacity: 0;
  transform: translateY(20px);
  display: block;*/
}
/*
.fade-in #story_contents div:first-child span {
  animation: catch_anime 1s forwards 1s;
}
.fade-in #story_contents div:nth-child(2) span {
  animation: catch_anime 1s forwards 1.1s;
}
.fade-in #story_contents div:nth-child(3) span {
  animation: catch_anime 1s forwards 1.2s;
}
.fade-in #story_contents div:nth-child(4) span {
  animation: catch_anime 1s forwards 1.3s;
}
.fade-in #story_contents div:nth-child(5) span {
  animation: catch_anime 1s forwards 1.4s;
}
.fade-in #story_contents div:nth-child(6) span {
  animation: catch_anime 1s forwards 1.5s;
}
.fade-in #story_contents div:nth-child(7) span {
  animation: catch_anime 1s forwards 1.6s;
}
.fade-in #story_contents div:nth-child(8) span {
  animation: catch_anime 1s forwards 1.7s;
}
.fade-in #story_contents div:nth-child(9) span {
  animation: catch_anime 1s forwards 1.8s;
}
.fade-in #story_contents div:nth-child(10) span {
  animation: catch_anime 1s forwards 1.9s;
}
.fade-in #story_contents div:nth-child(11) span {
  animation: catch_anime 1s forwards 2.0s;
}
.fade-in #story_contents div:nth-child(12) span {
  animation: catch_anime 1s forwards 2.1s;
}
.fade-in #story_contents div:nth-child(13) span {
  animation: catch_anime 1s forwards 2.2s;
}
.fade-in #story_contents div:nth-child(14) span {
  animation: catch_anime 1s forwards 2.3s;
}
.fade-in #story_contents div:nth-child(15) span {
  animation: catch_anime 1s forwards 2.4s;
}
.fade-in #story_contents div:nth-child(16) span {
  animation: catch_anime 1s forwards 2.5s;
}
.fade-in #story_contents div:nth-child(17) span {
  animation: catch_anime 1s forwards 2.6s;
}
.fade-in #story_contents div:nth-child(18) span {
  animation: catch_anime 1s forwards 2.7s;
}
.fade-in #story_contents div:nth-child(19) span {
  animation: catch_anime 1s forwards 2.8s;
}
.fade-in #story_contents div:nth-child(20) span {
  animation: catch_anime 1s forwards 2.9s;
}
.fade-in #story_contents div:nth-child(21) span {
  animation: catch_anime 1s forwards 3.0s;
}
.fade-in #story_contents div:nth-child(22) span {
  animation: catch_anime 1s forwards 3.1s;
}
.fade-in #story_contents div:nth-child(23) span {
  animation: catch_anime 1s forwards 3.2s;
}
.fade-in #story_contents div:nth-child(24) span {
  animation: catch_anime 1s forwards 3.3s;
}
.fade-in #story_contents div:nth-child(25) span {
  animation: catch_anime 1s forwards 3.4s;
}
.fade-in #story_contents div:nth-child(26) span {
  animation: catch_anime 1s forwards 3.5s;
}
.fade-in #story_contents div:nth-child(27) span {
  animation: catch_anime 1s forwards 3.6s;
}
.fade-in #story_contents div:nth-child(28) span {
  animation: catch_anime 1s forwards 3.7s;
}
.fade-in #story_contents div:nth-child(29) span {
  animation: catch_anime 1s forwards 3.8s;
}
.fade-in #story_contents div:nth-child(30) span {
  animation: catch_anime 1s forwards 3.9s;
}
.fade-in #story_contents div:nth-child(31) span {
  animation: catch_anime 1s forwards 4s;
}
.fade-in #story_contents div:nth-child(32) span {
  animation: catch_anime 1s forwards 4.1s;
}
.fade-in #story_contents div:nth-child(33) span {
  animation: catch_anime 1s forwards 4.2s;
}
.fade-in #story_contents div:nth-child(34) span {
  animation: catch_anime 1s forwards 4.3s;
}
.fade-in #story_contents div:nth-child(35) span {
  animation: catch_anime 1s forwards 4.4s;
}
.fade-in #story_contents div:nth-child(36) span {
  animation: catch_anime 1s forwards 4.5s;
}
.fade-in #story_contents div:nth-child(37) span {
  animation: catch_anime 1s forwards 4.6s;
}
.fade-in #story_contents div:nth-child(38) span {
  animation: catch_anime 1s forwards 4.7s;
}
.fade-in #story_contents div:nth-child(39) span {
  animation: catch_anime 1s forwards 4.8s;
}
.fade-in #story_contents div:nth-child(40) span {
  animation: catch_anime 1s forwards 4.9s;
}
.fade-in #story_contents div:nth-child(41) span {
  animation: catch_anime 1s forwards 5s;
}
.fade-in #story_contents div:nth-child(42) span {
  animation: catch_anime 1s forwards 5.1s;
}
.fade-in #story_contents div:nth-child(43) span {
  animation: catch_anime 1s forwards 5.2s;
}*/
@keyframes catch_anime {
  0% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --base-delay: 0.5s; /* 基本遅延 */
  --increment-delay: 0.1s; /* 遅延の増加量 */
}
.fade-in #story_contents div span {
  animation: catch_anime 1s forwards;
}
.fade-in #story_contents div:nth-child(1) span {
  animation-delay: calc(var(--base-delay) + (0 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(2) span {
  animation-delay: calc(var(--base-delay) + (1 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(3) span {
  animation-delay: calc(var(--base-delay) + (2 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(4) span {
  animation-delay: calc(var(--base-delay) + (3 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(5) span {
  animation-delay: calc(var(--base-delay) + (4 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(6) span {
  animation-delay: calc(var(--base-delay) + (5 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(7) span {
  animation-delay: calc(var(--base-delay) + (6 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(8) span {
  animation-delay: calc(var(--base-delay) + (7 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(9) span {
  animation-delay: calc(var(--base-delay) + (8 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(10) span {
  animation-delay: calc(var(--base-delay) + (9 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(11) span {
  animation-delay: calc(var(--base-delay) + (10 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(12) span {
  animation-delay: calc(var(--base-delay) + (11 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(13) span {
  animation-delay: calc(var(--base-delay) + (12 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(14) span {
  animation-delay: calc(var(--base-delay) + (13 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(15) span {
  animation-delay: calc(var(--base-delay) + (14 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(16) span {
  animation-delay: calc(var(--base-delay) + (15 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(17) span {
  animation-delay: calc(var(--base-delay) + (16 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(18) span {
  animation-delay: calc(var(--base-delay) + (17 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(19) span {
  animation-delay: calc(var(--base-delay) + (18 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(20) span {
  animation-delay: calc(var(--base-delay) + (19 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(21) span {
  animation-delay: calc(var(--base-delay) + (20 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(22) span {
  animation-delay: calc(var(--base-delay) + (21 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(23) span {
  animation-delay: calc(var(--base-delay) + (22 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(24) span {
  animation-delay: calc(var(--base-delay) + (23 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(25) span {
  animation-delay: calc(var(--base-delay) + (24 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(26) span {
  animation-delay: calc(var(--base-delay) + (25 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(27) span {
  animation-delay: calc(var(--base-delay) + (26 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(28) span {
  animation-delay: calc(var(--base-delay) + (27 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(29) span {
  animation-delay: calc(var(--base-delay) + (28 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(30) span {
  animation-delay: calc(var(--base-delay) + (29 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(31) span {
  animation-delay: calc(var(--base-delay) + (30 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(32) span {
  animation-delay: calc(var(--base-delay) + (31 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(33) span {
  animation-delay: calc(var(--base-delay) + (32 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(34) span {
  animation-delay: calc(var(--base-delay) + (33 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(35) span {
  animation-delay: calc(var(--base-delay) + (34 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(36) span {
  animation-delay: calc(var(--base-delay) + (35 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(37) span {
  animation-delay: calc(var(--base-delay) + (36 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(38) span {
  animation-delay: calc(var(--base-delay) + (37 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(39) span {
  animation-delay: calc(var(--base-delay) + (38 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(40) span {
  animation-delay: calc(var(--base-delay) + (39 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(41) span {
  animation-delay: calc(var(--base-delay) + (40 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(42) span {
  animation-delay: calc(var(--base-delay) + (41 * var(--increment-delay)));
}
.fade-in #story_contents div:nth-child(43) span {
  animation-delay: calc(var(--base-delay) + (42 * var(--increment-delay)));
}