diff --git a/sushi.css b/sushi.css deleted file mode 100644 index ad6113b..0000000 --- a/sushi.css +++ /dev/null @@ -1,76 +0,0 @@ -body { - font-family: "Helvetica Neue", sans-serif; - background-color: #f9f9f9; - margin: 0; - padding: 0; - text-align: center; - color: #333; -} - -h1 { - background-color: #ffcc80; - padding: 20px; - margin: 0; - font-size: 24px; - color: #444; -} - -#map { - height: 420px; /* 地図が表示されない原因はほぼここ */ - width: 90%; - max-width: 800px; - margin: 30px auto 20px; - border-radius: 14px; - border: 4px solid #ffcc80; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); -} - -button#checkBtn { - background-color: #ff9800; - color: white; - border: none; - padding: 12px 24px; - font-size: 16px; - cursor: pointer; - border-radius: 6px; - margin-bottom: 20px; -} - -button#checkBtn:hover { - background-color: #e68900; -} - -#result { - margin: 20px auto; - width: 90%; - max-width: 800px; - text-align: left; -} - -#result p { - background-color: #fff; - padding: 12px; - border-radius: 6px; - margin: 8px 0; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -} - -p.got { - background-color: #d4edda; - border-left: 6px solid #28a745; -} - -#stampList { - list-style: none; - padding: 0; - margin: 20px auto; - width: 90%; - max-width: 800px; -} - -#stampList li { - background-color: #fff; - padding: 10px; - border-bottom: 1px solid #eee; - text-align: left; -} diff --git a/sushi.html b/sushi.html new file mode 100644 index 0000000..272ff48 --- /dev/null +++ b/sushi.html @@ -0,0 +1,180 @@ + + +
+ +