@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_KV {
	from {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale(1.5, 1.5);
		transform: translateX(-50%) scale(1.5, 1.5);
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-50%) scale(1, 1);
		transform: translateX(-50%) scale(1, 1);
		-ms-filter: blur(0);
		filter: blur(0);
	}
}
@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);
	}
}