@charset "UTF-8";
/*
	common
-----------------------------------------------------------------------------------------------*/
/* 起点 */
.jsAnm{
	opacity: 0;
}
/* ふわっと */
.anmFadeIn.jsAnmStart{
	animation: anmFadeIn 0.8s ease 0.8s forwards;
}
@keyframes anmFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* ふわっと消える */
.anmFadeOut.jsAnmStart{
	animation: anmFadeOut 0.8s ease 0.8s forwards;
}
@keyframes anmFadeOut{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation: anmFadeUp 0.8s ease 0.8s forwards;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(30px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上からふわっと */
.anmFadeDown.jsAnmStart{
	animation: anmFadeDown 0.8s ease 0.8s forwards;
}
@keyframes anmFadeDown{
	from{
		opacity: 0;
		transform: translateY(-30px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右からふわっと */
.anmFadeRight.jsAnmStart{
	animation: anmFadeRight 0.8s ease 0.8s forwards;
}
@keyframes anmFadeRight{
	from{
		opacity: 0;
		transform: translateX(30px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左からふわっと */
.anmFadeLeft.jsAnmStart{
	animation: anmFadeLeft 0.8s ease 0.8s forwards;
}
@keyframes anmFadeLeft{
	from{
		opacity: 0;
		transform: translateX(-30px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}


/*
	ページ全体
-----------------------------------------------------------------------------------------------*/
#wrapper{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.2s forwards;
}

/*
	KV
-----------------------------------------------------------------------------------------------*/
#kv{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.5s forwards;	

	.mark{
		opacity: 0;
		animation: anmFadeRight 0.8s ease 0.8s forwards;
	}
}

/*
	トップページ
-----------------------------------------------------------------------------------------------*/
#news{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.8s forwards;
}

/*
	下層ページ
-----------------------------------------------------------------------------------------------*/
#cmnKv{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.5s forwards;	

	.titSub{
		opacity: 0;
		animation: anmFadeRight 0.8s ease 0.8s forwards;
	}
}

#olistPan{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.8s forwards;	
}

#anchorLink{
	opacity: 0;
	animation: anmFadeUp 0.8s ease 0.8s forwards;
}