@charset "utf-8";
/* CSS Document */

#main img, #main video {
	max-width: 100%;
}



.delighter.delighter {/* 通常（下から） */
	transition:all .6s ease-out;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay1.delighter {/* 下から0.2秒後開始 */
	transition:all .6s ease-out .2s;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay2.delighter {/* 下から0.4秒後開始 */
	transition:all .6s ease-out .4s;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay3.delighter {/* 下から0.6秒後開始 */
	transition:all .6s ease-out .6s;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay4.delighter {/* 下から0.8秒後開始 */
	transition:all .6s ease-out .8s;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay5.delighter {/* 下から1秒後開始 */
	transition:all .6s ease-out 1s;
	transform:translateY(20px);
	opacity:0;
}
.delighter_delay6.delighter {/* 下から1.2秒後開始 */
	transition:all .6s ease-out 1.2s;
	transform:translateY(20px);
	opacity:0;
}
.delighterL.delighter {/* 左から */
	transition:all .6s ease-out;
	transform:translateX(-20px);
	opacity:0;
}
.delighterL_05s.delighter {/* 左から0.5秒後開始 */
	transition:all .6s ease-out .5s;
	transform:translateX(-20px);
	opacity:0;
}
.delighterL_1s.delighter {/* 左から1秒後開始 */
	transition:all .6s ease-out 1s;
	transform:translateX(-20px);
	opacity:0;
}
.delighterR.delighter {/* 右から */
	transition:all .6s ease-out;
	transform:translateX(20px);
	opacity:0;
}
.delighterR_05s.delighter {/* 右から0.5秒後開始 */
	transition:all .6s ease-out .5s;
	transform:translateX(20px);
	opacity:0;
}
.delighterR_1s.delighter {/* 右から1秒後開始 */
	transition:all .6s ease-out 1s;
	transform:translateX(20px);
	opacity:0;
}
.delighter_BottomLeft.delighter {/* 左下から */
	transition:all .6s ease-out;
	transform:translate(20px,20px);
	opacity:0;
}
.delighter_BottomRight.delighter {/* 右下から */
	transition:all .6s ease-out;
	transform:translate(20px,20px);
	opacity:0;
}
.delighterTop.delighter {/*上から */
	transition:all .6s ease-out;
	transform:translateY(-20px);
	opacity:0;
}
.delighterScaleUp.delighter {/*スケールアップ */
	transition:all .3s ease-out;
	transform:scale(0.3);
	opacity:0;
}
.delighter.delighter.started {/*◆ここまでのdelighter終了時の設定◆ */
	transform:none;
	opacity:1;
}
/*バウンス(大きくなってから通常サイズ) */
.delighterBounce.delighter {
}
.delighter.delighterBounce.started {
	/*opacity:1;*/
	animation: bounce .6s linear;
}
@keyframes bounce {
  0% {
    transform:scale(0.3);
  }
	50% {
    transform:scale(1.5);
  }
  100% {
    transform:scale(1);
  }
}






/*ぼかし出現*/
.scroll-blur,
.fast-blur,
.late-blur {
  opacity: 0;
}
.blur_in_anime_normal {
  animation: blur_in 0.8s linear 0s 1 normal forwards running;
}
.blur_in_anime_fast {
  animation: blur_in 0.8s linear 0s 1 normal forwards running;
}
.blur_in_anime_late {
  animation: blur_in 0.8s linear 0.3s 1 normal forwards running;
}
@keyframes blur_in {
  0% {
    filter: blur(20px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
/*ぼかし出現ここまで*/