@import url("../kaigo/css/style.css");

/* ==========================
   KAIGO LP overrides (scoped)
   ========================== */
/* LPだけ：グローバルの :root を上書き */
.kaigo-lp{
    --main-font-color: #000;
  }
/* グローバルヘッダーはLPだけ非表示（重複防止） */
body.page-template-page-kaigo .site > header.header{
    display:none !important;
  }
  
  /* LP内はサイト共通の hover 演出を解除 */
  body.kaigo-lp a:hover,
  body.kaigo-lp a img:hover{
    opacity:1;
    -webkit-filter:none;
            filter:none;
  }
  
  /* LP 固定ヘッダーの CTA（元サイト仕様を移植） */
  body.kaigo-lp .kaigo-lp-header{
    position:fixed;
    top:0; left:0; right:0;
    height:65px; width:100%;
    padding:0 20px;
    z-index:10000;
    pointer-events:none;
  }
  @media (max-width: 767px){
    body.kaigo-lp .kaigo-lp-header{
      bottom:0; top:auto; right:0; padding:0;
    }
  }
  body.kaigo-lp .kaigo-lp-header .header__btn{display:flex; justify-content:flex-end;}
  body.kaigo-lp .kaigo-lp-header .header__btn .item{
    margin-left:10px; width:146px;
    border-radius:0 0 10px 10px;
    overflow:hidden; pointer-events:all;
  }
  @media (max-width: 767px){
    body.kaigo-lp .kaigo-lp-header .header__btn .item{
      border-radius:10px 0 0 0;
      box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    }
  }
  body.kaigo-lp .kaigo-lp-header .header__btn .item a{
    display:flex; align-items:center; justify-content:center;
    height:65px; line-height:1; color:#fff; font-size:14px;
  }
  body.kaigo-lp .kaigo-lp-header .header__btn .item a::before{
    content:""; display:inline-block; width:17px; height:15px;
    background:no-repeat center/contain; margin-right:10px;
  }
  body.kaigo-lp .kaigo-lp-header .header__btn .item.application a{ background:#E84572; }
  body.kaigo-lp .kaigo-lp-header .header__btn .item.application a::before{
    /* /assets/css/ から見て ../kaigo/img/ が正 */
    background-image:url("../kaigo/img/icon_pen.svg");
  }
  
  /* 「3つのポイント」ボタン：番号＋白文字を強制 */
  .kaigo-page .main-content__list--point-btn{ counter-reset: cnt; }
  .kaigo-page .main-content__list--point-btn .item{ counter-increment: cnt; }
  .kaigo-page .main-content__list--point-btn .item a{
    color:#fff !important; text-align:center;
  }
  .kaigo-page .main-content__list--point-btn .item a::before{
    content:"0" counter(cnt, decimal);
    display:inline-block;
    font-family:"Roboto","Noto Sans JP",sans-serif;
    font-size:60px; font-weight:500; line-height:1;
    color:#f18faa; margin-right:15px;
  }
  
  /* リードやバルーン等、初期化で左寄りになる要素を中央へ */
  .kaigo-page .main-content__title--line-small,
  .kaigo-page .main-content__title--line-tri,
  .kaigo-page .main-content__txt--lead p,
  .kaigo-page .main-content__txt--chara-balloon-center .txt,
  .kaigo-page .main-content__txt--chara-balloon-right .txt,
  .kaigo-page .main-content__txt--chara-balloon-left .txt{
    text-align:center !important;
  }
  /* 3つのポイントのボタン内テキストは全部白に（strong含む） */
.kaigo-page .main-content__list--point-btn .item a,
.kaigo-page .main-content__list--point-btn .item a *{
  color:#fff !important;
}
  /* 2テーブルの本文も中央寄せ（元サイト準拠） */
  .kaigo-page .main-content__list--two-table .title,
  .kaigo-page .main-content__list--two-table .cont{
    text-align:center !important;
  }
  
  /* Point02 の丸バッジ（将来 legacy を切っても崩れない用の保険） */
  .kaigo-page__point02--layout01{ display:flex; flex-wrap:wrap; justify-content:center; }
  .kaigo-page__point02--layout01 .list{ display:flex; }
  .kaigo-page__point02--layout01 .list .item{
    height:120px; width:120px; margin-right:10px;
    background: radial-gradient(#fffd9c, #fffb38);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:18px; font-weight:bold; line-height:1.3;
  }
  @media (max-width: 767px){
    .kaigo-page__point02--layout01 .list .item{ height:90px; width:90px; font-size:13px; }
  }
  /* === Kaigo LPだけ：サイト全体の * リセットを打ち消す =============== */
/* グローバルの  * { color / list-style / margin / padding / text-decoration } を無効化 */

/* ✅ 料金表ブロックだけ UA 既定に戻す */
.kaigo-lp .box04 :where(table, thead, tbody, tfoot, tr, th, td){
    margin: revert;
    padding: revert;
    list-style: revert;
    text-decoration: revert;
  }
  
/* ✅ 罫線の見え方（セル間の余白）を復活（必要なら下記を有効化）*/
  .kaigo-lp .box04 .table { border-collapse: separate; border-spacing: 2px; }

  /* ✅ 「3つのポイント」のボタン内テキストだけ白を強制（他は色をいじらない） */
  .kaigo-page .main-content__list--point-btn .item a,
  .kaigo-page .main-content__list--point-btn .item a *{
    color:#fff !important;
  }

  /* =========================
   KAIGO LP table overrides
   ========================= */

/* 表の結合仕様を明示（globalのcollapse等に勝つ） */
.kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table{
    border-collapse: separate !important;
    border-spacing: 0;
    table-layout: auto !important;
}
  /* 縦見出しセル(.txt03)の背景と罫線が消えるのをLP側で固定
  .kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table .txt03{
    vertical-align: middle;
    border-left: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
    width: 30px !important;
}
  /* 文字色も念のため固定（globalの色指定対策）
  .kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table .txt03 .txt{
    color: #fff !important;
  } */


  /* タイトル行（title03）の見出しセルをセンタリング＆中央寄せ */
  .kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table .title03 .txt02 {
    text-align: center !important;
    vertical-align: middle !important;
}
/* === LP 料金表だけ：グローバルの table セル枠線（var(--border-base-color)）だけリセット。個別指定は生かす === */
.kaigo-lp .box04 :where(th, td){
  border: none; /* UA既定（枠線なし）に戻す。個別の .txt05 等はこの後/他CSSで上書き可 */
}
  
  /* .txt05 の右罫線は明示的に復活（上のresetより後に書く） */
  .kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table .txt05{
    border-right: 1px solid #000 !important;
  }

/* title03 行：blankセルはボーダー無し。見出しセル(txt02)は右罫線のみ付ける */
.kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table tr.title03 > td.blank01 {
  border: none !important;
}
.kaigo-lp .main-content__table--price-check .box04 .cont .table01 .table-inner .table tr.title03 > td.txt02 {
  border-right: 1px solid #000 !important;
}