@charset "utf-8";
/* CSS Document */


.mv08 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.list-mv1 {
	opacity: 0;
	-moz-transform: translate(300px, 0px);
	-webkit-transform: translate(300px, 0px);
	-ms-transform: translate(300px, 0px);
	transform: translate(300px, 0px);
}
.mv1 {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.list-mv2 {
	opacity: 0;
	-moz-transform: translate(-300px, 0px);
	-webkit-transform: translate(-300px, 0px);
	-ms-transform: translate(-300px, 0px);
	transform: translate(-300px, 0px);
}
.mv2 {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.list-mv3 {
	opacity: 0;
	-moz-transform: translate(0px, 40px);
	-webkit-transform: translate(0px, 40px);
	-ms-transform: translate(0px, 40px);
	transform: translate(0px, 40px);
}
.mv3 {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
/*左から
-------------*/
.anime2 {
	transition: 2s;
	opacity: 0;
	-moz-transform: translate(-120px, 0px);
	-webkit-transform: translate(-120px, 0px);
	-ms-transform: translate(-120px, 0px);
	transform: translate(-120px, 0px);
}
.a_2 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}





/*右から
-------------*/

.anime3 {
	transition: 1.2s;
	opacity: 0;
	-moz-transform: translate(120px, 0px);
	-webkit-transform: translate(120px, 0px);
	-ms-transform: translate(120px, 0px);
	transform: translate(120px, 0px);
}
.a_3 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


.anime4 {
	transition: 0.8s;
	opacity: 1;
	width:0;
}
.a_4 {
	width:70vw;
}

/*下から
-------------*/



.anime1 {
	transition: 1s;
}

.anime1 {
	opacity: 0;
	-moz-transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	-ms-transform: translate(0px, 60px);
	transform: translate(0px, 60px);
}
.a_1 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


.anime1s2 {
	transition: 1s;
}
.anime1s2_2 {
	transition: 1.4s;
}
.anime1s2_3 {
	transition: 1.8s;
}
.anime1s2_4 {
	transition: 2.2s;
}
.anime1s2_2 {
	transition: 1.4s;
}
.anime1s2_3 {
	transition: 1.8s;
}
.anime1s2_4 {
	transition: 2.2s;
}
.anime1s2 {
	opacity: 0;
	-moz-transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	-ms-transform: translate(0px, 60px);
	transform: translate(0px, 60px);
}
.a_1s2 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

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

.anime1s2 {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.a_1s2 {
	opacity: 1.0;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.anime1 {
	transition: .5s;
}
.anime1_2 {
	transition: .5s;
	}
.anime1_3 {
	transition: .5s;
}
.anime1_4 {
	transition: .5s;
}

	}
/*fadein
----------*/


.fade {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}



.f_a1 {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.f_1{
	transition: 1s;
	transition-delay:0.4s;
}

.f_2{
	transition: 1s;
	transition-delay:1s;
}


.f_3{
	transition: 1s;
	transition-delay:1.6s;
}


.f_4{
	transition: 1s;
	transition-delay:2.2s;
}

.f_5{
	transition: 1s;
	transition-delay:1.2s;
}

.f_6{
	transition: 1s;
	transition-delay:1.3s;
}

.f_7{
	transition: 1s;
	transition-delay:1.5s;
}

.f_8{
	transition: 1s;
	transition-delay:1.7s;
}

.f_9{
	transition: 1s;
	transition-delay:1.9s;
}

.f_10{
	transition: 1s;
	transition-delay:2.1s;
}
@media screen and (max-width: 768px) {
	.f_1{
	transition: 1s;
	transition-delay:0;
}

.f_2{
	transition: 1s;
	transition-delay:0;
}


.f_3{
	transition: 1s;
	transition-delay:0;
}


.f_4{
	transition: 1s;
	transition-delay:0;
}

.f_5{
	transition: 1s;
	transition-delay:0;
}

.f_6{
	transition: 1s;
	transition-delay:0;
}

.f_7{
	transition: 1s;
	transition-delay:0;
}

.f_8{
	transition: 1s;
	transition-delay:0;
}

.f_9{
	transition: 1s;
	transition-delay:0;
}

.f_10{
	transition: 1s;
	transition-delay:0;
}

}
/*ブルブル*/
.a_h{
	    display: block;
		text-decoration: none;

}
.a_h:hover {
		-webkit-animation: a_1 .4s linear 0s 1 normal none;
	-moz-animation: a_1 .4s linear 0s 1 normal none;
	-ms-animation: a_1 .4s linear 0s 1 normal none;
	-o-animation: a_1 .4s linear 0s 1 normal none;
	animation: a_1 .4s linear 0s 1 normal none;
	text-decoration: none;
	opacity: 1;
}
 @-webkit-keyframes a_1 {
 0% {
 -webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
 -webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
 -webkit-transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
 -webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
 -webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
 -webkit-transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 -webkit-transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
 -webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
 -webkit-transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 -webkit-transform: translate(2px, 3px) rotate(0deg);
}
 100% {
 -webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
 @-moz-keyframes a_1 {
 0% {
 -webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
 -webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
 -webkit-transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
 -webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
 -webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
 -webkit-transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 -webkit-transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
 -webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
 -webkit-transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 -webkit-transform: translate(2px, 3px) rotate(0deg);
}
 100% {
 -webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
 @-ms-keyframes a_1 {
 0% {
 -webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
 -webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
 -webkit-transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
 -webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
 -webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
 -webkit-transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 -webkit-transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
 -webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
 -webkit-transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 -webkit-transform: translate(2px, 3px) rotate(0deg);
}
 100% {
 -webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
 @keyframes a_1 {
 0% {
 -webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
 -webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
 -webkit-transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
 -webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
 -webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
 -webkit-transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 -webkit-transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
 -webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
 -webkit-transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 -webkit-transform: translate(2px, 3px) rotate(0deg);
}
 100% {
 -webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}

