@charset "utf-8";
/* CSS Document */

/* ************************************************ 
 *	
 *	transition
 *	
 * ************************************************ */

@media ( min-width : 768px ) {
	.contents_css a img,
	#post_css a img,
	.fade{
		transition: all 0.5s;
		opacity: 1;
	}
	.contents_css a img:hover,
	#post_css a img:hover,
	.fade:hover{
		opacity: 0.6;
	}
}
/* --- 上からふわっ（animation01） --- */
.animation01 {
    transition: all 1s;
    opacity: 0;
    transform: translateY(-20px); /* marginの代わりにこれを使うと動きが滑らか */
}
.animation01.fadeInDown {
    opacity: 1;
    transform: translateY(0);
}

/* --- 左(または右)からふわっ（animation02） --- */
.animation02 {
    transition: all 1s;
    opacity: 0;
    transform: translateX(-20px); /* 横方向の移動 */
}
.animation02.fadeInright { /* ここを 02 に修正 */
    opacity: 1;
    transform: translateX(0);
}