/* 静的版に無い、WordPress 側で足した表示の分。
   assets/ はビルドのたびに入れ替わるので、ここはテーマ直下に置いている。 */


/* ---------- 現場の声：記事が1本も無いときの1行 ---------- */
.blog-grid .blog-empty{grid-column:1/-1;margin:0;color:var(--ink-60)}


/* ---------- フォームの送信結果（inc/forms.php・forms.js） ---------- */
.form-msg{margin:18px 0 0;padding:14px 18px;border-radius:6px;background:#eef6ea;color:#2f5a27;font-weight:600;line-height:1.7}
.form-msg.is-error{background:#fbeeee;color:#9b2c2c}
/* 送信が済んだら入力欄とボタンを下げる。.btn-row は display:flex なので hidden 属性では消えない */
.mailform.is-sent > :not(.form-msg){display:none}
/* 完了の知らせ。.fixed-cta（z-index:90）より上、開いたメニュー（120）より下 */
.form-toast{
  position:fixed;left:50%;bottom:28px;z-index:110;
  display:flex;align-items:center;gap:14px;
  width:max-content;max-width:calc(100vw - 32px);padding:16px 16px 16px 24px;border-radius:8px;
  background:var(--navy);color:#fff;font-weight:700;line-height:1.7;
  border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 34px rgba(16,43,78,.3);
  opacity:0;transform:translate(-50%,24px);transition:opacity .35s,transform .35s;
}
.form-toast.is-on{opacity:1;transform:translate(-50%,0)}
.form-toast p{margin:0}
.form-toast button{
  flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;font-size:18px;line-height:1;cursor:pointer;
}
@media (max-width:999px){body.has-fixed-cta .form-toast{bottom:84px}}


/* ---------- 私たちについて：柏原取締役のメッセージ本文 ---------- */
.msg-text .iv-sub + .iv-sub{margin-top:1em}


/* ---------- 現場の声の記事：縦長の写真は切り抜かずに全体を出す ----------
   静的版の枠は横長（1枚目 16:9、2枚目から 3:2）で、縦長の写真を入れると上下が切れる。 */
.blog-figs{align-items:start}
.blog-figs .blog-fig.is-tall{justify-self:center;width:min(100%,480px);background:none}
.blog-figs .blog-fig.is-tall img{aspect-ratio:auto;height:auto}