.mod-top-block-01 .text-01 {
  left: 10px;
  top: 134px;
}
.mod-top-block-01 .text-01.is-active {
  top: 104px;
}
.tablet-device .mod-top-block-01 .text-01 {
  left: 20px;
  top: 268px;
}
.tablet-device .mod-top-block-01 .text-01.is-active {
  top: 208px;
}

.mod-top-block-01 .text-02.is-active {
  top: 370px;
}
.tablet-device .mod-top-block-01 .text-02.is-active {
  top: 740px;
}

#js-block-04 {
  position: relative;
  height: 518px;
  z-index: 10;
  margin-top: -67px;
}
.tablet-device #js-block-04 {
  height: 1036px;
  margin-top: -134px;
}
#js-block-04 div, #js-block-04 h1, #js-block-04 p {
  position: absolute;
  transition: all 0.6s ease-out;
}
#js-block-04 .bg-01 {
  top: -1px;
  left: -223px;
}
.tablet-device #js-block-04 .bg-01 {
  top: -2px;
  left: -446px;
}
.tablet-device #js-block-04 .bg-01 img {
  width: 1500px;
}
#js-block-04 .ttl-main-01 {
  left: 8px;
  top: 236px;
  opacity: 0;
  -webkit-transform: translate(-0.5px, -3.5px);
  transform: translate(-0.5px, -3.5px);
}
#js-block-04 .ttl-main-01.is-active {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
  opacity: 1;
}
#js-block-04 .ttl-main-01.is-active.js-anim {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tablet-device #js-block-04 .ttl-main-01 {
  left: 16px;
  top: 472px;
  -webkit-transform: translate(-1px, -7px);
  transform: translate(-1px, -7px);
}
.tablet-device #js-block-04 .ttl-main-01 img {
  width: 262px;
}
#js-block-04 .ttl-main-02 {
  left: 92px;
  top: 222px;
  opacity: 0;
  -webkit-transform: translate(0px, 3.5px);
  transform: translate(0px, 3.5px);
}
#js-block-04 .ttl-main-02.is-active {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
  opacity: 1;
}
#js-block-04 .ttl-main-02.is-active.js-anim {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tablet-device #js-block-04 .ttl-main-02 {
  left: 184px;
  top: 444px;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.tablet-device #js-block-04 .ttl-main-02 img {
  width: 190px;
}
#js-block-04 .image-01 {
  left: -20px;
  top: 16px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .image-01.is-active {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tablet-device #js-block-04 .image-01 {
  left: -40px;
  top: 32px;
}
.tablet-device #js-block-04 .image-01 img {
  width: 228px;
}
#js-block-04 .image-02 {
  left: -11px;
  top: 145px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .image-02.is-active {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tablet-device #js-block-04 .image-02 {
  left: -22px;
  top: 290px;
}
.tablet-device #js-block-04 .image-02 img {
  width: 146px;
}
#js-block-04 .image-03 {
  left: 35px;
  top: 66px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .image-03.is-active {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tablet-device #js-block-04 .image-03 {
  left: 70px;
  top: 132px;
}
.tablet-device #js-block-04 .image-03 img {
  width: 306px;
}
#js-block-04 .image-04 {
  left: 190px;
  top: 246px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .image-04.is-active {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#js-block-04 .image-04.is-active.js-anim {
  -webkit-animation: fluffy 6s ease 1s infinite;
  animation: fluffy 6s ease 1s infinite;
}
.tablet-device #js-block-04 .image-04 {
  left: 380px;
  top: 492px;
}
.tablet-device #js-block-04 .image-04 img {
  width: 306px;
}
#js-block-04 .image-05 {
  left: -23px;
  top: 420px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .image-05.is-active {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#js-block-04 .image-05.is-active.js-anim {
  -webkit-animation: fluffy 6s ease 3s infinite;
  animation: fluffy 6s ease 3s infinite;
}
.tablet-device #js-block-04 .image-05 {
  left: -46px;
  top: 840px;
}
.tablet-device #js-block-04 .image-05 img {
  width: 278px;
}
#js-block-04 .circle-01 {
  left: 290px;
  top: 421px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .circle-01.is-active {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#js-block-04 .circle-01.is-active.js-anim {
  -webkit-animation: fluffy 6s ease 5s infinite;
  animation: fluffy 6s ease 5s infinite;
}
.tablet-device #js-block-04 .circle-01 {
  left: 580px;
  top: 842px;
}
.tablet-device #js-block-04 .circle-01 img {
  width: 110px;
}
#js-block-04 .circle-02 {
  left: -18px;
  top: 316px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .circle-02.is-active {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#js-block-04 .circle-02.is-active.js-anim {
  -webkit-animation: fluffy 6s ease 4s infinite;
  animation: fluffy 6s ease 4s infinite;
}
.tablet-device #js-block-04 .circle-02 {
  left: -36px;
  top: 632px;
}
.tablet-device #js-block-04 .circle-02 img {
  width: 132px;
}
#js-block-04 .circle-03 {
  left: 27px;
  top: 366px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .circle-03.is-active {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#js-block-04 .circle-03.is-active.js-anim {
  -webkit-animation: fluffy 6s ease 2s infinite;
  animation: fluffy 6s ease 2s infinite;
}
.tablet-device #js-block-04 .circle-03 {
  left: 54px;
  top: 732px;
}
.tablet-device #js-block-04 .circle-03 img {
  width: 64px;
}

