/* 体験サロン 個別ページ共通スタイル（salon.html の一覧と salon-<slug>.html で共有） */
.salon-wrap{max-width:820px;margin:0 auto;padding:0 18px 40px;color:#2a352e;font-feature-settings:"palt";}
.salon-wrap .mincho{font-family:"Shippori Mincho","Noto Serif JP",serif;}
.salon-eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.22em;color:#a98f5c;font-weight:700;margin-bottom:6px;}
.detail-back{display:inline-block;font-size:.86rem;font-weight:700;color:#1c6b3f;text-decoration:none;margin-bottom:18px;}
.detail-back:hover{text-decoration:underline;}

/* 詳細カード */
.detail-card{background:#fff;border:1px solid #e6ddcb;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(28,45,36,.08);margin-bottom:40px;}
.detail-media{height:200px;background:linear-gradient(120deg,#2f4a3a,#1c2d24);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px 22px;}
.detail-media__area{color:#fff;font-size:1.05rem;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.4);letter-spacing:.03em;}
.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 24px 4px;}
.detail-head h1{font-size:1.7rem;color:#1c2d24;margin:2px 0 6px;line-height:1.3;}
.detail-rep{font-size:.72rem;font-weight:700;color:#fff;background:#a98f5c;padding:2px 10px;border-radius:999px;vertical-align:middle;margin-left:8px;}
.detail-area-sub{font-size:.82rem;color:#8a9186;margin:0 0 4px;}
.detail-op{font-size:.86rem;color:#6b7268;margin:0;}
.detail-facts{margin:16px 24px 0;display:grid;gap:0;border:1px solid #efe9dc;border-radius:12px;overflow:hidden;}
.detail-facts div{display:flex;gap:12px;font-size:.92rem;padding:12px 16px;border-bottom:1px solid #efe9dc;}
.detail-facts div:last-child{border-bottom:none;}
.detail-facts dt{flex:0 0 6.5em;color:#a98f5c;font-weight:700;margin:0;}
.detail-facts dd{margin:0;color:#3a463d;}
.detail-facts dd a{color:#1c6b3f;font-weight:700;}
.detail-facts .fact-ask{color:#9aa196;}
.detail-h2{font-size:1.05rem;color:#1c2d24;margin:24px 24px 8px;padding-bottom:6px;border-bottom:2px solid #ece3d0;}
.detail-feature{font-size:.92rem;line-height:1.85;color:#4a544a;margin:0 24px;}
.detail-products{margin:0 24px;background:#f6f8f4;border:1px solid #e4e9e0;border-radius:12px;padding:16px 18px;}
.detail-products__note{font-size:.88rem;color:#4a544a;margin:0 0 10px;}
.detail-products__list{margin:0 0 14px;padding-left:0;list-style:none;display:grid;gap:8px;}
.detail-products__list li{position:relative;padding:8px 12px 8px 34px;background:#fff;border:1px solid #e4e9e0;border-radius:8px;font-weight:700;color:#1c2d24;font-size:.92rem;}
.detail-products__list li::before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#2f6b45;font-weight:800;}
.detail-ec-btn{display:inline-block;font-weight:700;color:#fff;background:#2f564a;padding:10px 22px;border-radius:999px;text-decoration:none;font-size:.9rem;transition:background .15s;}
.detail-ec-btn:hover{background:#224134;}
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px 24px 24px;}
.detail-missing{padding:60px 24px;text-align:center;color:#6b7268;}
.detail-missing a{color:#1c6b3f;font-weight:700;}

.pill{display:inline-block;font-size:.82rem;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap;}
.pill--ok{background:#e3f0e6;color:#1f7a44;}
.pill--ask{background:#fbf1dc;color:#a5760f;}
.pill--no{background:#f0e3e3;color:#a5433a;}

.salon-btn{font-size:.86rem;font-weight:700;text-decoration:none;padding:11px 20px;border-radius:999px;border:1px solid #cdbf9f;color:#1c2d24;background:#fff;transition:background .15s,color .15s;}
.salon-btn:hover{background:#1c2d24;color:#fff;border-color:#1c2d24;}
.salon-btn--primary{background:#1c2d24;color:#fff;border-color:#1c2d24;}
.salon-btn--primary:hover{background:#284436;}
.salon-btn--muted{border-style:dashed;color:#9aa196;cursor:default;pointer-events:none;background:#faf8f3;}

/* 注意 */
.salon-notice{background:#1c2d24;border-radius:16px;padding:24px 26px;margin-bottom:32px;color:#eef2ec;}
.salon-notice__title{font-size:1.1rem;margin:0 0 16px;color:#fff;letter-spacing:.04em;}
.salon-notice__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.salon-notice__item{display:flex;gap:14px;}
.salon-notice__num{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#a98f5c;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}
.salon-notice__item h3{font-size:.98rem;margin:2px 0 6px;color:#fff;}
.salon-notice__item p{font-size:.86rem;line-height:1.75;margin:0 0 8px;color:#d6ddd4;}
.salon-ec-link{font-size:.86rem;font-weight:700;color:#f2d9a6;text-decoration:none;}
.salon-ec-link:hover{text-decoration:underline;}

/* 運営会社 */
.salon-operator{display:flex;gap:24px;align-items:center;background:linear-gradient(180deg,#fbf9f4,#f3efe6);border:1px solid #e6ddcb;border-radius:16px;padding:20px 24px;margin-bottom:28px;}
.salon-operator__photo{position:relative;flex:0 0 110px;width:110px;height:110px;border-radius:50%;overflow:hidden;background:#e7e0d0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(28,45,36,.14);}
.salon-operator__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;}
.salon-operator__ph{display:none;font-size:.72rem;letter-spacing:.15em;color:#9c917a;}
.salon-operator__photo.is-empty .salon-operator__ph{display:block;}
.salon-operator__info h2{font-size:1.35rem;color:#1c2d24;margin:2px 0 4px;}
.salon-operator__rep{font-size:.95rem;color:#3a463d;margin:0 0 10px;}
.salon-operator__meta{margin:0;display:grid;gap:6px;}
.salon-operator__meta div{display:flex;gap:12px;font-size:.88rem;}
.salon-operator__meta dt{flex:0 0 4.5em;color:#a98f5c;font-weight:700;margin:0;}
.salon-operator__meta dd{margin:0;color:#3a463d;}
.salon-operator__meta a{color:#1c2d24;}
.salon-operator.has-intro{align-items:flex-start;}
.salon-operator__intro{font-size:.9rem;line-height:1.9;color:#4a544a;margin:12px 0 0;}

/* CTA */
.salon-foot-cta{text-align:center;padding:28px 20px;background:#faf8f3;border:1px dashed #d9cdb0;border-radius:16px;}
.salon-foot-cta p{font-size:.95rem;color:#3a463d;margin:0 0 16px;}
.salon-cta-btn{display:inline-block;font-weight:700;color:#fff;background:#a98f5c;padding:13px 34px;border-radius:999px;text-decoration:none;transition:background .15s;}
.salon-cta-btn:hover{background:#957a48;}

@media(max-width:760px){
  .detail-head{flex-direction:column;}
  .salon-notice__grid{grid-template-columns:1fr;}
  .salon-operator{flex-direction:column;text-align:center;}
  .salon-operator__meta div{justify-content:center;}
  .salon-operator__meta dt{flex:0 0 auto;}
}