/* ==================================================
   Hiiro Footer.css v1.1
   前提：背景色・基本文字色はカスタマイザーで設定
   （背景 #3d2b1f ／ 文字 #f6f1df）
   メニューの区切り線はSWELL標準のborderを利用し、
   両端の余分な線だけ消す
================================================== */

/* --- ブランド部（ウィジェットのカスタムHTML） --- */

.l-footer .hiiro-footer-brand {
  text-align: center;
}

/* 濃茶背景にロゴが沈まないよう、白の座布団を敷く */
.l-footer .hiiro-footer-brand img {
  display: inline-block;
  width: min(330px, 100%);
  height: auto;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(255, 250, 243, 0.94);
}

.l-footer .hiiro-footer-brand p {
  max-width: 720px;
  margin: 18px auto 0;
  color: rgba(246, 241, 223, 0.84);
  font-size: 14px;
  line-height: 1.9;
}

/* --- フッターメニュー --- */

.l-footer__nav a {
  color: rgba(246, 241, 223, 0.82);
  border-color: rgba(246, 241, 223, 0.42);
}

/* SWELLは両端にも線を引く仕様なので、外側だけ消す */
.l-footer__nav li:first-child a {
  border-left: none;
}

.l-footer__nav li:last-child a {
  border-right: none;
}

/* --- コピーライト --- */

.l-footer .copyright {
  margin-top: 14px;
  color: rgba(246, 241, 223, 0.7);
  font-size: 12px;
}

/* --- スマホ（SWELLの区切り線はもともと600px未満で消える仕様） --- */

/* --- スマホ：左寄せ＋文字色をオフホワイトに --- */

@media (max-width: 599px) {
  /* ブランド部を左寄せ（ロゴは中央のまま維持したい場合は img の行を削除） */
  .l-footer .hiiro-footer-brand {
    text-align: left;
  }

  .l-footer .hiiro-footer-brand p {
    margin-left: 0;
    color: rgba(255, 253, 248, 0.92);
  }