.abelogoa{
width: 49px;
height: 30px;
position: absolute;
top:18px;
left: 291px;
z-index: 10;
opacity:0;
background-image: url("../../image/abelogo_a.png");
background-repeat: no-repeat;
-webkit-animation: logoa 2s ease-in 0.1s forwards;
animation: logoa 2s ease-in 0.1s forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%; 
}

.abelogoata {
width: 90px;
height: 27px;
position: absolute;
top:19px;
left: 292px;
z-index: 11;
opacity:1;
background-image: url("../../image/abelogo_ata.png");
background-repeat: no-repeat;
-webkit-animation: ata 2s ease-in 0.1s both;
animation: ata 2s ease-in 0.1s both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes logoa {
  0% {
    opacity:1;
    -webkit-transform: translate(30px,-204px)  rotate(13deg);
    transform: translate(30px,-204px)  rotate(13deg) ;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    opacity:1;
    -webkit-transform: translate(30px,20px)  rotate(16deg);
    transform: translate(30px,20px)  rotate(16deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
     opacity:0;
     -webkit-transform: translate(0px,0px)  rotate(0deg);
     transform: translate(0px,0px)  rotate(0deg);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
  }
  75% {
     opacity:0;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
  }
  100% {
     opacity:1;
  }
}
@keyframes logoa {
  0% {
    opacity:1;
    -webkit-transform: translate(30px,-204px)  rotate(13deg);
    transform: translate(30px,-204px)  rotate(13deg) ;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    opacity:1;
    -webkit-transform: translate(30px,20px)  rotate(16deg);
    transform: translate(30px,20px)  rotate(16deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
     opacity:0;
     -webkit-transform: translate(0px,0px)  rotate(0deg);
     transform: translate(0px,0px)  rotate(0deg);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
  }
  75% {
     opacity:0;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
  }
  100% {
     opacity:1;
  }
}
@-webkit-keyframes ata {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,20px) rotate(5deg);
    transform:  translate(0px,20px) rotate(5deg);
  }
  50% {
    opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(5deg);
    transform:  translate(0px,0px) rotate(5deg);
  }
  55% {
  opacity:1;
    -webkit-transform:  translate(0px,0px) rotate(5deg);
    transform:  translate(0px,0px) rotate(5deg);
  }
  90% {
  opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(-3deg);
    transform:  translate(0px,0px) rotate(-3deg);
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(0deg);
    transform:  translate(0px,0px) rotate(0deg);
  }
}
@keyframes ata {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,20px) rotate(5deg);
    transform:  translate(0px,20px) rotate(5deg);
  }
  50% {
    opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(5deg);
    transform:  translate(0px,0px) rotate(5deg);
  }
  55% {
  opacity:1;
    -webkit-transform:  translate(0px,0px) rotate(5deg);
    transform:  translate(0px,0px) rotate(5deg);
  }
  90% {
  opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(-3deg);
    transform:  translate(0px,0px) rotate(-3deg);
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(0px,0px) rotate(0deg);
    transform:  translate(0px,0px) rotate(0deg);
  }
}

/* オンエア時間 */
   .onairtime {
    -webkit-animation: onairanimation 2s ease-in 2s both;
    animation: onairanimation 2s ease-in 2s both;;
      
   }
@-webkit-keyframes onairanimation {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
      opacity: 0;
  }
  100% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
     opacity:1;
  }
}
@keyframes onairanimation {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
      opacity: 0;
  }
  100% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
     opacity:1;
  }
}

