/* base */
.js-in ,
.js-List-in {
	overflow:hidden;
}
.js-in,
.js-List-in .Target {
	transition: 1s;
}
.js-List-in .Target.active {
}

/* Type */
.js-Fadein {
	opacity:0;
}
.js-Fadein.active {
	opacity:1;
}
.js-upin {
	transform: translate(0,30px);
}
.js-upin.active {
	transform: translate(0,0);
}
.js-downin {
	transform: translate(0,-30px);
}
.js-downin.active {
	transform: translate(0,0);
}
.js-Slidein {
	margin-left: -100px;
}
.js-Slidein.active {
	margin-left: 0;
}
/* ------------------------------------------------------------------------
    animation
------------------------------------------------------------------------  */
.ani-fade-in {
	animation: is-fade-in 2s ease 1s both;
}
.ani-blur-in{
  animation: is-blur-in 2s ease .8s both;
}
@keyframes is-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes is-blur-in {
  0% {
	opacity: 0;
	filter: blur(60px);
	-webkit-filter:blur(60px);
	-moz-filter:blur(60px);
	-o-filter:blur(60px);
	-ms-filter:blur(60px);
  }
  90% {
	opacity: 1;
	filter: blur(0);
	-webkit-filter:blur(0);
	-moz-filter:blur(0);
	-o-filter:blur(0);
	-ms-filter:blur(0);
  }
}

/* ------------------------------------------------------------------------
    Loading
------------------------------------------------------------------------  */      
.loadingWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1000;
}