/* Aroma Flower 2026-11-13 | responsive editorial redesign | keep existing site CSS for legacy PHP */
:root{--af-ink:#3d3631;--af-mute:#73675f;--af-accent:#80614f;--af-gold:#b59a79;--af-line:#e9e0d6;--af-ivory:#faf7f2}
.af-2026{font-family:"Noto Sans JP","Noto Sans Japanese","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--af-ink);font-size:15px;line-height:1.9;letter-spacing:.027em;overflow-wrap:anywhere}
.af-2026 *{box-sizing:border-box}
.af-2026 p{font-size:clamp(14px,1.12vw,15.5px);line-height:1.95;color:#5d5149;max-width:74ch;margin:0 0 15px}
.af-2026 img{max-width:100%;height:auto;display:block}
.af-2026 a{text-decoration:none}
.af-2026 .af-container{max-width:1120px;margin:auto;padding:0 26px 65px}
.af-2026 .af-hero{max-width:1150px;margin:28px auto 0;min-height:310px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(115deg,#faf5ef,#f6f3ef);border:1px solid #ece4d9;overflow:hidden}
.af-2026 .af-hero-copy{padding:45px clamp(26px,4vw,60px)}
.af-2026 .af-hero h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(27px,3vw,42px);font-weight:500;letter-spacing:.055em;color:#5b473c;line-height:1.45;margin:11px 0 18px}
.af-2026 .af-hero p{max-width:37ch}
.af-2026 .af-hero-photo{height:100%;min-height:290px;overflow:hidden;background:#e5d7c5}
.af-2026 .af-hero-photo img{width:100%;height:100%;object-fit:cover;min-height:290px}
.af-2026 .af-kicker{display:inline-block;color:#a88d6f;font-family:Georgia,"Times New Roman",serif;letter-spacing:.22em;font-size:11px;font-weight:600;line-height:1.55}
.af-2026 .af-section{margin:0 auto;padding:55px 0;max-width:1050px;border-bottom:1px solid #eee8df}
.af-2026 .af-section-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(23px,2.1vw,30px);font-weight:500;line-height:1.5;letter-spacing:.045em;color:#5f493d;margin:0 0 24px;padding-left:17px;border-left:3px solid #b59a79}
.af-2026 h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#5f493d;line-height:1.55;font-size:clamp(18px,1.7vw,23px);font-weight:500;margin:0 0 14px}
.af-2026 .af-soft{background:#fbf7f1;border-radius:5px;padding:38px clamp(19px,3vw,38px);border:1px solid #f0e9e0;margin:28px auto}
.af-2026 .af-inset{margin:28px 0;padding:22px 28px;border-top:1px solid var(--af-line)}
.af-2026 .af-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin:18px 0}
.af-2026 .af-panel{background:#fff;border:1px solid var(--af-line);box-shadow:0 7px 20px rgba(58,36,22,.025);overflow:hidden;min-width:0}
.af-2026 .af-panel-photo img{width:100%;height:180px;object-fit:cover}
.af-2026 .af-panel-content{padding:24px 26px}
.af-2026 .af-panel-content p:last-child{margin-bottom:0}
.af-2026 .af-panel-content h3{font-size:21px;margin:8px 0 14px}
.af-2026 .af-table-wrap{max-width:820px;overflow-x:auto;margin:28px 0}
.af-2026 .af-prices{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;font-size:15px;border:1px solid var(--af-line)}
.af-2026 .af-prices th,.af-2026 .af-prices td{padding:15px 16px;border-bottom:1px solid #e9e0d6;font-size:15px;vertical-align:middle;text-align:left;overflow-wrap:normal}
.af-2026 .af-prices thead th{background:#f6efe7;color:#655345;font-weight:600}
.af-2026 .af-prices th:first-child{width:56%}
.af-2026 .af-prices th:nth-child(2){width:17%}
.af-2026 .af-prices th:last-child{width:27%;text-align:right}
.af-2026 .af-prices .af-money{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#664b3a}
.af-2026 .af-prices td:nth-child(2){white-space:nowrap}
.af-2026 .af-bullets{list-style:none;padding:0;margin:15px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 26px}
.af-2026 .af-bullets li{padding:8px 9px 9px 22px;border-bottom:1px solid #e9e0d6;position:relative;font-size:14px;line-height:1.75;color:#5d5149}
.af-2026 .af-bullets li:before{content:"";width:6px;height:6px;background:#b79d79;border-radius:100%;position:absolute;left:6px;top:20px}
.af-2026 .af-note{padding:16px 23px;background:#f7f2eb;border-left:3px solid #bea889;margin:25px 0;font-size:13px}
.af-2026 .af-note p{font-size:13px;margin-bottom:6px}
.af-2026 .af-jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}
.af-2026 .af-jump a{display:inline-block;background:#f6efe8;color:#644c3d;padding:10px 26px;border:1px solid #eaded0;font-size:14px}
.af-2026 .af-jump a:hover{background:#ecdfd0}
.af-2026 .af-two{display:grid;grid-template-columns:1.13fr .87fr;align-items:start;gap:36px;margin:8px 0}
.af-2026 .af-two>img{width:100%;height:310px;object-fit:cover}
.af-2026 .af-machine{scroll-margin-top:40px}
.af-2026 .af-safety{border:1px solid #ded6cb;border-radius:3px;padding:0;margin:20px 0 30px;background:#fff}
.af-2026 .af-safety summary{padding:14px 20px;cursor:pointer;color:#665345;font-weight:600}
.af-2026 .af-safety>.af-bullets,.af-2026 .af-safety>p{margin:10px 22px 20px}
.af-2026 .af-service-row{display:grid;grid-template-columns:240px 1fr;gap:28px;margin:27px 0;padding:20px;border:1px solid var(--af-line);background:#fff}
.af-2026 .af-service-row img{width:240px;height:220px;object-fit:cover}
.af-2026 .af-service-row h3{margin-bottom:11px}
.af-2026 .af-text-link{display:inline-block;color:#806149!important;border-bottom:1px solid #b79b80;margin-top:7px;font-weight:600;font-size:14px}
.af-2026 .af-point{padding-left:17px}
.af-2026 .af-point:nth-child(even){background:#fcfaf7}
.af-2026 .af-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.af-2026 .af-steps>div{padding:25px 25px 12px;background:#fff;border:1px solid var(--af-line)}
.af-2026 .af-steps span{font-family:Georgia,serif;color:#b19876;letter-spacing:.14em;font-size:12px}
.af-2026 .af-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.af-2026 .af-tags span{background:#f8f2eb;border:1px solid #e8ddd0;padding:6px 14px;color:#746256;font-size:13px}
.af-2026 .af-price{font-weight:700!important;color:#715039!important;margin-top:16px!important}
.af-2026 .af-faq details{border-bottom:1px solid #e6ddd2;padding:9px 0;background:#fff}
.af-2026 .af-faq summary{list-style:none;cursor:pointer;padding:14px 45px 14px 15px;font-weight:600;color:#645246;position:relative;font-size:15px}
.af-2026 .af-faq summary:after{content:"+";position:absolute;right:17px;color:#b59573;font-size:20px;top:8px}
.af-2026 .af-faq details[open] summary:after{content:"−"}
.af-2026 .af-faq details p{padding:0 16px 20px 16px;margin:0}
.af-2026 .af-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.af-2026 .af-review{padding:22px 25px;background:#fff;border:1px solid var(--af-line);font-size:13.5px;white-space:normal;line-height:1.85;overflow-wrap:anywhere}
.af-2026 .af-info{display:grid;grid-template-columns:140px 1fr;line-height:1.9;max-width:850px}
.af-2026 .af-info dt,.af-2026 .af-info dd{padding:12px 10px;border-bottom:1px solid #e9e1d7;font-size:14px;margin:0}
.af-2026 .af-info dt{font-weight:600;color:#725745}
.af-2026 .af-info a{color:#6a4b39;text-decoration:underline}
.af-2026 .af-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.af-2026 .af-gallery img{height:166px;width:100%;object-fit:cover}
.af-2026 .af-owner{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px}
.af-2026 .af-owner-meta{background:#faf6f0;border:1px solid #ebe1d5;padding:27px}
.af-2026 .af-owner-meta h3 small{display:block;font:400 13px sans-serif;color:#968475;margin-top:3px}
.af-2026 .af-owner-message{padding:9px 0}
.af-2026 .af-more{margin-top:40px;padding:35px 0 0;border-top:1px solid #e7ded3}
.af-2026 .af-more h2{font-family:Georgia,serif;color:#79634f;font-size:16px;letter-spacing:.08em;margin-bottom:16px}
.af-2026 .af-more h2 span{font-family:sans-serif;font-size:12px;margin-left:10px}
.af-2026 .af-more>div{display:flex;flex-wrap:wrap;gap:10px}
.af-2026 .af-more a{display:inline-block;padding:10px 16px;background:#f9f5ef;color:#746050;border:1px solid #e9ded0;font-size:13px}
.af-2026 .af-more a:hover{background:#e9dac9}
.af-2026 .af-top-hero{max-width:1180px;margin:20px auto;display:grid;grid-template-columns:1.08fr .92fr;background:#f7f2ec;min-height:400px;border:1px solid #ede5d9}
.af-2026 .af-top-copy{padding:55px clamp(24px,5vw,66px);align-self:center}
.af-2026 .af-top-copy h1{font:500 clamp(35px,3.7vw,50px)/1.3 "Yu Mincho","Hiragino Mincho ProN",serif;color:#5e493c;margin:12px 0 23px;letter-spacing:.06em}
.af-2026 .af-top-photo img{height:100%;min-height:400px;width:100%;object-fit:cover}
.af-2026 .af-button{display:inline-block;padding:13px 25px;background:#765948;color:white!important;text-decoration:none;margin-top:15px;letter-spacing:.08em;font-size:14px}
.af-2026 .af-button:hover{background:#614736}
.af-2026 .af-intro-center{text-align:center;margin:4px auto 35px}
.af-2026 .af-intro-center .af-section-title{display:inline-block;border:none;padding:0;margin-bottom:16px}
.af-2026 .af-intro-center p{margin:0 auto}
.af-2026 .af-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.af-2026 .af-home-grid article{background:#fff;border:1px solid var(--af-line);padding-bottom:25px}
.af-2026 .af-home-grid article>a:first-child img{height:200px;object-fit:cover;width:100%}
.af-2026 .af-home-grid article h3,.af-2026 .af-home-grid article p,.af-2026 .af-home-grid article .af-text-link{margin-left:26px;margin-right:26px}
.af-2026 .af-home-grid article h3{margin-top:19px}
.af-2026 .af-values{padding:40px}
.af-2026 .af-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:center}
.af-2026 .af-value-grid>div{padding:17px 8px;border-right:1px solid #ded1c0}
.af-2026 .af-value-grid>div:last-child{border-right:0}
.af-2026 .af-value-grid strong{display:block;font-family:"Yu Mincho",serif;color:#674b39;font-size:24px;font-weight:500;margin-bottom:9px}
.af-2026 .af-value-grid span{font-size:13px;color:#75645b}
.af-2026 .af-callout{display:flex;align-items:center;justify-content:space-between;gap:30px}
.af-2026 .af-callout>div:last-child{display:flex;flex-direction:column;align-items:flex-start;min-width:210px}
.af-2026 .af-contact-intro{max-width:960px;margin:26px auto;padding:22px 30px;background:#faf7f2;border-left:3px solid #bba482}
.af-2026 .af-contact-intro h2{font:500 25px "Yu Mincho",serif;color:#5e493c;margin:7px 0 15px}
.af-nav-staff{display:flex;align-items:center;justify-content:center;padding:13px 10px;line-height:1.45;font-size:11px;white-space:normal;text-align:center;font-weight:500;letter-spacing:.02em;background:#f9f6f1;color:#624b3d;border-bottom:2px solid #c8ac8b}
/* old image-based navigation: keep matching width and interaction */
.h_menu .af-nav-staff{height:74px;min-width:88px}
.menu_hidden .af-nav-staff{font-size:13px;padding:12px 9px;height:auto;width:100%;min-width:0}
@media(max-width:900px){
 .af-2026 .af-hero{margin:14px 18px 0;grid-template-columns:1fr 39%}
 .af-2026 .af-hero-copy{padding:32px}
 .af-2026 .af-hero-photo,.af-2026 .af-hero-photo img{min-height:260px}
 .af-2026 .af-two{gap:20px;grid-template-columns:1fr 40%}
 .af-2026 .af-service-row{grid-template-columns:190px 1fr}
 .af-2026 .af-service-row img{width:190px;height:200px}
}
@media(max-width:680px){
 .af-2026 .af-container{padding:0 16px 42px}
 .af-2026 .af-hero{grid-template-columns:1fr;margin:10px 12px 0}
 .af-2026 .af-hero-copy{padding:29px 23px}
 .af-2026 .af-hero-photo{height:175px;min-height:175px}
 .af-2026 .af-hero-photo img{height:175px;min-height:175px}
 .af-2026 .af-section{padding:36px 0}
 .af-2026 .af-soft{padding:24px 17px;margin:19px 0}
 .af-2026 .af-section-title{font-size:23px}
 .af-2026 .af-card-grid,.af-2026 .af-home-grid,.af-2026 .af-steps,.af-2026 .af-two,.af-2026 .af-reviews,.af-2026 .af-owner{grid-template-columns:1fr}
 .af-2026 .af-two>img{height:205px}
 .af-2026 .af-service-row{grid-template-columns:1fr;padding:13px;gap:13px}
 .af-2026 .af-service-row img{width:100%;height:185px}
 .af-2026 .af-bullets{grid-template-columns:1fr}
 .af-2026 .af-prices th,.af-2026 .af-prices td{font-size:12px;padding:11px 7px}
 .af-2026 .af-prices th:first-child{width:48%}
 .af-2026 .af-prices th:nth-child(2){width:17%}
 .af-2026 .af-prices th:last-child{width:35%}
 .af-2026 .af-gallery{grid-template-columns:1fr 1fr}
 .af-2026 .af-gallery img{height:145px}
 .af-2026 .af-info{grid-template-columns:92px 1fr}
 .af-2026 .af-info dt,.af-2026 .af-info dd{padding:12px 5px;font-size:13px}
 .af-2026 .af-top-hero{grid-template-columns:1fr;margin:0 10px}
 .af-2026 .af-top-copy{padding:30px 25px}
 .af-2026 .af-top-photo img{height:200px;min-height:200px}
 .af-2026 .af-value-grid{grid-template-columns:1fr}
 .af-2026 .af-value-grid>div{border-right:0;border-bottom:1px solid #ded1c0}
 .af-2026 .af-value-grid>div:last-child{border-bottom:none}
 .af-2026 .af-values{padding:24px 18px}
 .af-2026 .af-callout{flex-direction:column;align-items:flex-start;gap:8px}
 .af-2026 .af-home-grid article>a:first-child img{height:175px}
 .af-2026 .af-panel-content{padding:19px 20px}
}