「飲食店検索」の版間の差分

← 古い編集新しい編集 →

ビジュアルウィキテキスト

2025年12月8日 (月) 23:01時点における版

検索条件

検索結果

エラー: テーブル飲食店情報が見つかりません。

@@ 161行目: / 161行目: @@
      transition: all 0.25s ease;
 }
-    #searchText,
+#searchText,
-    #searchForm select{
+#searchForm select{
-        height: 35px;
+    height: 35px;
-        font-size: 1em;
+    font-size: 1em;
-        background-color: Canvas;
+    background-color: Canvas;
-        color: CanvasText;
+    color: CanvasText;
-    }
+}
-    .inputbox {
+.inputbox {
-        width: 100%;
+    width: 100%;
-        max-width: 450px;
+    max-width: 450px;
-    }
+}
-    #searchForm input[type="radio"],
+#searchForm input[type="radio"],
-    #searchForm input[type="checkbox"] {
+#searchForm input[type="checkbox"] {
-        transform: scale(1.5);
+    transform: scale(1.5);
-        transform-origin: left center;
+    transform-origin: left center;
-        margin-right: 15px;
+    margin-right: 15px;
-    }
+}
 #searchForm fieldset label {
      display: flex;
@@ 190行目: / 190行目: @@
 }
-    .search-form {
+.search-form {
-        max-width: 700px;
+    max-width: 700px;
-        margin: 1em auto;
+    margin: 1em auto;
-        font-size: 14px;
+    font-size: 14px;
-    }
+}
-    .form-row {
+.form-row {
-        display: flex;
+    display: flex;
-        align-items: center;
+    align-items: center;
-        margin: 0.5em 0;
+    margin: 0.5em 0;
-        gap: 1em;
+    gap: 1em;
-     }
+}
+/* トグルスイッチ */
+.toggle {
+    position: relative;
+    width: 40px;
+    height: 22px;
+     display: inline-block;
+}
-    /* トグルスイッチ */
+.toggle input {
-    .toggle {
+    display: none;
-        position: relative;
+}
-        width: 40px;
-        height: 22px;
-        display: inline-block;
-    }
-    .toggle input {
+.slider {
-        display: none;
+    position: absolute;
-     }
+     cursor: pointer;
+    inset: 0;
+    background: #ccc;
+    border-radius: 22px;
+}
-    .slider {
+.slider::before {
-        position: absolute;
+    content: "";
-        cursor: pointer;
+    position: absolute;
-        inset: 0;
+    height: 18px;
-        background: #ccc;
+    width: 18px;
-        border-radius: 22px;
+    left: 2px;
-     }
+    top: 2px;
+    background: white;
+    border-radius: 50%;
+     transition: .3s;
+}
-    .slider::before {
+.toggle input:checked+.slider {
-        content: "";
+    background: #4caf50;
-        position: absolute;
+}
-        height: 18px;
-        width: 18px;
-        left: 2px;
-        top: 2px;
-        background: white;
-        border-radius: 50%;
-        transition: .3s;
-    }
-    .toggle input:checked+.slider {
+.toggle input:checked+.slider::before {
-        background: #4caf50;
+    transform: translateX(18px);
-    }
+}
-     .toggle input:checked+.slider::before {
+/* アコーディオン */
-        transform: translateX(18px);
+.accordion {
-     }
+     margin-top: 1em;
+    border: 1px solid #ccc;
+    padding: 1em;
+    border-radius: 6px;
+     background-color: #e5e9f0;
+}
-    /* アコーディオン */
+.accordion summary {
-    .accordion {
+    cursor: pointer;
-        margin-top: 1em;
+    font-weight: bold;
-        border: 1px solid #ccc;
+}
-        padding: 1em;
-        border-radius: 6px;
-        background-color: #e5e9f0;
-    }
-    .accordion summary {
+fieldset {
-        cursor: pointer;
+    border: none;
-        font-weight: bold;
+    margin: 1em 0;
-    }
+}
-    fieldset {
+legend {
-        border: none;
+    font-weight: bold;
-        margin: 1em 0;
+}
-    }
-    legend {
-        font-weight: bold;
-    }
 .search-card {
    border: 1px solid #ddd;