/**
 * Custom CSS
 * Tailwindでカバーできない特殊なCSSのみ
 *
 * @package IncelldermLP
 */

/* カスタムフォントファミリー */
.font-serif,
.font-zen-old-mincho {
	font-family: "Zen Old Mincho", serif;
}

.font-noto-sans {
	font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 和紙の質感 */
.washi-texture {
	background-image: 
		repeating-linear-gradient(
			45deg,
			transparent,
			transparent 2px,
			rgba(47, 93, 75, 0.02) 2px,
			rgba(47, 93, 75, 0.02) 4px
		),
		repeating-linear-gradient(
			-45deg,
			transparent,
			transparent 2px,
			rgba(197, 160, 89, 0.01) 2px,
			rgba(197, 160, 89, 0.01) 4px
		);
}

/* 波状の装飾線（必要に応じて） */
.wave-decoration {
	position: relative;
}

.wave-decoration::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='%23FAFAF7'/%3E%3C/svg%3E") no-repeat center;
	background-size: cover;
}

/* カスタムアニメーション（必要に応じて） */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-fade-in-up {
	animation: fadeInUp 0.8s ease-out;
}