/* =====================================
   Kakurega Header Band
   FINAL COMPLETE STABLE
   PC / SP 両対応・全幅帯
   2025-12-15
===================================== */

/* ■ 帯本体（全幅） */
.khb-band{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #015B98; /* かくれ家ブルー */
}

/* ■ 帯の内側（PC） */
.khb-inner{
  min-height: 187px;
  padding: 12px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ■ 幅制御コンテナ */
.khb-content{
  width: 100%;
  max-width: 2500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ■ タイトル画像（PC） */
.khb-title{
  height: 187px;
  width: auto;
  display: block;
}

/* =========================================================
   SP：Header Band（最終確定・強制反映版）
   2025-12-15
========================================================= */
@media screen and (max-width: 768px){

  /* PC用タイトル画像と箱を完全に止める */
  #body_wrap .khb-content{
    display: none !important;
  }

  #body_wrap .khb-title{
    display: none !important;
  }

  /* 帯の高さ（SPはここで確定） */
  #body_wrap .khb-inner{
    min-height: 50px !important; /* SP帯の高さ */
    height: 50px !important;
    padding: 0 !important;
  }

  /* SP用タイトル画像（t5-sp） */
  #body_wrap .khb-band{
    background-image: url(/wp-content/plugins/kakurega-header-band/assets/images/t5-sp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 40px !important; /* SPタイトルサイズ */
  }
}