@charset "UTF-8";
/* =============================================================
   salon-pref.css — 都道府県別サロン一覧ページ
   既存の salon.html / salon-detail.css と同じ配色に合わせています。
   深緑 #1c2d24 ／ 金 #a98f5c ／ 罫線 #ece3d0
   ============================================================= */

.pref-wrap { max-width: 900px; margin: 0 auto; }

/* ── 見出し ───────────────────────────────── */
.pref-head { margin: 18px 0 24px; padding-bottom: 20px; border-bottom: 2px solid #ece3d0; }
.pref-head h1 {
  font-family: "Shippori Mincho", "Noto Serif JP", serif;
  font-size: 2.752rem; line-height: 1.5; color: #1c2d24; margin: 6px 0 12px;
}
.pref-head__sum {
  display: inline-block; font-size: 1.44rem; font-weight: 700; color: #3a463d;
  background: #f6f2e7; border: 1px solid #e4dcc6; border-radius: 999px; padding: 7px 16px; margin: 0;
}
.pref-intro { font-size: 1.536rem; line-height: 2; color: #3a463d; margin: 0 0 34px; }
.pref-intro strong { color: #1c2d24; font-weight: 700; }

/* ── セクション ───────────────────────────── */
.pref-section { margin-bottom: 44px; }
.pref-section > h2 {
  font-family: "Shippori Mincho", "Noto Serif JP", serif;
  font-size: 1.952rem; color: #1c2d24; margin: 0 0 12px;
  padding-bottom: 10px; border-bottom: 2px solid #ece3d0;
}
.pref-lead { font-size: 1.44rem; line-height: 1.95; color: #6b7268; margin: 0 0 22px; }
.pref-lead strong { color: #3a463d; }

/* ── サロンカード ─────────────────────────── */
.pref-card {
  border: 1px solid #e8e2d4; border-left: 3px solid #d9cdb0; border-radius: 6px;
  background: #fff; padding: 18px 20px; margin-bottom: 14px;
  /* 一覧から #s-… で飛んできたとき、固定ヘッダーの下に隠れないように */
  scroll-margin-top: 80px;
}
.pref-card:has(.pref-tag--icd) { border-left-color: #a98f5c; background: #fffdf8; }
/* 提携サロンは一番強く（太い深緑のライン＋淡い地色） */
.pref-card:has(.pref-tag--own) {
  border-color: #dbe6de;          /* ← 先に一括指定。この後に left を上書きする（順序が逆だと効かない） */
  border-left-width: 6px;
  border-left-color: #1c2d24;
  background: #f6faf7;
}

.pref-card__name {
  font-size: 1.664rem; font-weight: 700; color: #1c2d24; margin: 0 0 4px;
  line-height: 1.5;
}
/* バッジは見出しの外に出した。見出しの中に入れると、検索結果でも読み上げでも
   全部の店名が「…ICD（インセルダム）取扱」で終わる。 */
.pref-card__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; }
/* reset.css の a{text-decoration:none!important} に勝たないと下線が出ない。
   都道府県ページでは、この店名リンクが唯一の出口になる店がある。 */
.pref-card__name a { color:#1c2d24; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.pref-card__name a:hover { color: #a98f5c; }

.pref-tag {
  font-size:1.248rem; font-weight: 700; letter-spacing: .02em;
  padding: 4px 10px; border-radius: 999px; white-space: nowrap;
}
.pref-tag--icd { background: #7a6436; color: #fff; }
.pref-tag--own { background: #1c2d24; color: #fff; }
.pref-tag--k   { background: #f0f2ef; color: #6b7268; border: 1px solid #e0e4de; }

.pref-card__meta { font-size: 1.36rem; color: #6b7268; margin: 0 0 12px; }

/* 掲載の根拠（先方ページの実際の文言） */
.pref-ev {
  margin: 0 0 10px; padding: 11px 14px;
  background: #f7f8f6; border-left: 2px solid #cfd6cc; border-radius: 3px;
}
.pref-ev p {
  margin: 0; font-size: 1.36rem; line-height: 1.85; color: #4a5349;
}
.pref-ev p::before { content: "「"; }
.pref-ev p::after  { content: "」"; }

/* 提携店の取り扱い・メニュー */
.pref-brands { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.pref-brands span {
  font-size: 1.248rem; font-weight: 700; color: #3a463d;
  background: #fff; border: 1px solid #dbe6de; border-radius: 4px; padding: 4px 10px;
}

.pref-src { font-size: 1.248rem; color: #6b7268; margin: 0 0 8px; }
.pref-src a { color: #6b7268; text-decoration: underline; }
.pref-src a:hover { color: #a98f5c; }

.pref-link { margin: 0; }
.pref-link a { font-size: 1.36rem; font-weight: 700; color: #1c6b3f; text-decoration: none; }
.pref-link a:hover { text-decoration: underline; }

/* ── 購入導線（公式ECへ） ─────────────────── */
.pref-buy {
  background: #1c2d24; border-radius: 10px; padding: 24px 26px; text-align: center;
}
.pref-buy__lead { font-size: 1.44rem; line-height: 1.9; color: #d6ddd4; margin: 0 0 16px; }
/* 県ページの行き止まりを解消する1行。地が濃いので文字は明るく。 */
.pref-buy__links{font-size:1.36rem;line-height:1.95;color:#d6ddd4;margin:0 0 14px;}
.pref-buy__links a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pref-buy__btns { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 0; }
.pref-buy__btn {
  display: inline-block; font-size: 1.408rem; font-weight: 700; color: #1c2d24; background: #fff;
  border-radius: 999px; padding: 12px 26px; text-decoration: none; transition: background .15s, color .15s;
}
.pref-buy__btn:hover { background: #a98f5c; color: #fff; }
.pref-buy__btn--line { background: transparent; color: #fff; border: 1px solid #6b7d72; }
.pref-buy__btn--line:hover { background: #a98f5c; border-color: #a98f5c; }

/* ── 掲載の修正・掲載希望（ボタンのみ） ───────── */
.pref-contact {
  background: #f7f8f6; border: 1px solid #e8e2d4; border-radius: 6px;
  padding: 24px 26px; text-align: center;
}
.pref-contact__lead { font-size: 1.408rem; line-height: 1.9; color: #4a5349; margin: 0 0 16px; }
/* 2本目の案内の前に間を空ける（導入のご相談と掲載の依頼で用件が違う） */
.pref-contact__btn + .pref-contact__lead { margin-top: 22px; }
.pref-contact__btn {
  display: inline-block; font-size: 1.44rem; font-weight: 700; color: #fff;
  background: #1c2d24; border-radius: 999px; padding: 13px 30px; text-decoration: none;
  transition: background .15s;
}
.pref-contact__btn:hover { background: #a98f5c; color: #fff; }

/* ── 他県ナビ ─────────────────────────────── */
.pref-nav { margin-top: 40px; padding-top: 26px; border-top: 2px solid #ece3d0; }
.pref-nav > h2 { font-family: "Shippori Mincho", "Noto Serif JP", serif; font-size: 1.696rem; color: #1c2d24; margin: 0 0 14px; }
.pref-nav__list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; }
.pref-nav__list a {
  display: inline-block; font-size: 1.36rem; font-weight: 700; color: #3a463d;
  border: 1px solid #d9cdb0; border-radius: 999px; padding: 7px 15px; text-decoration: none;
  transition: background .15s, color .15s;
}
.pref-nav__list a:hover { background: #1c2d24; color: #fff; border-color: #1c2d24; }
.pref-nav__all a { font-size: 1.44rem; font-weight: 700; color: #1c6b3f; }

@media screen and (max-width: 992px) {
  .pref-head h1 { font-size: 2.144rem; }
  .pref-card { padding: 16px; }
  .pref-policy { padding: 18px 16px; }
}

/* ── よくある質問 ─────────────────────────── */
.pref-faq__item { border-top: 1px solid #f0ece1; padding: 16px 0 4px; }
.pref-faq__item:first-of-type { border-top: 0; }
.pref-faq__item h3 {
  font-size: 1.536rem; font-weight: 700; color: #1c2d24; margin: 0 0 8px;
  padding-left: 22px; position: relative; line-height: 1.6;
}
.pref-faq__item h3::before {
  content: "Q"; position: absolute; left: 0; top: 0;
  color: #a98f5c; font-weight: 700; font-size: 1.472rem;
}
.pref-faq__item p {
  font-size: 1.424rem; line-height: 1.95; color: #4a5349; margin: 0;
  padding-left: 22px; position: relative;
}
.pref-faq__item p::before {
  content: "A"; position: absolute; left: 0; top: 0;
  color: #6b7268; font-weight: 700; font-size: 1.472rem;
}


/* --- 押したあとも色を変えない（a:visited 対策） --- */
/* style.min.css の a:visited{color:#000} は (0,1,1) で、
   クラス1つの指定 (0,1,0) より強い。押したあとだけ黒くなるのを打ち消す。 */
.pref-head h1:visited { color: #1c2d24; }
.pref-head__sum:visited { color: #3a463d; }
.pref-intro:visited { color: #3a463d; }
.pref-intro strong:visited { color: #1c2d24; }
.pref-section > h2:visited { color: #1c2d24; }
.pref-lead:visited { color: #6b7268; }
.pref-lead strong:visited { color: #3a463d; }
.pref-card__name:visited { color: #1c2d24; }
.pref-card__name a:visited { color: #1c2d24; }
.pref-tag--icd:visited { color: #fff; }
.pref-tag--own:visited { color: #fff; }
.pref-tag--k:visited { color: #6b7268; }
.pref-card__meta:visited { color: #6b7268; }
.pref-ev p:visited { color: #4a5349; }
.pref-brands span:visited { color: #3a463d; }
.pref-src:visited { color: #6b7268; }
.pref-src a:visited { color: #6b7268; }
.pref-link a:visited { color: #1c6b3f; }
.pref-buy__lead:visited { color: #d6ddd4; }
.pref-buy__links:visited { color: #d6ddd4; }
.pref-buy__links a:visited { color: #fff; }
.pref-buy__btn:visited { color: #1c2d24; }
.pref-buy__btn--line:visited { color: #fff; }
.pref-contact__lead:visited { color: #4a5349; }
.pref-contact__btn:visited { color: #fff; }
.pref-nav > h2:visited { color: #1c2d24; }
.pref-nav__list a:visited { color: #3a463d; }
.pref-nav__all a:visited { color: #1c6b3f; }
.pref-faq__item h3:visited { color: #1c2d24; }
.pref-faq__item p:visited { color: #4a5349; }