.fadeIn {
	opacity: 0;
	transition : all 600ms;
}

.fadeIn.scrollIn{
	opacity: 1;
	transform: translate(0, 0);
}

/* フェードの方向 */
/* 下から上 */
.fadeBottom {
	transform : translate(0, 50px);
}
/* 上から下 */
.fadeTop {
	transform : translate(0, -50px);
}
/* 左から右 */
.fadeLeft {
	transform : translate(-50px , 0);
}
/* 右から左 */
.fadeRight {
	transform : translate(50px , 0);
}


/* アニメーション */
.anime {
	transition : all 700ms;
	opacity: 0;
	transition-delay:0.5s;
	transition-timing-function:ease-out;
}
.anime.scrollIn{
	transform: translate(0, 0);
	opacity: 1;
}

/* 左から右（移動量大） */
.fadeLeft2 {
	transform : translate(-80px , 0);
}
/* 右から左（移動量大） */
.fadeRight2 {
	transform : translate(80px , 0);
}
/* 下から上 */
.fadeBottom2 {
	transform : translate(0, 80px);
}

/* 左から山なり */
.yamanariLeft {
	transform : translate(-100px , 50px) rotate(-25deg);
	transition-delay:1.5s;
}
/* 右から山なり */
.yamanariRight {
/*	transform : translate(100px , -50px) rotate(30deg);*/
	transition-delay:0.5s;
	transition-timing-function:ease-in;
}

/*==================================================
動かしたい動き（今回は” ふわっ” を採用）
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

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

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

@media print {
   .fadeIn {
       opacity: 1;
   }
}