/* 下から上に */
   .onairLogo.delighter,
   .newsLogo.delighter,
   .delighter #footer_bnr_area,
   .otherChild.delighter,
   .banners.delighter,
   .archiveMain .wrapper article.delighter {
      transition: all 0.7s ease-out;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
      opacity: 0;
   }
   .onairLogo.delighter.started,
   .newsLogo.delighter.started,
   .delighter.started #footer_bnr_area,
   .otherChild.delighter.started,
   .banners.delighter.started,
   .archiveMain .wrapper article.delighter.started {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .onairLogo.delighter.started.ended,
   .newsLogo.delighter.started.ended,
   .delighter.started.ended #footer_bnr_area,
   .otherChild.delighter.started.ended,
   .banners.delighter.started.ended,
   .archiveMain .wrapper article.started.ended {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }
   
/* 下から上に delay */
   .onairMain article.delighter,
   .newsW.delighter {
      transition: all 0.7s ease-out 0.5s;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
      opacity: 0;
   }
   .onairMain article.delighter.started,
   .newsW.delighter.started {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .onairMain article.delighter.ended,
   .newsW.delighter.started.ended {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }

/* ゆっくり */
   .delighter .storyCatch {
      transition: all 3s ease-out;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
   }
   .delighter.started .storyCatch {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .delighter.started.ended .storyCatch {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }
   
/* 令和の泉　模様 */
   .delighter .reiwaLogobg1 {
      transition: all 3s ease 1s;
      -webkit-transform: translate(-50%, 0) scale(0.5);
      transform: translate(-50%, 0) scale(0.5);
      opacity: 0;
   }
   .delighter.started .reiwaLogobg1 {
      -webkit-transform: translate(-50%, 0) scale(0.5);
      transform: translate(-50%, 0) scale(0.5);
      opacity: 0;
   }
   .delighter.started.ended .reiwaLogobg1 {
      -webkit-transform: translate(-50%, 0) scale(1);
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
   }
/* 令和の泉 ビル */
   .delighter .reiwaLogobg2 {
      transition: all 0.5s ease 0.2s;
      -webkit-transform: translate(-50%, 0) scaleY(0.1);
      transform: translate(-50%, 0) scaleY(0.1);
      opacity: 0;
   }
   .delighter.started .reiwaLogobg2 {
      -webkit-transform: translate(-50%, 0) scaleY(0.1);
      transform: translate(-50%, 0) scaleY(0.1);
      opacity: 0;
   }
   .delighter.started.ended .reiwaLogobg2 {
      -webkit-transform: translate(-50%, 0) scaleY(1);
      transform: translate(-50%, 0) scaleY(1);
      opacity: 1;
   }
/* 令和の泉 ドア */
   .delighter .reiwaLogobg3 {
      transition: all 0.5s ease .7s;
      -webkit-transform: translate(-50%, 0) scale(0.1);
      transform: translate(-50%, 0) scale(0.1);
      opacity: 0;
   }
   .delighter.started .reiwaLogobg3 {
      -webkit-transform: translate(-50%, 0) scale(0.1);
      transform: translate(-50%, 0) scale(0.1);
      opacity: 0;
   }
   .delighter.started.ended .reiwaLogobg3 {
      -webkit-transform: translate(-50%, 0) scale(1);
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
   }
/* 令和の泉 ようこそ */
   .delighter .reiwaLogobg5 {
      transition: all 0.5s ease .7s;
      -webkit-transform: translate(-50%, 0) scale(0.1);
      transform: translate(-50%, 0) scale(0.1);
      opacity: 0;
   }
   .delighter.started .reiwaLogobg5 {
      -webkit-transform: translate(-50%, 0) scale(0.1);
      transform: translate(-50%, 0) scale(0.1);
      opacity: 0;
   }
   .delighter.started.ended .reiwaLogobg5 {
      -webkit-transform: translate(-50%, 0) scale(1);
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
   }
/* 令和の泉 ロゴ */
   .delighter .reiwaLogo {
      transition: all 1s ease 1s;
      -webkit-transform: translate(-50%, 0) ;
      transform: translate(-50%, 0) ;
      opacity: 0;
   }
   .delighter.started .reiwaLogo {
      -webkit-transform: translate(-50%, 0) ;
      transform: translate(-50%, 0) ;
      opacity: 0;
   }
   .delighter.started.ended .reiwaLogo {
      -webkit-transform: translate(-50%, 0) ;
      transform: translate(-50%, 0) ;
      opacity: 1;
   }
/* 令和の泉 説明 */
   .delighter .reiwaBottom h2 {
      transition: all 0.5s ease 1s;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
   }
   .delighter.started .reiwaBottom h2 {
   -webkit-transform: none;
   transform: none;
   opacity: 0;
   }
   .delighter.started.ended .reiwaBottom h2 {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }
   
   .delighter .reiwaBottom p {
      transition: all 0.5s ease 1.3s;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
   }
   .delighter.started .reiwaBottom p {
   -webkit-transform: none;
   transform: none;
   opacity: 0;
   }
   .delighter.started.ended .reiwaBottom p {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }

/* キャスト */
   .castLogo.delighter  {
      transition: all 1s ease;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
   }
   .castLogo.delighter.started {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .castLogo.delighter.started.ended {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }
   
   .castIn h3.delighter {
      transition: all 0.5s cubic-bezier(0.000, 1, 0.000, 1) 0.2s;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
   }
   .castIn h3.delighter.started {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .castIn h3.delighter.started.ended {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }
   
   .castIn dl.delighter {
      transition: all 1s ease 0.3s;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
   }
   .castIn dl.delighter.started {
      -webkit-transform: none;
      transform: none;
      opacity: 0;
   }
   .castIn dl.delighter.started.ended {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
   }