@charset "utf-8";
:root{--teal:#067980;--ink:#253538;--paper:#fffdf8;--sand:#f1ece3;--coral:#c86958}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Arial,sans-serif;line-height:1.8}
a{color:inherit}
.container{width:min(1080px,calc(100% - 48px));margin-inline:auto}
.clearfix:after{content:"";display:block;clear:both}
.flexbox,.flexbox2{display:flex;flex-wrap:wrap;gap:28px;list-style:none;margin:0;padding:0}
header{background:rgba(255,255,255,.97);border-bottom:1px solid #dfe8e7;position:relative;z-index:10}
.headArea{height:116px;display:flex;align-items:center;justify-content:center}
.logo a{text-decoration:none}
.brand-mark{font-family:Georgia,"Times New Roman",serif;font-size:36px;letter-spacing:.08em;color:var(--teal)}
.g-nav{border-top:1px solid #e6eeee;background:#fff}
.g-nav ul{display:flex;justify-content:center;gap:0;list-style:none;margin:0;padding:0}
.g-nav li{min-width:135px;text-align:center}
.g-nav a{display:block;padding:17px 16px 14px;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.15;border-bottom:4px solid transparent}
.g-nav a:hover,.g-nav a:focus-visible{color:var(--teal);border-color:var(--teal);outline:0}
.small{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:.72em;font-weight:400}
.menu-button{display:none}
.bg-slider{height:520px;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.03)),url('/restore-assets/6cb5956656340e65e6109bcbab9a018397d17aee.jpg') center/cover no-repeat;display:grid;place-items:center;padding:30px}
.home-title{max-width:920px;margin:0;padding:18px 28px;color:#fff;background:rgba(20,42,43,.62);font-size:36px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.4)}
main>section,main>div[id$="Page"],main>.h1area{padding:72px 0}
main section:nth-of-type(even){background:var(--sand)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.25}
h1,h2{text-align:center;letter-spacing:.05em}
h1{font-size:42px;margin:0}
h2{font-size:34px;margin:0 0 30px}
h3{font-size:22px}
p{margin:0 0 1.25em}
.h1area{background:linear-gradient(135deg,var(--teal),#3b9da0);color:white}
.linkButton,.reserveButton,.cartlink{display:inline-block;padding:12px 22px;background:var(--teal);color:#fff;text-decoration:none;border-radius:2px;font-weight:700}
.linkButton:hover,.linkButton:focus-visible,.reserveButton:hover,.reserveButton:focus-visible,.cartlink:hover,.cartlink:focus-visible{background:#045e63;outline:3px solid rgba(6,121,128,.25);outline-offset:3px}
#about{text-align:center}
#service .flexbox>li{flex:1;min-width:240px;background:white;border:1px solid #dfe8e7;box-shadow:0 10px 28px rgba(28,57,59,.08);min-height:250px;display:grid;place-items:center;text-align:center;overflow:hidden}
#service .flexbox>li:nth-child(1){background:linear-gradient(145deg,#f4e0d0,#fff)}
#service .flexbox>li:nth-child(2){background:linear-gradient(145deg,#d7ebe0,#fff)}
#service .flexbox>li a{display:block;width:100%;text-decoration:none}
#service img{width:100%;height:190px;object-fit:cover;display:block}
#service h3{padding:18px;margin:0}
.articleList>li{flex:1 1 30%;min-width:260px;background:#fff;border:1px solid #e2e2df}
.articleList a{text-decoration:none}
.eyecatch{height:130px;background-color:#d8e6e1;background-position:center;background-size:cover;background-repeat:no-repeat}
.articleDesc{padding:16px}.articleDesc h3{font-size:18px;margin:.4em 0}.date{font-size:13px;color:#657777}
main img{max-width:100%;height:auto}
main ul{padding-left:1.25em}
#candle .flexbox>*,#wedding .flexbox>*,#piping .flexbox>*,#gallery .flexbox>*,#herb-page .flexbox>*,#herb-work .flexbox>*,#herb-taiken .flexbox>*,#workshop-taiken .flexbox>*,#workshop-piping .flexbox>*,#workshop-herb .flexbox>*{flex:1 1 300px}
#gallery ul{list-style:none;padding:0}.gallery img{display:block}
#gallery .sp-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#gallery .sp-slide:empty{display:none}
#gallery .sp-slide img{display:block;width:100%;height:240px;object-fit:cover}
#gallery .sp-thumbnails{display:none!important}
#herb-work,#schedule{display:none}
#access{padding-bottom:0}
#access:empty,#access:not(:has(img)):not(:has(p)){display:none}
footer{padding:48px 24px;background:var(--teal);color:#fff;text-align:center}
footer .brand-mark{color:#fff;font-size:28px}
footer a{color:#fff}
.copyright{margin-top:22px;font-size:13px}
.reserveButton{position:fixed;right:22px;bottom:22px;z-index:15;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.contactArea{display:none!important}
button.menu-trigger{border:0;background:transparent;cursor:pointer}
button.menu-trigger:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:767px){body{overflow-x:hidden}.container{width:min(100% - 28px,680px)}.headArea{height:78px;justify-content:flex-start;overflow:hidden}.logo{max-width:calc(100% - 64px)}.logo img{display:block;max-width:100%;width:300px;height:auto}.brand-mark{font-size:28px}.menu-button{display:block;position:absolute;right:18px;top:17px}.menu-trigger{width:44px;height:44px;padding:9px}.menu-trigger span{display:block;height:2px;background:var(--teal);margin:6px 0}.g-nav{display:none}.g-nav.is-open{display:block}.g-nav ul{display:block}.g-nav li{width:100%}.g-nav a{padding:13px}.bg-slider{height:340px}.home-title{font-size:25px;padding:14px 18px}.flexbox,.flexbox2{display:block}.articleList>li,#service .flexbox>li{margin-bottom:22px}main>section,main>div[id$="Page"],main>.h1area{padding:48px 0}.reserveButton{position:static;display:block;text-align:center;border-radius:0}.articleList>li{min-width:0}#gallery .sp-slides{grid-template-columns:1fr 1fr}#gallery .sp-slide img{height:180px}}