@charset "utf-8";
/* =============================================================================
   フッター（footer.php）用CSS ※全ページ共通（header.php で読み込み）
   現行フッター（.f）はそのまま。スマホ時の下部固定メニュー（.nf-fixbar）のみ定義
============================================================================= */
.nf-fixbar,.nf-fixbar-spacer{display:none}

@media screen and (max-width:767px){
	/* 固定メニューに最下部が隠れないための余白 */
	.nf-fixbar-spacer{display:block;height:calc(64px + env(safe-area-inset-bottom))}

	.nf-fixbar{
		display:block;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:1000;
		padding-bottom:env(safe-area-inset-bottom);
		background:rgba(255,255,255,.97);
		border-top:1px solid #d9e3d4;
		box-shadow:0 -4px 16px rgba(10,30,14,.1);
		-webkit-backdrop-filter:blur(8px);
		backdrop-filter:blur(8px);
		font-family:'Noto Sans JP',"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	}
	.nf-fixbar *,.nf-fixbar *::before,.nf-fixbar *::after{box-sizing:border-box}
	.nf-fixbar ul{display:grid;grid-template-columns:repeat(5,1fr);height:64px;margin:0;padding:0;list-style:none}
	.nf-fixbar li{margin:0;padding:0;list-style:none}
	.nf-fixbar li+li{border-left:1px solid #edf1ea}
	.nf-fixbar a{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:4px;
		height:100%;
		color:#173824;
		font-size:11px;
		font-weight:700;
		letter-spacing:.02em;
		line-height:1.2;
		text-decoration:none;
		pointer-events:auto !important;
		-webkit-tap-highlight-color:transparent;
		transition:background-color .15s;
	}
	.nf-fixbar a:active{background:#eef4ea}
	.nf-fixbar svg{display:block;width:22px;height:22px;fill:none;stroke:#57804c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
	/* 寄付 */
	.nf-fixbar li:nth-child(2) a{color:#b0473f}
	.nf-fixbar li:nth-child(2) svg{stroke:#c9594f}
	/* TOPに戻る */
	.nf-fixbar li:last-child a{background:#57804c;color:#fff}
	.nf-fixbar li:last-child a:active{background:#46703c}
	.nf-fixbar li:last-child svg{stroke:#fff;stroke-width:2.2}
}

@media screen and (max-width:360px){
	.nf-fixbar a{font-size:10px}
	.nf-fixbar svg{width:20px;height:20px}
}