{"id":30,"date":"2026-09-27T08:17:03","date_gmt":"2026-09-27T08:17:03","guid":{"rendered":"https:\/\/bsolution.me\/ja\/paint-calculator-4\/"},"modified":"2026-09-27T09:00:18","modified_gmt":"2026-09-27T09:00:18","slug":"paint-calculator-2","status":"publish","type":"page","link":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/","title":{"rendered":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f"},"content":{"rendered":"\n\n<style>\n\/* Perfected Futuristic Design System by Bsolution *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;700;800&display=swap');\n\n:root {\n    --f-bg: #F5F5F7;\n    --f-card: rgba(255, 255, 255, 0.85);\n    --f-text: #1d1d1f;\n    --f-muted: #86868b;\n    --f-accent: #0066cc;\n    --f-border: rgba(0, 0, 0, 0.08);\n    --f-shadow: 0 8px 30px rgba(0,0,0,0.04);\n}\n\n.dark-theme {\n    --f-bg: #000000;\n    --f-card: rgba(28, 28, 30, 0.85);\n    --f-text: #f5f5f7;\n    --f-muted: #86868b;\n    --f-accent: #2997ff;\n    --f-border: rgba(255, 255, 255, 0.12);\n    --f-shadow: 0 8px 40px rgba(0,0,0,0.6);\n}\n\n.futur-layout {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: 'Heebo', -apple-system, system-ui, sans-serif;\n    direction: ltr;\n    color: var(--f-text);\n    background-color: transparent;\n    transition: color 0.3s ease;\n}\n\n\/* Global Background override when tool is active *\/\nbody.tool-active {\n    background-color: var(--f-bg) !important;\n}\n\n.futur-glass-card {\n    background: var(--f-card);\n    backdrop-filter: saturate(180%) blur(20px);\n    -webkit-backdrop-filter: saturate(180%) blur(20px);\n    border: 1px solid var(--f-border);\n    border-radius: 22px;\n    padding: 40px;\n    box-shadow: var(--f-shadow);\n    margin-bottom: 40px;\n}\n\n.futur-layout h1.wp-block-heading {\n    font-size: clamp(2.5rem, 5vw, 3.5rem);\n    font-weight: 800;\n    color: var(--f-text);\n    margin-bottom: 12px;\n    letter-spacing: -0.02em;\n    text-align: center;\n}\n\n.futur-layout .tool-card {\n    width: 80%;\n    margin: 0 auto 40px auto;\n}\n@media (max-width: 900px) {\n    .futur-layout .tool-card { width: 100%; }\n}\n\n.futur-layout header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 12px;\n    margin-bottom: 34px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.futur-layout header h1, \n.futur-layout header h2.main-title,\n.futur-layout header .title-wrap .main-title {\n    margin: 0;\n    font-size: clamp(2rem, 4vw, 2.7rem);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--f-text);\n}\n.futur-layout header h2.main-title span.icon { font-size: 1.25em; }\n.futur-layout header .subtitle,\n.futur-layout header p.subtitle {\n    margin: 0;\n    font-size: 1.05rem;\n    color: var(--f-muted);\n    line-height: 1.6;\n}\n.futur-layout header .badge-local,\n.futur-layout header .free-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    padding: 6px 14px;\n    border-radius: 999px;\n    border: 1px solid var(--f-border);\n    background: var(--f-card);\n    color: var(--f-text);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n}\n.futur-layout header .badge-dot,\n.futur-layout header .free-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    background: #22c55e;\n    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25);\n}\n\n.futur-layout .page-hook {\n    font-size: 1.25rem;\n    color: var(--f-muted);\n    text-align: center;\n    margin-bottom: 50px;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.futur-layout h2.wp-block-heading {\n    font-size: 1.7rem;\n    font-weight: 700;\n    margin: 40px 0 20px;\n}\n\n.futur-layout p {\n    font-size: 1.15rem;\n    color: var(--f-text);\n    opacity: 0.9;\n    margin-bottom: 24px;\n    line-height: 1.7;\n}\n\n\/* Theme Toggle Button *\/\n.theme-toggle-wrap {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 20px;\n}\n.theme-btn {\n    background: var(--f-card);\n    border: 1px solid var(--f-border);\n    color: var(--f-text);\n    padding: 8px 16px;\n    border-radius: 999px;\n    cursor: pointer;\n    font-size: 0.9rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: var(--f-shadow);\n}\n\n\/* Input & Button Styles for Tools *\/\n.futur-input {\n    width: 100%;\n    padding: 12px 16px;\n    border-radius: 12px;\n    border: 1px solid var(--f-border);\n    background: rgba(0,0,0,0.03);\n    color: var(--f-text);\n    font-size: 1rem;\n    margin-bottom: 16px;\n    transition: all 0.2s ease;\n}\n.dark-theme .futur-input { background: rgba(255,255,255,0.05); }\n\n.futur-btn {\n    background: var(--f-accent);\n    color: #fff;\n    border: none;\n    padding: 14px 28px;\n    border-radius: 12px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n}\n.futur-btn:hover { transform: scale(1.02); }\n\n@media (max-width: 600px) {\n    .futur-layout { padding: 40px 16px; }\n    .futur-glass-card { padding: 24px; }\n}\n<\/style>\n<script>\n(function() {\n    var applyTheme = function(theme) {\n        if (theme === 'dark') {\n            document.documentElement.classList.add('dark-theme');\n        } else {\n            document.documentElement.classList.remove('dark-theme');\n        }\n        localStorage.setItem('bsolution-theme', theme);\n    };\n    \n    \/\/ Apply saved theme immediately\n    document.body.classList.add('tool-active');\n    var saved = localStorage.getItem('bsolution-theme') || 'light';\n    applyTheme(saved);\n    \n    \/\/ Bind theme toggle button (with retry since it may not exist yet)\n    function bindToggle() {\n        var btn = document.getElementById('globalThemeToggle');\n        if (!btn) { setTimeout(bindToggle, 100); return; }\n        if (btn.dataset.bound) return;\n        btn.dataset.bound = '1';\n        btn.addEventListener('click', function() {\n            var isDark = document.documentElement.classList.contains('dark-theme');\n            applyTheme(isDark ? 'light' : 'dark');\n        });\n    }\n    bindToggle();\n})();\n<\/script>\n\n<div class=\"futur-layout\">\n<div class=\"theme-toggle-wrap\"><button class=\"theme-btn\" id=\"globalThemeToggle\">\ud83c\udf19 \u30c0\u30fc\u30af\u30e2\u30fc\u30c9<\/button><\/div>\n\n\n\n<header>\n<h2 class=\"main-title\">\u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f <span class=\"icon pill\">\ud83c\udfa8<\/span><\/h2>\n<p class=\"subtitle\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n<div class=\"free-badge\"><span class=\"free-dot\"><\/span> \u5b8c\u5168\u7121\u6599<\/div>\n<\/header>\n\n\n\n<div class=\"futur-glass-card tool-card\">\n<div id=\"bnet-tool-paint-calculator\">\n<style>\n    \/* CSS Variables: Light Mode *\/\n    #bnet-tool-paint-calculator {\n      --bg-color: transparent;\n      --text-color: #333333;\n      --border-color: #e5e5e5;\n      --accent-color: #0066cc;\n      --secondary-bg: #f8f9fa;\n      --danger-color: #dc3545;\n      --radius: 12px;\n      font-family: 'Heebo', sans-serif;\n      direction: ltr;\n      color: var(--text-color);\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    \n    \/* CSS Variables: Dark Mode *\/\n    .dark-theme #bnet-tool-paint-calculator {\n      --text-color: #f5f5f5;\n      --border-color: #444444;\n      --accent-color: #2997ff;\n      --secondary-bg: #1a1a1a;\n    }\n\n    #bnet-tool-paint-calculator * {\n      box-sizing: border-box;\n    }\n\n    \/* Styles scoped only to this tool *\/\n    #bnet-tool-paint-calculator .calculator-container {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    #bnet-tool-paint-calculator .section-title {\n      font-size: 1.1rem;\n      font-weight: bold;\n      margin-bottom: 10px;\n      color: var(--text-color);\n    }\n    \n    #bnet-tool-paint-calculator .section-subtitle {\n      font-size: 0.9rem;\n      color: #666;\n      margin-bottom: 15px;\n    }\n\n    .dark-theme #bnet-tool-paint-calculator .section-subtitle {\n      color: #aaa;\n    }\n\n    #bnet-tool-paint-calculator .input-group {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      margin-bottom: 15px;\n    }\n\n    #bnet-tool-paint-calculator label {\n      font-size: 0.9rem;\n      font-weight: 600;\n    }\n\n    #bnet-tool-paint-calculator select, \n    #bnet-tool-paint-calculator input[type=\"number\"],\n    #bnet-tool-paint-calculator input[type=\"text\"] {\n      width: 100%;\n      padding: 10px 14px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--secondary-bg);\n      color: var(--text-color);\n      font-family: inherit;\n      font-size: 1rem;\n    }\n    \n    #bnet-tool-paint-calculator select:focus, \n    #bnet-tool-paint-calculator input:focus {\n      outline: none;\n      border-color: var(--accent-color);\n      box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);\n    }\n    \n    .dark-theme #bnet-tool-paint-calculator select:focus, \n    .dark-theme #bnet-tool-paint-calculator input:focus {\n      box-shadow: 0 0 0 2px rgba(41, 151, 255, 0.2);\n    }\n\n    #bnet-tool-paint-calculator details {\n      background: var(--secondary-bg);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius);\n      padding: 15px;\n      margin-bottom: 20px;\n    }\n    \n    #bnet-tool-paint-calculator summary {\n      font-weight: bold;\n      cursor: pointer;\n      user-select: none;\n      outline: none;\n    }\n\n    #bnet-tool-paint-calculator .chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n\n    #bnet-tool-paint-calculator .chip {\n      background: var(--secondary-bg);\n      border: 1px solid var(--border-color);\n      color: var(--text-color);\n      padding: 8px 12px;\n      border-radius: 20px;\n      cursor: pointer;\n      font-size: 0.9rem;\n      transition: all 0.2s ease;\n    }\n\n    #bnet-tool-paint-calculator .chip.active {\n      background: var(--accent-color);\n      color: #fff;\n      border-color: var(--accent-color);\n    }\n\n    #bnet-tool-paint-calculator .areas-list {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    #bnet-tool-paint-calculator .area-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      background: var(--bg-color);\n      padding: 10px;\n      border-radius: var(--radius);\n      border: 1px solid var(--border-color);\n    }\n\n    #bnet-tool-paint-calculator .area-row > div {\n      flex: 1;\n      min-width: 120px;\n    }\n\n    #bnet-tool-paint-calculator .btn {\n      padding: 10px 16px;\n      border: none;\n      border-radius: 8px;\n      font-weight: bold;\n      cursor: pointer;\n      font-family: inherit;\n      transition: background 0.2s ease;\n    }\n\n    #bnet-tool-paint-calculator .btn-primary {\n      background: var(--accent-color);\n      color: #fff;\n      width: 100%;\n      font-size: 1.1rem;\n      padding: 14px;\n      margin-top: 10px;\n    }\n\n    #bnet-tool-paint-calculator .btn-danger {\n      background: rgba(220, 53, 69, 0.1);\n      color: var(--danger-color);\n      border: 1px solid rgba(220, 53, 69, 0.3);\n      padding: 8px 12px;\n    }\n\n    #bnet-tool-paint-calculator .btn-secondary {\n      background: var(--secondary-bg);\n      color: var(--text-color);\n      border: 1px solid var(--border-color);\n    }\n    \n    #bnet-tool-paint-calculator .btn-secondary:hover {\n      background: rgba(0, 0, 0, 0.05);\n    }\n    \n    .dark-theme #bnet-tool-paint-calculator .btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    #bnet-tool-paint-calculator .result-panel {\n      background: rgba(0, 102, 204, 0.05);\n      border: 1px dashed var(--accent-color);\n      border-radius: var(--radius);\n      padding: 20px;\n      text-align: center;\n      margin-top: 20px;\n    }\n\n    .dark-theme #bnet-tool-paint-calculator .result-panel {\n      background: rgba(41, 151, 255, 0.1);\n    }\n\n    #bnet-tool-paint-calculator .result-value {\n      font-size: 2.5rem;\n      font-weight: 900;\n      color: var(--accent-color);\n      margin: 10px 0;\n    }\n\n    #bnet-tool-paint-calculator .result-unit {\n      font-size: 1.2rem;\n      font-weight: normal;\n    }\n\n    #bnet-tool-paint-calculator .result-details {\n      font-size: 0.9rem;\n      color: var(--text-color);\n      background: var(--secondary-bg);\n      padding: 10px;\n      border-radius: 8px;\n      margin-top: 15px;\n      text-align: left;\n      line-height: 1.6;\n    }\n\n    #bnet-tool-paint-calculator .error-msg {\n      color: var(--danger-color);\n      font-size: 0.85rem;\n      margin-top: 5px;\n      display: none;\n    }\n    \n    #bnet-tool-paint-calculator .buttons-row {\n      display: flex;\n      gap: 10px;\n      margin-bottom: 15px;\n    }\n    \n    @media (max-width: 600px) {\n      #bnet-tool-paint-calculator .area-row {\n        flex-direction: column;\n        align-items: stretch;\n      }\n      #bnet-tool-paint-calculator .area-row > div {\n        width: 100%;\n      }\n    }\n  <\/style>\n<div class=\"calculator-container\">\n<div>\n<div class=\"section-title\">\ud83e\uddee \u57fa\u672c\u8a2d\u5b9a<\/div>\n<p class=\"section-subtitle\">\u3053\u3053\u306e\u8a2d\u5b9a\u306f\u3001\u4ee5\u4e0b\u306b\u5165\u529b\u3059\u308b\u3059\u3079\u3066\u306e\u9818\u57df\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002\u7279\u6027\u304c\u7570\u306a\u308b\u8868\u9762\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u500b\u5225\u306b\u8a08\u7b97\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n<div class=\"input-group\">\n<label for=\"paint-surface\">\u8868\u9762\u306e\u7a2e\u985e<\/label>\n<select id=\"paint-surface\">\n<option selected=\"\" value=\"wall_interior\">\u5185\u58c1 \/ \u5929\u4e95\uff08\u77f3\u818f\/\u30b3\u30f3\u30af\u30ea\u30fc\u30c8\uff09<\/option>\n<option value=\"wall_exterior\">\u7c97\u3044\u5916\u58c1<\/option>\n<option value=\"deck_wood\">\u30c7\u30c3\u30ad \/ \u5c4b\u5916\u306e\u6728\u88fd\u8868\u9762<\/option>\n<option value=\"furniture_wood\">\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8 \/ \u6728\u88fd\u5bb6\u5177<\/option>\n<option value=\"metal\">\u91d1\u5c5e\u8868\u9762<\/option>\n<option value=\"floor_epoxy\">\u5e8a\uff08\u5e8a\u7528\u5857\u6599 \/ \u30a8\u30dd\u30ad\u30b7\uff09<\/option>\n<\/select>\n<\/div>\n<div class=\"input-group\">\n<label for=\"paint-type\">\u5857\u6599\u306e\u7a2e\u985e<\/label>\n<select id=\"paint-type\">\n<option selected=\"\" value=\"water_wall\">\u58c1\u7528\u6c34\u6027 \/ \u30a2\u30af\u30ea\u30eb\u5857\u6599<\/option>\n<option value=\"oil_wall\">\u6cb9\u6027\u5857\u6599<\/option>\n<option value=\"wood_water\">\u6728\u90e8\u7528\u6c34\u6027\u5857\u6599 \/ \u30ef\u30cb\u30b9<\/option>\n<option value=\"wood_oil\">\u6728\u90e8\u7528\u6cb9\u6027\u5857\u6599 \/ \u30ef\u30cb\u30b9<\/option>\n<option value=\"metal_enamel\">\u30a8\u30ca\u30e1\u30eb \/ \u91d1\u5c5e\u7528\u5857\u6599<\/option>\n<option value=\"epoxy\">2\u6db2\u578b\u30a8\u30dd\u30ad\u30b7<\/option>\n<option value=\"spray_can\">\u30b9\u30d7\u30ec\u30fc\u7f36<\/option>\n<\/select>\n<\/div>\n<div class=\"input-group\">\n<label for=\"paint-coats\">\u4e88\u5b9a\u3059\u308b\u5857\u88c5\u56de\u6570<\/label>\n<input id=\"paint-coats\" inputmode=\"numeric\" min=\"1\" step=\"1\" type=\"number\" value=\"2\"\/>\n<div class=\"error-msg\" id=\"coats-err\">\u6709\u52b9\u306a\u5857\u88c5\u56de\u6570\uff081\u4ee5\u4e0a\uff09\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n<\/div>\n<\/div>\n<details>\n<summary>\u2699\ufe0f \u8a73\u7d30\u8a2d\u5b9a<\/summary>\n<div style=\"margin-top: 15px;\">\n<div class=\"input-group\">\n<label for=\"paint-safety\">\u5b89\u5168\u30de\u30fc\u30b8\u30f3\uff08%\uff09<\/label>\n<input id=\"paint-safety\" inputmode=\"numeric\" min=\"0\" step=\"1\" type=\"number\" value=\"12\"\/>\n<p style=\"margin: 5px 0 0; font-size: 0.8rem; color: #666;\">\u4fee\u6b63\u7528\u306e\u4f59\u88d5\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\uff0810%\u301c15%\uff09\u3002<\/p>\n<\/div>\n<div class=\"input-group\">\n<label>\u5438\u53ce\u6027 \/ \u8868\u9762\u306e\u8cea\u611f<\/label>\n<div class=\"chips\" id=\"texture-chips\">\n<button class=\"chip active\" data-val=\"smooth\" type=\"button\">\u6ed1\u3089\u304b \/ \u975e\u5438\u53ce\u6027<\/button>\n<button class=\"chip\" data-val=\"normal\" type=\"button\">\u666e\u901a<\/button>\n<button class=\"chip\" data-val=\"rough\" type=\"button\">\u7c97\u3044 \/ \u5438\u53ce\u6027<\/button>\n<\/div>\n<\/div>\n<div class=\"input-group\">\n<label>\u5857\u88c5\u65b9\u6cd5<\/label>\n<div class=\"chips\" id=\"method-chips\">\n<button class=\"chip active\" data-val=\"roller\" type=\"button\">\u30ed\u30fc\u30e9\u30fc<\/button>\n<button class=\"chip\" data-val=\"brush\" type=\"button\">\u5237\u6bdb<\/button>\n<button class=\"chip\" data-val=\"spray_gun\" type=\"button\">\u30b9\u30d7\u30ec\u30fc\u30ac\u30f3<\/button>\n<button class=\"chip\" data-val=\"spray_can\" type=\"button\">\u30b9\u30d7\u30ec\u30fc\u7f36<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/details>\n<div>\n<div class=\"section-title\">\ud83d\udcd0 \u8a08\u7b97\u3059\u308b\u9818\u57df<\/div>\n<p class=\"section-subtitle\">\u5857\u88c5\u3059\u308b\u3059\u3079\u3066\u306e\u9818\u57df\u3092\u5e73\u65b9\u30e1\u30fc\u30c8\u30eb\uff08m\u00b2\uff09\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u7570\u306a\u308b\u58c1\u3084\u90e8\u5c4b\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/p>\n<div class=\"buttons-row\">\n<button class=\"btn btn-secondary\" id=\"add-area-btn\" type=\"button\">\u2795 \u9818\u57df\u3092\u8ffd\u52a0<\/button>\n<button class=\"btn btn-secondary\" id=\"clear-areas-btn\" type=\"button\">\ud83d\uddd1\ufe0f \u3059\u3079\u3066\u30af\u30ea\u30a2<\/button>\n<\/div>\n<div class=\"areas-list\" id=\"areas-list\">\n<\/div>\n<div class=\"error-msg\" id=\"areas-err\">\u5c11\u306a\u304f\u3068\u30821\u3064\u306e\u6709\u52b9\u306a\u9818\u57df\uff080 m\u00b2\u3088\u308a\u5927\u304d\u3044\uff09\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n<\/div>\n<button class=\"btn btn-primary\" id=\"calc-btn\" type=\"button\">\u5857\u6599\u306e\u91cf\u3092\u8a08\u7b97<\/button>\n<div class=\"result-panel\" id=\"result-panel\" style=\"display: none;\">\n<div class=\"section-title\">\u304a\u3059\u3059\u3081\u306e\u91cf\u306f\uff1a<\/div>\n<div class=\"result-value\">\n<span id=\"result-liters\">0.00<\/span>\n<span class=\"result-unit\">\u30ea\u30c3\u30c8\u30eb<\/span>\n<\/div>\n<p id=\"result-subtitle\" style=\"margin: 0;\">\u5b89\u5168\u30de\u30fc\u30b8\u30f3\u3092\u542b\u307f\u307e\u3059\u3002<\/p>\n<div class=\"result-details\" id=\"result-details\">\n<\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const container = document.getElementById(\"bnet-tool-paint-calculator\");\n      if (!container) return;\n      \n      \/\/ Elements\n      const surfaceEl = container.querySelector(\"#paint-surface\");\n      const paintEl = container.querySelector(\"#paint-type\");\n      const coatsEl = container.querySelector(\"#paint-coats\");\n      const safetyEl = container.querySelector(\"#paint-safety\");\n      const textureChipsBox = container.querySelector(\"#texture-chips\");\n      const methodChipsBox = container.querySelector(\"#method-chips\");\n      const areasList = container.querySelector(\"#areas-list\");\n      const addAreaBtn = container.querySelector(\"#add-area-btn\");\n      const clearAreasBtn = container.querySelector(\"#clear-areas-btn\");\n      const calcBtn = container.querySelector(\"#calc-btn\");\n      const resultPanel = container.querySelector(\"#result-panel\");\n      \n      let currentTexture = \"smooth\";\n      let currentMethod = \"roller\";\n\n      \/\/ Constants\n      const baseCoverage = {\n        water_wall: 11,\n        oil_wall: 13,\n        wood_water: 10,\n        wood_oil: 9,\n        metal_enamel: 11,\n        epoxy: 8,\n        spray_can: 2\n      };\n      \n      const surfaceFactor = {\n        wall_interior: 1.00,\n        wall_exterior: 0.80,\n        deck_wood: 0.75,\n        furniture_wood: 0.95,\n        metal: 1.00,\n        floor_epoxy: 0.85\n      };\n      \n      const textureFactor = { smooth: 1.00, normal: 0.90, rough: 0.75 };\n      const methodFactor = { roller: 1.00, brush: 0.90, spray_gun: 0.80, spray_can: 0.70 };\n\n      \/\/ Helper for chips\n      function bindChips(box, onChange) {\n        box.addEventListener(\"click\", (e) => {\n          const btn = e.target.closest(\".chip\");\n          if (!btn) return;\n          box.querySelectorAll(\".chip\").forEach(b => b.classList.remove(\"active\"));\n          btn.classList.add(\"active\");\n          onChange(btn.getAttribute(\"data-val\"));\n        });\n      }\n\n      bindChips(textureChipsBox, val => currentTexture = val);\n      bindChips(methodChipsBox, val => currentMethod = val);\n\n      \/\/ Areas Management\n      function createAreaRow(name = \"\", area = \"\") {\n        const row = document.createElement(\"div\");\n        row.className = \"area-row\";\n        row.innerHTML = `\n          <div class=\"input-group\" style=\"margin: 0;\">\n            <label>\u9818\u57df\u540d\uff08\u4efb\u610f\uff09<\/label>\n            <input type=\"text\" class=\"area-name\" placeholder=\"\u4f8b\uff1a\u30ea\u30d3\u30f3\u30b0\u30eb\u30fc\u30e0\" value=\"${name}\">\n          <\/div>\n          <div class=\"input-group\" style=\"margin: 0;\">\n            <label>\u9762\u7a4d (m\u00b2)<\/label>\n            <input type=\"number\" class=\"area-val\" min=\"0\" step=\"0.1\" placeholder=\"\u4f8b\uff1a15.5\" value=\"${area}\">\n          <\/div>\n          <div style=\"flex: 0 0 auto; display: flex; align-items: flex-end; padding-bottom: 2px;\">\n            <button class=\"btn btn-danger del-area-btn\" type=\"button\" aria-label=\"\u9818\u57df\u3092\u524a\u9664\">\u2715 \u524a\u9664<\/button>\n          <\/div>\n        `;\n        \n        row.querySelector(\".del-area-btn\").addEventListener(\"click\", () => {\n          row.remove();\n          if (areasList.children.length === 0) {\n            addAreaRow();\n          }\n        });\n        \n        return row;\n      }\n\n      function addAreaRow() {\n        areasList.appendChild(createAreaRow());\n      }\n\n      addAreaBtn.addEventListener(\"click\", addAreaRow);\n      \n      clearAreasBtn.addEventListener(\"click\", () => {\n        areasList.innerHTML = \"\";\n        addAreaRow();\n        resultPanel.style.display = \"none\";\n      });\n\n      \/\/ Initialize with one empty row\n      addAreaRow();\n\n      \/\/ Calculation logic\n      function calc() {\n        \/\/ Validation\n        let isValid = true;\n        \n        const coats = parseFloat(coatsEl.value);\n        if (isNaN(coats) || coats < 1) {\n          container.querySelector(\"#coats-err\").style.display = \"block\";\n          isValid = false;\n        } else {\n          container.querySelector(\"#coats-err\").style.display = \"none\";\n        }\n\n        let totalArea = 0;\n        let validAreas = 0;\n        \n        areasList.querySelectorAll(\".area-row\").forEach(row => {\n          const val = parseFloat(row.querySelector(\".area-val\").value);\n          if (!isNaN(val) && val > 0) {\n            totalArea += val;\n            validAreas++;\n          }\n        });\n\n        if (validAreas === 0) {\n          container.querySelector(\"#areas-err\").style.display = \"block\";\n          isValid = false;\n        } else {\n          container.querySelector(\"#areas-err\").style.display = \"none\";\n        }\n\n        if (!isValid) return;\n\n        \/\/ Math\n        const safety = parseFloat(safetyEl.value) || 0;\n        const paint = paintEl.value;\n        const surface = surfaceEl.value;\n        \n        const cov = baseCoverage[paint] || 10;\n        const sf = surfaceFactor[surface] || 1;\n        const tf = textureFactor[currentTexture] || 1;\n        const mf = methodFactor[currentMethod] || 1;\n        \n        const effCoverage = cov * sf * tf * mf;\n        const litersRaw = (totalArea * coats) \/ effCoverage;\n        const litersWithSafety = litersRaw * (1 + (safety \/ 100));\n        \n        const litersRounded = Math.ceil(litersWithSafety * 100) \/ 100;\n\n        \/\/ Display\n        container.querySelector(\"#result-liters\").textContent = litersRounded.toFixed(2);\n        \n        const surfaceText = surfaceEl.options[surfaceEl.selectedIndex].text;\n        const paintText = paintEl.options[paintEl.selectedIndex].text;\n        \n        container.querySelector(\"#result-details\").innerHTML = \\`\n          <strong>\u8a08\u7b97\u306e\u8a73\u7d30\uff1a<\/strong><br>\n          \u5408\u8a08\u9762\u7a4d\uff1a<strong>\\${totalArea.toFixed(1)} m\u00b2<\/strong><br>\n          \u5857\u88c5\u56de\u6570\uff1a<strong>\\${coats}<\/strong><br>\n          \u8868\u9762\u306e\u7a2e\u985e\uff1a<strong>\\${surfaceText}<\/strong><br>\n          \u5857\u6599\u306e\u7a2e\u985e\uff1a<strong>\\${paintText}<\/strong><br>\n          \u63a8\u5b9a\u57fa\u672c\u30ab\u30d0\u30fc\u7387\uff1a<strong>\\${cov.toFixed(1)} m\u00b2\/\u30ea\u30c3\u30c8\u30eb<\/strong><br>\n          \u5b9f\u52b9\u30ab\u30d0\u30fc\u7387\uff08\u4fc2\u6570\u9069\u7528\u5f8c\uff09\uff1a<strong>\\${effCoverage.toFixed(1)} m\u00b2\/\u30ea\u30c3\u30c8\u30eb<\/strong><br>\n          \u8ffd\u52a0\u3055\u308c\u305f\u5b89\u5168\u30de\u30fc\u30b8\u30f3\uff1a<strong>\\${safety}%<\/strong>\n        \\`;\n        \n        resultPanel.style.display = \"block\";\n        \n        \/\/ Scroll to result smoothly\n        resultPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n\n      calcBtn.addEventListener(\"click\", calc);\n    });\n  <\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"futur-glass-card seo-card\">\n\n\n\n<h1 class=\"wp-block-heading\">\u8868\u9762\u7528\u30da\u30a4\u30f3\u30c8\u6d88\u8cbb\u91cf\u8a08\u7b97\u6a5f\uff1a\u5bb6\u5168\u4f53\u306b\u5fc5\u8981\u306a\u30ea\u30c3\u30c8\u30eb\u6570\u306e\u8a08\u7b97\u65b9\u6cd5<\/h1>\n\n\n\n<p>\u30ea\u30d3\u30f3\u30b0\u30eb\u30fc\u30e0\u3001\u30d9\u30c3\u30c9\u30eb\u30fc\u30e0\u3001\u5eca\u4e0b\u3001\u30c9\u30a2\u3001\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8\u306a\u3069\u3001\u3044\u304f\u3064\u304b\u306e\u7570\u306a\u308b\u30a8\u30ea\u30a2\u3092\u5857\u88c5\u3059\u308b\u5834\u5408\u3001\u4e3b\u306a\u7591\u554f\u306f\n    <strong>\u5408\u8a08\u3067\u3069\u308c\u304f\u3089\u3044\u306e\u5857\u6599\u3092\u8cb7\u3046\u3079\u304d\u304b<\/strong>\u3067\u3059\u3002\u3053\u306e\u8a08\u7b97\u6a5f\u3067\u306f\u3001\u8907\u6570\u306e\u9762\u7a4d\u3092\u5e73\u65b9\u30e1\u30fc\u30c8\u30eb\uff08m\u00b2\uff09\u3067\u8ffd\u52a0\u3057\u3001\u305d\u308c\u3089\u3092\u5408\u8a08\u3057\u3066\u3001\u8868\u9762\u306e\u7a2e\u985e\u3001\u5857\u6599\u306e\u7a2e\u985e\u3001\u5857\u88c5\u65b9\u6cd5\u3001\u5857\u88c5\u56de\u6570\u306b\u57fa\u3065\u3044\u305f\u660e\u78ba\u306a\u898b\u7a4d\u3082\u308a\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u306a\u305c\u8907\u6570\u306e\u9818\u57df\u3092\u307e\u3068\u3081\u3066\u8a08\u7b97\u3059\u308b\u3079\u304d\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6642\u9593\u306e\u7bc0\u7d04\uff1a\u4f5c\u696d\u306e\u9014\u4e2d\u3067\u5e97\u306b\u623b\u308b\u4ee3\u308f\u308a\u306b\u3001\u4e00\u5ea6\u3060\u3051\u5857\u6599\u3092\u8cfc\u5165\u3057\u307e\u3059\u3002<\/li>\n\n<li>\u4e88\u7b97\u306e\u6b63\u78ba\u3055\uff1a\u5fc5\u8981\u306a\u30d0\u30b1\u30c4\/\u30ea\u30c3\u30c8\u30eb\u6570\u304c\u4e8b\u524d\u306b\u308f\u304b\u308a\u307e\u3059\u3002<\/li>\n\n<li>\u4f5c\u696d\u7ba1\u7406\uff1a\u90e8\u5c4b\u3054\u3068\u306b\u30bf\u30b9\u30af\u3092\u5206\u5272\u3057\u3064\u3064\u3001\u9069\u5207\u306a\u5857\u6599\u306e\u91cf\u3092\u78ba\u4fdd\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u5857\u6599\u306e\u91cf\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u8981\u56e0\u306f\u4f55\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<p>\u5857\u6599\u306e\u6d88\u8cbb\u91cf\u306f\u9762\u7a4d\u3060\u3051\u3067\u306a\u304f\u3001\u5438\u53ce\u6027\u3068\u8cea\u611f\uff08\u7c97\u3044\u58c1\/\u672a\u51e6\u7406\u306e\u6728\u6750\uff09\u3001\u5857\u6599\u306e\u7a2e\u985e\uff08\u6c34\u6027\/\u6cb9\u6027\/\u30a8\u30dd\u30ad\u30b7\uff09\u3001\u304a\u3088\u3073\u5857\u88c5\u65b9\u6cd5\uff08\u30ed\u30fc\u30e9\u30fc\/\u5237\u6bdb\/\u30b9\u30d7\u30ec\u30fc\uff09\u306b\u3082\u4f9d\u5b58\u3057\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u3001\u8a08\u7b97\u6a5f\u306f\u8abf\u6574\u4fc2\u6570\u3092\u4f7f\u7528\u3057\u3066\u3088\u308a\u73fe\u5b9f\u7684\u306a\u898b\u7a4d\u3082\u308a\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u3088\u308a\u6b63\u78ba\u306a\u7d50\u679c\u3092\u5f97\u308b\u305f\u3081\u306e\u30d2\u30f3\u30c8<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u9762\u7a4d\u3092\u6574\u7406\u3057\u3066\u6e2c\u5b9a\u3059\u308b\uff1a\u5404\u58c1\u306e\u9577\u3055\u00d7\u9ad8\u3055\u3092\u8a08\u7b97\u3057\u3066\u5408\u8a08\u3057\u307e\u3059\u3002<\/li>\n\n<li>\u6b63\u3057\u3044\u5857\u88c5\u56de\u6570\u3092\u9078\u629e\u3059\u308b\uff1a\u901a\u5e38\u306f2\u56de\u3067\u3059\u304c\u3001\u8272\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u5834\u5408\u306f3\u56de\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n<li>\u5b89\u5168\u30de\u30fc\u30b8\u30f3\u3092\u6b8b\u3059\uff1a\u4fee\u5fa9\u3084\u4ed5\u4e0a\u3052\u4f5c\u696d\u306e\u305f\u3081\u306b10%\u301c15%\u3092\u6b8b\u3059\u306e\u304c\u6a19\u6e96\u7684\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\u305d\u306e\u4ed6\u306e\u4fbf\u5229\u306a\u30c4\u30fc\u30eb\u3078\u306e\u5185\u90e8\u30ea\u30f3\u30af<\/h3>\n\n\n\n<p>\u30b5\u30a4\u30c8\u306b\u306f\u3001\u4f5c\u696d\u306e\u8a08\u753b\u3084\u30bf\u30b9\u30af\u7ba1\u7406\u306b\u5f79\u7acb\u3064\u7121\u6599\u306e\u30c4\u30fc\u30eb\u304c\u3055\u3089\u306b\u3042\u308a\u307e\u3059\uff1a\n    <a href=\"\/ja\/Message-Link-Generator\/\">WhatsApp\u30ea\u30f3\u30af\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc<\/a>\u3001\n    <a href=\"\/ja\/AC-Calculation\/\">\u90e8\u5c4b\u306e\u30a8\u30a2\u30b3\u30f3\u8a08\u7b97\u6a5f<\/a>\u3001\n    <a href=\"\/ja\/Emoji-Finder\/\">\u7d75\u6587\u5b57\u30d5\u30a1\u30a4\u30f3\u30c0\u30fc<\/a>\u3001\n    <a href=\"\/ja\/Country-Flag-Finder\/\">\u56fd\u65d7\u30d5\u30a1\u30a4\u30f3\u30c0\u30fc<\/a>\u3002<\/p>\n\n\n\n<p><strong>\u91cd\u8981\u4e8b\u9805\uff1a<\/strong>\u7d50\u679c\u306f\u3042\u304f\u307e\u3067\u898b\u7a4d\u3082\u308a\u3067\u3059\u3002\u4e00\u822c\u7684\u306a\u5857\u6599\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u5408\u308f\u305b\u3066\u5207\u308a\u4e0a\u3052\u3001\u5c06\u6765\u306e\u4fee\u5fa9\u7528\u306b\u5c11\u3057\u6b8b\u3057\u3066\u304a\u304f\u3053\u3068\u3092\u5e38\u306b\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u3053\u306e\u30c4\u30fc\u30eb\u306f\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u306e\u307f\u6a5f\u80fd\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<\/div>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf19 \u30c0\u30fc\u30af\u30e2\u30fc\u30c9 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f \ud83c\udfa8 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002 \u5b8c\u5168\u7121\u6599 \ud83e\uddee \u57fa\u672c\u8a2d\u5b9a \u3053\u3053\u306e\u8a2d\u5b9a\u306f\u3001\u4ee5\u4e0b\u306b\u5165\u529b\u3059\u308b\u3059\u3079\u3066\u306e\u9818\u57df\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002\u7279\u6027\u304c\u7570\u306a\u308b\u8868\u9762\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u500b\u5225\u306b\u8a08\u7b97\u3059\u308b\u3053 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution","_yoast_wpseo_metadesc":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002","footnotes":"","tool_emoji":"\ud83c\udfa8","tool_category":"\u8a08\u7b97\u6a5f","tool_featured":"no"},"class_list":["post-30","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution<\/title>\n<meta name=\"description\" content=\"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/ja\/paint-calculator-2\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution\" \/>\n<meta property=\"og:description\" content=\"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/ja\/paint-calculator-2\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-27T09:00:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/paint-calculator-2\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/paint-calculator-2\\\/\",\"name\":\"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\"},\"datePublished\":\"2026-09-27T08:17:03+00:00\",\"dateModified\":\"2026-09-27T09:00:18+00:00\",\"description\":\"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/paint-calculator-2\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/ja\\\/paint-calculator-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/paint-calculator-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\",\"name\":\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution","description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/","og_locale":"ja_JP","og_type":"article","og_title":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution","og_description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002","og_url":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/","og_site_name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","article_modified_time":"2026-09-27T09:00:18+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/","url":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/","name":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f | Bsolution","isPartOf":{"@id":"https:\/\/bsolution.me\/ja\/#website"},"datePublished":"2026-09-27T08:17:03+00:00","dateModified":"2026-09-27T09:00:18+00:00","description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5fc5\u8981\u306a\u5857\u6599\u306e\u91cf\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3057\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/ja\/paint-calculator-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/ja\/paint-calculator-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/ja\/"},{"@type":"ListItem","position":2,"name":"\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/ja\/#website","url":"https:\/\/bsolution.me\/ja\/","name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}