diff --git a/static/style.css b/static/style.css
index 0da9d4a..b3126f0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -52,3 +52,7 @@ code {
 #note > :nth-child(n+4):nth-child(-n+4) {
   margin-right: 4px;
 }
+
+#page-list {
+  all: revert;
+}
diff --git a/templates/index.html b/templates/index.html
index 8bf2fe7..7bd2136 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,15 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>LiteY</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.css?a">
     <script src="script.js"></script>
   </head>
   <body>
     <h1>掲示板へようこそ！</h1>
     <p>良識のあるメッセージを心がけてください</p>
-    {% for i in range(max_page) %}
-      <a href="/?page={{ i }}">{{ i }}</a>
-    {% endfor %}
+    <details id="page-list">
+      <summary>ページ一覧</summary>
+      {% for i in range(max_page) %}
+        <a href="/?page={{ i }}">{{ i }}</a>
+      {% endfor %}
+    </details>
     <p></p>
     <textarea placeholder="ここにメッセージを入力" rows="4" cols="50" id="message"></textarea>
     <input type="submit" value="今すぐ送信！" onclick="notePost();">
