/* 1つ目：縮小・拡大 */
.list-mv01 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01 {
	opacity: 1.0;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}


/* 2つ目：opacity*/
.list-mv02 {
overflow: hidden;
transition: .8s;
	opacity: 0;
}
.mv02 {
	opacity: 1.0;
}


/* 3つ目：回転 */
.list-mv03 {
overflow: hidden;
transition: .8s;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}


/* 4つ目、5つ目：左右から！ */
.list-mv04 {
overflow: hidden;
transition: .5s;
	opacity: 0;
	transform:translatex(-90px);
	-webkit-transform:translatex(-90px);
}
.mv04 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv041 {
overflow: hidden;
transition: .5s;
	opacity: 0;
	transform:translatex(-100%);
	-webkit-transform:translatex(-100%);
}
.mv041 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	animation: poyoyonL .8s cubic-bezier(0.8, 0, 0.4, 0) 1;
}
@keyframes poyoyonL {
0% {
	transform: translateX(-100px);
	opacity: 0;
}
50% {
	transform: translateX(0px);
}
75% {
	transform: translateX(-6px);
}
100% {
	transform: translateX(0);
}
50%,100% {
    opacity: 0.96;
}
}


.list-mv05 {
overflow: hidden;
transition: .5s;
	opacity: 0;
	transform:translatex(90px);
	-webkit-transform:translatex(90px);
}
.mv05 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv051 {
overflow: hidden;
transition: .5s;
	opacity: 0;
	transform:translatex(0px);
	-webkit-transform:translatex(0px);
}
.mv051 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	animation: poyoyon .8s cubic-bezier(0.8, 0, 0.4, 0) 1;
}
@keyframes poyoyon {
0% {
	transform: translateX(100px);
	opacity: 0;
}
50% {
	transform: translateX(0);
}
75% {
	transform: translateX(6px);
}
100% {
	transform: translateX(0);
}
50%,100% {
    opacity: 0.96;
}
}


/* ６つ目：上から */
.list-mv06 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: translate(0,-60px); 
	-webkit-transform: translate(0,-60px); 
}
.mv06 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv061 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: translate(0,-60px); 
	-webkit-transform: translate(0,-60px); 
}
.mv061 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: transform .8s cubic-bezier(0.2, 2.0, 0.2, 1);
}


/* ７つ目：移動＋透明度 */
.list-mv07 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




/* 8つ目：上から 2 */
.list-mv08 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: translate(0,-280px); 
	-webkit-transform: translate(0,-280px); 
}
.mv08 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* 9つ目：下から 2 */
.list-mv09 {
overflow: hidden;
transition: .6s;
	opacity: 0;
	transform: translate(0,200px); 
	-webkit-transform: translate(0,200px); 
}
.mv09 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




@media screen and (max-width: 834px) {

/* 8つ目：上から 2 */
.list-mv08 {
overflow: hidden;
transition: .3s;
	opacity: 0;
	transform: translate(0,-180px); 
	-webkit-transform: translate(0,-180px); 
}
.mv08 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* 9つ目：下から 2 */
.list-mv09 {
overflow: hidden;
transition: .3s;
	opacity: 0;
	transform: translate(0,180px); 
	-webkit-transform: translate(0,180px); 
}
.mv09 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

}