/* CECIL Official v1.0.90 — salon page base */
/* =========================================================
   v1.0.39 — /salon/ 店舗で受ける
========================================================= */
.salon-page{background:#F7F3EA;color:#756A5D}
.salon-page .container{width:min(calc(100% - 40px),1200px)}
.salon-narrow{max-width:920px}.salon-narrow-wide{max-width:1100px}
.salon-hero{position:relative;min-height:690px;display:flex;align-items:center;background:#665D52;color:#FAF7EF;overflow:hidden}
.salon-hero-media{position:absolute;inset:0}.salon-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.salon-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(102,93,82,.97) 0%,rgba(102,93,82,.91) 37%,rgba(102,93,82,.58) 62%,rgba(102,93,82,.16) 100%),linear-gradient(180deg,rgba(75,66,56,.05),rgba(75,66,56,.28))}
.salon-hero-inner{position:relative;z-index:2;padding:26px 0 60px}
.salon-breadcrumb{display:flex;gap:8px;align-items:center;color:rgba(250,247,239,.55);font-size:.69rem;margin-bottom:70px}.salon-breadcrumb a:hover{color:#FAF7EF}
.salon-hero-copy{max-width:680px}.salon-eyebrow,.salon-kicker,.salon-section-head>span{display:block;color:#C9D8A6;font-family:Georgia,"Yu Mincho",serif;letter-spacing:.18em;font-size:.77rem;margin-bottom:10px}
.salon-hero h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(2rem,3.4vw,3.25rem);letter-spacing:.07em;line-height:1.3;margin:0 0 20px}
.salon-hero-catch{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2.2rem,4.8vw,4.5rem);line-height:1.4;letter-spacing:.06em;margin:0 0 18px;color:#FAF7EF}
.salon-hero-lead{max-width:630px;font-size:.94rem;line-height:1.95;color:rgba(250,247,239,.82);margin:0 0 24px}
.salon-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}.salon-hero-badges>span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(201,216,166,.44);background:rgba(102,93,82,.68);padding:9px 12px;border-radius:4px;color:#EAE2D3;font-size:.76rem}.salon-hero-badges svg{width:18px;height:18px;color:#C9D8A6}
.salon-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.salon-hero-actions .btn{min-width:220px}
.salon-intro{padding:76px 0 82px;background:#FAF7EF}
.salon-section-head{text-align:center;max-width:760px;margin:0 auto 36px}.salon-section-head h2{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.5;letter-spacing:.06em;color:#756A5D;margin:0 0 14px}.salon-section-head p{margin:0;color:#736C62;font-size:.9rem;line-height:1.95}
.salon-moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.salon-moment-grid article{position:relative;min-height:230px;padding:30px 24px 24px;background:#FAF7EF;border:1px solid #EAE2D3;box-shadow:0 14px 34px rgba(117,106,93,.07)}.salon-moment-grid article>span{position:absolute;right:18px;top:14px;font-family:Georgia,serif;font-size:1.8rem;color:rgba(201,216,166,.35)}.salon-moment-grid svg{width:34px;height:34px;color:#C9D8A6;margin-bottom:14px}.salon-moment-grid strong{display:block;font-family:Georgia,"Yu Mincho",serif;font-size:1.05rem;font-weight:500;color:#756A5D;margin-bottom:9px;line-height:1.55}.salon-moment-grid p{font-size:.77rem;line-height:1.8;color:#736C62;margin:0}
.salon-space{padding:86px 0;background:#665D52;color:#FAF7EF}.salon-space-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.salon-space-visual{position:relative;min-height:560px;overflow:hidden;border-radius:0 96px 0 0;border:1px solid rgba(201,216,166,.4)}.salon-space-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.76) saturate(.86)}.salon-space-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(102,93,82,.84))}.salon-space-caption{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.salon-space-caption span{display:block;color:#C9D8A6;letter-spacing:.18em;font-size:.7rem;margin-bottom:7px}.salon-space-caption strong{font-family:Georgia,"Yu Mincho",serif;font-size:1.5rem;font-weight:500;letter-spacing:.05em}
.salon-space-copy h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.5;letter-spacing:.06em;color:#F7F3EA;margin:0 0 14px}.salon-space-copy>p{color:rgba(250,247,239,.72);font-size:.86rem;line-height:1.95;margin:0 0 25px}.salon-space-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(201,216,166,.27);border-left:1px solid rgba(201,216,166,.27)}.salon-space-points>div{padding:20px 17px;border-right:1px solid rgba(201,216,166,.27);border-bottom:1px solid rgba(201,216,166,.27)}.salon-space-points svg{width:27px;height:27px;color:#C9D8A6;margin-bottom:8px}.salon-space-points strong{display:block;color:#EAE2D3;font-family:Georgia,"Yu Mincho",serif;font-size:.9rem;font-weight:500;margin-bottom:4px}.salon-space-points small{display:block;color:rgba(250,247,239,.58);font-size:.65rem;line-height:1.65}
.salon-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.salon-gallery-strip figure{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(201,216,166,.32)}.salon-gallery-strip img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.salon-gallery-strip figcaption{position:absolute;left:12px;bottom:10px;background:rgba(102,93,82,.82);border:1px solid rgba(201,216,166,.44);color:#EAE2D3;padding:5px 9px;font-size:.66rem}
.salon-treatment{padding:82px 0;background:#F7F3EA}.salon-section-head--dark h2{color:#756A5D}.salon-treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.salon-treatment-grid article{background:#FAF7EF;border:1px solid #EAE2D3;padding-bottom:24px;overflow:hidden}.salon-treatment-grid article>div{height:230px;overflow:hidden}.salon-treatment-grid img{width:100%;height:100%;object-fit:cover}.salon-treatment-grid article>span,.salon-treatment-grid h3,.salon-treatment-grid p{margin-left:22px;margin-right:22px}.salon-treatment-grid article>span{display:block;color:#C9D8A6;font-size:.65rem;letter-spacing:.14em;margin-top:18px}.salon-treatment-grid h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:1.35rem;color:#756A5D;margin-top:6px;margin-bottom:7px}.salon-treatment-grid p{font-size:.75rem;line-height:1.8;color:#736C62;margin-top:0;margin-bottom:0}.salon-treatment-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.salon-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:220px;border:1px solid #C9D8A6;background:#FAF7EF;color:#756A5D;padding:11px 15px;font-size:.75rem}.salon-inline-link b{color:#C9D8A6;font-weight:400}
.salon-flow{padding:82px 0;background:#FAF7EF}.salon-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.salon-flow-grid article{position:relative;min-height:205px;padding:30px 21px 22px;border:1px solid #EAE2D3;background:#FAF7EF}.salon-flow-grid article>b{position:absolute;top:13px;right:15px;color:rgba(201,216,166,.42);font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.salon-flow-grid svg{width:29px;height:29px;color:#C9D8A6;margin-bottom:12px}.salon-flow-grid h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;color:#756A5D;font-size:1rem;margin:0 0 7px}.salon-flow-grid p{font-size:.69rem;line-height:1.8;color:#736C62;margin:0}.salon-flow-more{text-align:center;margin-top:20px}.salon-flow-more a,.salon-faq-more a,.salon-access-actions a{display:inline-flex;align-items:center;gap:12px;color:#4B4238;font-size:.75rem}.salon-flow-more b,.salon-faq-more b,.salon-access-actions b{font-weight:400}
.salon-access{padding:82px 0;background:#F7F3EA}.salon-access-card{display:grid;grid-template-columns:.88fr 1.12fr;background:#FAF7EF;border:1px solid #EAE2D3;box-shadow:0 18px 45px rgba(117,106,93,.09);overflow:hidden}.salon-access-copy{padding:44px 42px}.salon-access-copy h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;color:#756A5D;font-size:1.75rem;letter-spacing:.05em;margin:0 0 23px}.salon-access-copy dl{margin:0}.salon-access-copy dl>div{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #EAE2D3}.salon-access-copy dt{color:#C9D8A6;font-size:.68rem;font-weight:700}.salon-access-copy dd{margin:0;color:#4B4238;font-size:.73rem;line-height:1.7}.salon-access-copy dd a{text-decoration:underline}.salon-access-actions{margin-top:22px}.salon-map iframe{display:block;width:100%;height:100%;min-height:430px}
.salon-faq{padding:82px 0;background:#FAF7EF}.salon-faq-list{border-top:1px solid #EAE2D3}.salon-faq-list details{border-bottom:1px solid #EAE2D3;background:#FAF7EF}.salon-faq-list summary{display:grid;grid-template-columns:1fr 20px;gap:12px;align-items:center;padding:18px 20px;cursor:pointer;color:#756A5D;font-family:Georgia,"Yu Mincho",serif;font-size:.88rem}.salon-faq-list summary::-webkit-details-marker{display:none}.salon-faq-list summary b{color:#C9D8A6;font-weight:400}.salon-faq-list details p{margin:0;padding:0 54px 19px 20px;color:#736C62;font-size:.76rem;line-height:1.85}.salon-faq-more{text-align:center;margin-top:20px}
.salon-final-cta{position:relative;padding:68px 0 55px;color:#FAF7EF;background-image:linear-gradient(90deg,rgba(102,93,82,.97),rgba(102,93,82,.89)),url('../images/cecil-salon-room-v134.webp');background-size:cover;background-position:center;border-top:1px solid rgba(201,216,166,.35)}.salon-final-inner{text-align:center}.salon-final-inner>span{color:#C9D8A6;letter-spacing:.18em;font-size:.72rem}.salon-final-inner h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:.06em;line-height:1.5;margin:7px 0 8px}.salon-final-inner>p{font-size:.8rem;color:rgba(250,247,239,.73);line-height:1.8;margin:0 0 22px}.salon-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.salon-final-actions .btn{min-width:210px}.salon-final-features{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:24px 0 14px;color:#EAE2D3;font-size:.72rem}.salon-final-features span{display:flex;align-items:center;gap:5px}.salon-final-features svg{width:18px;height:18px}.salon-final-inner small{display:block;color:rgba(250,247,239,.52);font-size:.62rem;line-height:1.7}
@media (max-width:1000px){.salon-space-layout{grid-template-columns:1fr}.salon-space-visual{min-height:430px}.salon-treatment-grid{grid-template-columns:1fr 1fr}.salon-treatment-grid article:last-child{grid-column:1/-1}.salon-flow-grid{grid-template-columns:1fr 1fr}.salon-access-card{grid-template-columns:1fr}.salon-map iframe{min-height:360px}}
@media (max-width:760px){.salon-page .container{width:calc(100% - 24px)}.salon-hero{min-height:700px;align-items:flex-end}.salon-hero-media{height:330px;inset:0 0 auto}.salon-hero-media img{object-position:center 22%}.salon-hero-shade{background:linear-gradient(180deg,rgba(102,93,82,.08) 0%,rgba(102,93,82,.52) 31%,rgba(102,93,82,.97) 48%,#665D52 100%)}.salon-hero-inner{padding-top:18px;padding-bottom:38px}.salon-breadcrumb{font-size:.59rem;margin-bottom:270px}.salon-hero h1{font-size:1.7rem}.salon-hero-catch{font-size:2rem;line-height:1.5}.salon-hero-lead{font-size:.78rem;line-height:1.85}.salon-hero-lead br{display:none}.salon-hero-badges{display:grid;grid-template-columns:1fr 1fr}.salon-hero-badges>span{justify-content:center;font-size:.62rem;padding:8px 5px}.salon-hero-actions{flex-direction:column}.salon-hero-actions .btn{width:100%;min-width:0}.salon-intro,.salon-space,.salon-treatment,.salon-flow,.salon-access,.salon-faq{padding-top:50px;padding-bottom:50px}.salon-section-head{margin-bottom:26px}.salon-section-head h2{font-size:1.55rem}.salon-section-head p{font-size:.75rem}.salon-moment-grid{grid-template-columns:1fr}.salon-moment-grid article{min-height:0;padding:24px 20px}.salon-space-visual{min-height:300px;border-radius:0 55px 0 0}.salon-space-copy h2{font-size:1.5rem}.salon-space-copy>p{font-size:.75rem}.salon-space-points{grid-template-columns:1fr 1fr}.salon-space-points>div{padding:16px 12px}.salon-gallery-strip{grid-template-columns:1fr 1fr}.salon-gallery-strip figure:last-child{grid-column:1/-1}.salon-treatment-grid{grid-template-columns:1fr}.salon-treatment-grid article:last-child{grid-column:auto}.salon-treatment-grid article>div{height:210px}.salon-treatment-actions{flex-direction:column}.salon-inline-link{width:100%;min-width:0}.salon-flow-grid{grid-template-columns:1fr}.salon-flow-grid article{min-height:0;padding:25px 18px 20px}.salon-access-copy{padding:31px 22px}.salon-access-copy h2{font-size:1.45rem}.salon-access-copy dl>div{grid-template-columns:72px 1fr}.salon-map iframe{min-height:310px}.salon-faq-list summary{font-size:.76rem;padding:15px 13px}.salon-faq-list details p{font-size:.69rem;padding:0 36px 16px 13px}.salon-final-cta{padding-top:52px}.salon-final-actions{flex-direction:column}.salon-final-actions .btn{width:100%;min-width:0}.salon-final-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.salon-final-features span{justify-content:center}}
@media (max-width:430px){.salon-hero{min-height:750px}.salon-breadcrumb{margin-bottom:250px}.salon-hero-badges,.salon-space-points,.salon-final-features{grid-template-columns:1fr}.salon-gallery-strip{grid-template-columns:1fr}.salon-gallery-strip figure:last-child{grid-column:auto}.salon-access-copy dl>div{grid-template-columns:1fr;gap:2px}}