diff --git a/styles.css b/styles.css
index a6a5a3e..9ab1025 100644
--- a/styles.css
+++ b/styles.css
@@ -37,9 +37,11 @@
 .modal-content {
   margin: auto;
   display: block;
-  max-width: 80%;
-  max-height: 80%;
+  max-width: 90%;
+  max-height: 90%;
   border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  animation: fadeIn 0.3s;
 }
 
 .close {
@@ -56,7 +58,15 @@
 .close:focus {
   color: #ccc;
   text-decoration: none;
-  cursor: pointer;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 /* ポップアップのカスタムスタイル */
@@ -224,6 +234,4 @@
     font-size: 16px;
     padding: 12px;
   }
-
-
 }