:root{--base-width: 72%;--primary-color: #d71318;--secondary-color: #fff8cd;--accent-color: #08253e;--text-color: #333333;--bg-color: #ffffff;--font-size-base: 1rem;--line-height-base: 1.6;--font-family-noto: "Noto Sans JP", sans-serif;--font-family-mplus: "M PLUS 2", sans-serif;--font-family-impact: "Dela Gothic One", sans-serif;--font-family-fontawesome: "Font Awesome 6 Free", sans-serif;--font-family-base: var(--font-family-mplus);--z-hamburger: 1001;--z-header: 100;--z-modal: 1000;--z-overlay: 10;--z-loading: 10000;--transition-base: 0.3s ease;--transition-fast: 0.2s ease;--transition-slow: 0.5s ease;--animation-duration: 30s}@media(max-width: 900px){:root{--base-width: 90%}}.header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-header);opacity:1;transition:opacity .2s ease;height:64px;display:flex;flex-direction:column;justify-content:center}.header.is-visible{opacity:1}.headerInner{padding:4px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;max-width:var(--base-width);margin:0 auto;position:relative}.headerLogo{margin:0;font-size:2.4rem;font-weight:bold;color:var(--primary-color);text-decoration:none}.headerLogo img{height:40px;width:auto}.headerNav{position:absolute;top:-10px;right:-10px;width:300px;max-width:450px;background-color:var(--secondary-color);border:12px solid var(--accent-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px 48px;transition:all .3s ease;z-index:var(--z-modal);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-120%)}.headerNav.is-open{transform:translateY(0)}.headerNavList{display:flex;flex-direction:column;gap:30px;list-style:none;width:100%}.headerNavItem{text-align:center;font-weight:700;border-bottom:2px dotted var(--accent-color)}.headerNavLink{display:block;color:var(--text-color);text-decoration:none;font-size:2rem;padding:10px 0;transition:color var(--transition-base)}.headerNavLink:hover{color:var(--accent-color)}.headerNavLink.is-active{color:var(--accent-color);font-weight:bold}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:var(--z-hamburger);position:relative}.hamburgerLine{width:100%;height:6px;background-color:#fff;border-radius:5px;transition:all var(--transition-base)}.hamburgerLine:nth-child(1){transform-origin:top left}.hamburgerLine:nth-child(3){transform-origin:bottom left}.hamburger.is-active .hamburgerLine{background-color:var(--accent-color)}.hamburger.is-active .hamburgerLine:nth-child(1){transform:rotate(45deg)}.hamburger.is-active .hamburgerLine:nth-child(2){opacity:0}.hamburger.is-active .hamburgerLine:nth-child(3){transform:rotate(-45deg)}@media(max-width: 900px){.header{height:40px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.2509803922);box-shadow:0 2px 3px rgba(0,0,0,.4)}.headerLogo img{height:30px;max-width:100px}.headerNav{padding:24px 32px 24px}}