@charset "utf-8";
/* CSS Document */
/*動き*/
.trans8s {
	transition: .8s;
}
.trans10s {
	transition: 1s;
}

/*遅延*/
.delay01s {
	transition-delay:0.1s;
}
.delay02s {
	transition-delay:0.2s;
}
.delay03s {
	transition-delay:0.3s;
}
.delay04s {
	transition-delay:0.4s;
}
.delay05s {
	transition-delay:0.5s;
}
.delay06s {
	transition-delay:0.6s;
}
.delay07s {
	transition-delay:0.7s;
}
.delay08s {
	transition-delay:0.8s;
}
.delay09s {
	transition-delay:0.9s;
}
.delay10s {
	transition-delay:1s;
}
.delay11s {
	transition-delay:1.1s;
}
.delay12s {
	transition-delay:1.2s;
}
.delay13s {
	transition-delay:1.3s;
}
.delay14s {
	transition-delay:1.4s;
}
.delay15s {
	transition-delay:1.5s;
}
.delay16s {
	transition-delay:1.6s;
}
.delay17s {
	transition-delay:1.7s;
}
.delay18s {
	transition-delay:1.8s;
}
.delay19s {
	transition-delay:1.9s;
}
.delay20s {
	transition-delay:2s;
}
.delay21s {
	transition-delay:2.1s;
}
.delay22s {
	transition-delay:2.2s;
}
.delay23s {
	transition-delay:2.3s;
}
.delay24s {
	transition-delay:2.4s;
}
.delay25s {
	transition-delay:2.5s;
}
.delay30s {
	transition-delay:3s;
}

/***************************************

動き種類

*****************************************/

/* 縮小・拡大表示 */
.animation-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/* 透明→不透明*/
.animation-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}

/* 回転 */
.animation-mv03{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}


/* 3D回転 */
.animation-mv04{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.mv04{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}

/* 上移動 */
.animation-mv05{
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
}
.mv05{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* ズームイン＆3D回転 */
.animation-mv06{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}

/*フェードアップ*/
.animation-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*フェードアップ*/
.animation-mv08{
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*フェードアップ*/
.animation-mv09{
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}