:root{--ink:#151515;--paper:#fffffd;--sand:#f1eee5;--line:#d6d2c8;--muted:#62635f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Zen Kaku Gothic New',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #927846;outline-offset:5px}header{max-width:1320px;margin:auto;height:104px;padding:20px 5%;display:flex;gap:28px;align-items:center}header img,footer img{object-fit:contain}header>span{font-size:14px;border-left:1px solid var(--line);padding-left:25px}.header-contact{margin-left:auto;font-size:14px;border-bottom:1px solid;padding:6px 0}main{max-width:1440px;margin:auto}.intro{margin:0 5%;display:grid;grid-template-columns:1fr 1.15fr;background:var(--sand);min-height:390px}.intro>div{padding:45px 12%}.eyebrow{font:500 12px 'Jost',sans-serif;letter-spacing:.18em;margin:0 0 16px}h1,h2{font-family:'Noto Serif JP',serif;font-weight:500}h1{font-size:clamp(32px,3.4vw,48px);line-height:1.6;margin:0 0 20px;letter-spacing:.05em}.intro p:not(.eyebrow){color:var(--muted);font-size:15px}.intro>img{width:100%;height:100%;min-height:390px;object-fit:cover}.intro-link{display:flex;justify-content:space-between;border-bottom:1px solid #a6a08d;padding:12px 0;margin-top:20px;font-size:14px}.section{margin:70px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:26px}h2{font-size:27px;line-height:1.65;margin:0}.subtle,.small{font-size:13px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{background:transparent;text-align:left;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:23px 19px;min-height:135px;position:relative;transition:background .2s}.category:hover{background:var(--sand)}.category[aria-pressed=true]{background:var(--ink);color:white}.category .num{font:14px Jost;display:block;color:#8a8373;margin-bottom:10px}.category strong{font-weight:500;font-size:16px;display:block;line-height:1.6}.category .qty{font-size:12px;display:block;margin-top:8px;opacity:.7}.category .arrow{position:absolute;right:16px;top:20px}.local{background:var(--sand);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.local h2{font-size:23px}.local p:not(.eyebrow){font-size:14px;margin-bottom:0}.regions{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:9px}.regions button{border:1px solid #b6b0a1;background:transparent;padding:10px 15px;border-radius:2px;font-size:14px}.regions button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.text-button{border:0;background:none;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px}.tools{display:flex;gap:20px;align-items:center}.search{display:flex;align-items:center;gap:14px;border-bottom:1px solid #9f9d95;flex:1}.search span{font-size:30px}.search input{width:100%;background:none;border:0;padding:12px 0;min-width:0;font-size:16px}.result-meta{display:flex;justify-content:space-between;margin:24px 0;font-size:13px;color:var(--muted)}.videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.video{min-width:0}.thumb{display:block;background:#f1eee5;aspect-ratio:4/3;overflow:hidden}.thumb img{display:block;width:100%;height:100%;object-fit:contain}.video .type{font-size:12px;letter-spacing:.04em;margin:14px 0 7px;color:var(--muted)}.video h3{font-size:16px;font-weight:500;line-height:1.7;margin:0 0 13px}.video a:hover h3{text-decoration:underline}.video-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;font-size:13px;gap:10px}.video-bottom button{border:none;background:none;font-size:13px;padding:8px}.watch{font-size:14px}.contact{background:var(--sand);text-align:center;padding:54px 30px}.contact h2{font-size:31px}.contact>p:not(.eyebrow){color:var(--muted)}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0}.primary,.secondary{display:block;padding:15px 25px;min-width:200px;border:1px solid var(--ink);font-size:15px}.primary{background:var(--ink);color:#fff}.tel{font:32px Jost}.contact .small{margin:6px 0}footer{margin:70px 8% 40px;display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-note{grid-column:1/-1;margin-top:20px;padding-top:25px;border-top:1px solid var(--line)}.mobile-nav{display:none}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:3px;max-width:90%;width:max-content;font-size:14px;z-index:10}#toast:empty{display:none}#empty{padding:25px;background:var(--sand)}
@media(max-width:900px){.videos{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-template-columns:repeat(2,1fr)}.local{grid-template-columns:1fr}.section{margin:50px 6%}.intro{margin:0 4%}.intro>div{padding:35px 9%}}
@media(max-width:600px){header{height:78px;padding:14px 5%;gap:12px}header img{width:148px;height:38px}header>span{font-size:12px;padding-left:13px}.header-contact{display:none}.intro{margin:0;grid-template-columns:1fr;position:relative;min-height:0}.intro>div{padding:30px 6% 27px;position:relative;z-index:1}.intro .eyebrow{margin-bottom:12px}h1{font-size:31px;line-height:1.6;margin-bottom:13px}.intro p:not(.eyebrow){font-size:14px;margin:0}.intro>img{height:160px;min-height:0;object-position:50% 55%}.intro-link{max-width:290px;margin-top:14px;padding:8px 0}.section{margin:38px 5%}.section-head{display:block;margin-bottom:20px}h2{font-size:22px}.section-head .subtle{display:block;margin-top:8px}.category{padding:17px 15px;min-height:126px}.category strong{font-size:15px}.category .num{margin-bottom:7px}.category .qty{margin-top:5px}.local{padding:25px 20px;gap:20px}.local h2{font-size:21px}.regions{gap:8px}.regions button{font-size:14px;padding:9px 12px}.videos{grid-template-columns:1fr;gap:32px}.thumb{width:100%}.video h3{font-size:17px}.video .type{font-size:13px}.video-bottom{font-size:14px}.video-bottom button{font-size:14px;min-height:44px}.tools{display:block}.tools #reset{font-size:13px}.result-meta{margin:10px 0 20px}.result-meta>span:last-child{display:none}#share-list{margin-top:9px}.contact{padding:35px 20px}.contact h2{font-size:25px}.contact p{font-size:14px}.contact-actions{display:grid;grid-template-columns:1fr}.tel{font-size:30px}footer{margin:42px 6% 105px;grid-template-columns:1fr;gap:20px}.footer-links{gap:15px}.footer-note{margin:0}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:8}.mobile-nav a{text-align:center;font-size:14px;line-height:1.4;padding:19px 5px;display:flex;align-items:center;justify-content:center}.mobile-nav a:last-child{background:var(--ink);color:white}.mobile-nav a:nth-child(2){border-left:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}