/* scroll */
.scroll span {
   -webkit-animation: scroll 1.5s infinite ease-in-out both;
   animation: scroll 1.5s infinite ease-in-out both;
  }
@-webkit-keyframes scroll {
 0% {
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
     opacity: 0;
 }
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
    opacity:1;
 }
}
@keyframes scroll {
 0% {
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
     opacity: 0;
 }
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
    opacity:1;
 }
}


/* Default フェードイン */
.delighter {
   transition: all 2s ease-out;
   opacity: 0;
}
.delighter.started {
   -webkit-transform: none;
   transform: none;
   opacity: 0;
}
.delighter.started.ended {
   -webkit-transform: none;
   transform: none;
   opacity: 1;
}

/* Default フェードイン delay */
@media screen and (min-width: 769px) {
.wrapper_logo.delighter {
   transition: all 2s ease-out 1s;
   -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
   opacity: 0;
}
.wrapper_logo.delighter.started {
   -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
   opacity: 0;
}
.wrapper_logo.delighter.started.ended {
   -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
   opacity: 1;
}
}
@media screen and (max-width: 768px) {
   .wrapper_logo.delighter {
      transition: all 2s ease-out 1s;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
   }
   .wrapper_logo.delighter.started {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
   }
   .wrapper_logo.delighter.started.ended {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 1;
   }
}

.mc li.delighter, .tc-contents-img.delighter, .tc-contents-txt.delighter, .program-wrap.delighter {
   transition: all 2s ease-out 1s;
   -webkit-transform: none;
   transform: none;
   opacity: 0;
}
.mc li.delighter.started, .tc-contents-img.delighter.started, .tc-contents-txt.delighter.started, .program-wrap.delighter.started {
   -webkit-transform: none;
   transform: none;
   opacity: 0;
}
.mc li.delighter.started.ended, .tc-contents-img.delighter.started.ended, .tc-contents-txt.delighter.started.ended, .program-wrap.delighter.started.ended {
   -webkit-transform: none;
   transform: none;
   opacity: 1;
}