@charset "utf-8";
/* ------------------------------------------------------
	アニメーション用CSS
------------------------------------------------------ */
.sa:not([data-sa_breakpoint]) {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	opacity: 0;
	transition: transform .5s ease, opacity .5s ease;
}

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

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

.sa--scaleimg { overflow: hidden; }
.sa--scaleimg img { transition: transform 1.8s, opacity .5s; transform: scale(1.1); }
.sa--scaleimg.show img { transform: scale(1); }

@media screen and (max-width: 600px) {
	.sa { transition: transform .5s ease, opacity .5s ease, background .25s ease, border .5s ease; -webkit-transition: transform .5s ease, opacity .5s ease, background .25s ease, border .5s ease; -moz-transition: transform .5s ease, opacity .5s ease, background .25s ease, border .5s ease; -ms-transition: transform .5s ease, opacity .5s ease, background .25s ease, border .5s ease; -o-transition: transform .5s ease, opacity .5s ease, background .25s ease, border .5s ease; }
}