/* ===== Cookie 同意バナー（assets/consent.js / 2026-11-02） =====
   左下固定のカード型。右下のチャットボタン（.cw-btn right:14px / 幅56px）と
   重ならないよう、右側に 84px の余白を残す。 */
.hu-consent{
  position:fixed;left:14px;bottom:14px;z-index:124;
  width:min(420px, calc(100vw - 84px));
  background:var(--paper,#fff);border:1px solid var(--line,#e0ddd7);
  border-radius:var(--radius,12px);
  box-shadow:0 8px 28px rgba(0,0,0,.16);
  padding:16px 18px;color:var(--ink,#333);
  font-family:var(--font-body,sans-serif);font-size:13px;line-height:1.7;
  animation:huConsentIn .28s ease both;
}
@keyframes huConsentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hu-consent.closing{opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}
.hu-consent p{margin:0 0 10px}
.hu-consent a{color:var(--steel,#2d4a6b);text-decoration:underline;text-underline-offset:2px}
.hu-consent-act{display:flex;gap:8px;flex-wrap:wrap}
.hu-consent button{
  font:inherit;font-size:13px;line-height:1;cursor:pointer;
  padding:10px 16px;border-radius:999px;border:1px solid transparent;
  transition:background .15s,color .15s,border-color .15s;
}
.hu-consent-ok{background:#911A22;color:#fff;border-color:#911A22}
.hu-consent-ok:hover{background:#7d151c;border-color:#7d151c}
.hu-consent-no{background:transparent;color:var(--ink-soft,#666);border-color:var(--rule,#c9c9c9)}
.hu-consent-no:hover{background:#f4f4f4}
/* フッター「Cookie 設定」リンク（JS が .foot-nav に追加） */
.hu-consent-open{opacity:.85}
@media (max-width:480px){
  .hu-consent{left:10px;bottom:10px;width:calc(100vw - 92px);padding:13px 14px;font-size:12.5px;line-height:1.65}
  .hu-consent button{padding:9px 13px;font-size:12.5px}
}
@media print{.hu-consent{display:none}}