#contents_block .fadein {
	opacity: 0;
	transition: opacity 1s ease-out;
}
#contents_block .fadein.animated {
	opacity: 1;
}
#contents_block .fadein-up {
	opacity: 0;
	transform: translateY(20px) scale(1.05);
	transition: opacity 1s ease-out,transform 1s .1s ease-out;
}
#contents_block .fadein-up.animated {
	opacity: 1;
	transform: translateY(0) scale(1);
}
@media only screen and (min-width: 641px) {
	#contents_block .delay-01 {
		transition: opacity 1s .5s ease-out,transform 1s .6s ease-out;
	}
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

#contents_block .fadein-bounce {
	opacity: 0;
}

#contents_block .fadein-bounce.animated {
	-webkit-animation: 1.5s forwards ease-out;
	animation: 1.5s forwards ease-out;
	-webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}