*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#333;min-height:100vh}a{color:#8b6914;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:color .15s,border-color .15s}a:hover{color:#6d520f;border-bottom-color:#6d520f}nav{background:#5a3e1b;padding:0 24px;display:flex;align-items:center;gap:24px;height:52px;position:relative}nav .brand{color:#f5e9c8;font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap}nav a{color:#d4b896;font-size:.875rem;text-decoration:none;padding:4px 0;border-bottom:2px solid rgba(0,0,0,0);transition:color .15s,border-color .15s}nav a:hover,nav a.active{color:#fff;border-bottom-color:#f5e9c8}nav button.nav-link{color:#d4b896;font-size:.875rem;padding:4px 0;border:none;border-bottom:2px solid rgba(0,0,0,0);background:none;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}nav button.nav-link:hover{color:#fff;border-bottom-color:#f5e9c8}.nav-links{display:contents}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}.nav-toggle span{display:block;width:22px;height:2px;background:#f5e9c8;border-radius:1px;transition:transform .3s,opacity .3s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width: 768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:#5a3e1b;flex-direction:column;padding:8px 0;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:200}.nav-links.open{display:flex}.nav-links a,.nav-links button.nav-link{padding:12px 24px;border-bottom:none;display:block;width:100%;text-align:left}.nav-links a:hover,.nav-links a.active,.nav-links button.nav-link:hover{background:hsla(0,0%,100%,.08);border-bottom:none}}