/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
.noto-sans-jp-<uniquifier> {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
.noto-serif-jp-<uniquifier> {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
html,body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}

/* 下から */
.js-anim.slideBottom {
	opacity: 0;
	transform: translateY(180px);
}
.js-anim.is-animated.slideBottom {
	animation: slideInBottom 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideInBottom {
	0% {
		transform: translateY(180px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
/* 左から */
.js-anim.slideLeft {
	opacity: 0;
	transform: translateX(180px);
}
.js-anim.is-animated.slideLeft {
	animation: slideInLeft 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideInLeft {
	0% {
		transform: translateX(-180px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
/* 右から */
.js-anim.slideRight {
	opacity: 0;
	transform: translateX(-180px);
}
.js-anim.is-animated.slideRight {
	animation: slideInRight 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideInRight {
	0% {
		transform: translateX(180px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}