diff --git a/_config.yml b/_config.yml
index 483ee60..9ba2fe2 100644
--- a/_config.yml
+++ b/_config.yml
@@ -16,8 +16,8 @@ menu:
   Home: /
   Archives: /archives
   # Category: /category
-  # About: /about
   # Links: /links
+  # About: /about
   # ...
 
 # RSS
diff --git a/layout/category-list.ejs b/layout/category-list.ejs
new file mode 100644
index 0000000..a9ba032
--- /dev/null
+++ b/layout/category-list.ejs
@@ -0,0 +1,14 @@
+<div class="fade-in-down-animation">
+    <div class="category-list-container">
+        <div class="category-list-content">
+            <%- list_categories(site.categories, {
+                class: 'all-category'
+            }) %>
+        </div>
+        <div class="category-comments">
+            <% if (page.comments) { %>
+                <%- partial('_partial/comments/comment') %>
+            <% } %>
+        </div>
+    </div>
+</div>
diff --git a/layout/page.ejs b/layout/page.ejs
index bd0e859..9064646 100644
--- a/layout/page.ejs
+++ b/layout/page.ejs
@@ -23,6 +23,9 @@
                 <% } else if (is_tag()) { %>
                     <%- partial('tag-content') %>
 
+                <% } else if (page.title == 'category') { %>
+                    <%- partial('category-list') %>
+
                 <% } else if (page.title == 'about') { %>
                     <%- partial('about') %>
 
@@ -62,4 +65,4 @@
 </div>
 <% if (theme.local_search.enable) { %>
     <%- partial('_partial/local-search') %>
-<% } %>
\ No newline at end of file
+<% } %>
diff --git a/source/css/layout/category-list.styl b/source/css/layout/category-list.styl
new file mode 100644
index 0000000..bdc1dba
--- /dev/null
+++ b/source/css/layout/category-list.styl
@@ -0,0 +1,76 @@
+@require "./common/magic-theme.styl";
+
+.category-list-container {
+
+  background: var(--background-color);
+
+  magic-container(1.005, 1.01, 30px);
+
+  +ils-tablet() {
+    magic-container(1.001, 1.005, 20px);
+  }
+
+  .category-list-content {
+
+    .all-category-list {
+
+      font-size: 1.18em;
+
+      +ils-tablet() {
+        font-size: 1.12em;
+      }
+
+
+      li.all-category-list-item {
+
+        margin-bottom: 15px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        a.all-category-list-link {
+
+        }
+
+        span.all-category-list-count {
+
+          float: right;
+
+          &::before {
+            content: '（';
+          }
+
+          &::after {
+            content: '）';
+          }
+
+        }
+
+
+        ul.all-category-list-child {
+
+          margin-left: 10px;
+          margin-top: 15px;
+
+          li {
+
+            &::before {
+              content: '· ';
+            }
+
+            margin-bottom: 10px;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+
+          }
+        }
+      }
+
+
+    }
+
+  }
+}
diff --git a/source/css/style.styl b/source/css/style.styl
index cc2176c..6f9b37e 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -12,6 +12,7 @@
 @import "layout/_partial/footer.styl"
 @import "layout/_partial/paginator.styl"
 @import "layout/about.styl"
+@import "layout/category-list.styl"
 @import "layout/links.styl"
 @import "layout/_partial/article-meta-info.styl"
 @import "layout/home-content.styl"