@charset "UTF-8";

.st-rich-animation__content {
	position: relative;
	z-index: 9999;
	opacity: 0;
	transition: transform, opacity 1s;
	pointer-events: none;
}

.st-rich-animation__content img,
.st-rich-animation__content iframe {
	opacity: 1 !important;
}

.st-rich-animation.is-animating .st-rich-animation__content,
.st-rich-animation.is-animated .st-rich-animation__content {
	opacity: 1;
	pointer-events: auto;
}

/* bt: 下から上 */
.st-rich-animation--type-bt .st-rich-animation__content {
	transform: translate(0, 100px);
}

.st-rich-animation--type-bt.is-animating .st-rich-animation__content,
.st-rich-animation--type-bt.is-animated .st-rich-animation__content {
	transform: translate(0, 0);
}

/* ts: 上から下 */
.st-rich-animation--type-tb .st-rich-animation__content {
	transform: translate(0, -100px);
}

.st-rich-animation--type-tb.is-animating .st-rich-animation__content,
.st-rich-animation--type-tb.is-animated .st-rich-animation__content {
	transform: translate(0, 0);
}

/* rl: 右から左 */
.st-rich-animation--type-rl .st-rich-animation__content {
	transform: translate(100px, 0);
}

.st-rich-animation--type-rl.is-animating .st-rich-animation__content,
.st-rich-animation--type-rl.is-animated .st-rich-animation__content {
	transform: translate(0, 0);
}

/* lr: 左から右 */
.st-rich-animation--type-lr .st-rich-animation__content {
	transform: translate(-100px, 0);
}

.st-rich-animation--type-lr.is-animating .st-rich-animation__content,
.st-rich-animation--type-lr.is-animated .st-rich-animation__content {
	transform: translate(0, 0);
}

/* bs: 大から小 */
.st-rich-animation--type-bs .st-rich-animation__content {
	transform: scale(2);
}

.st-rich-animation--type-bs.is-animating .st-rich-animation__content,
.st-rich-animation--type-bs.is-animated .st-rich-animation__content {
	transform: scale(1);
}

/* sb: 小から大 */
.st-rich-animation--type-sb .st-rich-animation__content {
	transform: scale(.3);
}

.st-rich-animation--type-sb.is-animating .st-rich-animation__content,
.st-rich-animation--type-sb.is-animated .st-rich-animation__content {
	transform: scale(1);
}

/* fade: フェードイン */
/*
.st-rich-animation--type-fade .st-rich-animation__content {
}

.st-rich-animation--type-fade.is-animating .st-rich-animation__content,
.st-rich-animation--type-fade.is-animated .st-rich-animation__content {
}
*/
