@charset "UTF-8";
.site-footer { max-width: 1200px; margin: auto; padding: 8px 22px; display: grid; grid-template-columns: 30% 40% 30%; align-items: center; gap: 0; border-top: 1px solid var(--rin-hojicha); font-size: 12px; }
.footer-social { display: flex; align-items: center; gap: 16px; }
.footer-social a { display: block; }
.footer-social img { width: 38px; height: 38px; object-fit: contain; }
.footer-brand { text-align: center; }
.footer-brand strong,
.footer-brand span { display: block; }
.footer-credit { display: flex; align-items: center; justify-content: flex-end; gap: 10px; text-align: right; }
.footer-credit__text span,
.footer-credit__text em { display: block; }
.footer-credit__text em { font-style: italic; }
.footer-credit__logo { width: 44px; height: 44px; flex: 0 0 auto; object-fit: contain; }
@media (max-width: 767px) { .site-footer { width: min(100%,390px); grid-template-columns: 25% 45% 30%; padding: 5px 10px; font-size: 8.32px; line-height: 1.35; } .footer-social { gap: 7px; } .footer-social img { width: 28px; height: 28px; } .footer-credit { gap: 4px; } .footer-credit__logo { width: 32px; height: 32px; } }
