@charset "utf-8";

:root {
    --bg1: #FDF6F1;
    --bg2: #F5E6E0;
    --font: #4B4B4B;
    --topicco: #F3ADB4;
    --font2: #EA6C79;
    --pointco: #D0BFD9;
}


/* =フェードイン */

.animated.fadeIn {
	opacity: 0;
}
.animated.fadeIn.on {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* =フェードアップ */

.animated.fadeUp {
	opacity: 0;
}
.animated.fadeUp.on {
	animation-name: fadeUp;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =スライドイン */

.animated.slideInRight,
.animated.slideInLeft {
	opacity: 0;
}
.animated.slideInRight.on {
	animation-name: slideInRight;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.animated.slideInLeft.on {
	animation-name: slideInLeft;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes slideInRight {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;	
	}
}
@keyframes slideInLeft {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

/* =ズームイン */

.animated.zoomIn {
	opacity: 0;
}
.animated.zoomIn.on {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@keyframes zoomIn {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* =アニメーション遅延 */

.delay-time01 {animation-delay: 0.1s; transition-delay: 0.1s;}
.delay-time02 {animation-delay: 0.2s; transition-delay: 0.2s;}
.delay-time03 {animation-delay: 0.3s; transition-delay: 0.3s;}
.delay-time04 {animation-delay: 0.4s; transition-delay: 0.4s;}
.delay-time05 {animation-delay: 0.5s; transition-delay: 0.5s;}