@charset "utf-8";

/* CSSアニメーション */
[class*="cssanm_"] {
	transition-property: all;
	transition-delay: 0.2s;
}
/* CSSアニメーション ディレイ */
.cssanm_delay_100 { transition-delay: 0.1s; }
.cssanm_delay_200 { transition-delay: 0.2s; }
.cssanm_delay_250 { transition-delay: 0.25s; }
.cssanm_delay_300 { transition-delay: 0.3s; }
.cssanm_delay_400 { transition-delay: 0.4s; }
.cssanm_delay_500 { transition-delay: 0.5s; }
.cssanm_delay_600 { transition-delay: 0.6s; }
.cssanm_delay_700 { transition-delay: 0.7s; }
.cssanm_delay_750 { transition-delay: 0.75s; }
.cssanm_delay_800 { transition-delay: 0.8s; }
.cssanm_delay_900 { transition-delay: 0.9s; }
.cssanm_delay_1000 { transition-delay: 1.0s; }
.cssanm_delay_1100 { transition-delay: 1.1s; }
.cssanm_delay_1200 { transition-delay: 1.2s; }
.cssanm_delay_1300 { transition-delay: 1.3s; }
.cssanm_delay_1400 { transition-delay: 1.4s; }
.cssanm_delay_1500 { transition-delay: 1.5s; }
.cssanm_delay_1600 { transition-delay: 1.6s; }
.cssanm_delay_1700 { transition-delay: 1.7s; }
.cssanm_delay_1800 { transition-delay: 1.8s; }
.cssanm_delay_1900 { transition-delay: 1.9s; }
.cssanm_delay_2000 { transition-delay: 2.0s; }

/* フェードイン */
.cssanm_fadeIn {
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	opacity: 0;
}
.is-cssanm-show.cssanm_fadeIn {
	opacity: 1;
}
/* 上からフェードイン */
.cssanm_fadeTopIn {
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	transform: translateY(-25px);
	opacity: 0;
}
.is-cssanm-show.cssanm_fadeTopIn {
	transform: translateY(0px);
	opacity: 1;
}
/* 下からフェードイン */
.cssanm_fadeBottomIn {
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	transform: translateY(25px);
	opacity: 0;
}
.is-cssanm-show.cssanm_fadeBottomIn {
	transform: translateY(0px);
	opacity: 1;
}
/* 左からフェードイン */
.cssanm_fadeLeftIn {
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	transform: translateX(-50px);
	opacity: 0;
}
.is-cssanm-show.cssanm_fadeLeftIn {
	transform: translateX(0px);
	opacity: 1;
}
/* 右からフェードイン */
.cssanm_fadeRightIn {
	transition-duration: 1.0s;
	transition-timing-function: ease-out;
	transform: translateX(50px);
	opacity: 0;
}
.is-cssanm-show.cssanm_fadeRightIn {
	transform: translateX(0px);
	opacity: 1;
}
/* ポップアップ */
.cssanm_popup {
}
.is-cssanm-show.cssanm_popup {
	animation: popup_kf 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes popup_kf {
	0% {
		transform: translateY(20px) scale(0.8);
		opacity: 0;
	}
	100% {
		transform: translateY(0) scale(1.0);
	}
	80%, 100% {
		opacity: 1;
	}
}
/* 上下に揺れる */
.cssanm_swingUpDown {
	transition: 1.5s ease-in-out;
}
.is-cssanm-show.cssanm_swingUpDown {
	animation: swingUpDown_kf 3s ease-in-out infinite alternate;
}
@keyframes swingUpDown_kf {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		transform: translate(0, -7px) rotate(0deg);
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}
/* マウスホバーで拡大 */
.cssanm_hoverZoomIn {
	transition: all 0.25s 0s cubic-bezier(.22,.61,.36,1);
	transform: scale(1.0);
}
.cssanm_hoverZoomIn:hover {
	transform: scale(1.04);
}