.fadeIn {
	animation-name: fadeInAnime;/*アニメーションの定義名*/
	animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
	opacity:0;
}
.fadeUp {
	animation-name: fadeUpAnime;/*アニメーションの定義名*/
	animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
	opacity:0;
}
.fadeSlideLeft {
	animation-name: fadeSlideLeftAnime;/*アニメーションの定義名*/
	animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
	opacity:0;
}
.fadeSlideRight {
	animation-name: fadeSlideRightAnime;/*アニメーションの定義名*/
	animation-duration: 1s;/*アニメーション変化時間 ※デフォルト*/
	animation-fill-mode: forwards;/*アニメーションの開始と終了時の状態を指定*/
	opacity:0;
}

/*アニメーションの開始から終了までを指定する*/
@keyframes fadeInAnime{
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeSlideLeftAnime{
	from {
		opacity: 0;
		transform: translateX(150px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeSlideRightAnime{
	from {
		opacity: 0;
		transform: translateX(-150px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.change-time05{
  animation-duration: 1.0s;
}

.change-time1{
  animation-duration: 1.5s;
}

.change-time15{
  animation-duration: 2.5s;
}


.global_menu-item_sp:nth-child(1) {
	animation-duration: .2s;
}
.global_menu-item_sp:nth-child(2) {
	animation-duration: .4s;
}
.global_menu-item_sp:nth-child(3) {
	animation-duration: .6s;
}
.global_menu-item_sp:nth-child(4) {
	animation-duration: .8s;
}
.global_menu-item_sp:nth-child(5) {
	animation-duration: 1s;
}