@-webkit-keyframes fluffy {
  0% {
    -webkit-transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
  }

  40% {
    -webkit-transform: scale(1.1);
  }

  65% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes fluffy {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  40% {
    transform: scale(1.1);
  }

  65% {
    transform: scale(1);
  }

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

#js-block-03 {
  position: relative;
  height: 494px;
  z-index: 10;
  margin-top: -38px;
}
.tablet-device #js-block-03 {
  height: 988px;
  margin-top: -76px;
}
#js-block-03 div, #js-block-03 h1, #js-block-03 p {
  position: absolute;
  transition: all 0.8s ease-out;
}
#js-block-03 .bg-01 {
  top: -1px;
  left: -223px;
}
.tablet-device #js-block-03 .bg-01 {
  top: -2px;
  left: -446px;
}
.tablet-device #js-block-03 .bg-01 img {
  width: 1500px;
}
#js-block-03 .ttl-main {
  left: 20px;
  top: 89px;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
}
#js-block-03 .ttl-main.is-active {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.tablet-device #js-block-03 .ttl-main {
  left: 40px;
  top: 178px;
}
.tablet-device #js-block-03 .ttl-main img {
  width: 162px;
}
#js-block-03 .txt-01 {
  left: 257px;
  top: 95px;
  -webkit-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
  opacity: 0;
}
#js-block-03 .txt-01.is-active {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}
.tablet-device #js-block-03 .txt-01 {
  left: 514px;
  top: 210px;
}
.tablet-device #js-block-03 .txt-01 img {
  width: 102px;
}
#js-block-03 .txt-02 {
  left: 257px;
  top: 95px;
  opacity: 0;
}
#js-block-03 .txt-02.is-active.js-anim {
  -webkit-animation: flash 6s ease infinite;
  animation: flash 6s ease infinite;
}
.tablet-device #js-block-03 .txt-02 {
  left: 514px;
  top: 210px;
}
.tablet-device #js-block-03 .txt-02 img {
  width: 102px;
}
#js-block-03 .block-00 {
  left: -164px;
  top: 387px;
  opacity: 1;
}
.tablet-device #js-block-03 .block-00 {
  left: -328px;
  top: 774px;
}
.tablet-device #js-block-03 .block-00 img {
  width: 416px;
}
#js-block-03 .block-00-on {
  left: -164px;
  top: 387px;
  opacity: 0;
}
#js-block-03 .block-00-on.is-active.js-anim {
  -webkit-animation: flash 7s ease infinite;
  animation: flash 7s ease infinite;
}
.tablet-device #js-block-03 .block-00-on {
  left: -328px;
  top: 774px;
}
.tablet-device #js-block-03 .block-00-on img {
  width: 416px;
}
#js-block-03 .block-01 {
  left: 316px;
  top: 110px;
  -webkit-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
  opacity: 0;
}
#js-block-03 .block-01.is-active {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}
.tablet-device #js-block-03 .block-01 {
  left: 632px;
  top: 220px;
}
.tablet-device #js-block-03 .block-01 img {
  width: 316px;
}
#js-block-03 .block-02 {
  left: -19px;
  top: 16px;
  -webkit-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
  opacity: 0;
}
#js-block-03 .block-02.is-active {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}
.tablet-device #js-block-03 .block-02 {
  left: -38px;
  top: 32px;
}
.tablet-device #js-block-03 .block-02 img {
  width: 612px;
}
#js-block-03 .block-02-on {
  left: 57px;
  top: 30px;
  opacity: 0;
}
#js-block-03 .block-02-on.is-active.js-anim {
  -webkit-animation: flash 7s ease infinite;
  animation: flash 7s ease infinite;
}
.tablet-device #js-block-03 .block-02-on {
  left: 114px;
  top: 60px;
}
.tablet-device #js-block-03 .block-02-on img {
  width: 194px;
}
#js-block-03 .block-04-on {
  left: 244px;
  top: 378px;
  opacity: 0;
}
#js-block-03 .block-04-on.is-active.js-anim {
  -webkit-animation: flash 8s ease infinite;
  animation: flash 8s ease infinite;
}
.tablet-device #js-block-03 .block-04-on {
  left: 488px;
  top: 756px;
}
.tablet-device #js-block-03 .block-04-on img {
  width: 92px;
}
#js-block-03 .photo-01 {
  left: 40px;
  top: 84px;
  -webkit-transform: translate(30px, -30px);
  transform: translate(30px, -30px);
  opacity: 0;
}
#js-block-03 .photo-01.is-active {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}
.tablet-device #js-block-03 .photo-01 {
  left: 80px;
  top: 168px;
}
.tablet-device #js-block-03 .photo-01 img {
  width: 482px;
}
#js-block-03 .photo-02 {
  left: 76px;
  top: 222px;
  -webkit-transform: translate(-30px, -10px);
  transform: translate(-30px, -10px);
  opacity: 0;
}
#js-block-03 .photo-02.is-active {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.tablet-device #js-block-03 .photo-02 {
  left: 152px;
  top: 444px;
}
.tablet-device #js-block-03 .photo-02 img {
  width: 558px;
}
#js-block-03 .photo-03 {
  left: 18px;
  top: 363px;
  -webkit-transform: translate(-30px, -30px);
  transform: translate(-30px, -30px);
  opacity: 0;
}
#js-block-03 .photo-03.is-active {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.tablet-device #js-block-03 .photo-03 {
  left: 36px;
  top: 726px;
}
.tablet-device #js-block-03 .photo-03 img {
  width: 202px;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  6% {
    opacity: 1;
  }

  11% {
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  17% {
    opacity: 1;
  }

  22% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  1% {
    opacity: 1;
  }

  6% {
    opacity: 1;
  }

  11% {
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  17% {
    opacity: 1;
  }

  22% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

#js-block-02 {
  position: relative;
  height: 504px;
  z-index: 10;
}
.tablet-device #js-block-02 {
  height: 1036px;
}
#js-block-02 div, #js-block-02 h1, #js-block-02 p {
  position: absolute;
  transition: all 0.5s ease-out;
}
#js-block-02 .bg-01 {
  top: -15px;
  left: -215px;
}
.tablet-device #js-block-02 .bg-01 {
  top: -30px;
  left: -430px;
}
.tablet-device #js-block-02 .bg-01 img {
  width: 1500px;
}
#js-block-02 .ttl-main {
  left: 207px;
  top: 108px;
  opacity: 0;
  z-index: 5;
}
#js-block-02 .ttl-main.is-active {
  -webkit-transition-delay: 2s;
  -ms-transition-delay: 2s;
  transition-delay: 2s;
  opacity: 0.7;
}
#js-block-02 .ttl-main.is-active.js-anim {
  -webkit-animation: expand 7s ease infinite;
  animation: expand 7s ease infinite;
}
.tablet-device #js-block-02 .ttl-main {
  left: 414px;
  top: 216px;
}
.tablet-device #js-block-02 .ttl-main img {
  width: 188px;
}
#js-block-02 .txt-01 {
  left: 13px;
  top: 223px;
  opacity: 0;
  z-index: 5;
}
#js-block-02 .txt-01.is-active {
  -webkit-transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
  transition-delay: 2.5s;
  opacity: 0.7;
}
#js-block-02 .txt-01.is-active.js-anim {
  -webkit-animation: expand 7s ease infinite;
  animation: expand 7s ease infinite;
}
.tablet-device #js-block-02 .txt-01 {
  left: 26px;
  top: 446px;
}
.tablet-device #js-block-02 .txt-01 img {
  width: 140px;
}
#js-block-02 .txt-02 {
  left: 222px;
  top: 401px;
  opacity: 0;
  z-index: 5;
}
#js-block-02 .txt-02.is-active {
  -webkit-transition-delay: 3s;
  -ms-transition-delay: 3s;
  transition-delay: 3s;
  opacity: 0.7;
}
#js-block-02 .txt-02.is-active.js-anim {
  -webkit-animation: expand 7s ease infinite;
  animation: expand 7s ease infinite;
}
.tablet-device #js-block-02 .txt-02 {
  left: 444px;
  top: 802px;
}
.tablet-device #js-block-02 .txt-02 img {
  width: 136px;
}
#js-block-02 .image-01 {
  left: -30px;
  top: 15px;
  opacity: 0;
  z-index: 4;
}
#js-block-02 .image-01.is-active {
  opacity: 1;
}
.tablet-device #js-block-02 .image-01 {
  left: -51px;
  top: 30px;
}
.tablet-device #js-block-02 .image-01 img {
  width: 352px;
}
#js-block-02 .image-02 {
  left: 115px;
  top: 10px;
  opacity: 0;
  z-index: 3;
  background: url(/sp/hanatsubaki/2015voyage/img/top/special/image_02_bg.png) no-repeat center top;
  background-size: 264px auto;
}
#js-block-02 .image-02.is-active {
  -webkit-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 1;
}
#js-block-02 .image-02.is-active img {
  opacity: 0;
}
#js-block-02 .image-02.is-active.js-cross img {
  -webkit-animation: cross 8s ease infinite;
  animation: cross 8s ease infinite;
}
.tablet-device #js-block-02 .image-02 {
  left: 255px;
  top: 22px;
  background-size: 528px auto;
}
.tablet-device #js-block-02 .image-02 img {
  width: 528px;
}
#js-block-02 .image-03 {
  left: 144px;
  top: 216px;
  opacity: 0;
  z-index: 2;
}
#js-block-02 .image-03.is-active {
  -webkit-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}
