/* 記事75「コンプレッサー選定」専用（/hpgen/HPB/entries/75.html）
   選定例の「この例に合う機種」ボタン。2026-11-09 追加（依頼①②） */

.sentei-pick {
  margin: 10px 0 18px;
  padding: 14px 16px;
  border: 1px dashed #cc3333;
  border-radius: 6px;
  background: #fffdf6;
}

.sentei-pick__lead {
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.5;
}

.sentei-pick__btn {
  display: inline-block;
  padding: 12px 24px;
  background: #1a3f8f;
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  line-height: 1.4;
}

/* ボタン文言は意味の切れ目ごとに span で包み、型番や語の途中で折り返さないようにする */
.sentei-pick__btn span {
  display: inline-block;
}

.sentei-pick__btn:hover {
  background: #15336f;
}

.sentei-pick__sub {
  margin: 10px 0 0;
}

.sentei-pick__sub a {
  font-size: 14px;
}

/* 比較表「コンプレッサーのタイプは？」の左右を均等にする。2026-11-11 追加。
   左列に広い画像（現場用の写真）や長いリンク文があると左列だけ膨らみ、
   右列が狭くなって「ドライヤ無（0.7〜0.85MPa）」等が改行していた。
   table-layout:fixed で 48%/中央4%/48% に固定し、両列を同じ幅にする。 */
.cmp-table {
  width: 100%;
  table-layout: fixed;
}
.cmp-table > tbody > tr > td:nth-child(1) { width: 48%; }
.cmp-table > tbody > tr > td:nth-child(2) { width: 4%; }   /* 中央のスペーサー（--） */
.cmp-table > tbody > tr > td:nth-child(3) { width: 48%; }
/* 列幅に収まるよう画像を縮める */
.cmp-table img {
  max-width: 100%;
  height: auto;
}
/* 矢印リストの無駄な左右余白（hspace=30）を詰めて、文字が1行に入るようにする */
.cmp-table img[alt="矢印"] {
  margin: 0 5px 0 2px;
}