/* ============================================================
   ANTiQ 共通ユーティリティ  assets/css/utilities.css
   2026-09-25 新設

   文字の揃えを1段落だけ変えるための部品。
   編集ツールで「揃え」を変えると、段落にこのクラスが付き、
   そのページの <head> にこのファイルを読み込む1行が自動で入る。

   🔴 ページの <style> に text-align を書き足して揃えを変えないこと。ここを使う。
   🔴 ページ側の指定より必ず勝たせるため !important を付けている（ユーティリティの定石）。
      パソコン・スマホの両方に効く。

   行ごとの揃え：段落の中の1行だけ揃えを変えるときは、その行を
   <span class="aq-line aq-align-center">…</span> で包む（1行分の枠）。

   ぶら下げ：「岐阜県 ── 岐阜市・各務原市…」のように、見出しの後ろの中身が折り返したとき、
   2行目以降を中身の頭にそろえる。見出しと中身を2つの枠に分け、横に並べる（見出しの幅は自動）。
   <span class="aq-line aq-hang"><span class="aq-hang-head">岐阜県 ──</span><span class="aq-hang-body">岐阜市・…</span></span>
   ============================================================ */

.aq-align-left{text-align:left!important;}
.aq-align-center{text-align:center!important;}
.aq-align-right{text-align:right!important;}
.aq-line{display:block;}
.aq-hang{display:grid!important;grid-template-columns:max-content minmax(0,1fr);column-gap:.5em;}

/* 言葉のまとまりを途中で折り返さない（はみ出す長さのときだけ中で折れる） */
.ph{display:inline-block;}