diff --git a/public/index.html b/public/index.html
index d31ef5f..ddb793c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -398,6 +398,9 @@
           <a title="はてなブログ" href="https://yuki540.hatenablog.jp/archive" target="_blank">
             <i class="fas fa-edit"></i>
           </a>
+          <a title="YouTube" href="https://www.youtube.com/channel/UCcrjkTnjMxXf7wnynsmWMzA/" target="_blank">
+            <i class="fab fa-youtube"></i>
+          </a>
           <a title="Instagram" href="https://www.instagram.com/yui540net/" target="_blank">
             <i class="fab fa-instagram"></i>
           </a>
diff --git a/public/sw.js b/public/sw.js
index 4948c8d..8de0188 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'magical-girl.site_version6.0.2'
+const CACHE_NAME = 'magical-girl.site_version6.0.3'
 const urlsToCache = [
   '/',
   '/stylesheets/font.css',
diff --git a/src/scss/modules/pc/_top-page.scss b/src/scss/modules/pc/_top-page.scss
index 89ddd6d..4699b65 100644
--- a/src/scss/modules/pc/_top-page.scss
+++ b/src/scss/modules/pc/_top-page.scss
@@ -260,8 +260,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    top: calc(50% - 100px); left: 0px;
-    width: 50px; height: 200px;
+    top: calc(50% - 125px); left: 0px;
+    width: 50px; height: 250px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -303,9 +303,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }
diff --git a/src/scss/modules/sp/_top-page.scss b/src/scss/modules/sp/_top-page.scss
index 5d91a78..c1c6061 100644
--- a/src/scss/modules/sp/_top-page.scss
+++ b/src/scss/modules/sp/_top-page.scss
@@ -259,8 +259,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    bottom: 0; left: calc(50% - 100px);
-    width: 200px; height: 50px;
+    bottom: 0; left: calc(50% - 125px);
+    width: 250px; height: 50px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -304,9 +304,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }
diff --git a/src/scss/modules/tablet/_top-page.scss b/src/scss/modules/tablet/_top-page.scss
index 960b3fc..dfdc3c6 100644
--- a/src/scss/modules/tablet/_top-page.scss
+++ b/src/scss/modules/tablet/_top-page.scss
@@ -259,8 +259,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    bottom: 0; left: calc(50% - 100px);
-    width: 200px; height: 50px;
+    bottom: 0; left: calc(50% - 125px);
+    width: 250px; height: 50px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -303,9 +303,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }