{"id":118,"date":"2026-02-14T20:46:14","date_gmt":"2026-02-14T11:46:14","guid":{"rendered":"https:\/\/www.tokitoki06.com\/?page_id=118"},"modified":"2026-02-14T20:48:41","modified_gmt":"2026-02-14T11:48:41","slug":"%e6%a4%9c%e7%b4%a2","status":"publish","type":"page","link":"https:\/\/www.tokitoki06.com\/?page_id=118","title":{"rendered":"search"},"content":{"rendered":"\n<style>\n\/* ===== SWELL\u3063\u307d\u3044\u7d5e\u308a\u8fbc\u307f\u691c\u7d22UI\uff08\u9752\u7cfb\uff09 ===== *\/\n.swell-filter { margin: 0; font-size: 14px; }\n.swell-filter .sf-title { font-weight: 700; margin: 0 0 8px; }\n.swell-filter .sf-row { margin-bottom: 14px; }\n\n.swell-filter .sf-input{\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid rgba(0,0,0,.15);\n  border-radius: 10px;\n  outline: none;\n}\n.swell-filter .sf-input:focus{\n  border-color: #0073e6;\n}\n\n\/* \u30c1\u30c3\u30d7\u4e26\u3073\uff08\u6a2a\u4e26\u3073\uff0b\u6298\u308a\u8fd4\u3057\uff09 *\/\n.swell-filter .sf-chips{\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n\/* \u30c1\u30a7\u30c3\u30af\u672c\u4f53\u306f\u96a0\u3059 *\/\n.swell-filter .sf-check{\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n\n\/* \u30c1\u30c3\u30d7\u5916\u89b3 *\/\n.swell-filter .sf-chip{\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 14px;\n  border: 1px solid rgba(0,0,0,.15);\n  border-radius: 999px;\n  background: #fff;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  transition: .2s;\n  box-shadow: 0 1px 3px rgba(0,0,0,.06);\n}\n\n\/* \u30db\u30d0\u30fc\u6642 *\/\n.swell-filter .sf-chip:hover{\n  border-color: #0073e6;\n  box-shadow: 0 4px 12px rgba(0,115,230,.15);\n}\n\n\/* \u2705 \u9078\u629e\u4e2d\uff1a\u6fc3\u3044\u9752\uff0b\u767d\u6587\u5b57\uff0b\u5f71 *\/\n.swell-filter .sf-check:checked + .sf-chip{\n  border-color: #0073e6;\n  background: linear-gradient(135deg, #0073e6, #005bb5);\n  color: #fff;\n  box-shadow: 0 8px 20px rgba(0,115,230,.35);\n}\n\n.swell-filter .sf-hint{\n  font-size: 12px;\n  margin: 8px 0 0;\n  opacity: .75;\n}\n\n\/* \u30dc\u30bf\u30f3 *\/\n.swell-filter .sf-btn{\n  width: 100%;\n  padding: 10px 12px;\n  border: none;\n  border-radius: 12px;\n  background: #0073e6;\n  color: #fff;\n  cursor: pointer;\n  font-weight: 700;\n  transition: .2s;\n}\n.swell-filter .sf-btn:hover{\n  background: #005bb5;\n  box-shadow: 0 8px 20px rgba(0,115,230,.25);\n}\n\n\/* \u30af\u30ea\u30a2\u30dc\u30bf\u30f3 *\/\n.swell-filter .sf-btn-sub{\n  width: 100%;\n  padding: 10px 12px;\n  border-radius: 12px;\n  border: 1px solid rgba(0,0,0,.15);\n  background: #fff;\n  cursor: pointer;\n  font-weight: 700;\n  margin-top: 8px;\n}\n.swell-filter .sf-btn-sub:hover{\n  background: rgba(0,0,0,.04);\n}\n<\/style>\n\n<form id=\"filterSearch\" class=\"swell-filter\" role=\"search\" method=\"get\" action=\"\/\">\n\n  <!-- \u30ad\u30fc\u30ef\u30fc\u30c9 -->\n  <div class=\"sf-row\">\n    <input class=\"sf-input\" type=\"search\" name=\"s\"\n      placeholder=\"\u30ad\u30fc\u30ef\u30fc\u30c9\uff08\u4f8b\uff1a\u81ea\u7136\u7d20\u6750 \u7121\u57a2\uff09\">\n    <p class=\"sf-hint\">\u203b\u30b9\u30da\u30fc\u30b9\u533a\u5207\u308a\u3067AND\u691c\u7d22\u3067\u304d\u307e\u3059<\/p>\n  <\/div>\n\n  <!-- \u5efa\u3066\u65b9\uff08\u30ab\u30c6\u30b4\u30ea\u30fc OR\uff09 -->\n  <div class=\"sf-row\">\n    <div class=\"sf-title\">\u5efa\u3066\u65b9<\/div>\n    <div class=\"sf-chips\">\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"cat_cb\" value=\"2\">\n        <span class=\"sf-chip\">\u5e73\u5c4b<\/span>\n      <\/label>\n\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"cat_cb\" value=\"3\">\n        <span class=\"sf-chip\">2\u968e\u5efa\u3066<\/span>\n      <\/label>\n    <\/div>\n    <p class=\"sf-hint\">\u203b\u8907\u6570\u9078\u3076\u3068OR\uff08\u3069\u3061\u3089\u3082\u5bfe\u8c61\uff09<\/p>\n  <\/div>\n\n  <!-- \u576a\u6570\uff08\u30bf\u30b0 AND\uff09 -->\n  <div class=\"sf-row\">\n    <div class=\"sf-title\">\u576a\u6570<\/div>\n    <div class=\"sf-chips\">\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"tag_cb\" value=\"tsubo-25-under\">\n        <span class=\"sf-chip\">25\u576a\u4ee5\u4e0b<\/span>\n      <\/label>\n\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"tag_cb\" value=\"tsubo-26-30\">\n        <span class=\"sf-chip\">26\u301c30\u576a<\/span>\n      <\/label>\n\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"tag_cb\" value=\"tsubo-31-35\">\n        <span class=\"sf-chip\">31\u301c35\u576a<\/span>\n      <\/label>\n\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"tag_cb\" value=\"tsubo-36-40\">\n        <span class=\"sf-chip\">36\u301c40\u576a<\/span>\n      <\/label>\n\n      <label>\n        <input class=\"sf-check\" type=\"checkbox\" name=\"tag_cb\" value=\"tsubo-41-over\">\n        <span class=\"sf-chip\">41\u576a\u4ee5\u4e0a<\/span>\n      <\/label>\n    <\/div>\n    <p class=\"sf-hint\">\u203b\u8907\u6570\u9078\u3076\u3068AND\uff08\u4e21\u65b9\u30bf\u30b0\u304c\u4ed8\u3044\u305f\u8a18\u4e8b\u306e\u307f\uff09<\/p>\n  <\/div>\n\n  <!-- \u691c\u7d22\u30dc\u30bf\u30f3 -->\n  <button class=\"sf-btn\" type=\"submit\">\u691c\u7d22\u3059\u308b<\/button>\n\n  <!-- \u6761\u4ef6\u30af\u30ea\u30a2 -->\n  <button id=\"sfClear\" class=\"sf-btn-sub\" type=\"button\">\n    \u6761\u4ef6\u3092\u30af\u30ea\u30a2\n  <\/button>\n\n<\/form>\n\n<script>\n(function(){\n  const form = document.getElementById('filterSearch');\n  const clearBtn = document.getElementById('sfClear');\n\n  form.addEventListener('submit', function(e){\n    const params = new URLSearchParams();\n\n    \/\/ \u30ad\u30fc\u30ef\u30fc\u30c9\n    const s = form.querySelector('input[name=\"s\"]').value.trim();\n    if (s) params.set('s', s);\n\n    \/\/ \u30ab\u30c6\u30b4\u30ea\u30fc OR\n    const cats = Array.from(form.querySelectorAll('input[name=\"cat_cb\"]:checked'))\n      .map(cb => cb.value);\n    if (cats.length) params.set('cat', cats.join(','));\n\n    \/\/ \u30bf\u30b0 AND\n    const tags = Array.from(form.querySelectorAll('input[name=\"tag_cb\"]:checked'))\n      .map(cb => cb.value);\n    if (tags.length) params.set('tag', tags.join('+'));\n\n    e.preventDefault();\n    const action = form.getAttribute('action') || '\/';\n    window.location.href = action + (params.toString() ? '?' + params.toString() : '');\n  });\n\n  \/\/ \u6761\u4ef6\u30af\u30ea\u30a2\n  clearBtn.addEventListener('click', function(){\n    form.reset();\n    window.location.href = \"\/\";\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u203b\u30b9\u30da\u30fc\u30b9\u533a\u5207\u308a\u3067AND\u691c\u7d22\u3067\u304d\u307e\u3059 \u5efa\u3066\u65b9 \u5e73\u5c4b 2\u968e\u5efa\u3066 \u203b\u8907\u6570\u9078\u3076\u3068OR\uff08\u3069\u3061\u3089\u3082\u5bfe\u8c61\uff09 \u576a\u6570 25\u576a\u4ee5\u4e0b 26\u301c30\u576a 31\u301c35\u576a 36\u301c40\u576a 41\u576a\u4ee5\u4e0a \u203b\u8907\u6570\u9078\u3076\u3068AND\uff08\u4e21\u65b9\u30bf\u30b0\u304c\u4ed8\u3044\u305f\u8a18\u4e8b\u306e\u307f\uff09 \u691c\u7d22 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=118"}],"version-history":[{"count":2,"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/www.tokitoki06.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}