img{max-width:100%}body{color:#3a2818;background:#f6f3ea;margin:0}a{color:#3a2818}a:hover{color:#6b5a4a}a:focus-visible{outline-offset:3px;outline:3px solid #3a2818}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app{color:#3a2818;word-break:keep-all;background:#f6f3ea;min-width:0;font-family:Montserrat,Wanted Sans Variable,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.hero{box-sizing:border-box;--u:clamp(.3px,.056vw,1.12px);--t:clamp(.42px,max(.058vw,min(.55px,(100vw - 96px) / 647)),1.16px);background:#f6f3ea;flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:relative;overflow:clip}.hero>img{pointer-events:none;height:auto;position:absolute}.hero-blue{width:calc(524 * var(--u));top:0;left:0}.hero-yellow{right:0;top:calc(48 * var(--u));width:calc(441 * var(--u))}.hero-orange{right:calc(-150 * var(--u));bottom:calc(-40 * var(--u));width:calc(800 * var(--u))}.hero-dangan{left:calc(13 * var(--u));bottom:calc(30 * var(--u) - clamp(0px,60px - 5vw,20px));width:calc(359 * var(--u))}.hero-in{box-sizing:border-box;padding:clamp(calc(56 * var(--u)),260px - 14vw,210px) 16px calc(120 * var(--u) + clamp(0px,215px - 16vw,175px));align-items:center;gap:calc(40 * var(--t));flex-direction:column;display:flex;position:relative}.hero-kgf{height:calc(80 * var(--t));width:auto}.hero-row{align-items:flex-end;gap:max(12px,calc(16 * var(--t)));display:flex}.hero-row h1,.hero-row p{margin:0;line-height:0}.hero-row h1 img{width:calc(520 * var(--t));height:auto;display:block}.hero-row p img{width:calc(111 * var(--t));height:auto;display:block}.ptabs{z-index:20;background:#3a2818;border-radius:18px;gap:4px;padding:6px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px -14px #3a2818b3}.pt{color:#fffbf2b3;white-space:nowrap;border-radius:13px;align-items:center;gap:8px;padding:11px 18px;font:800 16px/1.2 Hahmlet,serif;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.pt:hover{color:#fffbf2}.pt[aria-current]{color:#3a2818;background:#fffbf2}.pt:focus-visible{outline-offset:2px;outline:3px solid #fcd836}body{padding-bottom:88px}.panel .sec{padding-top:clamp(56px,4vw + 24px,80px)}.panel{padding-bottom:6px}.app:not([data-tab=intro]) .hero,.app[data-tab=intro] .foot{display:none}body:has(.app[data-tab=intro]){padding-bottom:0}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:.3s cubic-bezier(.2,.8,.2,1) .1s both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}.ptabs{view-transition-name:ptabs}.tabbar{view-transition-name:tabbar}::view-transition-old(ptabs){display:none}::view-transition-old(tabbar){display:none}::view-transition-new(ptabs){animation:none}::view-transition-new(tabbar){animation:none}.sec{padding:clamp(56px,8vw,112px) 0 0;position:relative;overflow-x:clip}.wrap{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:0 clamp(16px,5vw,72px);position:relative}.deco{pointer-events:none;height:auto;position:absolute}.h2{letter-spacing:-.01em;margin:0;font:900 clamp(32px,4.4vw,52px)/1.15 Hahmlet,serif}.lead{color:#6b5a4a;margin:14px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.box{background:#fffbf2;border:2.5px solid #3a2818;border-radius:22px;box-shadow:5px 5px #3a2818}.pill{background:var(--c,#fffbf2);border:2px solid #3a2818;border-radius:99px;padding:5px 12px;font:800 13px/1.2 Montserrat,Wanted Sans Variable,sans-serif;display:inline-block}.prog{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;margin-top:32px;display:grid}.pg{padding:clamp(20px,2.4vw,28px)}.pg h3{margin:12px 0 6px;font:900 clamp(21px,2vw,26px)/1.25 Hahmlet,serif}.pg{flex-direction:column;display:flex}.pg>.pill,.pg>.more{align-self:flex-start}.pg>.more{margin-top:auto;padding-top:14px}#v-craft{grid-column:1/-1}.days{color:#6b5a4a;gap:4px;margin:14px 0 0;padding:0;font:600 15px/1.5 Montserrat,Wanted Sans Variable,sans-serif;list-style:none;display:grid}.days b{color:#3a2818;min-width:5.6em;font-family:Wanted Sans Variable,sans-serif;font-weight:800;display:inline-block}.pg>p{margin:0;font-size:15px;line-height:1.6}.more{text-underline-offset:4px;font-weight:800;display:inline-block}.crafts{grid-template-columns:1fr 1fr;gap:14px 18px;margin:16px 0 0;padding:0;list-style:none;display:grid}.crafts li{grid-template-columns:88px 1fr;align-items:center;gap:12px;display:grid}.crafts img{object-fit:cover;border:2px solid #3a2818;border-radius:10px;width:88px;height:66px;display:block}.crafts b{margin:0 0 2px;font-size:16px;display:block}.crafts span{color:#6b5a4a;font-size:13.5px;line-height:1.45}.small{color:#6b5a4a;margin:12px 0 0!important;font-size:13px!important}.dt-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0;display:grid}.dt{color:#3a2818;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#f6f3ea;border:2px solid #3a2818;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:background-color .2s,color .2s,transform .12s;display:flex}.dt:active{transform:translateY(1px)}.dt b{white-space:nowrap;font:900 clamp(17px,2vw,22px)/1.2 Hahmlet,serif}.dt span{color:#6b5a4a;font:700 13px/1.2 Montserrat,sans-serif;transition:color .2s}.dt[aria-selected=true]{color:#fffbf2;background:#3a2818}.dt[aria-selected=true] span{color:#f6f3ea}.dt:focus-visible{outline-offset:2px;outline:3px solid #fc6438}.dp{background:#fffdf8;border:2px solid #3a2818;border-radius:14px;flex-direction:column;flex:1;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.dp[hidden]{display:none}.dp{transition:opacity .16s ease-in}.daytabs.out .dp{opacity:0}.dp:not([hidden]){animation:.28s ease-out dp-in}@keyframes dp-in{0%{opacity:0}}.dp li{flex:1;grid-template-columns:3.4em 1fr;align-content:center;align-items:baseline;gap:12px;padding:8px 18px;font-size:16px;font-weight:700;line-height:1.4;display:grid}.dp li+li{border-top:1px solid #e6dfd0}.dp time{color:#6b5a4a;font:600 14px/1.4 Montserrat,sans-serif}.dp li:has(.act){grid-template-columns:3.4em 36px 1fr auto;align-items:center;padding-top:5px;padding-bottom:5px;position:relative}.tt-img{box-sizing:border-box;object-fit:cover;background:#fff;border:2px solid #3a2818;border-radius:50%;width:36px;height:36px;display:block}.dp small{color:#6b5a4a;font-size:12px;font-weight:700;display:block}.dp li:has(.act):after{content:"›";color:#6b5a4a;align-self:center;font-size:22px;line-height:1}.dp li:has(.act:hover){background:#f6f3ea}.dp li:has(.act:focus-visible){outline-offset:-3px;outline:3px solid #fc6438}.act{color:inherit;text-decoration:none}.act:focus{outline:none}.act:before{content:"";position:absolute;inset:0}.legend{flex-wrap:wrap;gap:14px 26px;margin:24px 0 0;padding:0;font-size:16px;font-weight:800;list-style:none;display:flex}.legend li{align-items:center;gap:10px;display:flex}.legend i{background:var(--c);border:2.5px solid #3a2818;border-radius:5px;flex:none;width:28px;height:20px}.mapbox{background:#f1ece0;margin:24px 0 0;overflow:hidden}.map{border:0;width:100%;display:block}.map-land{aspect-ratio:1120/880}.map-port{aspect-ratio:830/1250;display:none}.note{color:#6b5a4a;margin:14px 0 0;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;margin:36px 0 0;display:grid}.card{align-content:start;gap:8px clamp(18px,3vw,32px);padding:clamp(20px,2.4vw,28px);display:grid}.card>.pill{justify-self:start}.card h3{margin:8px 0 0;font:900 23px/1.3 Hahmlet,serif}.card p{margin:0;font-size:15px;line-height:1.6}.card .item{margin-top:2px;font-size:17px;font-weight:700;line-height:1.45}.card .desc{color:#6b5a4a}.vcard{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.vcard h3{text-wrap:balance;margin:4px 0 0;font-size:clamp(24px,2.2vw,28px);line-height:1.2}.vcard h3 small{margin-bottom:2px;font-size:clamp(16px,1.5vw,19px);display:block}.avatar{aspect-ratio:1;box-sizing:border-box;object-fit:cover;background:#fff;border:2.5px solid #3a2818;border-radius:50%;width:clamp(120px,11vw,160px);height:auto;margin:10px 0 6px}.vcard .desc{text-wrap:pretty}.vcard ul{padding:0;list-style:none}.vcard .ig{align-self:center}.card .when{color:#6b5a4a;margin-top:6px;font-size:14px}.when b{color:#3a2818;margin-right:10px}.when b,.when span{white-space:nowrap}.when span:not(:last-of-type):after{content:" ·"}.card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.ig{text-underline-offset:4px;place-self:flex-start start;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:800;display:inline-flex}.ig-ic{background:currentColor;flex:none;width:20px;height:20px;-webkit-mask:url(/assets/instagram-line.svg) 50%/contain no-repeat;mask:url(/assets/instagram-line.svg) 50%/contain no-repeat}.sample{box-sizing:border-box;border:2px solid #3a2818;border-radius:14px;width:auto;max-width:100%;height:min(58vh,560px);margin:10px auto 0;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.foot{color:#3a2818;background:#f6f3ea;position:relative;overflow-x:clip}.foot-in{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:20px 48px;max-width:1280px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(16px,5vw,72px) 40px;font-size:15px;display:flex;position:relative}.foot-g{align-items:center;gap:14px;min-width:0;display:flex}.foot-g>span{flex-shrink:0;font-weight:800}.foot-in img{width:auto;max-width:100%}.foot-orgs{flex-wrap:wrap;align-items:center;gap:12px 22px;min-width:0;display:flex}.sheet{box-sizing:border-box;color:#3a2818;overscroll-behavior:contain;word-break:keep-all;background:#fffbf2;border:2.5px solid #3a2818;border-radius:24px;width:min(560px,100% - 32px);max-height:min(82vh,780px);padding:0;font-family:Wanted Sans Variable,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:auto;box-shadow:6px 6px #3a2818}.sheet::backdrop{background:#180f08b8}.sheet form{z-index:2;justify-content:flex-end;height:0;padding:0 14px;display:flex;position:sticky;top:0}.sheet-x{color:#3a2818;cursor:pointer;--li-size:22px;background:#fffbf2;border:2px solid #3a2818;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:14px;display:grid}.sheet-x:focus-visible{outline-offset:2px;outline:3px solid #3a2818}.sheet-body{padding:26px 26px 28px}.sheet-body>*>:first-child{margin-right:56px}.sheet-body .vcard>:first-child{margin-right:0}.sheet-body>*{box-shadow:none;background:0 0;border:0;padding:0}.sheet-body .crafts{grid-template-columns:1fr}.sheet-body h3{margin-top:4px}.sheet .ig{margin-top:8px}:root:has(.sheet[open]){padding-right:var(--sbw,0px);overflow:hidden}.tabbar{display:none}.wrap.wide{max-width:1680px}.sec-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.subtabs{background:#fffbf2;border:2px solid #3a2818;border-radius:16px;gap:4px;padding:5px;display:flex}.st{color:#6b5a4a;text-align:center;white-space:nowrap;border-radius:11px;flex:1;padding:10px 22px;font:800 17px/1.2 Hahmlet,serif;text-decoration:none;transition:color .2s,background-color .2s}.st:hover{color:#3a2818}.st[aria-current]{color:#fffbf2;background:#3a2818}.cards-v,.cards-p{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:28px}.pick{color:#3a2818;text-decoration:none;transition:transform .15s,box-shadow .15s}.pick:hover{color:#3a2818;transform:translate(-2px,-2px);box-shadow:7px 7px #3a2818}.pick:active{transform:translate(2px,2px);box-shadow:3px 3px #3a2818}.pick{padding:20px 14px}.pick h3{margin-bottom:10px;font-size:20px}.pick h3 small{font-size:14px}.pick .avatar{border-width:2px;width:clamp(80px,5vw,96px);margin:auto 0 0}.tt{max-width:960px}@media (width>=1200px){.cards-v{grid-template-columns:repeat(4,1fr)}.cards-p{grid-template-columns:repeat(5,1fr)}.panel .sec{padding-top:64px}.map-grid{grid-template-columns:minmax(240px,300px) min(1.27273*max(440px,100svh - 230px),100% - 356px);justify-content:center;align-items:center;gap:56px;display:grid}.map-grid .lead{text-wrap:balance}.map-grid .legend{gap:12px;display:grid}.map-grid .mapbox{margin:0}}@media (width>=1480px){.foot{z-index:19;position:fixed;bottom:0;left:0;right:0}.foot .deco{display:none}.foot-in{flex-wrap:nowrap;justify-content:space-between;max-width:none;height:84px;padding:0 40px;font-size:13px}.foot-orgs{flex-wrap:nowrap}.foot-in img{zoom:.62}.ptabs{bottom:14px}body{padding-bottom:84px}}@media (width>=1100px){#v-craft .crafts{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.prog{grid-template-columns:1fr}}@media (width<=480px){.crafts{grid-template-columns:1fr}}@media (width<=760px),(orientation:portrait) and (width<=1024px){.map-land{display:none}.map-port{max-width:640px;margin:0 auto;display:block}.map-grid{display:grid;container-type:inline-size}.map-grid>div{display:contents}.map-grid .mapbox{grid-area:3/1;margin-top:18px}.map-grid .legend{z-index:1;background:#fffbf2f0;border:2px solid #3a2818;border-radius:.8em;grid-area:3/1;grid-template-columns:1fr;place-self:end;gap:.22em;margin:0 3cqw 4.5cqw 0;padding:.6em .75em;font-size:min(2.9cqw,13px);line-height:1.2;display:grid}.map-grid .legend li{gap:.45em}.map-grid .legend i{border-width:2px;border-radius:.25em;width:1.5em;height:1.05em}.map-grid .note{grid-row:4}}@media (width<=760px){.ptabs{display:none}.hero{border-bottom:calc(92px + env(safe-area-inset-bottom)) solid #f6f3ea;--u:min(clamp(.3px,.056vw,1.12px),.04cqh);--t:min(clamp(.42px,max(.058vw,min(.55px,(100vw - 96px) / 647)),1.16px),.0604cqh);min-height:0;position:fixed;inset:0;container-type:size}.hero-in{padding-top:min(clamp(calc(56 * var(--u)),260px - 14vw,210px),27cqh);padding-bottom:min(calc(120 * var(--u) + clamp(0px,215px - 16vw,175px)),25cqh)}.panel .sec{padding-top:calc(28px + env(safe-area-inset-top))}.legend{grid-template-columns:repeat(2,1fr);gap:12px 16px;font-size:15px;display:grid}.dt{align-items:center;padding:12px 10px}.dt span{display:none}.dp li{padding:8px 14px}body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.subtabs{flex:100%}.cards-v,.cards-p{grid-template-columns:repeat(2,1fr);gap:14px}.pick{padding:16px 10px}.pick h3{font-size:19px}.pick h3 small{font-size:14px}.foot img{zoom:.55}.foot-in{gap:14px 28px;font-size:13px}.sheet{width:100%;max-width:100%;max-height:86vh;box-shadow:none;padding-bottom:env(safe-area-inset-bottom);border-width:2.5px 0 0;border-radius:24px 24px 0 0;margin:auto 0 0}.sheet[open]{animation:.32s cubic-bezier(.2,.8,.2,1) sheet-up}.sheet-body{padding:22px 20px 24px}.tabbar{z-index:20;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:68px;display:block;position:fixed}.tb-bar{background:#fffbf2;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #3a2818}.tb-shadow{pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:0 18px 32px -20px #3a28188c}.tb-pill{left:calc(8px + (100% - 16px) / 5 * (var(--i,0) + .5));background:#3a2818;border-radius:17px;width:calc(20% - 9.2px);transition:left .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:7px;bottom:7px;transform:translate(-50%)}.tabbar ul{margin:0;padding:0 8px;list-style:none;display:flex;position:absolute;inset:0}.tabbar li{flex:1;display:flex}.tb{color:#6b5a4a;-webkit-tap-highlight-color:transparent;flex:1;text-decoration:none;position:relative}.tb-ic{width:24px;height:24px;margin-left:-12px;transition:color .3s;position:absolute;top:12px;left:50%}.tb-ic>*{display:block}.tb-lab{text-align:center;letter-spacing:-.02em;white-space:nowrap;font-size:12px;font-weight:700;transition:color .3s;position:absolute;bottom:9px;left:0;right:0}.tb[aria-current] .tb-ic,.tb[aria-current] .tb-lab{color:#fffbf2}.tb[aria-current] .tb-lab{font-weight:800}.tb:focus-visible{outline-offset:-6px;border-radius:16px;outline:2px solid #3a2818}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.sheet[open],.dp{animation:none}.dp,.tb-ic,.tb-pill,.dt,.dt span,.pt{transition:none}}