/* RPGクリエイタースクール 共通メニュー（スマホではハンバーガーメニュー） */
[id]{scroll-margin-top:70px}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}
.menu-btn span{display:block;width:24px;height:2.5px;border-radius:2px;background:#1d2433;transition:transform .2s ease,opacity .2s ease}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.menu-btn:focus-visible{outline:2px solid #269df1;outline-offset:2px;border-radius:8px}
@media(max-width:720px){
  .header-inner{flex-direction:row;align-items:center;height:56px;gap:10px;padding:0 10px 0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .logo{font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .menu-btn{display:flex;flex:none}
  .gnav{position:fixed;left:0;right:0;top:56px;margin:0;background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.14);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .25s ease,visibility 0s linear .25s}
  .gnav.open{max-height:calc(100vh - 56px);overflow-y:auto;visibility:visible;transition:max-height .25s ease}
  .gnav ul{flex-direction:column;gap:0;padding:6px 16px 18px}
  .gnav li a{padding:14px 8px;font-size:16px;border-radius:0;border-bottom:1px solid #eef2f6}
  .gnav li a[aria-current="page"]{border-radius:10px}
  .gnav a.cta{margin-top:12px;padding:14px;border-radius:99px;border-bottom:0;text-align:center}
}
@media(prefers-reduced-motion:reduce){.gnav,.menu-btn span{transition:none!important}}