diff --git a/tabibito.html b/tabibito.html index a8f4135..2e9f936 100644 --- a/tabibito.html +++ b/tabibito.html @@ -23,6 +23,12 @@ overflow: hidden; } + .title { + font-size: 36px; + font-weight: bold; + text-align: center; + } + /* ===== 中央 写真グリッド ===== */ .photo-grid-wrapper { position: absolute; @@ -66,104 +72,61 @@ } /* ===== 下部メニューバー ===== */ - .menu-bar { - position: absolute; - bottom: 0; - width: 100%; - height: 88px; - background: white; - display: flex; - align-items: center; - justify-content: space-around; - border-top: 2px solid black; - } - - .menu-item { - background: none; - border: none; - padding: 0; - cursor: pointer; - } - - .menu-item img { - width: 44px; - height: 44px; - } - - .menu-item.center img { - width: 48px; - height: 48px; - } - - .menu-item.active { - transform: translateY(-4px); - } + .bottom-bar { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 66px; + background: white; + border-top: 2.5px solid black; + display: flex; + justify-content: space-around; + align-items: center; +} +.bottom-icon { + width: 48px; + height: 48px; + background: gray; + font-size: xx-large; + text-align: center; + border-radius: 8px; +}
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+