/* =========================================================
   ARCHIBEAUT のふりがな「アーキビュート」（2026-10-07 追加）

   使い方：
     <span class="nh-kana" data-kana="アーキビュート">ARCHIBEAUT</span>

   ・文字の上の余白に小さく重ねて表示します。
     行の高さ・改行位置・レイアウトは変わりません。
   ・位置は文字の「上下の中心」から決めているので、
     書体（Windows／Mac／iPhone）が違っても同じ位置に出ます。
   ・やめるときは、ページ内の
     <link rel="stylesheet" href="css/archi-kana.css?...">
     の1行を消すだけで、元の表示に戻ります。
   ========================================================= */
.nh-kana{ position:relative; display:inline !important; white-space:nowrap !important; }
.nh-kana::after{
  content:attr(data-kana);
  position:absolute; left:50%; top:50%;
  transform:translate(-50%, calc(-100% - var(--nk-lift,.8em)));
  padding-left:var(--nk-track,.3em);   /* 字間ぶんのズレを補正して中央にそろえる */
  font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:var(--nk-size,max(9px,.52em));
  font-style:normal; font-weight:600; line-height:1;
  letter-spacing:var(--nk-track,.3em);
  text-transform:none; text-indent:0; white-space:nowrap;
  -webkit-text-stroke:0; text-shadow:none;
  color:var(--nk-color,#9A6450); opacity:var(--nk-opacity,1);
  pointer-events:none; -webkit-user-select:none; user-select:none;
}

/* 見出しの中：少し控えめの大きさに */
h1 .nh-kana, h2 .nh-kana, h3 .nh-kana{ --nk-size:max(9px,.44em); --nk-lift:1.1em; }

/* ヘッダーのロゴ（タグラインと同じゴールド） */
.brand-mark .archi .nh-kana{ --nk-size:8.5px; --nk-track:.22em; --nk-lift:.86em; --nk-color:#A6803F; }
@media (max-width:560px){
  /* スマホ：ロゴが小さいので、左そろえで重ねる */
  .brand-mark .archi .nh-kana::after{ left:0; transform:translateY(calc(-100% - .6em)); padding-left:0; font-size:8px; letter-spacing:.06em; }
}

/* フッター（濃い背景なので淡いサーモン） */
.site-footer .nh-kana{ --nk-lift:1em; --nk-color:#F0CFC3; --nk-opacity:.9; }