@charset "utf-8";

/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.upAnime{
  opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeDownUp {
	animation-name:slideTextY100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes slideTextY100 {
  from {
	transform: translateY(50%); /*要素を上の枠外に移動*/
  opacity: 0;
  }

  to {
	transform: translateY(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}

.slideAnimeUpDown {
	animation-name:slideTextY-100;
	animation-duration:2s;
	animation-fill-mode:forwards;
  opacity: 0;
}


@keyframes slideTextY-100 {
  from {
	transform: translateY(-100%);/*要素を下の枠外に移動*/
  opacity: 0;
  }

  to {
	transform: translateY(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}