@charset "UTF-8";


/* ----------------------------------------
inview
 ---------------------------------------- */ 
.inviewBox{
  overflow: hidden;
}
.inview{
	opacity: 0 !important;
  transition: 1.0s;
}
.inview.inview_active{
	opacity: 1 !important;
}

/* ----- blur in ----- */
.blur_in{
  filter: blur(6px);
  transition: 1.0s;
}
.inview_active.blur_in{
  filter: blur(0);
}

/* ----- puyo in ----- */
.inview-puyo{
  transform: scale(0.7);
}
.inview_active.inview-puyo{
  animation-name: inviewpuyo;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
@keyframes inviewpuyo {
  0%   {
    transform: scale(0.8);
  }
  60%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1);
  }
}
 

/* ----- zoom in ----- */
.inview-zoom{
  transform: scale(0.8);
}
.inview_active.inview-zoom{
  transform: scale(1);
}

/* ----- top in ----- */
.inview-top{
  transform: translate(0, -60px);
}

/* ----- bottom in ----- */
.inview-bottom{
  transform: translate(0, 60px);
}

/* ----- left in ----- */
.inview-left{
  transform: translate(-60px, 0);
}

/* ----- right in ----- */
.inview-right{
  transform: translate(60px, 0);
}

/* ----- in common ----- */
.inview_active.inview-top,
.inview_active.inview-bottom,
.inview_active.inview-left,
.inview_active.inview-right{
  transform: translate(0, 0);
}

/* ----- repeat in ----- */
.inview_repeat .inview_repeat_tgt,
.inview_repeat .inview_repeat_tgt_top,
.inview_repeat .inview_repeat_tgt_bottom,
.inview_repeat .inview_repeat_tgt_left,
.inview_repeat .inview_repeat_tgt_right{
	opacity: 0 !important;
  transition: 1.0s;
}
.inview_repeat .inview_repeat_tgt_top{
  transform: translate(0, -30px);
}
.inview_repeat .inview_repeat_tgt_bottom{
  transform: translate(0, 30px);
}
.inview_repeat .inview_repeat_tgt_left{
  transform: translate(-30px, 0px);
}
.inview_repeat .inview_repeat_tgt_right{
  transform: translate(30px, 0px);
}
.inview_repeat .inview_repeat_tgt.inview_repeat_active,
.inview_repeat .inview_repeat_tgt_top.inview_repeat_active,
.inview_repeat .inview_repeat_tgt_bottom.inview_repeat_active,
.inview_repeat .inview_repeat_tgt_left.inview_repeat_active,
.inview_repeat .inview_repeat_tgt_right.inview_repeat_active{
	opacity: 1 !important;
  transform: translate(0, 0);
}