/* 里の湯 やまぶき：深緑・生成り、古風な明朝。右端に縦タブ */
:root{--bg:#f4efe4;--ink:#262521;--mute:#6a665b;--line:#dcd4c3;--accent:#2f4a3a;--accent-ink:#fff;--sub:#2f4a3a;--sub-ink:#f4efe4;
  --head-font:"Zen Old Mincho",serif;--en-font:"Cormorant Garamond",serif}
.logo .mon{background:#fff;color:var(--accent);border-color:#fff;font-weight:700}
.site-header.solid .logo .mon,body:not(.is-top) .logo .mon{background:var(--accent);color:#fff;border-color:var(--accent)}
.h-btn{background:#fff;color:var(--accent);font-weight:700}
.site-header.solid .h-btn,body:not(.is-top) .h-btn{background:var(--accent);color:#fff}
.side-tabs{position:fixed;z-index:45;right:0;top:34%;display:flex;flex-direction:column;gap:2px}
.side-tabs a{writing-mode:vertical-rl;background:var(--accent);color:#fff;padding:22px 16px;font-size:14px;letter-spacing:.3em}
.side-tabs a:nth-child(2){background:#4d6b4f}
.sec-t .en,.row .en,.card .tag{color:#9a6b2f}
.plan .go,.reserve .btns a.p,.form .submit{background:#b5552f}
.card img,.plan,.plan img,.row-img img,.route div,.form{border-radius:6px}
.plan{overflow:hidden}

/* トップのヒーロー */
.hero{position:relative;height:100vh;min-height:560px;max-height:940px;overflow:hidden;color:#fff}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 24%,rgba(0,0,0,0) 70%,rgba(0,0,0,.35))}
.hero .copy{position:absolute;z-index:3;left:6%;top:32%;font-family:var(--head-font);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.hero .copy p{font-size:46px;line-height:1.6;letter-spacing:.14em}
.hero .copy span{display:block;margin-top:18px;font-size:15px;letter-spacing:.2em}
.hero .news-bar{position:absolute;z-index:3;left:36px;bottom:44px;background:rgba(0,0,0,.45);font-size:12px;padding:10px 16px}
.hero .news-bar em{font-style:normal;color:#e6d27a;margin-right:14px}
.hero .card-link{position:absolute;z-index:3;right:80px;bottom:44px;width:330px;background:rgba(244,239,228,.96);color:var(--ink);display:grid;grid-template-columns:110px 1fr;border-radius:4px;overflow:hidden}
.hero .card-link img{width:110px;height:100%;object-fit:cover}
.hero .card-link span{padding:14px 16px;font-size:12px;line-height:1.8}
.hero .card-link b{display:block;font-family:var(--head-font);font-size:15px;color:var(--accent)}

@media (max-width:1100px){.side-tabs{display:none}}
@media (max-width:760px){
  .hero .card-link,.hero .news-bar{display:none}
  .hero .copy{left:20px;top:auto;bottom:110px}
  .hero .copy p{font-size:30px}
  .hero .copy span{font-size:12px}
}
.drawer .d-btn{background:#b5552f;border-color:#b5552f}