@charset "utf-8";
/* CSS Document */
:root {

	/* 色設定 */
	--os1: #44ff00;
	--os1: #ff0000;

	--border: 1px solid rgba(var(--main-text-rgb),.5);
	--border02: .5px solid rgba(var(--main-text-rgb),.5);

	--main-text-color: rgb(122, 109, 92);
	--light-text-color: #aea69c;
	--main-text-rgb:122,109,92;
	--sub-bg-color: #ffffff;
	--sub-bg-color2: #ffffff78;
	--accent: #f4e3ac;
	--accent2: #e6e6e6;
	--main-bg-design: repeating-linear-gradient(90deg, transparent, transparent 22px, rgba(246, 246, 246, 1) 22px, rgba(246, 246, 246, 1) 24px ),repeating-linear-gradient(0deg, transparent, transparent 22px, rgba(246, 246, 246, 1) 22px, rgba(246, 246, 246, 1) 24px ) fixed;
}

/*
	os1、os2 = 推したちの色を入力してください。Googleで「カラーピッカー」と検索すると色づくりが簡単です。

	main-text-color = メインの文字色です。os1、os2が暗い色なら#fffなど（白系）を、明るい色なら#333など（黒系）がオススメ。
	main-text-rgb = １つ上の色をRGB値に変換したものを入れます。Googleで「カラーピッカー」と検索してみてください。

	sub-bg-color = main-textが暗い色なら#fffなど（白系）を、明るい色なら#333など（黒系）がオススメ。
	sub-bg-color2 = １つ上の色の最後に80を足すのがオススメです。透明度のことで、00～FFの範囲を入力できます。

	accent = 推したちの目の色など、アクセントカラーをどうぞ。
	accent2 = １つ上の色の最後に60を足すのがオススメです。透明度のことで、00～FFの範囲を入力できます。


	main-bg-design = ページ全体の背景色です。
	1. なめらかなグラデーション
	linear-gradient(160deg, var(--os1) 20%, var(--os2) 80%) fixed;
	
	2. パキッとしたツートンカラー
	linear-gradient(160deg, var(--os1) 49.9%, var(--os2) 50%) fixed;
	
	3. 単色カラー
	#ffffff などのカラーコードを入れると単色にできます。
*/
.l_top{
    width: 100svw;
    height: 12px;
    position: fixed;
    top: 0;
    background: linear-gradient(90deg, #fee5e2 0%, #fee5e2 26%, #feefbd 33%, #feefbd 50%, #feefbd 66%, #e4f1f8 71%, #e4f1f8 100%);
	z-index: 20;
}
.dateseparator{
	padding: 6px;
	text-align: center;
}