diff --git a/blog_page/blog.html b/blog_page/blog.html
index c0b232c..182afe1 100644
--- a/blog_page/blog.html
+++ b/blog_page/blog.html
@@ -13,7 +13,12 @@
 	<li><a href="https://www.yatex.org/gitbucket/Makotin_Mktao2/mktao2_web/pages/contact_page/contact.html">お問い合わせ</a></li>
       </ul>
     </nav>
-    <h1>Blog</h1><h2>desk tour</h2>
+    <h1>Blog</h1>
+    <div class="mokuji">
+      <ol>
+        <li><a href="blog.html">desk tour</a></li>
+  
+    <h2>desk tour</h2>
     <p>私が普段から愛用している、PC周りのアイテムを紹介します</p>
     <div class="toc-005">
       <div>
diff --git a/main.css b/main.css
index 66b7465..54c1f96 100644
--- a/main.css
+++ b/main.css
@@ -62,6 +62,24 @@
     line-height: 2.0;
 }
 
+.mokuji{
+    margin-bottom: 30px;
+    border-radius: 3px;
+    background-color: #f5f5f5;
+}
+
+.mokuji div{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 10px 0;
+    background-color: #a3a3a3;
+    color: #fff;
+    font-weight: 600;
+    font-size: 1.1em;
+}
+
 .toc-005 {
     margin-bottom: 30px;
     border-radius: 3px;