{"id":849,"date":"2026-09-07T22:39:29","date_gmt":"2026-09-07T13:39:29","guid":{"rendered":"https:\/\/cleanpartners.online\/?page_id=849"},"modified":"2026-09-07T22:54:14","modified_gmt":"2026-09-07T13:54:14","slug":"849-2","status":"publish","type":"page","link":"https:\/\/cleanpartners.online\/?page_id=849","title":{"rendered":"\u7c21\u5358\u304a\u898b\u7a4d\u308a"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u7c21\u5358\u304a\u898b\u7a4d\u3082\u308a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --bg: #FAFCFC;\n    --ink-navy: #142B3D;\n    --teal-flow: #1FA99A;\n    --coral-warm: #FF7A59;\n    --slate-mute: #7C8DA0;\n    --mint-pale: #DCF3EF;\n    --border: #E3EEEE;\n  }\n  body { background: var(--bg); margin: 0; padding: 2rem 1rem; }\n  .ac-widget * { box-sizing: border-box; }\n  .ac-widget {\n    background: #fff;\n    color: var(--ink-navy);\n    font-family: 'Noto Sans JP', sans-serif;\n    max-width: 640px;\n    margin: 0 auto;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n  }\n  .ac-widget .mono { font-family: 'JetBrains Mono', monospace; letter-spacing: 0.02em; }\n\n  .ac-header {\n    padding: 1.6rem 1.6rem 1.2rem;\n    border-bottom: 1px solid var(--border);\n    background: #FFECB3;\n  }\n  .ac-icon-circle {\n    width: 40px; height: 40px; border-radius: 50%; background: #fff;\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 2px 6px rgba(20,43,61,0.08);\n  }\n  .ac-option-icon {\n    width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center;\n    justify-content: center; flex-shrink: 0;\n  }\n  .ac-header-title { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0 0 0.4rem; }\n  .ac-header h1 { font-weight: 700; font-size: 1.25rem; margin: 0; text-align: center; color: var(--ink-navy); }\n  .ac-header p { color: var(--slate-mute); font-size: 0.85rem; line-height: 1.7; margin: 0; }\n\n  .ac-body { padding: 1.5rem 1.6rem 1.9rem; }\n  .ac-group-title {\n    font-size: 0.76rem; font-weight: 700; color: var(--ink-navy); text-transform: uppercase;\n    letter-spacing: 0.08em; margin: 1.3rem 0 0.75rem;\n  }\n  .ac-group-title:first-child { margin-top: 0; }\n  .ac-field { display: flex; flex-direction: column; gap: 0.3rem; margin-bottom: 0.8rem; }\n  .ac-field label { font-size: 0.8rem; font-weight: 500; display: flex; align-items: center; gap: 0.35rem; }\n  .ac-hint { font-size: 0.7rem; color: var(--slate-mute); }\n  .ac-widget select {\n    font-family: 'Noto Sans JP', sans-serif; font-size: 0.9rem; border: 1.5px solid var(--border);\n    border-radius: 8px; padding: 0.6rem 0.7rem; background: #FBFEFE; color: var(--ink-navy); width: 100%;\n  }\n  .ac-widget select:focus {\n    outline: none; border-color: var(--teal-flow); box-shadow: 0 0 0 3px rgba(31,169,154,0.14);\n  }\n\n  .ac-unit-line {\n    display: flex; align-items: center; justify-content: space-between; gap: 0.8rem;\n    border: 1.5px solid var(--border); border-radius: 8px; padding: 0.65rem 0.85rem;\n    background: #FBFEFE; font-size: 0.86rem; margin-bottom: 0.8rem;\n  }\n  .ac-unit-line .name { font-weight: 500; }\n  .ac-unit-line .price { color: var(--slate-mute); font-size: 0.78rem; }\n\n  .ac-options { display: flex; flex-direction: column; gap: 0.5rem; }\n  .ac-option {\n    display: flex; align-items: center; justify-content: space-between; gap: 0.6rem;\n    border: 1.5px solid var(--border); border-radius: 8px; padding: 0.6rem 0.8rem;\n    background: #fff;\n  }\n  .ac-option-left { display: flex; align-items: center; gap: 0.6rem; font-size: 0.85rem; }\n  .ac-option-price { font-size: 0.8rem; font-weight: 700; color: var(--ink-navy); white-space: nowrap; }\n  .ac-option-qty-controls { display: flex; align-items: center; gap: 0.6rem; }\n  .ac-option-qty-controls select { width: auto; padding: 0.4rem 0.55rem; font-size: 0.85rem; }\n\n  .ac-price-box {\n    background: var(--ink-navy); color: #fff; border-radius: 12px; padding: 1rem 1.1rem;\n    margin-top: 1.3rem;\n  }\n  .ac-price-label { font-size: 0.76rem; color: #C7D6DE; }\n  .ac-price-value { font-size: 1.4rem; font-weight: 700; margin-top: 0.1rem; }\n  .ac-price-note { font-size: 0.66rem; color: #93A8B4; margin-top: 0.3rem; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"ac-widget\">\n  <div class=\"ac-header\">\n    <div class=\"ac-header-title\">\n      <span class=\"ac-icon-circle\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect x=\"5\" y=\"12\" width=\"38\" height=\"14\" rx=\"4\" fill=\"#DCEBFB\" stroke=\"#2D7DD2\" stroke-width=\"2\"\/>\n        <line x1=\"10\" y1=\"19\" x2=\"38\" y2=\"19\" stroke=\"#2D7DD2\" stroke-width=\"1.5\"\/>\n        <circle cx=\"35\" cy=\"15.5\" r=\"1.5\" fill=\"#2D7DD2\"\/>\n        <path d=\"M12 27 C 12 32, 8 32, 8 37\" stroke=\"#2D7DD2\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <path d=\"M22 27 C 22 32, 18 32, 18 37\" stroke=\"#2D7DD2\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <path d=\"M32 27 C 32 32, 28 32, 28 37\" stroke=\"#2D7DD2\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n      <\/svg>\n      <\/span>\n      <h1>\u7c21\u5358\u304a\u898b\u7a4d\u3082\u308a<\/h1>\n    <\/div>\n    <p>\u53f0\u6570\u3068\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u3076\u3068\u3001\u6982\u7b97\u91d1\u984d\u304c\u81ea\u52d5\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\u3067\u3082\u540c\u3058\u8a08\u7b97\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  <\/div>\n\n  <div class=\"ac-body\">\n    <div class=\"ac-group-title\">\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u5185\u5bb9\u30fb\u304a\u898b\u7a4d\u308a<\/div>\n    <div class=\"ac-unit-line\">\n      <span class=\"name\">\u5bb6\u5ead\u7528\u58c1\u639b\u3051\u30a8\u30a2\u30b3\u30f3<\/span>\n      <span class=\"price\">\u7a0e\u8fbc\u00a58,800\/\u53f0<\/span>\n    <\/div>\n    <div class=\"ac-field\">\n      <label>\u53f0\u6570 <span class=\"ac-hint\">\u8907\u6570\u53f0\u5272\u5f15\u3042\u308a<\/span><\/label>\n      <select id=\"ac_unitCount\">\n        <option value=\"1\">1\u53f0<\/option>\n        <option value=\"2\">2\u53f0<\/option>\n        <option value=\"3\">3\u53f0<\/option>\n        <option value=\"4\">4\u53f0<\/option>\n        <option value=\"5\">5\u53f0<\/option>\n        <option value=\"6\">6\u53f0<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"ac-field\">\n      <label>\u30aa\u30d7\u30b7\u30e7\u30f3<\/label>\n      <div class=\"ac-options\">\n        <div class=\"ac-option\">\n          <span class=\"ac-option-left\">\n            <span class=\"ac-option-icon\" style=\"background:var(--mint-pale);\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2 L13.8 9 L21 12 L13.8 15 L12 22 L10.2 15 L3 12 L10.2 9 Z\" fill=\"#1FA99A\"\/><\/svg>\n            <\/span>\n            \u304a\u6383\u9664\u6a5f\u80fd\u4ed8\u304d\u5206\u89e3\u6d17\u6d44\n          <\/span>\n          <span class=\"ac-option-qty-controls\">\n            <select id=\"ac_selfclean_qty\"><option value=\"0\">0\u53f0<\/option><\/select>\n            <span class=\"ac-option-price\">\u7a0e\u8fbc\u00a55,500\/\u53f0<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"ac-option\">\n          <span class=\"ac-option-left\">\n            <span class=\"ac-option-icon\" style=\"background:#FFE9E2;\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2 L20 5 V11 C20 16 16.5 20 12 22 C7.5 20 4 16 4 11 V5 Z\" stroke=\"#FF7A59\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/span>\n            \u9632\u30ab\u30d3\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\n          <\/span>\n          <span class=\"ac-option-qty-controls\">\n            <select id=\"ac_coating_qty\"><option value=\"0\">0\u53f0<\/option><\/select>\n            <span class=\"ac-option-price\">\u7a0e\u8fbc\u00a52,200\/\u53f0<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"ac-option\">\n          <span class=\"ac-option-left\">\n            <span class=\"ac-option-icon\" style=\"background:#EAEFF3;\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#7C8DA0\"\/><path d=\"M12 3 V7 M12 17 V21 M3 12 H7 M17 12 H21 M5.6 5.6 L8.4 8.4 M15.6 15.6 L18.4 18.4 M18.4 5.6 L15.6 8.4 M8.4 15.6 L5.6 18.4\" stroke=\"#7C8DA0\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n            <\/span>\n            \u5ba4\u5916\u6a5f\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\n          <\/span>\n          <span class=\"ac-option-qty-controls\">\n            <select id=\"ac_outdoor_qty\"><option value=\"0\">0\u53f0<\/option><\/select>\n            <span class=\"ac-option-price\">\u7a0e\u8fbc\u00a54,400\/\u53f0<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"ac-option\">\n          <span class=\"ac-option-left\">\n            <span class=\"ac-option-icon\" style=\"background:var(--mint-pale);\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2 C12 2 5 11 5 15.5 C5 19.6 8.1 22 12 22 C15.9 22 19 19.6 19 15.5 C19 11 12 2 12 2 Z\" fill=\"#1FA99A\"\/><\/svg>\n            <\/span>\n            \u30c9\u30ec\u30a4\u30f3\u30db\u30fc\u30b9\u6d17\u6d44\n          <\/span>\n          <span class=\"ac-option-qty-controls\">\n            <select id=\"ac_drain_qty\"><option value=\"0\">0\u53f0<\/option><\/select>\n            <span class=\"ac-option-price\">\u7a0e\u8fbc\u00a53,300\/\u53f0<\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ac-price-box\">\n      <div class=\"ac-price-label\">\u6982\u7b97\u91d1\u984d\uff08\u7a0e\u8fbc\uff09<\/div>\n      <div class=\"ac-price-value mono\" id=\"ac_total\">\u00a58,800<\/div>\n      <div class=\"ac-price-note\" id=\"ac_discount_note\"><\/div>\n      <div class=\"ac-price-note\">\u6b63\u5f0f\u306a\u91d1\u984d\u306f\u3054\u8a2a\u554f\u5f8c\u306e\u78ba\u8a8d\u306b\u3088\u308a\u307e\u3059<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var UNIT_PRICE = 8800;\n  var DISCOUNT_THRESHOLD = 2;\n  function calcDiscount(count) {\n    if (count < DISCOUNT_THRESHOLD) return 0;\n    var perUnitDiscount = count <= 3 ? 1100 : 2200;\n    return perUnitDiscount * count;\n  }\n  var OPTIONS = [\n    { selectId: \"ac_selfclean_qty\", price: 5500 },\n    { selectId: \"ac_coating_qty\", price: 2200 },\n    { selectId: \"ac_outdoor_qty\", price: 4400 },\n    { selectId: \"ac_drain_qty\", price: 3300 },\n  ];\n\n  var $ = function (id) { return document.getElementById(id); };\n\n  function getUnitCount() {\n    return Math.max(1, parseInt($(\"ac_unitCount\").value, 10) || 1);\n  }\n\n  function syncOptionQtySelects() {\n    var count = getUnitCount();\n    OPTIONS.forEach(function (opt) {\n      var select = $(opt.selectId);\n      var current = parseInt(select.value, 10) || 0;\n      if (current > count) current = count;\n      select.innerHTML = \"\";\n      for (var i = 0; i <= count; i++) {\n        var o = document.createElement(\"option\");\n        o.value = i;\n        o.textContent = i + \"\u53f0\";\n        select.appendChild(o);\n      }\n      select.value = current;\n    });\n  }\n\n  function calcTotal() {\n    var count = getUnitCount();\n    var subtotal = UNIT_PRICE * count;\n    OPTIONS.forEach(function (opt) {\n      var qty = parseInt($(opt.selectId).value, 10) || 0;\n      subtotal += opt.price * qty;\n    });\n    var discount = count >= DISCOUNT_THRESHOLD ? calcDiscount(count) : 0;\n    return { subtotal: subtotal, discount: discount, total: subtotal - discount };\n  }\n\n  function renderTotal() {\n    var r = calcTotal();\n    $(\"ac_total\").textContent = \"\u00a5\" + r.total.toLocaleString(\"ja-JP\");\n    $(\"ac_discount_note\").textContent = r.discount > 0\n      ? \"\u53f0\u6570\u5272\u5f15 -\u00a5\" + r.discount.toLocaleString(\"ja-JP\") + \" \u9069\u7528\u6e08\u307f\"\n      : \"\";\n  }\n\n  $(\"ac_unitCount\").addEventListener(\"change\", function () { syncOptionQtySelects(); renderTotal(); });\n  OPTIONS.forEach(function (opt) {\n    $(opt.selectId).addEventListener(\"change\", renderTotal);\n  });\n\n  syncOptionQtySelects();\n  renderTotal();\n})();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7c21\u5358\u304a\u898b\u7a4d\u3082\u308a \u7c21\u5358\u304a\u898b\u7a4d\u3082\u308a \u53f0\u6570\u3068\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u3076\u3068\u3001\u6982\u7b97\u91d1\u984d\u304c\u81ea\u52d5\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\u3067\u3082\u540c\u3058\u8a08\u7b97\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u5185\u5bb9\u30fb\u304a\u898b\u7a4d\u308a \u5bb6\u5ead\u7528\u58c1\u639b\u3051\u30a8\u30a2\u30b3\u30f3 \u7a0e\u8fbc\u00a58,800\/\u53f0 \u53f0\u6570 \u8907\u6570\u53f0\u5272\u5f15\u3042\u308a  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","footnotes":""},"class_list":["post-849","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/pages\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cleanpartners.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=849"}],"version-history":[{"count":3,"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/cleanpartners.online\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions\/854"}],"wp:attachment":[{"href":"https:\/\/cleanpartners.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}