/* TOPページのフッターは、案内リンクと公式SNSをひとつの操作群として整理する。 */
footer.footer--portal { grid-template-areas:"brand links" "copy links" "copyright copyright"; grid-template-columns:minmax(180px,.65fr) minmax(420px,1.35fr); gap:8px 42px; padding:38px max(5.5vw,28px) 23px; }
footer.footer--portal > .brand { grid-area:brand; align-self:end; }
footer.footer--portal > .brand img { width:146px; max-height:41px; }
footer.footer--portal > p { grid-area:copy; margin:0; padding:0; color:#bec1b9; font-size:11px; line-height:1.7; }
footer.footer--portal > .footer-links { grid-area:links; display:flex; max-width:none; align-items:center; justify-content:flex-end; gap:11px 17px; padding:0; color:#fff; font-size:11px; line-height:1.4; }
footer.footer--portal > .footer-links > a { white-space:nowrap; opacity:.9; transition:opacity .18s ease,color .18s ease; }
footer.footer--portal > .footer-links > a:hover { color:var(--yellow,#ffd7c2); opacity:1; }
footer.footer--portal > .footer-links .footer-social { display:inline-flex; flex:none; align-items:center; gap:8px; margin-left:5px; padding:0 0 0 13px; border-left:1px solid rgba(255,255,255,.3); }
footer.footer--portal .footer-social a { display:grid; width:31px; height:31px; place-items:center; padding:0; border:1.5px solid rgba(255,255,255,.85); border-radius:50%; background:transparent; color:#fff; }
footer.footer--portal .footer-social a:hover { background:var(--orange,#f36b21); border-color:var(--orange,#f36b21); transform:translateY(-2px); }
footer.footer--portal .footer-social svg { display:block; width:16px; height:16px; }
/* YouTubeもInstagramと同じ丸型アウトラインボタンに統一する */
footer.footer--portal .footer-social .footer-social__youtube { width:31px; height:31px; border:1.5px solid rgba(255,255,255,.85); border-radius:50%; background:transparent; color:#fff; }
footer.footer--portal .footer-social .footer-social__youtube:hover { background:var(--orange,#f36b21); border-color:var(--orange,#f36b21); transform:translateY(-2px); }
footer.footer--portal .footer-social .footer-social__youtube svg { width:16px; height:16px; }
footer.footer--portal .youtube-shell { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
footer.footer--portal .youtube-play { fill:currentColor; stroke:none; }
footer.footer--portal > small { grid-area:copyright; margin-top:13px; }
@media (max-width:800px) { footer.footer--portal { display:grid; grid-template-areas:"brand" "copy" "links" "copyright"; grid-template-columns:1fr; gap:8px; padding:37px 20px 23px; } footer.footer--portal > .footer-links { justify-content:flex-start; gap:10px 15px; } footer.footer--portal > .footer-links .footer-social { margin-left:0; padding-left:0; border-left:0; } }