/* アニメーション */
/*フェードイン ※スライドイン・ダウンなし*/
.fade-in-box {
    opacity: 0; /* 初期状態は透明に設定 */
    transition: opacity 0.5s ease-in; /* フェードインの時間とタイミング関数を設定 */
}

/* フェードインさせるためにクラスを追加 */
.fade-in-box.show {
    opacity: 1;
}

/*フェードイン　※スライドイン・ダウンあり*/
.scroll_fadein{
opacity: 0;
}
.fadein_animation_start{
/* キーフレームアニメーションを指定*/
animation-name: fadein_animation;
/* アニメーションの開始時間の遅延*/
animation-delay: 0.3s;
/* アニメーションの時間を指定*/
animation-duration: 1s;
/* アニメーション再生後のスタイルを指定 */
animation-fill-mode: both;
}
@keyframes fadein_animation{
0% {
opacity: 0;
}
100%{
opacity: 1;
transform: translate(0);
}
}
.slideup{
transform: translateY(50px);
}
.slidedown{
  transform: translateY(-50px);
}
.slideright{
  transform: translateX(50px);
}
.slideleft{
  transform: translateX(-50px);
}
/*ボタン*/
.pulsate-bck{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .5s ease-in-out infinite both}

@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}

/* FVボタンアニメーション */
.updown {
  animation-name:updown1;   /* アニメーション名の指定 */
  animation-delay:0s;   /* アニメーションの開始時間指定 */
  animation-duration: 3s;   /* アニメーション動作時間の指定 */
  animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
  animation-iteration-count: infinite; 
  }
  @keyframes updown1 {
  0% {
  transform: translateY(0);
  }
  50% {
  transform: translateY(-15px);
  }
  100% {
  transform: translateY(0);
  }
  }