:root{--blue:#4294d6;--blue-deep:#2f76b3;--ink:#111;--ink-soft:#555;--line:#e4e8ec;--mist:#eef4f9;--white:#fff;--en:"Poppins", "Noto Sans JP", sans-serif;--jp:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--body:"Noto Sans JP", sans-serif;--gutter:clamp(20px, 5vw, 80px);--radius:4px;--ease:cubic-bezier(.4, .4, 0, 1);--muted:var(--ink-soft);--accent:var(--blue-deep);--accent-soft:#e3eefa;--paper:var(--mist);--ok:#1d7a4c;--ok-soft:#e4f4ec}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-family:var(--body);letter-spacing:.04em;margin:0;font-size:15px;line-height:1.9;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{margin:0;line-height:1.3}[hidden]{display:none!important}.en{font-family:var(--en);letter-spacing:.02em;font-weight:500}:focus-visible{outline:2px solid var(--blue-deep);outline-offset:2px}.header{z-index:50;padding:32px var(--gutter) 24px;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.header--overlay{pointer-events:none;position:absolute;inset:0 0 auto}.header--overlay>*{pointer-events:auto}.logo{flex-direction:column;align-items:center;gap:2px;line-height:1;display:inline-flex}.logo__mark{font-family:var(--en);letter-spacing:.16em;padding-left:.16em;font-size:28px;font-weight:600}.logo__mark span{color:var(--blue)}.logo__en{font-family:var(--en);letter-spacing:.12em;font-size:12px;font-weight:500}.nav{gap:35px;padding-top:14px;display:flex}.nav a{font-family:var(--en);letter-spacing:.05em;font-size:15px;font-weight:500;transition:color .3s}.nav a:hover{color:var(--blue-deep)}.menu-btn{z-index:120;width:44px;height:44px;display:none;position:relative}.menu-btn span{background:var(--ink);height:1.5px;transition:transform .4s var(--ease), top .4s var(--ease);position:absolute;left:10px;right:10px}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:26px}.is-drawer .menu-btn span:first-child{top:21px;transform:rotate(30deg)}.is-drawer .menu-btn span:last-child{top:21px;transform:rotate(-30deg)}.drawer{z-index:110;background:var(--white);padding:0 var(--gutter);visibility:hidden;opacity:0;transition:opacity .5s var(--ease), visibility .5s;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.is-drawer .drawer{visibility:visible;opacity:1}.is-drawer{overflow:hidden}.is-drawer .header{z-index:130}.drawer__nav{flex-direction:column;gap:6px;display:flex}.drawer__nav a{font-family:var(--en);letter-spacing:.04em;font-size:34px;font-weight:600}.drawer__nav a:hover{color:var(--blue-deep)}.drawer__note{color:var(--ink-soft);margin-top:40px;font-size:13px}.section{padding:140px var(--gutter);position:relative}.section--mist{background:var(--mist)}.heading{flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:64px;display:flex}.heading .en{font-size:clamp(44px,6vw,72px);line-height:1}.heading .en b{color:var(--blue);font-weight:500}.heading .jp{font-family:var(--jp);letter-spacing:.1em;font-size:15px;font-weight:500}.eyebrow{font-family:var(--en);letter-spacing:.25em;color:var(--blue-deep);margin:0 0 6px;font-size:12px;font-weight:500}.eyebrow.light{color:#bcd7f2}.block-title{font-family:var(--en);margin-bottom:28px;font-size:clamp(24px,2.6vw,32px);font-weight:600}.note{color:var(--ink-soft);margin-top:24px;font-size:12px}.text-link{color:var(--blue-deep);margin-top:18px;font-size:13px;font-weight:700;display:inline-block}.chips{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.chip{border:1px solid var(--line);background:var(--white);border-radius:999px;height:36px;padding:0 18px;font-size:13px;transition:all .3s}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.btn{background:var(--blue-deep);color:#fff;min-height:52px;font-family:var(--jp);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:14px;font-weight:700;transition:background .3s,color .3s,transform .3s;display:inline-flex}.btn:hover{background:#255f91;transform:translateY(-2px)}.btn--line{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn--line:hover{background:var(--ink);color:#fff}.btn--ink{background:var(--ink)}.btn.ghost{color:var(--ink);background:#fff}.arrow-link{font-family:var(--en);letter-spacing:.05em;align-items:center;gap:14px;font-size:16px;font-weight:500;display:inline-flex}.arrow-link i{width:36px;height:36px;transition:transform .6s var(--ease);border:1px solid;border-radius:50%;place-items:center;font-style:normal;display:grid}.arrow-link:hover i{transform:translate(8px)}.tag{background:var(--mist);letter-spacing:.06em;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:11px;line-height:1;display:inline-flex}.tag--ink{background:var(--ink);color:#fff;font-family:var(--en)}.pill{text-align:center;background:var(--accent-soft);color:var(--blue-deep);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.pill.open{background:var(--ok-soft);color:var(--ok)}.reveal{opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease);transform:translateY(30px)}.reveal.in{opacity:1;transform:none}.footer{padding:130px var(--gutter) 40px;border-top:1px solid var(--line);position:relative}.footer__line{fill:none;width:142px;stroke:var(--blue);stroke-width:1.5px;position:absolute;top:28px;left:6%}.footer__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.footer__nav{flex-wrap:wrap;gap:32px;display:flex}.footer__nav a{font-family:var(--en);font-size:15px;font-weight:500}.footer__nav a:hover{color:var(--blue-deep)}.footer__note{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:48px;font-size:11px;display:flex}.footer__note p{margin:0}.footer__note a:first-child{font-weight:700}.footer__links a{text-decoration:underline}.footer__alcohol{background:var(--mist);color:var(--ink);margin:20px 0 0;padding:12px 16px;font-size:12px}.footer__proto{color:var(--ink-soft);margin:14px 0 0;font-size:11px}@keyframes scrollLine{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--gap,28px) / 2))}}@keyframes floatX{0%,to{translate:0}50%{translate:6px -6px}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=960px){.nav{display:none}.menu-btn{display:block}.header{padding-top:24px}.section{padding:110px var(--gutter)}}@media (width<=640px){body{font-size:14px}.heading{margin-bottom:44px}.footer__note{flex-direction:column}}html[data-theme=wine]{--blue:#8e2a40;--blue-deep:#7a1f33;--gold:#a8803a;--ink:#1f1a17;--ink-soft:#5c524c;--line:#e7ddd0;--mist:#f3ebe0;--cream:#faf6f0;--accent-soft:#f5e6e9;--en:"Cormorant Garamond", "Shippori Mincho", serif;--jp:"Shippori Mincho", "Noto Serif JP", serif}html[data-theme=wine] body{background:var(--cream)}html[data-theme=wine] .logo__mark{letter-spacing:.2em;font-size:32px;font-weight:600}html[data-theme=wine] .logo__mark span{color:var(--gold)}html[data-theme=wine] .logo__en{font-family:var(--jp);letter-spacing:.1em;white-space:nowrap;font-size:11px}html[data-theme=wine] .nav a{letter-spacing:.12em;font-size:17px;font-weight:600}@media (width<=1280px){html[data-theme=wine] .nav{gap:22px}html[data-theme=wine] .nav a{letter-spacing:.08em;font-size:15px}}html[data-theme=wine] .heading .en{letter-spacing:.02em;font-size:clamp(52px,7vw,86px);font-weight:500}html[data-theme=wine] .heading .en b{color:var(--blue);font-style:italic;font-weight:500}html[data-theme=wine] .heading .jp{letter-spacing:.2em}html[data-theme=wine] .heading:after{content:"";background:var(--gold);flex-basis:100%;max-width:120px;height:1px;margin-top:6px}html[data-theme=wine] .eyebrow{letter-spacing:.3em;font-size:13px;font-weight:600}html[data-theme=wine] .kv__catch .en{font-size:30px;font-style:italic;font-weight:500}html[data-theme=wine] .kv__catch .jp{letter-spacing:.24em}html[data-theme=wine] .prog-hero h1,html[data-theme=wine] .content h2,html[data-theme=wine] .content h3{letter-spacing:.08em;font-weight:600}html[data-theme=wine] .content h2{border-bottom:1px solid var(--line);padding-bottom:12px;position:relative}html[data-theme=wine] .content h2:after{content:"";background:var(--gold);width:48px;height:1px;position:absolute;bottom:-1px;left:0}html[data-theme=wine] .concept__title{letter-spacing:.03em;font-weight:600}html[data-theme=wine] .concept__title em{color:var(--blue-deep)}html[data-theme=wine] .section--mist{background:var(--mist)}html[data-theme=wine] .btn{font-family:var(--jp);letter-spacing:.14em;border-radius:2px;font-weight:600}html[data-theme=wine] .btn:hover{background:#5e1726}html[data-theme=wine] .btn--line{color:var(--ink);border-color:var(--ink);background:0 0}html[data-theme=wine] .btn--line:hover{background:var(--ink);color:#fff}html[data-theme=wine] .chip.on{background:var(--blue-deep);border-color:var(--blue-deep)}html[data-theme=wine] .first,html[data-theme=wine] .pick-how{border-left-color:var(--gold)}html[data-theme=wine] .trip__card:hover,html[data-theme=wine] .local:hover{box-shadow:0 16px 40px #7a1f331f}html[data-theme=wine] .eyebrow.light{color:#e6c98f}html[data-theme=wine] .footer__line{stroke:var(--gold)}html[data-theme=wine] .facts{border-top-color:var(--gold)}html[data-theme=wine] .fact-k{color:var(--blue-deep)}html[data-theme=wine] .drawer{background:var(--cream);justify-content:flex-start;padding-top:120px;padding-bottom:40px;overflow-y:auto}html[data-theme=wine] .drawer__nav{gap:2px}html[data-theme=wine] .drawer__nav a{letter-spacing:.08em;font-size:30px;font-weight:500;line-height:1.35}html[data-theme=wine] .issue{margin:0 var(--gutter);border-top:3px double var(--gold);border-bottom:3px double var(--gold);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px;padding:22px 0;display:grid}.issue-no{font-family:var(--en);flex-direction:column;margin:0;display:flex}.issue-no span{letter-spacing:.28em;color:var(--blue-deep);font-size:15px;font-weight:600}.issue-no time{letter-spacing:.02em;font-size:26px;font-style:italic;font-weight:500}.issue-pick{color:var(--ink);grid-template-columns:auto 1fr;align-items:baseline;gap:2px 20px;text-decoration:none;display:grid}.issue-pick small{border:1px solid var(--blue-deep);color:var(--blue-deep);font-family:var(--jp);letter-spacing:.12em;border-radius:999px;grid-row:span 3;align-self:center;padding:6px 14px;font-size:12px;font-weight:600}.issue-pick b{font-family:var(--jp);letter-spacing:.06em;font-size:20px;font-weight:600}.issue-pick span{color:var(--muted);font-size:13px}.issue-pick em{color:var(--blue-deep);font-size:12px;font-style:normal}.issue-pick:hover b{color:var(--blue-deep)}.pmap-sec{padding-top:100px;padding-bottom:100px}html[data-theme=wine] .area__img{border-radius:999px 999px 4px 4px}html[data-theme=wine] .area__img:after{content:"";pointer-events:none;z-index:2;border:1px solid #e6c98fe6;border-radius:999px 999px 2px 2px;position:absolute;inset:8px}html[data-theme=wine] .area__img .en{top:auto;bottom:46px;left:50%;transform:translate(-50%)}html[data-theme=wine] .short{border-radius:999px 999px 4px 4px}html[data-theme=wine] .short:after{content:"";pointer-events:none;border:1px solid #e6c98fcc;border-radius:999px 999px 2px 2px;position:absolute;inset:8px}html[data-theme=wine] .bcard-pic{border-radius:999px 999px 2px 2px}html[data-theme=wine] .shorts-sec{color:#f3ece2;background:#1b1513;padding-top:110px;padding-bottom:110px}html[data-theme=wine] .shorts-sec .heading .en{color:#f3ece2}html[data-theme=wine] .shorts-sec .heading .en b{color:#e6c98f}html[data-theme=wine] .shorts-sec .heading .jp{color:#d9cbb8}@media (width<=860px){html[data-theme=wine] .issue{grid-template-columns:1fr;gap:14px;margin:0 16px}.issue-pick{grid-template-columns:1fr}.issue-pick small{grid-row:auto;justify-self:start;margin-bottom:6px}}.motion .pmap .pmap-line{stroke-dasharray:1;stroke-dashoffset:1px}.motion .pmap.drawn .pmap-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease) calc(var(--i,0) * .12s)}.motion .pmap circle{opacity:0;transition:opacity .6s var(--ease)}.motion .pmap.drawn circle{opacity:1}.motion .pmap.drawn circle[r="7"]{transition-delay:1.2s}.motion .heading:after,.motion .content h2:after{transform-origin:0;transform:scaleX(0)}.motion .heading.drawn:after,.motion .content h2.drawn:after{transition:transform 1.4s var(--ease) .3s;transform:scaleX(1)}.motion .area .area__img:after,.motion .short:after{clip-path:inset(0 0 100%)}.motion .area.drawn .area__img:after,.motion .short.drawn:after{clip-path:inset(0);transition:clip-path 1.6s var(--ease) .2s}.glass{flex:none;align-self:center;width:22px;height:42px;overflow:visible}.glass-line{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.glass-wine{transform-box:fill-box;transform-origin:50% 100%}.motion .glass-wine{transform:scaleY(0)}.motion .heading.drawn .glass-wine{transition:transform 1.8s cubic-bezier(.3,.1,.2,1) .5s;transform:scaleY(1)}.tbar-cells i{transition:background .45s var(--ease) var(--d,0s)}.motion .tbars:not(.drawn) .tbar-cells i.on{background:var(--line)}.shorts-sec{position:relative;overflow:hidden}.shorts-sec>:not(.bubbles){z-index:1;position:relative}.bubbles{pointer-events:none;z-index:0;position:absolute;inset:0}.bubbles span{background:#e6c98f1f;border:1px solid #e6c98f8c;border-radius:50%;animation-name:bubbleRise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-20px}.bubbles.paused span{animation-play-state:paused}@keyframes bubbleRise{0%{opacity:0;transform:translate(0)}10%{opacity:1}80%{opacity:.8}to{transform:translate(var(--sway,0), calc(-1 * var(--rise,900px)));opacity:0}}.vine{z-index:-1;pointer-events:none;opacity:.5;width:96px;position:fixed;top:90px;bottom:0;left:6px}.vine svg{width:100%;height:100%}.vine path{fill:none;stroke:var(--gold,#a8803a);stroke-width:1.2px;stroke-linecap:round}.vine-leaf{fill:#a8803a14!important}.vine-grapes circle{fill:#7a1f332e;stroke:var(--gold,#a8803a);stroke-width:.8px}.motion .vine-stem{stroke-dasharray:1;stroke-dashoffset:1px}.motion .vine-leaf,.motion .vine-curl{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease)}.motion .vine-leaf.on,.motion .vine-curl.on{stroke-dashoffset:0}.motion .vine-grapes{opacity:0;transition:opacity 1s var(--ease)}.motion .vine-grapes.on{opacity:1}@media (width<=1199px){.vine{display:none}}
