@charset "UTF-8";
/*
 * ハローブック：常駐の電話・申込ボタン（2026-10-06）
 * 全ページで読み込む（functions.php）。部品は footer.php の .hb-cta
 *  - スマホ・タブレット（〜1024px）：画面最下部に横並びのバー
 *  - PC（1025px〜）：表示しない
 */

.hb-cta {
  position: fixed;
  z-index: 900;
  display: flex;
  font-family: inherit;
}
.hb-cta a {
  text-decoration: none;
  font-weight: bold;
}
.hb-cta a:hover {
  text-decoration: none;
  opacity: 0.9;
}
.hb-cta__tel,
.hb-cta__tel:hover {
  background-color: #FFD500;
  color: #222;
}
.hb-cta__apply,
.hb-cta__apply:hover {
  background-color: #333;
  color: #fff;
}

/* ---------- スマホ・タブレット：画面最下部のバー ---------- */
@media (max-width: 1024px) {
  .hb-cta {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background-color: #333;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  }
  .hb-cta a {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 4px 8px;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
  }
  .hb-cta__sp-text small {
    display: block;
    font-size: 11px;
    font-weight: normal;
  }
  /* バーにページ下部（フッター）が隠れないよう、その分の余白をとる */
  body {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }
}

/* ---------- PC（1025px〜）：出さない（2026-10-06 判断） ---------- */
@media (min-width: 1025px) {
  .hb-cta {
    display: none;
  }
}

@media print {
  .hb-cta { display: none; }
}