@@ -85,22 +85,27 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
8585
8686< div class ="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center ">
8787 < div
88- class ="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] px-5 py -3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] ">
88+ 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)] ">
8989 < div class ="flex items-center justify-between gap-2 ">
9090 < a href ="/ " class ="flex h-full items-center ">
9191 < img src ="/img/common/header-logo.webp " class ="w-full max-w-[250px] max-h-full "
9292 alt ="DojoCon Japan 2025 Inspire Next. " />
9393 </ a >
94- < button id ="menu-btn " type ="button " aria-label ="メニューを開く "
95- class ="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer ">
96- < i class ="fa-solid fa-bars "> </ i >
97- </ button >
94+ < div class ="flex items-cetner gap-x-2 shrink-0 ">
95+ < a href ="/registration/ " class ="px-3 py-2 rounded-sm text-center bg-[#cc8f2e] text-[#f5f5f5] justify-center ">
96+ 参加申込
97+ </ a >
98+ < button id ="menu-btn " type ="button " aria-label ="メニューを開く "
99+ class ="flex p-2 size-10 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer ">
100+ < i class ="fa-solid fa-bars "> </ i >
101+ </ button >
102+ </ div >
98103 </ div >
99104 < nav id ="menu-nav " class ="hidden my-2 flex-col items-stretch transition-all duration-300 ">
100105 < ul
101106 class ="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block ">
102- < li > < a href ="#outline "> 開催概要</ a > </ li >
103- < li > < a href ="#session "> セッション</ a > </ li >
107+ < li > < a href ="/ #outline "> 開催概要</ a > </ li >
108+ < li > < a href ="/ #session "> セッション</ a > </ li >
104109 < li > < a href ="/events/ "> 企画</ a > </ li >
105110 < li > < a href ="/contests/ "> コンテスト</ a > </ li >
106111 < li > < a href ="https://suzuri.jp/DojoConJapan " target ="_blank "> グッズ</ a > </ li >
@@ -134,8 +139,8 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
134139 < div class ="flex-grow ">
135140 < div class ="hidden xl:block sticky mx-4 top-4 z-10 ">
136141 < nav
137- 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)] ">
138- < ul class ="flex flex-wrap min-h-20 items-center p-5 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6 ">
142+ 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 ">
143+ < 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 ">
139144 < li > < a href ="/#outline "> 開催概要</ a > </ li >
140145 < li > < a href ="/#session "> セッション</ a > </ li >
141146 < li > < a href ="/events/ "> 企画</ a > </ li >
@@ -144,6 +149,9 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
144149 < li > < a href ="/sponsorship/ "> スポンサー募集</ a > </ li >
145150 < li > < a href ="https://forms.gle/t9ctDcuZZ8cqqFtR6 " target ="_blank "> お問い合わせ</ a > </ li >
146151 </ ul >
152+ < a href ="/registration/ " class ="text-xl px-8 py-4 rounded-r-[40px] bg-[#cc8f2e] text-[#f5f5f5] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] flex items-center ">
153+ 参加申込
154+ </ a >
147155 </ nav >
148156</ div >
149157
0 commit comments