@charset "utf-8";
/* ------------------------------------------------------
	アニメーション用CSS
------------------------------------------------------ */

.sa {
	opacity: 0;
	transition: all 1.0s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--lr {
	transform: translate(-60px, 0);
}

.sa--rl {
	transform: translate(60px, 0);
}

.sa--up {
	transform: translate(0, 60px);
}

.sa--down {
	transform: translate(0, -60px);
}

.sa--scaleUp {
	transform: scale(.5);
}

.sa--scaleDown {
	transform: scale(1.5);
}

.sa--rotateL {
	transform: rotate(180deg);
}

.sa--rotateR {
	transform: rotate(-180deg);
}

@media screen and (max-width: 600px) {
	.sa {
		opacity: 1;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	.sa--lr,
	.sa--rl,
	.sa--up,
	.sa--down,
	.sa--scaleUp,
	.sa--scaleDown,
	.sa--rotateL,
	.sa--rotateR {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}