@charset 'UTF-8';

/*アニメーション　START*/

.sa{
	opacity: 0;
}


.sa.show {
  opacity: 1;
  transform: none;
}

.sa--show {
  transform: translate(0px, 0);
  transition: all 2s ease;
}

.sa--show-4 {
  transform: translate(0px, 0);
  transition: all 4s ease;
}

.sa--show-6 {
  transform: translate(0px, 0);
  transition: all 6s ease;
}

.sa--show-8 {
  transform: translate(0px, 0);
  transition: all 8s ease;
}

.sa--show-10 {
  transform: translate(0px, 0);
  transition: all 10s ease;
}

.sa--show-12 {
  transform: translate(0px, 0);
  transition: all 12s ease;
}
 
 
.sa--lr {
  transform: translate(-100px, 0);
  transition: all 1s ease;
}
 
.sa--rl {
  transform: translate(100px, 0);
  transition: all 1s ease;
}

.sa--test {
  transition: all 2s ease;
  transform: scale(1.5);
}
 
.sa--up {
  transform: translate(0, 100px);
  transition: all 2s ease;
}
 
.sa--down {
  transform: translate(0, -100px);
  transition: all 1s ease;
}
 
.sa--scaleUp-rl {
  transform: translate(100px, 100px);
  transition: all .5s ease;
/*   transition-delay: .3s; */
}

.sa--scaleUp-lr {
  transform: translate(-100px, 100px);
  transition: all .5s ease;
/*   transition-delay: .3s; */
}

.sa--scaleUp {
  transform: scale(.5);
  transition: all 1s ease;
}
 
.sa--scaleDown {
  transform: scale(1.5);
  transition: all 1.5s ease;
}
 
.sa--rotateL {
  transform: rotate(180deg);
  transition: all 1s ease;
}
 
.sa--rotateR {
  transform: rotate(-180deg);
  transition: all 1s ease;
}

@media all and (-ms-high-contrast: none) {
	.sa{
		opacity: 1;
	}
	
	.sa.show {
	opacity: 1;
	transform: none;
	}

	.sa--show-4 {
	opacity: 1;
	transform: none;
	}
	
	.sa--show-6 {
	opacity: 1;
	transform: none;
	}
	
	.sa--show-8 {
	opacity: 1;
	transform: none;
	}
	
	.sa--show-10 {
	opacity: 1;
	transform: none;
	}
	
	.sa--show-12 {
	opacity: 1;
	transform: none;
	}
 
	.sa--lr {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--rl {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--up {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--down {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--scaleUp {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--scaleDown {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--rotateL {
	  transform: none;
	  transition:inherit;
	}
	 
	.sa--rotateR {
	  transform: none;
	  transition:inherit;
	}
}

/*アニメーション　END*/