/* /assets/css/footer.css
   =========================================================
   BENMI footer
   - Left: icon link to fudosha.net (new tab)
   - Right: footer logo
   ========================================================= */

:root{
  --footer-logo-h: clamp(100px, 3.2vw, 120px);
  --footer-icon-h: clamp(100px, 3.2vw, 120px); /* ICON SIZE MARKER */
}

@media (max-width: 767px){
  :root{
    /* モバイル用：小さめに */
    --footer-logo-h: clamp(44px, 12vw, 64px);
    --footer-icon-h: clamp(44px, 12vw, 64px); /* ICON SIZE MARKER（SP） */
  }

    .site-footer .wrap{
    padding-left: 16px;
    padding-right: 16px;
  }
}


/*
  Top rule:
  - 10px white line at the very top of footer
  - width must follow the footer's wrap width (not full viewport)
*/
.site-footer{ border: none; padding: 0 0 1.5rem; }

.site-footer .wrap{
  border-top: 8px solid #fff;
  padding-top: 1rem;
}

.site-footer .footer-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-footer .footer-logo{
  height: var(--footer-logo-h);
  width: auto;
  display: block;
  opacity: .95;
}

.site-footer .footer-icon{
  height: var(--footer-icon-h);
  width: auto;
  display: block;
  opacity: .95;
}

.site-footer .footer-icon-link{
  display: inline-flex;
  align-items: center;
}