ハンバーガーレイアウト調整

Author: BreadMotion

assets/css/layout.css

@@ -271,6 +271,7 @@
    5. ハンバーガーメニュー
    ========================================================================== */
 .nav-toggle {
+    display: none;
     background: none;
     border: none;
     cursor: pointer;
@@ -310,7 +311,6 @@
     top: 8px;
 }
 
-/* メニューが開いたときのアニメーション */
 .nav-toggle.is-active .nav-toggle__icon {
     background: transparent; /* 真ん中の線を消す */
 }
@@ -372,44 +372,43 @@
         font-size: 0.8rem;
     }
     .site-header__inner {
-        flex-direction: row; /* モバイルでもロゴとトグルは横並び */
+        flex-direction: row;
         align-items: center;
-        justify-content: space-between; /* 両端に配置 */
+        justify-content: space-between;
         padding: 0.75rem 1.25rem;
     }
 
     .site-logo {
-        margin-bottom: 0; /* 元に戻す */
+        margin-bottom: 0;
     }
 
     .nav-toggle {
-        display: block; /* モバイルで表示 */
+        display: block;
     }
 
     .site-nav {
-        /* 初期状態ではメニューを非表示 */
         display: block;
         position: fixed;
         top: 0;
-        left: -100%; /* 画面外に隠す */
+        left: -100%;
         width: 100%;
         height: 100vh;
-        background: var(--color-panel); /* 背景色 */
+        background: var(--color-panel);
         flex-direction: column;
         justify-content: center;
         align-items: center;
         gap: 1.5rem;
         transition: left 0.3s ease-in-out;
-        z-index: 25; /* ヘッダーの下、トグルの上に */
-        padding-top: 5rem; /* ヘッダー分スペースを確保 */
+        z-index: 25;
+        padding-top: 5rem;
     }
 
     .site-nav.is-open {
-        left: 0; /* メニューを開く */
+        left: 0;
     }
 
     .site-nav a {
-        font-size: 1.5rem; /* メニュー項目の文字サイズを大きく */
+        font-size: 1.5rem;
         padding: 0.75rem 1.5rem;
         width: fit-content;
         margin: 0 auto;