/* 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,70px);
}
.js_upin.active {
	transform: translate(0,0);
}
.js_downin {
	transform: translate(0,-70px);
}
.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 1.5s ease 0.8s both;
}
.ani_blur_in{
  animation: is-blur-in 1.5s ease 0s 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;
}


/* ------------------------------------------------------------------------
    swiper
------------------------------------------------------------------------  */
.swiper-container {
	width: 100%;
	max-height: 400px;
}
.swiper-slide{
	transition: opacity 0.5s;
	opacity: .3;
	text-align: center;
}
.swiper-slide{
	width: 100%;
	height:auto;
}
.swiper-slide a{
	max-width: 1240px;
}
.swiper-slide-active{
	opacity: 1;
}