@charset "utf-8";

/*
************************************************************************
* スクロールインアニメーション
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC						 ################################################################## */
/* ################################################################################################ */
.chk-in-window > *
{
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.chk-in-window.fade.isInWindow > *
{
	animation-name:fncScrollInFace;
	animation-delay:0.1s;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes fncScrollInFace
{
	0% {
		opacity:0;
		transform:translateY(2em);
	}
	100% {
		opacity:1;
		transform:translateY(0em);
	}
}
.chk-in-window.slide-l.isInWindow > *
{
	animation-name:fncScrollInSlideL;
	animation-delay:0.1s;
	animation-duration:0.6s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes fncScrollInSlideL
{
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0%);
	}
}
.chk-in-window.slide-r.isInWindow > *
{
	animation-name:fncScrollInSlideR;
	animation-delay:0.1s;
	animation-duration:0.6s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes fncScrollInSlideR
{
	0% {
		opacity:0;
		transform:translateX(10%);
	}
	100% {
		opacity:1;
		transform:translateX(0%);
	}
}


/* ################################################################################################ */
/* ## TAB						 ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1100px) {

	
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	
}