/* // アニメーション */
@-webkit-keyframes fade-in1 {
    0% {opacity: 0; transform: translate3d(0,30px,0);}
    100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes fade-in1 {
    0% {opacity: 0; transform: translate3d(0,30px,0);}
    100% {opacity: 1; transform: translate3d(0,0,0);}
}

/*keyframesの設定*/
/*文字が消えている状態から現れるアニメーション*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*はじめにブロックを伸ばすアニメーション*/
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
}
/*のびたブロックを横に追いやるアニメーション*/
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }