/* ============================================================
  SP用：画面下に固定するお問い合わせボタン（template-parts/sp-cta.php）
  配色は /noukotu-html/ に合わせる：金 #C9AC69 ／ 濃紫 #1F1828
============================================================ */

/* 旧デザイン（ウィジェットのブログパーツ「お問い合わせ」）を非表示 */
.under_cv{display:none !important;}

.sp-cta{display:none;}

@media (max-width:959px){
  .sp-cta{
    position:fixed; left:0; right:0; bottom:0; z-index:100;
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(31,24,40,.96); border-top:1px solid #C9AC69;
    font-family:"Zen Old Mincho","Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
    -webkit-font-smoothing:antialiased;
  }
  .sp-cta__btn{
    display:flex; align-items:center; justify-content:center; gap:8px;
    min-height:52px; padding:6px 8px; text-decoration:none; line-height:1.3; letter-spacing:.12em;
  }
  .sp-cta__btn svg{flex:0 0 auto; width:20px; height:20px;}
  .sp-cta__label{display:flex; flex-direction:column; font-size:.95rem; font-weight:500;}
  .sp-cta__label small{margin-top:2px; font-size:.62rem; letter-spacing:.06em; opacity:.8;}
  .sp-cta__btn--tel{background:#C9AC69; color:#1F1828 !important;}
  .sp-cta__btn--form{border:1px solid #C9AC69; color:#F0EBF4 !important;}

  /* ページ末尾とページトップボタンがボタンに隠れないようにする */
  body{padding-bottom:calc(69px + env(safe-area-inset-bottom));}
  .p-fixBtnWrap{bottom:calc(80px + env(safe-area-inset-bottom));}
}