/* 単独ページ（庭・屋上）に付ける、サイト共通の下層ページの頭とフッター。tools/build-static.mjs が差し込む。
   ページ側の CSS（footer・.pin・.plan など一般的な名前）とぶつからないよう、名前は sc- で始め、footer は footer.sc-ft で強く指す。
   見た目の元は site/style.css の .page-hd・.lens・.hd-fav・.ft（2026-10-12 時点）。 */
.sc-hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 10px;background:rgba(245,213,179,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(37,48,44,.14);color:#25302c;font-family:"Zen Kaku Gothic New",sans-serif;line-height:1.4}
.sc-hd a{color:inherit;text-decoration:none}
.sc-back{width:44px;height:44px;display:grid;place-items:center;font-size:20px;line-height:1}
.sc-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:180px;height:48px}
.sc-logo img{display:block;height:13px;width:auto;max-width:none}
.sc-r{display:flex;align-items:center;gap:8px}
.sc-lens{display:flex;border:1px solid rgba(37,48,44,.14);border-radius:999px;padding:2px}
.sc-lens button{font:inherit;font-size:11px;padding:3px 9px;border:0;border-radius:999px;letter-spacing:.1em;background:none;color:#25302c;white-space:nowrap;cursor:pointer}
.sc-lens [aria-selected=true],.sc-lens [aria-pressed=true]{background:#25302c;color:#fff}
.sc-fav{position:relative;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;background:none;color:#25302c;cursor:pointer}
.sc-fav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
.sc-fav .sc-count{position:absolute;right:0;top:2px;min-width:15px;height:15px;border-radius:8px;background:#8f7246;color:#fff;font-size:9px;line-height:15px;text-align:center;display:none}
.sc-fav.has .sc-count{display:block}
.sc-fav.has svg{fill:currentColor}
/* スマホ幅：ロゴを左寄せにして個人／法人と重ねない（style.css の .page-hd の決まりと同じ） */
@media (max-width:420px){.sc-lens button{padding:3px 8px;letter-spacing:.04em}}
@media (max-width:600px){.sc-logo{position:static;transform:none;min-width:0;margin:0 auto 0 4px;height:44px;justify-content:flex-start}.sc-logo img{height:14px}}

footer.sc-ft{display:block!important;position:relative;isolation:isolate;overflow:hidden;margin:0;padding:56px 20px 96px;background:#f5d5b3;color:#18211d;font:500 12px/1.7 "Zen Kaku Gothic New",sans-serif;letter-spacing:normal;text-align:left}
footer.sc-ft::before{content:"";position:absolute;inset:0;z-index:-1;background:url("/assets/bg/beach-end.jpg") center top/cover no-repeat;pointer-events:none}
footer.sc-ft a,footer.sc-ft p{color:#18211d;text-decoration:none;margin:0;text-shadow:none} /* 白いぼかしは外した（2026-10-12） */
footer.sc-ft img.logo{display:block;width:auto;height:12px;margin:0 0 18px}
footer.sc-ft p{font-size:12px;line-height:1.7;font-weight:700;max-width:none}
footer.sc-ft .ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:20px 0}
footer.sc-ft .ft-cols a{display:block;padding:4px 0;font-weight:700;font-size:13px}
footer.sc-ft .ft-cats{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:6px 0 18px;padding-top:16px;border-top:1px solid rgba(37,48,44,.14)}
footer.sc-ft .ft-cg .en{font-family:"Marcellus","Zen Kaku Gothic New",sans-serif;font-size:10px;letter-spacing:.18em;margin-bottom:4px;font-weight:700;color:#18211d}
footer.sc-ft .ft-cg a{display:block;padding:3px 0;font-size:13px;font-weight:700}
footer.sc-ft .ft-cg:first-child{grid-column:1 / -1;columns:2;column-gap:16px}
footer.sc-ft .ft-cg:first-child .en{column-span:all}
footer.sc-ft .ft-law{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:10.5px}
footer.sc-ft .ft-law a{padding:3px 0;font-weight:700;opacity:.85}
footer.sc-ft .copy{font-family:"Marcellus","Zen Kaku Gothic New",sans-serif;font-size:10px;opacity:.8;margin-top:20px;font-weight:700}
@media (min-width:900px){
 footer.sc-ft{padding:56px max(56px,calc((100% - 1180px)/2)) 48px}
 footer.sc-ft::before{background-position:center 58%}
 footer.sc-ft .ft-cats{grid-template-columns:repeat(3,1fr)}
 footer.sc-ft .ft-cg:first-child{grid-column:auto;columns:1}
}
/* ページ内の飛び先が上の帯（56px）に隠れないように */
html{scroll-padding-top:64px!important}