/* サイト共通のモバイル規則（トップページと形式ページを除く各ページ用）。

   ≤720px が PC の境目。Karuzip は Windows 専用ソフトで、スマートフォンには押しても
   意味のあるボタンが存在しない。だからダウンロード導線は「小さくする」のではなく
   全部撤去し、一文と 46px の下部常駐帯に置き換える。

   トップページは自前のインライン規則、形式ページは formats.css が同じ規則を持つ
   （どちらも 1 ファイルで完結させるため。ここは残りのページが共有する）。 */

:root{
  --bottombar-h:46px;
  --hit-target:44px;
}

.mobile-pc-note{display:none}
.mobile-cta-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;
  min-height:var(--bottombar-h);padding-bottom:env(safe-area-inset-bottom);
  align-items:center;justify-content:center;gap:9px;
  background:rgba(255,255,255,.97);border-top:1px solid var(--line,#E6EBF1);
  box-shadow:0 -6px 20px rgba(20,40,80,.06);font-size:12.5px;color:var(--ink2,#4a5564)}
.mobile-cta-bar svg{width:15px;height:15px;flex:none;color:var(--blue,#2B6FD6)}

@media(max-width:720px){
  body{padding-bottom:var(--bottombar-h)}
  /* 記事末の CTA カード・ヘッダーの CTA・案内パネルの「無料ダウンロードへ」。 */
  .cta,.cta-box,.menu-primary,.nav .cta,.nav a.gd{display:none!important}
  /* フッターの「ダウンロード」も導線。飛んだ先に押せるものが無いので出さない。
     ボタンではなく文中に置かれたリンク（手順の説明文など）はそのまま残す
     ——撤去対象はボタン・バッジ・カードであって、文章ではない。 */
  .fcol a[href*="Karuzip-Setup.exe"],.footer-col a[href*="Karuzip-Setup.exe"],
  .fcol a[href="#download"],.footer-col a[href="#download"]{display:none}
  .mobile-pc-note{display:flex;align-items:flex-start;gap:10px;margin-top:28px;
    padding:12px 0 12px 13px;border-left:3px solid var(--blue,#2B6FD6);
    color:var(--ink2,#4a5564);text-align:left}
  .mobile-pc-note svg{width:20px;height:20px;flex:none;margin-top:1px;color:var(--blue,#2B6FD6)}
  .mobile-pc-note b{display:block;font-size:13px;margin-bottom:2px;color:var(--ink,#1D2632)}
  .mobile-pc-note > div > span{display:block;color:var(--mute,#8893A3);font-size:12px;line-height:1.6}
  .mobile-cta-bar{display:flex}
}

/* 指で操作する端末では、押せるものを 44px 未満にしない。本文は 12px を下回らせない。 */
@media(pointer:coarse){
  .nav a,.menu-panel a,.mobile-panel a,.fcol a,.footer-col a,.toc a{
    min-height:var(--hit-target);display:flex;align-items:center}
}