@charset "utf-8";
/* page fadein */

/*****
フェードイン用
*****/
.fade_area{
	/*min-height: 200px;*/
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 1.5s, transform 1.5s;
}
.fade_area.fadein{
	opacity: 1;
	transform: translateY(0);
}

/*****
スライドイン用
*****/

/***左から右にスライドイン***/
.slidein_lr{
	opacity: 0;
	transform: translateX(-100%);
	transition: opacity 1.5s, transform 1.5s;
}
.slidein_lr_in{
	opacity: 1;
	transform: translateX(0);
}

/***右から左にスライドイン***/
.slidein_rl{
	opacity: 0;
	transform: translateX(100%);
	transition: opacity 1.5s, transform 1.5s;
}
.slidein_rl_in{
	opacity: 1;
	transform: translateX(0);
}

/*****
拡大縮小
*****/
/***拡大***/
.scale_l{
	opacity: 0;
	transform: scale(0.2);
	transition: opacity 0.5s, transform 0.5s;
}
.scale_large{
	opacity: 1;
	transform: scale(1);
}

/***縮小***/
.scale_s{
	opacity: 0;
	transform: scale(1.5);
	transition: opacity 0.5s, transform 0.5s;
}
.scale_small{
	opacity: 1;
	transform: scale(1);
}