diff --git a/README.md b/README.md
index 06f145f..3d781e6 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 
 『僕は魔法少女-----そう思っていた』
 
-🎉 [magical-girl.site](https://magical-girl.site) 🎉
+🎉 [Try It Online](https://yui540.github.io/DropOut/) 🎉
 
 ![1](./res/1.png)
 
diff --git a/public/index.html b/public/index.html
index f625c70..d4a2ee1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="ja">
   <head>
     <meta charset="utf-8">
-    <!-- 
+    <!--
 
     ################################################################
 
@@ -16,24 +16,23 @@
     -->
     <title>魔法少女サイト - DropOut</title>
     <meta name="description" content="『僕は魔法少女------そう思っていた』">
-    <meta name="keywords" content="魔法少女サイト,yui540,satella.io,magical-girl.site,DropOut">
+    <meta name="keywords" content="魔法少女サイト,yui540,satella.io,DropOut">
     <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1">
-    <meta property="og:url" content="https://magical-girl.site">
-    <meta property="og:image" content="https://magical-girl.site/images/ogp.png">
+    <meta property="og:url" content="https://yui540.github.io/DropOut">
+    <meta property="og:image" content="https://yui540.github.io/DropOut/images/ogp.png">
     <meta property="og:type" content="website">
     <meta property="og:title" content="魔法少女サイト - DropOut">
-    <meta property="og:site_name" content="magical-girl.site">
     <meta property="og:description" content="『僕は魔法少女------そう思っていた』">
     <meta property="og:locale" content="ja_JP">
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:site" content="@yui540" />
     <meta name="twitter:title" content="魔法少女サイト - DropOut" />
     <meta name="twitter:description" content="『僕は魔法少女------そう思っていた』" />
-    <meta name="twitter:image" content="https://magical-girl.site/images/ogp.png" />
+    <meta name="twitter:image" content="https://yui540.github.io/DropOut/images/ogp.png" />
     <meta name="theme-color" content="#484053" />
     <link rel="manifest" href="/manifest.json">
-    <link rel="shortcut icon" href="https://magical-girl.site/images/icons/icon-192.png" />
-    <link rel="apple-touch-icon" href="https://magical-girl.site/images/icons/icon-192.png" />
+    <link rel="shortcut icon" href="https://yui540.github.io/DropOut/images/icons/icon-192.png" />
+    <link rel="apple-touch-icon" href="https://yui540.github.io/DropOut/images/icons/icon-192.png" />
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
     <link rel="stylesheet" href="./stylesheets/font.css" />
     <link rel="stylesheet" href="./stylesheets/style.css" />
@@ -407,7 +406,7 @@
         </section>
         </section>
         <section class="top-page__share-btn">
-          <a target="_blank" href="http://twitter.com/intent/tweet?url=https://magical-girl.site&text=DropOut 『僕は魔法少女------そう思っていた』 / @yui540">
+          <a target="_blank" href="http://twitter.com/intent/tweet?url=https://yui540.github.io/DropOut/&text=DropOut 『僕は魔法少女------そう思っていた』 / @yui540">
             <i class="fab fa-twitter"></i>でシェアする
           </a>
         </section>
@@ -446,7 +445,7 @@
               </div>
             </section>
           </section>
-          
+
           <!--**** history ****-->
           <section class="history-page" style="display: none">
             <section class="page-title">
@@ -455,7 +454,7 @@
             </section>
             <history-box />
           </section>
-          
+
           <!--**** product ****-->
           <section class="product-page" style="display: none">
             <section class="page-title">
@@ -464,7 +463,7 @@
             </section>
             <product-box />
           </section>
-          
+
           <!--**** memories ****-->
           <section class="memories-page" style="display: none">
             <section class="page-title">
