@charset "UTF-8";
/* ==========================================================================
   shimokitazawa.css  ―  /setagaya/shimokitazawa-beauty-salon/ ページ専用スタイル
   既存フレームワーク（bootstrap / style / bamboo.css）に追記する形で読み込みます。
   すべて .salon- プレフィックスでスコープし、既存スタイルと衝突しません。
   下北沢エリアの美容室・ヘアサロン向けランディングページ用。
   ========================================================================== */

/* ---- H1内の地域名アクセント ---- */
.salon-accent {
  color: #b5495b;
}

/* ---- お客様のAI相談例リスト（通常の list-marked に差し色ボーダーを追加） ---- */
.salon-voice-list {
  padding-left: 0;
  list-style: none;
  overflow: hidden; /* 新しいブロック整形コンテキストを確立し、隣接するfloat画像（bh_right_08）との重なりを防ぐ */
}
.salon-voice-list .list-item {
  position: relative;
  padding: 14px 18px 14px 22px;
  margin-bottom: 14px;
  background: #fbf5f6;
  border-left: 4px solid #b5495b;
  border-radius: 0 10px 10px 0;
  overflow: hidden; /* 各項目でもfloatとの重なりを防止 */
}
.salon-voice-list .list-item strong {
  color: #7a2c38;
}

/* ---- レスポンシブ調整 ---- */
@media (max-width: 767px) {
  .salon-voice-list .list-item {
    padding: 12px 14px 12px 16px;
  }
}