diff --git a/styles.css b/styles.css deleted file mode 100644 index d1c81b7..0000000 --- a/styles.css +++ /dev/null @@ -1,139 +0,0 @@ -/* グローバル設定 */ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - margin: 0; - padding: 0; - background-color: #f4f4f9; - color: #333; - line-height: 1.6; -} - -h1 { - text-align: center; - margin: 0; - padding: 20px; - background-color: #0078d7; - color: white; - font-size: 26px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -} - -/* 地図表示 */ -#map { - margin: 20px auto; - width: 90%; - height: 500px; - border-radius: 10px; - overflow: hidden; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); -} - -/* リンクスタイル */ -a { - display: inline-block; - margin: 20px auto; - padding: 10px 20px; - text-decoration: none; - background-color: #0078d7; - color: white; - border-radius: 5px; - font-weight: bold; - text-align: center; - transition: background-color 0.3s ease, transform 0.2s ease; -} - -a:hover { - background-color: #005a9e; - transform: translateY(-2px); -} - -/* お気に入りリスト */ -#favorites { - width: 90%; - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #ffffff; - border-radius: 10px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -} - -#favorites h3 { - text-align: center; - color: #0078d7; - font-size: 22px; - margin-bottom: 15px; -} - -/* お気に入りアイテム (カードスタイル) */ -ul { - list-style: none; - padding: 0; - margin: 0; -} - -ul li { - display: flex; - justify-content: space-between; - align-items: center; - background-color: #f9f9f9; - border: 1px solid #ddd; - border-radius: 8px; - margin-bottom: 10px; - padding: 15px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -} - -ul li:hover { - background-color: #f1f1f1; -} - -ul li button { - background-color: #ff5252; - color: white; - border: none; - border-radius: 5px; - padding: 10px 15px; - cursor: pointer; - font-size: 14px; - transition: background-color 0.3s ease, transform 0.2s ease; -} - -ul li button:hover { - background-color: #d32f2f; - transform: scale(1.05); -} - -/* フッタースタイル (必要なら追加) */ -footer { - text-align: center; - margin-top: 30px; - padding: 10px 0; - font-size: 14px; - color: #888; - background-color: #0078d7; - color: white; -} - -/* モバイル対応 */ -@media (max-width: 600px) { - h1 { - font-size: 22px; - padding: 15px; - } - - #map { - height: 400px; - } - - ul li { - flex-direction: column; - align-items: flex-start; - padding: 15px; - } - - ul li button { - margin-top: 10px; - width: 100%; - } -}