fix: navbar の breakpoint を xl (1280px) に戻し、メニュー項目のpadding-x を縮めた

変更前の breakpoint では、各ページに存在する breakpoint の値と合わないため

Author: mucho613

_includes/header.html

@@ -1,10 +1,10 @@
-<h1 class="hidden min-[1319px]:block mx-auto max-w-lg pt-5 px-8">
+<h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
   <a href="/">
     <img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
   </a>
 </h1>
 
-<div class="fixed min-[1319px]:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
+<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
   <div
     class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] py-3 pl-4 pr-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
     <div class="flex items-center justify-between gap-2">
@@ -24,7 +24,7 @@ <h1 class="hidden min-[1319px]:block mx-auto max-w-lg pt-5 px-8">
     </div>
     <nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
       <ul
-        class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
+        class="flex flex-col min-h-20 items-stretch gap-2 *:px-5 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
         <li><a href="/#outline">開催概要</a></li>
         <li><a href="/sessions/">セッション</a></li>
         <li><a href="/events/">イベント</a></li>

_includes/navbar.html

@@ -1,7 +1,7 @@
-<div class="hidden min-[1319px]:block sticky mx-4 top-4 z-10">
+<div class="xl:block hidden sticky mx-4 top-4 z-10">
   <nav
     class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)] flex items-stretch">
-    <ul class="flex flex-wrap min-h-20 items-center p-5 pr-0 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6">
+    <ul class="flex flex-wrap min-h-20 items-center p-5 pr-0 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-5">
       <li><a href="/#outline">開催概要</a></li>
       <li><a href="/sessions/">セッション</a></li>
       <li><a href="/events/">イベント</a></li>