/*tate anime*/
.anime_tate {
    opacity: 0;
    position: relative;
    bottom: -60px !important;
    transition: all 1s ease-out; }
  
  .anime_tate.active {
    opacity: 1;
    bottom: 0px !important; }
  
  /*tate anime*/
  .anime_tateR {
    opacity: 0;
    position: relative;
    top: -60px !important;
    transition: all 1s ease-out; }
  
  .anime_tateR.active {
    opacity: 1;
    top: 0px !important; }
  
  /*left anime*/
  .anime_left {
    opacity: 0;
    position: relative;
    left: -60px !important;
    transition: all 1s ease-out; }
  
  .anime_left.active {
    opacity: 1;
    left: 0px !important; }
  
  /*left anime*/
  .anime_right {
    opacity: 0;
    position: relative;
    right: -60px !important;
    transition: all 1s ease-out; }
  
  .anime_right.active {
    opacity: 1;
    right: 0px !important; }
  
  /*left anime*/
  .anime_delay .active_tate {
    opacity: 0;
    position: relative;
    transform: translateY(60px);
    transition: all 1s ease-out; }
  
  .anime_delay .active_tate.active {
    opacity: 1;
    transform: translateY(0px); }
  
  .anime_delay .activeBox {
    opacity: 0;
    position: relative;
    top: 0px;
    transition: all 0.5s ease-out; }
  
  .anime_delay .activeBox.active {
    opacity: 1;
    top: 0; }
  
  /*anime*/
  .speed1,
  .speed2,
  .speed1_re,
  .speed2_re,
  .speed1T {
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out; }
  
  .speedLeft {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
    .speedLeft.onBlock {
      opacity: 1;
      transform: translateX(0%);
      -webkit-transform: translateX(0%); }
  
  .speedRight {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transform: translateX(50%);
    -webkit-transform: translateX(50%); }
    .speedRight.onBlock {
      opacity: 1;
      transform: translateX(0%);
      -webkit-transform: translateX(0%); }
  
  .speedBottom {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transform: translateY(100px);
    -webkit-transform: translateY(100px); }
    .speedBottom.onBlock {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px); }
  
  .speedDeep {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8); }
    .speedDeep.onBlock {
      opacity: 1;
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1); }
  
  .speedDeepNow {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8); }
    .speedDeepNow.onBlock {
      opacity: 1;
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1); }
  
  .speedOpacity {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out; }
    .speedOpacity.onBlock {
      opacity: 1; }
  
  .xMoveR .moveChild {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease; }
  
  .xMoveR .moveChild:first-child {
    transform: translateX(50px);
    -webkit-transform: translateX(50px); }
  
  .xMoveR .moveChild:last-child {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px); }
  
  .xMoveR.onBlock .moveChild:first-child {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px); }
  
  .xMoveR.onBlock .moveChild:last-child {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px); }
  
  .xMoveL .moveChild {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease; }
  
  .xMoveL .moveChild:first-child {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px); }
  
  .xMoveL .moveChild:last-child {
    transform: translateX(50px);
    -webkit-transform: translateX(50px); }
  
  .xMoveL.onBlock .moveChild:first-child {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px); }
  
  .xMoveL.onBlock .moveChild:last-child {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px); }
  
  .delayBox {
    opacity: 0;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transform: translateY(100px);
    -webkit-transform: translateY(100px); }
    .delayBox.onBlock {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px); }