@charset "utf-8";
/* ------------------------------------------------------
	アニメーション用CSS
------------------------------------------------------ */
.sa {	transition: transform 1s ease, opacity 1s ease, background .5s ease, border .5s ease;	opacity: 0;}
.sa.show { opacity: 1; transform: none; }

/* .sa--show { opacity: 0;}
.sa--show.show { opacity: 1; transform: none;}

.blur { opacity: 0; filter: blur(50px); transition: filter 1.5s ease;}
.blur.show { opacity: 1; filter: blur(0);	transform: none;} */

.sa--lr { transform: translate(-100px, 0);}
.sa--rl { transform: translate(100px, 0);}
.sa--up { transform: translate(0, 100px);}
.sa--down { transform: translate(0, -100px);}
.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 {	transition: transform 1s ease, opacity 1s ease, background .5s ease, border .5s ease;}

}