/* ページの色に合わせ、リンク・運営者の順と余白をそろえる。 */
.site-footer { box-sizing: border-box; width: 100%; margin: 40px auto 0; padding: 24px 16px 40px; border-top: 1px solid var(--footer-line, rgba(126,205,224,0.15)); text-align: center; font-size: 12px; line-height: 1.8; color: var(--footer-text, rgba(255,255,255,0.55)); }
.site-footer-light { --footer-line: var(--line); --footer-text: var(--ink-2); --footer-link: var(--ink-2); }
.site-footer nav, .site-footer .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 4px; margin: 0 0 8px; padding: 0; border: 0; }
.site-footer a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 10px 8px; color: var(--footer-link, rgba(255,255,255,0.75)); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.site-footer a:hover { text-decoration-thickness: 2px; }
.site-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.site-footer p { margin: 0; max-width: none; font-size: 12px; line-height: 1.8; color: inherit; }
/* 「Cookieの設定」：CookieYes は cky-banner-element の要素が押されると同意の設定を開く（#220）。見た目はほかのリンクとそろえる */
.site-footer .cky-banner-element { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 10px 8px; border: 0; background: none; font: inherit; font-size: 13px; color: var(--footer-link, rgba(255,255,255,0.75)); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.site-footer .cky-banner-element:hover { text-decoration-thickness: 2px; }
.site-footer .cky-banner-element:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }