@charset "UTF-8";

html,
body {
  margin: 0;
  overflow: hidden;
}

.story_wrapper {
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  padding: 1.25vh;
  background: #E5004F;
}

.story_wrapper .story_area {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 2.5vh;
  background-image: url(../img/bg.png);
  background-repeat: repeat;
  background-size: 3vh;
}

.story_wrapper .story_area .story_contents {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  visibility: hidden;
  scroll-behavior: auto;
  padding-left: 10vh;
}

.story_wrapper .story_area .story_contents.is-ready {
  visibility: visible;
  scroll-behavior: smooth;
}

.story_wrapper .story_area .story_contents::-webkit-scrollbar {
  display: none;
}

.story_wrapper .story_area .story_contents .story_block#episode_start {
  width: 24vh;
}

.story_wrapper .story_area .story_contents .scroll_icon img {
  position: absolute;
  top: 44.5vh;
  right: -0.5vh;
  width: 28.75vh;
  animation: rotate 20s linear infinite;
  transform-origin: center;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

.story_wrapper .story_area .story_contents .arrow_icon img {
  position: absolute;
  top: 56.6vh;
  right: 6.5vh;
  width: 13.625vh;
}

.story_wrapper .story_area .story_contents .story_block {
  position: relative;
  flex: 0 0 auto;
  width: fit-content;
  height: 100%;
}

.story_wrapper .story_area .story_contents .story_block h3 {
  position: absolute;
  top: 6.25vh;
  right: 24.8vh;
  width: 11vh;
}

.story_wrapper .story_area .story_contents .story_block h4 {
  position: absolute;
  top: 0;
  right: 15vh;
  width: 6vh;
}

.story_wrapper .story_area .story_contents .story_block .ani {
  opacity: 0;
  transform: scale(.8);
  transform-origin: center center;
}

.story_wrapper .story_area .story_contents .story_block .ani.is-show {
  animation: imagePop .6s cubic-bezier(.2, .9, .2, 1) forwards;
}

@keyframes imagePop {

  0% {
    opacity: 0;
    transform: scale(.9);
  }

  60% {
    opacity: 1;
    transform: scale(1.03);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }

}

.story_wrapper .story_area .story_contents .story_block img {
  position: absolute;
}

.story_wrapper .story_area .story_contents .story_block .txt {
  position: absolute;
  font-size: 1.875vh;
  font-weight: bold;
  color: #FFF;
  line-height: 1.7;
  padding-left: 4.125vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .txt,
.story_wrapper .story_area .story_contents .story_block#episode8 .txt {
  background: #E5004F;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .txt,
.story_wrapper .story_area .story_contents .story_block#episode7 .txt {
  background: #529FD5;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .txt,
.story_wrapper .story_area .story_contents .story_block#episode9 .txt {
  background: #00B298;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .txt,
.story_wrapper .story_area .story_contents .story_block#episode11 .txt {
  background: #FB8C59;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .txt,
.story_wrapper .story_area .story_contents .story_block#episode10 .txt {
  background: #C15EA1;
}


.story_wrapper .story_area .story_contents .story_block#episode6 .txt,
.story_wrapper .story_area .story_contents .story_block#episode12 .txt {
  background: #EC6140;
}

.story_wrapper .story_area .story_contents .story_block .txt p {
  margin: 0.88vh 0;
}


/* episode1 */

