.js-load-item {
	display: none;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.js-load-item.is-show {
	display: block; /* or flex / grid-item etc */
}

@starting-style {
	.js-load-item.is-show {
		opacity: 0;
		transform: translateY(12px);
	}
}


/* ボタン装飾は自由 */
.load-more-btn.is-hidden {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.js-load-item {
		transition: none;
		transform: none;
	}
}