.tablet-device #js-block-02 .image-03 {
  left: 278px;
  top: 426px;
}
.tablet-device #js-block-02 .image-03 img {
  width: 360px;
}
#js-block-02 .image-04 {
  left: -20px;
  top: 126px;
  opacity: 0;
  z-index: 2;
  background: url(/sp/hanatsubaki/2015voyage/img/top/special/image_04_bg.png) no-repeat center top;
  background-size: 204px auto;
}
#js-block-02 .image-04.is-active {
  -webkit-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  transition-delay: 1.2s;
  opacity: 1;
}
#js-block-02 .image-04.is-active img {
  opacity: 0;
}
#js-block-02 .image-04.is-active.js-cross img {
  -webkit-animation: cross 8s ease 2s infinite;
  animation: cross 8s ease 2s infinite;
}
.tablet-device #js-block-02 .image-04 {
  left: -34px;
  top: 259px;
  background-size: 408px auto;
}
.tablet-device #js-block-02 .image-04 img {
  width: 408px;
}
#js-block-02 .image-05 {
  left: 37px;
  top: 256px;
  opacity: 0;
  z-index: 1;
}
#js-block-02 .image-05.is-active {
  -webkit-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  transition-delay: 1.6s;
  opacity: 1;
}
.tablet-device #js-block-02 .image-05 {
  left: 86px;
  top: 525px;
}
.tablet-device #js-block-02 .image-05 img {
  width: 370px;
}
#js-block-02 .image-06 {
  left: 143px;
  top: 343px;
  opacity: 0;
  z-index: 3;
}
#js-block-02 .image-06.is-active {
  -webkit-transition-delay: 2s;
  -ms-transition-delay: 2s;
  transition-delay: 2s;
  opacity: 1;
}
.tablet-device #js-block-02 .image-06 {
  left: 306px;
  top: 703px;
}
.tablet-device #js-block-02 .image-06 img {
  width: 316px;
}
#js-block-02 .image-07 {
  left: -6px;
  top: 342px;
  opacity: 0;
  z-index: 2;
  background: url(/sp/hanatsubaki/2015voyage/img/top/special/image_07_bg.png) no-repeat center top;
  background-size: 174px auto;
}
#js-block-02 .image-07.is-active {
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s;
  opacity: 1;
}
#js-block-02 .image-07.is-active img {
  opacity: 0;
}
#js-block-02 .image-07.is-active.js-cross img {
  -webkit-animation: cross 10s ease 2.5s infinite;
  animation: cross 10s ease 2.5s infinite;
}
.tablet-device #js-block-02 .image-07 {
  left: -3px;
  top: 698px;
  background-size: 358px auto;
}
.tablet-device #js-block-02 .image-07 img {
  width: 358px;
}

@-webkit-keyframes expand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  5% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }

  15% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  25% {
    opacity: 0.6;
  }

  30% {
    opacity: 1;
  }

  35% {
    opacity: 0.6;
  }

  65% {
    opacity: 0.6;
  }

  70% {
    opacity: 1;
  }

  75% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
  }
}

@keyframes expand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  5% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }

  15% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }

  25% {
    opacity: 0.6;
  }

  30% {
    opacity: 1;
  }

  35% {
    opacity: 0.6;
  }

  65% {
    opacity: 0.6;
  }

  70% {
    opacity: 1;
  }

  75% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
  }
}

@-webkit-keyframes cross {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}