/*アニメーションの@keyframes用のCSSコードを書く（ここに書くとAMP用で約500KBまで記入できます）*/

@keyframes fade{
  0% {
     opacity: 0;
  }
	  90% {
     opacity:0;
  }
  100% {
     opacity: 1;
  }
}


@keyframes loadLogo {
  0% {
    left: 0;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@keyframes slideOut {
  0% {
	  opacity:1;
	  transform: translateX(0);
  }
	10% {
	  opacity:1;
	  transform: translateX(0);
  }
  50% {
	  opacity:0;
	  transform: translateX(100%);
  }

	100% {
		opacity:0;
	  transform: translateX(100%);
  }
}