/* Site footer (template-parts/site-footer.php). Loaded on every page, with or without base.css, so it resets what it needs itself. */
.oe-footer { box-sizing: border-box; width: 100%; padding: 56px 0 36px; background: #1b1b1b; color: #fff; font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; }
.oe-footer *, .oe-footer *::before, .oe-footer *::after { box-sizing: border-box; }
/* シャボン玉（landing.css の z-index: 11）がリンクの文字に被らないよう、フッターは手前に置く。 */
.oe-footer--landing { position: relative; z-index: 12; }
.oe-footer .oe-footer__inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.oe-footer .oe-footer__columns { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 40px; margin: 0 0 40px; }
.oe-footer .oe-footer__section { margin: 0; padding: 0; }
.oe-footer .oe-footer__heading { margin: 0 0 14px; padding: 0; border: 0; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0; }
/* ロゴ（白抜き。assets/img/footer-logo.png）。左端は画像の中の余白のぶんだけ左へ寄せ、下の文と頭をそろえる */
.oe-footer .oe-footer__heading--logo { margin-bottom: 10px; line-height: 0; }
.oe-footer .oe-footer__logo { display: block; width: 200px; max-width: 100%; height: auto; margin-left: -16px; }
.oe-footer .oe-footer__tagline { margin: 0; color: #dcdcdc; font-size: 14px; line-height: 1.8; }
.oe-footer .oe-footer__links { margin: 0; padding: 0; list-style: none; }
.oe-footer .oe-footer__links li { margin: 0; padding: 6px 0; list-style: none; }
.oe-footer .oe-footer__links a { color: #dcdcdc; font-size: 15px; line-height: 1.6; text-decoration: none; }
.oe-footer .oe-footer__links a:hover, .oe-footer .oe-footer__links a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.oe-footer .oe-footer__bottom { padding-top: 28px; border-top: 1px solid #3a3a3a; color: #b5b5b5; font-size: 13px; line-height: 1.6; text-align: center; }
.oe-footer .oe-footer__bottom p { margin: 0; }
@media (max-width: 959px) {
    /* 画面下に固定されるボタン（広場・クイックメニュー）と重ならないだけの余白。 */
    .oe-footer { padding: 44px 0 calc(env(safe-area-inset-bottom, 0px) + 120px); }
    /* トップページは「シャボン玉」ボタンの分だけ、広場のボタンが上にずれる。 */
    .oe-footer--landing { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 184px); }
}
@media (max-width: 768px) {
    /* リンクの2列は文字を左揃えのまま、2列まとめて中央に置く。 */
    .oe-footer .oe-footer__columns { grid-template-columns: repeat(2, auto); justify-content: center; gap: 28px 56px; margin-bottom: 32px; }
    /* ロゴと下の一文は中央寄せ。 */
    .oe-footer .oe-footer__section--brand { grid-column: 1 / -1; text-align: center; }
    .oe-footer .oe-footer__logo { width: 150px; margin-inline: auto; }
    .oe-footer .oe-footer__heading { margin-bottom: 8px; font-size: 14px; }
    .oe-footer .oe-footer__tagline { font-size: 13px; }
    .oe-footer .oe-footer__links li { padding: 5px 0; }
    .oe-footer .oe-footer__links a { font-size: 10px; }
    .oe-footer .oe-footer__bottom { padding-top: 24px; font-size: 12px; }
}
@media (max-width: 600px) {
    .oe-footer { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 104px); }
    .oe-footer--landing { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 160px); }
}
/* 固定ボタンを出さないページ（ログイン・新規登録。inc/oe-custom-header.php）：ボタンのぶんの余白は要らない。 */
body.oe-no-floating-buttons .oe-footer { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 36px); }