@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap";:root{--color-bg:#0a0a0a;--color-bg-alt:#161616;--color-text:#fff;--color-text-muted:#b0b0b0;--color-primary:#e60012;--color-accent:#d4af37;--color-border:#ffffff14;--font-serif:"Noto Serif JP", serif;--font-sans:"Noto Sans JP", sans-serif;--container-width:1100px;--header-height:80px;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.7}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,.font-serif{font-family:var(--font-serif);font-weight:700}.sub-title{color:var(--color-accent);letter-spacing:.3rem;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;display:block}section{position:relative}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section-padding{padding:120px 0}@media (width<=768px){.section-padding{padding:80px 0}}.text-center{text-align:center}.premium-border{border:1px solid var(--color-border)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d}header{width:100%;height:var(--header-height);z-index:1000;border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:fixed;top:0;left:0}header .container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-serif);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{background:var(--color-primary);justify-content:center;align-items:center;width:30px;height:30px;display:flex;transform:rotate(45deg)}.logo-icon:after{content:"";background:var(--color-bg);width:10px;height:10px}nav ul{gap:30px;display:flex}nav a{letter-spacing:.1rem;font-size:.9rem}nav a:hover{color:var(--color-accent)}@media (width<=768px){nav{display:none}}.hero{text-align:center;background:radial-gradient(circle,#1a1a1a 0%,#0a0a0a 100%);justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{margin-bottom:2rem;font-size:4rem;line-height:1.2}.hero p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}@media (width<=768px){.hero h1{font-size:2.5rem}}.info-section{background:var(--color-bg-alt)}.news-item{border-bottom:1px solid var(--color-border);align-items:center;gap:40px;padding:20px;display:flex}.news-date{color:var(--color-accent);font-weight:700}.specialty-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (width<=768px){.specialty-grid{grid-template-columns:1fr}}.items-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.item-card{text-align:center;padding:30px}.item-image-placeholder{aspect-ratio:3/4;color:#333;background:#1a1a1a;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}footer{border-top:1px solid var(--color-border);background:#000;padding:80px 0 40px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px;display:grid}.copyright{text-align:center;color:var(--color-text-muted);font-size:.8rem}.reveal-hidden{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.revealed{opacity:1;transform:translateY(0)}.item-card{transition:transform .4s,border-color .4s}.item-card:hover{border-color:var(--color-accent);transform:translateY(-10px)}.logo-icon{animation:10s linear infinite rotateLogo}@keyframes rotateLogo{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.item-card{padding:0;overflow:hidden}.item-card-content{text-align:left;padding:20px}.item-card h3{margin:5px 0;font-size:1.4rem}.item-meta{color:var(--color-accent);letter-spacing:.1rem;font-size:.75rem}.kuramoto{color:var(--color-text-muted);font-size:.85rem}.brand-list-section{border-radius:20px;margin-top:80px;padding:50px}.tab-nav{border-bottom:1px solid var(--color-border);justify-content:center;gap:20px;margin-bottom:50px;display:flex}.tab-btn{color:var(--color-text-muted);font-family:var(--font-serif);cursor:pointer;background:0 0;border:none;padding:15px 25px;font-size:1.1rem;transition:all .3s;position:relative}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-accent)}.tab-btn.active:after{content:"";background:var(--color-accent);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.category-pane{display:none}.category-pane.active{animation:.5s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-header,.list-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 5fr 5fr;align-items:center;padding:15px 20px;display:grid}.list-header{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1rem;font-size:.85rem;font-weight:700}.list-row{transition:background .3s}.list-row:hover{background:#ffffff05}.col-pref{color:var(--color-text-muted);font-size:.9rem}.col-brew{font-size:1rem}.col-brand{font-size:1.1rem;font-family:var(--font-serif);font-weight:700}.btn{letter-spacing:.1rem;border-radius:4px;padding:15px 40px;font-weight:700;transition:all .3s;display:inline-block}.btn-gold{background:var(--color-accent);color:#000}.btn-gold:hover{background:#c19b2e;transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.pc-only{display:grid}@media (width<=991px){.brand-list-section{padding:30px}.pc-only{display:none}.list-row{grid-template-columns:1fr;gap:5px;padding:20px}.col-pref:before{content:"県名: ";font-size:.7rem}.col-brew:before{content:"蔵元: ";font-size:.7rem}.col-brand{margin-top:5px;font-size:1.2rem}}@media (width<=768px){.tab-nav{flex-direction:column;gap:0}.tab-btn{text-align:center;border-bottom:1px solid var(--color-border);width:100%}}