.story_wrapper .story_area .story_contents .story_block#episode1 {
  width: 139vh;
  overflow: hidden;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 29.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image02 {
  top: 6.25vh;
  right: 69.875vh;
  width: 20.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image03 {
  top: 32.125vh;
  right: 40vh;
  width: 21.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image04 {
  top: 32.125vh;
  right: 59.75vh;
  width: 30.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image05 {
  top: 52vh;
  right: 40vh;
  width: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image06 {
  top: 64.125vh;
  right: 92.625vh;
  width: 18.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .image07 {
  top: 64.125vh;
  right: 112.25vh;
  width: 26.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .txt {
  top: 6.25vh;
  right: 92.625vh;
  width: 46.25vh;
  height: 55.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .character {
  top: 4.5vh;
  right: 91vh;
  width: 16.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode1 .character.pokota {
  top: 64.5vh;
  right: -0.5vh;
  width: 12.5vh;
  animation: float 5s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0);
  }
}


/* episode2 */

.story_wrapper .story_area .story_contents .story_block#episode2 {
  width: 145.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 37.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image02 {
  top: 6.25vh;
  right: 75.375vh;
  width: 33.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image03 {
  top: 35.625vh;
  right: 40vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image04 {
  top: 56.75vh;
  right: 40vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image05 {
  top: 6.25vh;
  right: 109.625vh;
  width: 35.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image06 {
  top: 35.625vh;
  right: 110.375vh;
  width: 34.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .image07 {
  top: 58.5vh;
  right: 110.375vh;
  width: 34.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .txt {
  top: 35.625vh;
  right: 67.125vh;
  width: 41.625vh;
  height: 44vh;
}

.story_wrapper .story_area .story_contents .story_block#episode2 .character {
  top: 53.875vh;
  right: 10.1vh;
  width: 13.875vh;
}



/* episode3 */

.story_wrapper .story_area .story_contents .story_block#episode3 {
  width: 139.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image01 {
  top: 55.125vh;
  right: 40vh;
  width: 43.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image02 {
  top: 6.25vh;
  right: 85.375vh;
  width: 21.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image03 {
  top: 6.25vh;
  right: 109vh;
  width: 30.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image04 {
  top: 29.625vh;
  right: 85.375vh;
  width: 22vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image05 {
  top: 32.5vh;
  right: 108.875vh;
  width: 30.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image06 {
  top: 52.5vh;
  right: 85.375vh;
  width: 26.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .image07 {
  top: 52.5vh;
  right: 113.125vh;
  width: 26.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .txt {
  top: 6.25vh;
  right: 40vh;
  width: 43.75vh;
  height: 47.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode3 .character {
  top: 40.625vh;
  right: 25.375vh;
  width: 14.875vh;
}


/* episode4 */

.story_wrapper .story_area .story_contents .story_block#episode4 {
  width: 153.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 41.625vh
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image02 {
  top: 31.25vh;
  right: 40vh;
  width: 41.625vh
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image03 {
  top: 56.125vh;
  right: 40vh;
  width: 41.625vh
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image04 {
  top: 6.25vh;
  right: 84.125vh;
  width: 35.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image05 {
  top: 6.25vh;
  right: 119vh;
  width: 34.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image06 {
  top: 29.75vh;
  right: 127.38vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .image07 {
  top: 65vh;
  right: 127.38vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .txt {
  top: 29.75vh;
  right: 84.125vh;
  width: 41vh;
  height: 49.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode4 .character {
  top: 55vh;
  right: 11vh;
  width: 18.5vh;
}


/* episode5 */

.story_wrapper .story_area .story_contents .story_block#episode5 {
  width: 143vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 50.375vh
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image02 {
  top: 35.25vh;
  right: 40vh;
  width: 15.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image03 {
  top: 35.25vh;
  right: 56.75vh;
  width: 13.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image04 {
  top: 35.25vh;
  right: 71.25vh;
  width: 19.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image05 {
  top: 52.875vh;
  right: 40vh;
  width: 32.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image06 {
  top: 52.875vh;
  right: 73.75vh;
  width: 41.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .image07 {
  top: 52.875vh;
  right: 116.375vh;
  width: 26.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .txt {
  top: 6.25vh;
  right: 93vh;
  width: 50vh;
  height: 44vh;
}

.story_wrapper .story_area .story_contents .story_block#episode5 .character {
  top: 27vh;
  right: 90vh;
  width: 14.25vh;
}


/* episode6 */

.story_wrapper .story_area .story_contents .story_block#episode6 {
  width: 134.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 33.4225vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image02 {
  top: 6.25vh;
  right: 70.75vh;
  width: 24.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image03 {
  top: 6.25vh;
  right: 96.625vh;
  width: 14.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image04 {
  top: 6.25vh;
  right: 112.375vh;
  width: 21.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image05 {
  top: 31.125vh;
  right: 82.5vh;
  width: 17.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image06 {
  top: 31.125vh;
  right: 100.875vh;
  width: 33.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .image07 {
  top: 51.875vh;
  right: 82.5vh;
  width: 51.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .txt {
  top: 31.125vh;
  right: 40vh;
  width: 41.5vh;
  height: 48.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .character {
  top: 51.875vh;
  right: 39.375vh;
  width: 8.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode6 .character.is-show,
.story_wrapper .story_area .story_contents .story_block#episode12 .character.is-show {
  opacity: 1;
  animation: float 5s ease-in-out infinite;
}

/* episode7 */

.story_wrapper .story_area .story_contents .story_block#episode7 {
  width: 145.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 37.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image02 {
  top: 6.25vh;
  right: 75.5vh;
  width: 33.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image03 {
  top: 35.625vh;
  right: 40vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image04 {
  top: 53.25vh;
  right: 40vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image05 {
  top: 6.25vh;
  right: 111.375vh;
  width: 33.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image06 {
  top: 31.5vh;
  right: 111.375vh;
  width: 33.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .image07 {
  top: 56.625vh;
  right: 111.375vh;
  width: 33.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .txt {
  top: 35.625vh;
  right: 67.25vh;
  width: 41.625vh;
  height: 44vh;
}

.story_wrapper .story_area .story_contents .story_block#episode7 .character {
  top: 40.625vh;
  right: 20.375vh;
  width: 13.875vh;
}


/* episode8 */

.story_wrapper .story_area .story_contents .story_block#episode8 {
  width: 139vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 h3 {
  width: 12.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 26.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image02 {
  top: 6.25vh;
  right: 67.5vh;
  width: 22.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image03 {
  top: 32.125vh;
  right: 40vh;
  width: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image04 {
  top: 61.375vh;
  right: 40vh;
  width: 34.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image05 {
  top: 61.375vh;
  right: 72.375vh;
  width: 17.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image06 {
  top: 58.5vh;
  right: 92.75vh;
  width: 18.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .image07 {
  top: 58.5vh;
  right: 112.375vh;
  width: 26.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .txt {
  top: 6.25vh;
  right: 92.75vh;
  width: 46.25vh;
  height: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode8 .character {
  top: 31vh;
  right: 91vh;
  width: 16.75vh;
}


/* episode9 */

.story_wrapper .story_area .story_contents .story_block#episode9 {
  width: 139.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 46.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image02 {
  top: 6.25vh;
  right: 88.75vh;
  width: 26.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image03 {
  top: 21.5vh;
  right: 88.75vh;
  width: 26.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image04 {
  top: 6.25vh;
  right: 116.5vh;
  width: 22.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image05 {
  top: 37.125vh;
  right: 88.75vh;
  width: 18.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image06 {
  top: 37.125vh;
  right: 109.25vh;
  width: 30vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .image07 {
  top: 53.75vh;
  right: 88.75vh;
  width: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .txt {
  top: 37.625vh;
  right: 40vh;
  width: 46.25vh;
  height: 42vh;
}

.story_wrapper .story_area .story_contents .story_block#episode9 .character {
  top: 44.25vh;
  right: 37vh;
  width: 14.875vh;
}


/* episode10 */

.story_wrapper .story_area .story_contents .story_block#episode10 {
  width: 146.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 35.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image02 {
  top: 31.25vh;
  right: 40vh;
  width: 35.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image03 {
  top: 56.125vh;
  right: 40vh;
  width: 35.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image04 {
  top: 6.25vh;
  right: 77.75vh;
  width: 28.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image05 {
  top: 6.25vh;
  right: 105vh;
  width: 41.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image06 {
  top: 29.75vh;
  right: 121vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .image07 {
  top: 59.75vh;
  right: 121vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .txt {
  top: 29.75vh;
  right: 77.75vh;
  width: 41.625vh;
  height: 49.875vh;
}

.story_wrapper .story_area .story_contents .story_block#episode10 .character {
  top: 55.2vh;
  right: 149vh;
  width: 18.5vh;
}


/* episode11 */

.story_wrapper .story_area .story_contents .story_block#episode11 {
  width: 174.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image01 {
  top: 6.25vh;
  right: 40vh;
  width: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image02 {
  top: 35.25vh;
  right: 40vh;
  width: 26.25vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image03 {
  top: 35.25vh;
  right: 67.9vh;
  width: 22.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image04 {
  top: 52.5vh;
  right: 40vh;
  width: 50.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image05 {
  top: 54.625vh;
  right: 93vh;
  width: 29.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image06 {
  top: 54.625vh;
  right: 125vh;
  width: 49.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .image07 {
  top: 6.25vh;
  right: 144.525vh;
  width: 30.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .txt {
  top: 6.25vh;
  right: 93vh;
  width: 50vh;
  height: 46.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode11 .character {
  top: 54.5vh;
  right: 21.375vh;
  width: 14.25vh;
}


/* episode12 */

.story_wrapper .story_area .story_contents .story_block#episode12 {
  width: 150vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 h3 {
  width: 14.75vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image01 {
  top: 6.25vh;
  right: 43.875vh;
  width: 45.125vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image02 {
  top: 6.25vh;
  right: 91.5vh;
  width: 29.375vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image03 {
  top: 6.25vh;
  right: 118.125vh;
  width: 31.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image04 {
  top: 32.375vh;
  right: 91.5vh;
  width: 20vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image05 {
  top: 32.375vh;
  right: 113.125vh;
  width: 36.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image06 {
  top: 60.375vh;
  right: 91.5vh;
  width: 25.625vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .image07 {
  top: 60.375vh;
  right: 118.75vh;
  width: 31vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .txt {
  top: 31.125vh;
  right: 43.875vh;
  width: 45.125vh;
  height: 48.5vh;
}

.story_wrapper .story_area .story_contents .story_block#episode12 .character {
  top: 31vh;
  right: 41vh;
  width: 8.375vh;
}






.story_wrapper h2 img {
  position: fixed;
  right: 4vh;
  bottom: 4.5vh;
  width: 17vh;
}

.story_wrapper footer {
    position: fixed;
    right: 0;
    bottom: 2vh;
    width: 100vw;
    text-align: center;
    background-color: unset;
    padding: 0;
  color: #888888;
}

.story_wrapper .footer small{
  font-size: 1vh;
}

.pager {
  position: fixed;
  right: 50%;
  bottom: 7vh;
  display: flex;
  justify-content: center;
  margin-right: -40.5vh;
  gap: 2vh;
  z-index: 10;
  width: 81vh;
  background-color: #E5004F;
  ;
  border-radius: 17.5vh;
  padding: 1.5vh 0;
}

.pager li {
  list-style-type: none;
  font-weight: bold;
  font-family: Helvetica;
  font-size: 2.25vh;
  width: 4.5vh;
  height: 4.5vh;
  line-height: 0;
  ;
}

.pager a {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #FFF;
  text-decoration: none;
}

.pager a.is-active {
  background: #FFF;
  color: #E5004F;
}

.pager li.no-link {
  display: grid;
  place-items: center;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #FFF;
  text-decoration: none;
  opacity: 0.5;
}

/* 幅 > 高さ */
@media (max-aspect-ratio: 115 / 72) {
  .story_wrapper h2 img {
    right: 4.5vw;
    bottom: 6.5vh;
    width: 15vw;
  }

  .story_wrapper footer {
    bottom: 3vh;
}

.story_wrapper .footer small{
  font-size: 2.25vw;
}

  .pager {
    left: 24vw;
    bottom: 7vh;
    margin-right: 0;
    gap: 1vw;
    width: 52vw;
    border-radius: 5vw;
    padding: 1vw 0;
  }

  .pager li {
    font-size: 1.7vw;
    width: 3vw;
    height: 3vw;
    line-height: 0;
    ;
  }
}

@media (max-width: 767.98px) {

  .story_wrapper h2 img {
    right: 50%;
    top: 2.53svh;
    width: 16.25svh;
    margin-right: -8.125svh;
  }

  .story_wrapper footer {
    bottom: 0.5svh;
    width: 100vw;
    z-index: 11;
    color: #FFF;
}

.story_wrapper .footer small{
  font-size: 0.55vh;
}

  .pager {
    margin-right: 0;
    gap: 1vh;
    margin: 0;
    width: 100%;
    height: 14svh;
    background-color: #E5004F;
    border-radius: 0;
    padding: 2svh 2.75svh calc(1.95svh + env(safe-area-inset-bottom));
    flex-wrap: wrap;
    box-sizing: border-box;
    bottom: auto;
    right: 0;
    left: 0;
  }

  .pager li {
    font-size: 1.9svh;
    width: 4.54svh;
    height: 4.54svh;
  }

  .story_wrapper {
    box-sizing: border-box;
    width: 100vw;
    height: 100svh;
    padding: 1.1875svh;
    position: fixed;
    top: 10.6svh;
    left: 0;
  }

  .story_wrapper .story_area {
    position: relative;
    width: 100%;
    height: 72svh;
    background: #fff;
    overflow: hidden;
    border-radius: 1.425svh;
    background-image: url(../img/bg.png);
    background-repeat: repeat;
    background-size: 2.85svh;
  }

  .story_wrapper .story_area .story_contents {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 72svh;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    visibility: hidden;
    scroll-behavior: auto;
    padding-left: 0;
  }

  .story_wrapper .story_area .story_contents.is-ready {
    visibility: visible;
    scroll-behavior: smooth;
  }

  .story_wrapper .story_area .story_contents::-webkit-scrollbar {
    display: none;
  }

  .story_wrapper .story_area .story_contents .story_block#episode_start {
    width: 22.8svh;
  }

  .story_wrapper .story_area .story_contents .scroll_icon img {
    top: 48.925svh;
    right: -0.475svh;
    width: 15.9125svh;
  }

  .story_wrapper .story_area .story_contents .arrow_icon img {
    top: 55.575svh;
    right: 3.344svh;
    width: 7.6svh;
  }

  .story_wrapper .story_area .story_contents .story_block {
    position: relative;
    flex: 0 0 auto;
    width: fit-content;
    height: 100%;
  }


  .story_wrapper .story_area .story_contents .story_block h3 {
    position: absolute;
    top: 5.34375svh;
    right: 9.804svh;
    width: 9.405svh;
  }

  .story_wrapper .story_area .story_contents .story_block h4 {
    position: absolute;
    top: 0;
    right: 1.425svh;
    width: 5.13svh;
  }


  .story_wrapper .story_area .story_contents .story_block .txt {
    font-size: 1.75svh;
    line-height: 1.65;
    padding-left: 2.6svh;
  }

  .story_wrapper .story_area .story_contents .story_block .txt p {
    margin: 0.55svh 0;
  }


  /* episode1 */

  .story_wrapper .story_area .story_contents .story_block#episode1 {
    width: 116.845svh;
    overflow: hidden;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 25.00875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image02 {
    top: 5.34375svh;
    right: 48.34313svh;
    width: 17.31375svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image03 {
    top: 27.46688svh;
    right: 22.8svh;
    width: 18.59625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image04 {
    top: 27.46688svh;
    right: 39.68625svh;
    width: 25.97062svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image05 {
    top: 44.46svh;
    right: 22.8svh;
    width: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image06 {
    top: 54.82687svh;
    right: 67.79437svh;
    width: 16.03125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .image07 {
    top: 54.82687svh;
    right: 84.57375svh;
    width: 22.76437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .txt {
    top: 5.34375svh;
    right: 67.79437svh;
    width: 39.54375svh;
    height: 47.34562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .character {
    top: 3.8475svh;
    right: 66.405svh;
    width: 14.32125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode1 .character.pokota {
    top: 60.8475svh;
    right: -0.4275svh;
    width: 6.8875svh;
  }


  /* episode2 */

  .story_wrapper .story_area .story_contents .story_block#episode2 {
    width: 122.08188svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 31.74188svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image02 {
    top: 5.34375svh;
    right: 53.04562svh;
    width: 28.53562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image03 {
    top: 30.45937svh;
    right: 22.8svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image04 {
    top: 48.52125svh;
    right: 22.8svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image05 {
    top: 5.34375svh;
    right: 82.32937svh;
    width: 30.24562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image06 {
    top: 30.45937svh;
    right: 82.97062svh;
    width: 29.60438svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .image07 {
    top: 50.0175svh;
    right: 82.97062svh;
    width: 29.60438svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .txt {
    top: 30.45937svh;
    right: 45.99188svh;
    width: 35.58937svh;
    height: 37.62svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode2 .character {
    top: 46.06312svh;
    right: 0;
    width: 11.86313svh;
  }



  /* episode3 */

  .story_wrapper .story_area .story_contents .story_block#episode3 {
    width: 117.05875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image01 {
    top: 47.13187svh;
    right: 22.8svh;
    width: 37.40625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image02 {
    top: 5.34375svh;
    right: 61.59563svh;
    width: 18.70312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image03 {
    top: 5.34375svh;
    right: 81.795svh;
    width: 25.75688svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image04 {
    top: 25.32937svh;
    right: 61.59563svh;
    width: 18.81svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image05 {
    top: 27.7875svh;
    right: 81.68812svh;
    width: 25.86375svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image06 {
    top: 44.8875svh;
    right: 61.59563svh;
    width: 22.33687svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .image07 {
    top: 44.8875svh;
    right: 85.32187svh;
    width: 22.33687svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .txt {
    top: 5.34375svh;
    right: 22.8svh;
    width: 37.40625svh;
    height: 40.39875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode3 .character {
    top: 34.73438svh;
    right: 9.29562svh;
    width: 12.71812svh;
  }


  /* episode4 */

  .story_wrapper .story_area .story_contents .story_block#episode4 {
    width: 128.92188svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 35.58937svh
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image02 {
    top: 26.71875svh;
    right: 22.8svh;
    width: 35.58937svh
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image03 {
    top: 47.98687svh;
    right: 22.8svh;
    width: 35.58937svh
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image04 {
    top: 5.34375svh;
    right: 60.52687svh;
    width: 30.67312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image05 {
    top: 5.34375svh;
    right: 90.345svh;
    width: 29.17687svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image06 {
    top: 25.43625svh;
    right: 97.5099svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .image07 {
    top: 55.575svh;
    right: 97.5099svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .txt {
    top: 25.43625svh;
    right: 60.52687svh;
    width: 35.055svh;
    height: 42.64312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode4 .character {
    top: 47.025svh;
    right: -1svh;
    width: 15.8175svh;
  }


  /* episode5 */

  .story_wrapper .story_area .story_contents .story_block#episode5 {
    width: 120.265svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 43.07062svh
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image02 {
    top: 30.13875svh;
    right: 22.8svh;
    width: 13.2525svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image03 {
    top: 30.13875svh;
    right: 37.12125svh;
    width: 11.32875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image04 {
    top: 30.13875svh;
    right: 49.51875svh;
    width: 16.45875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image05 {
    top: 45.20812svh;
    right: 22.8svh;
    width: 27.7875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image06 {
    top: 45.20812svh;
    right: 51.65625svh;
    width: 35.37562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .image07 {
    top: 45.20812svh;
    right: 88.10062svh;
    width: 22.76437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .txt {
    top: 5.34375svh;
    right: 68.115svh;
    width: 42.75svh;
    height: 37.62svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode5 .character {
    top: 23.085svh;
    right: 65.55svh;
    width: 12.18375svh;
  }


  /* episode6 */

  .story_wrapper .story_area .story_contents .story_block#episode6 {
    width: 112.89062svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 28.57624svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image02 {
    top: 5.34375svh;
    right: 49.09125svh;
    width: 21.26812svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image03 {
    top: 5.34375svh;
    right: 71.21438svh;
    width: 12.61125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image04 {
    top: 5.34375svh;
    right: 84.68062svh;
    width: 18.70312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image05 {
    top: 26.61187svh;
    right: 59.1375svh;
    width: 14.85562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image06 {
    top: 26.61187svh;
    right: 74.84812svh;
    width: 28.6425svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .image07 {
    top: 44.35312svh;
    right: 59.1375svh;
    width: 44.24625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .txt {
    top: 26.61187svh;
    right: 22.8svh;
    width: 35.4825svh;
    height: 41.4675svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode6 .character {
    top: 44.35312svh;
    right: 22.26562svh;
    width: 7.16062svh;
  }



  /* episode7 */

  .story_wrapper .story_area .story_contents .story_block#episode7 {
    width: 122.08188svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 31.74188svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image02 {
    top: 5.34375svh;
    right: 53.1525svh;
    width: 28.53562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image03 {
    top: 30.45937svh;
    right: 22.8svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image04 {
    top: 45.52875svh;
    right: 22.8svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image05 {
    top: 5.34375svh;
    right: 83.82562svh;
    width: 28.85625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image06 {
    top: 26.9325svh;
    right: 83.82562svh;
    width: 28.85625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .image07 {
    top: 48.41437svh;
    right: 83.82562svh;
    width: 28.85625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .txt {
    top: 30.45937svh;
    right: 46.09875svh;
    width: 35.58937svh;
    height: 37.62svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode7 .character {
    top: 34.73438svh;
    right: 6.02062svh;
    width: 11.86313svh;
  }


  /* episode8 */

  .story_wrapper .story_area .story_contents .story_block#episode8 {
    width: 116.845svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 h3 {
    width: 10.6875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 22.87125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image02 {
    top: 5.34375svh;
    right: 46.3125svh;
    width: 19.45125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image03 {
    top: 27.46688svh;
    right: 22.8svh;
    width: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image04 {
    top: 52.47562svh;
    right: 22.8svh;
    width: 29.28375svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image05 {
    top: 52.47562svh;
    right: 50.48063svh;
    width: 15.28312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image06 {
    top: 50.0175svh;
    right: 67.90125svh;
    width: 16.03125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .image07 {
    top: 50.0175svh;
    right: 84.68062svh;
    width: 22.76437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .txt {
    top: 5.34375svh;
    right: 67.90125svh;
    width: 39.54375svh;
    height: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode8 .character {
    top: 26.505svh;
    right: 66.405svh;
    width: 14.32125svh;
  }


  /* episode9 */

  .story_wrapper .story_area .story_contents .story_block#episode9 {
    width: 117.05875svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 39.54375svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image02 {
    top: 5.34375svh;
    right: 64.48125svh;
    width: 22.33687svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image03 {
    top: 18.3825svh;
    right: 64.48125svh;
    width: 22.33687svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image04 {
    top: 5.34375svh;
    right: 88.2075svh;
    width: 19.45125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image05 {
    top: 31.74188svh;
    right: 64.48125svh;
    width: 16.13812svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image06 {
    top: 31.74188svh;
    right: 82.00875svh;
    width: 25.65svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .image07 {
    top: 45.95625svh;
    right: 64.48125svh;
    width: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .txt {
    top: 32.16937svh;
    right: 22.8svh;
    width: 39.54375svh;
    height: 35.91svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode9 .character {
    top: 37.83375svh;
    right: 20.235svh;
    width: 12.71812svh;
  }


  /* episode10 */

  .story_wrapper .story_area .story_contents .story_block#episode10 {
    width: 122.47125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 30.24562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image02 {
    top: 26.71875svh;
    right: 22.8svh;
    width: 30.24562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image03 {
    top: 47.98687svh;
    right: 22.8svh;
    width: 30.24562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image04 {
    top: 5.34375svh;
    right: 55.07625svh;
    width: 24.26063svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image05 {
    top: 5.34375svh;
    right: 78.375svh;
    width: 35.58937svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image06 {
    top: 25.43625svh;
    right: 92.055svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .image07 {
    top: 51.08625svh;
    right: 92.055svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .txt {
    top: 25.43625svh;
    right: 55.07625svh;
    width: 35.58937svh;
    height: 42.64312svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode10 .character {
    top: 47.196svh;
    right: 113.995svh;
    width: 15.8175svh;
  }


  /* episode11 */

  .story_wrapper .story_area .story_contents .story_block#episode11 {
    width: 146.30437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image01 {
    top: 5.34375svh;
    right: 22.8svh;
    width: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image02 {
    top: 30.13875svh;
    right: 22.8svh;
    width: 22.44375svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image03 {
    top: 30.13875svh;
    right: 46.6545svh;
    width: 19.34437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image04 {
    top: 44.8875svh;
    right: 22.8svh;
    width: 43.1775svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image05 {
    top: 46.70437svh;
    right: 68.115svh;
    width: 25.2225svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image06 {
    top: 46.70437svh;
    right: 95.475svh;
    width: 42.53625svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .image07 {
    top: 5.34375svh;
    right: 112.16887svh;
    width: 25.75688svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .txt {
    top: 5.34375svh;
    right: 68.115svh;
    width: 42.75svh;
    height: 39.97125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode11 .character {
    top: 46.5975svh;
    right: 7.5svh;
    width: 12.18375svh;
  }


  /* episode12 */

  .story_wrapper .story_area .story_contents .story_block#episode12 {
    width: 120.8svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 h3 {
    width: 12.61125svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image01 {
    top: 5.34375svh;
    right: 26.11313svh;
    width: 38.58187svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image02 {
    top: 5.34375svh;
    right: 66.8325svh;
    width: 25.11562svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image03 {
    top: 5.34375svh;
    right: 89.59687svh;
    width: 27.03937svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image04 {
    top: 27.68062svh;
    right: 66.8325svh;
    width: 17.1svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image05 {
    top: 27.68062svh;
    right: 85.32187svh;
    width: 31.31437svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image06 {
    top: 51.62062svh;
    right: 66.8325svh;
    width: 21.90938svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .image07 {
    top: 51.62062svh;
    right: 90.13125svh;
    width: 26.505svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .txt {
    top: 26.61187svh;
    right: 26.11313svh;
    width: 38.58187svh;
    height: 41.4675svh;
  }

  .story_wrapper .story_area .story_contents .story_block#episode12 .character {
    top: 26.505svh;
    right: 23.655svh;
    width: 7.16062svh;
  }
}