@charset "UTF-8";

/* ================
      botton
================ */
.js__fade.anime_btn {
	opacity: 1;
}
.js__fade.anime_btn.scroll,
.anime_btn02 {
	animation: poyopoyo 2s ease-out forwards;
	opacity: 1;
}
/* 0 - 0.8 - 1.0 - 1.2 - 1.4 - 1.6 */
@keyframes poyopoyo {
	0%,
	40%,
	60%,
	80% {
		transform: scale(1);
	}
	50%,
	70% {
		transform: scale(0.95);
	}
}

/* ================
      scroll
================ */
.js__fade {
	opacity: 0;
}
.js__fade.is_zoomin.scroll {
	animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
	0% {
		transform: scale(1.2);
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* c03 */
.c03_ttl.js__fade.is_zoomin.scroll {
	animation-delay: 0.8s;
}

.js__fade.is_fade.scroll {
	opacity: 1;
	transition: 1.5s all;
	-webkit-transition: 1.5s all;
}

/* フォトギャラリー */
.c08_photo > li.js__fade.is_fade:nth-child(2),
.c08_photo > li.js__fade.is_fade:nth-child(5) {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.c08_photo > li.js__fade.is_fade:nth-child(3),
.c08_photo > li.js__fade.is_fade:nth-child(6) {
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}

.js__fade.is_sway {
	opacity: 1;
}
.c02_img.js__fade.is_sway.scroll::before,
.c02_img.js__fade.is_sway.scroll::after {
	animation: img_sway 1s ease-in-out 1 forwards;
}

@keyframes img_sway {
	0% {
		transform: scale(1, 1) translate(0, 0);
	}
	15% {
		transform: scale(0.98, 0.9) translate(0, 5px);
	}
	30% {
		transform: scale(1.02, 1) translate(0, 8px);
	}
	50% {
		transform: scale(0.98, 1.05) translate(0, -8px);
	}
	70% {
		transform: scale(1, 0.9) translate(0, 5px);
	}
	100% {
		transform: scale(1, 1) translate(0, 0);
	}
	0%,
	100% {
		opacity: 1;
	}
}