@charset "UTF-8";  

.scrollView {
  opacity: 1 !important;
}

/* フェードイン */
.fadein {
	opacity : 0;
	transition : all 1000ms;
}
.fadein.scrollin {
	opacity : 1;
}

@keyframes bottomIn {
	from {
		opacity: 0;
		-webkit-transform: transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes slideInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft2-r {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0) rotate(-45deg);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
}
@keyframes slideInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInRight2-r {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0) rotate(-45deg);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
}
@keyframes slideInBottom {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInTop {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes ttl_anime {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes ZoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale(2.0, 2.0);
		transform: scale(2.0, 2.0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: 5px 0; }
}
@keyframes KV_Zoom {
	from {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}
@keyframes FadeIN {
	from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes yuragi {
  0% , 100%{
      transform: rotate(8deg);
  }
  50%{
      transform: rotate(-8deg);
  }
}
@keyframes Rotation {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	15% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}
@keyframes mask-bg {
  0% {
	opacity: 1;
    transform: translate(-101%, 0) skewX(-15deg);
  }
  100% {
	opacity: 1;
    transform: translate(0, 0) skewX(-15deg);
  }
}
@keyframes Blink {
  0% {
	opacity: 0;
  }
  20% {
	opacity: 1;
  }
  30% {
	opacity: 0;
  }
  50% {
	opacity: 1;
  }
  60% {
	opacity: 0;
  }
  80% {
	opacity: 1;
  }
  100% {
	opacity: 1;
  }
}