{"id":299,"date":"2026-09-05T05:56:17","date_gmt":"2026-09-04T20:56:17","guid":{"rendered":"https:\/\/seikatu-sien.com\/?page_id=299"},"modified":"2026-09-05T12:59:34","modified_gmt":"2026-09-05T03:59:34","slug":"%e6%82%a0%e4%b9%85%e3%81%ae%e4%b8%98%e4%b8%80%e8%88%ac%e8%91%ac%e3%83%97%e3%83%a9%e3%83%b3","status":"publish","type":"page","link":"https:\/\/seikatu-sien.com\/?page_id=299","title":{"rendered":"\u60a0\u4e45\u306e\u4e18\u4e00\u822c\u846c\u30d7\u30e9\u30f3"},"content":{"rendered":"\n<div id=\"generalEstimateApp\" class=\"yg-app\">\n\n  <div class=\"yg-calc\">\n\n    <h2>\n      \u60a0\u4e45\u306e\u4e18 \u4e00\u822c\u846c\u30d7\u30e9\u30f3<br>\n      \u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\n    <\/h2>\n\n    <p class=\"yg-lead\">\n      \u3054\u5e0c\u671b\u306e\u9805\u76ee\u3092\u9078\u629e\u3057\u3001\u5fc5\u8981\u306a\u6570\u91cf\u30fb\u5358\u4fa1\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\n    <\/p>\n\n\n    <h3>10\uff05\u5bfe\u8c61\u9805\u76ee\u2460<\/h3>\n\n    <div id=\"yg10Items\" class=\"yg-list\"><\/div>\n\n    <div class=\"yg-box\">\n      <span>\u5c0f\u8a08\u2460<\/span>\n      <strong id=\"ygSub10\">0\u5186<\/strong>\n\n      <span>\u6d88\u8cbb\u7a0e10\uff05<\/span>\n      <strong id=\"ygTax10\">0\u5186<\/strong>\n    <\/div>\n\n\n    <h3>8\uff05\u5bfe\u8c61\u9805\u76ee\u2461<\/h3>\n\n    <div id=\"yg8Items\" class=\"yg-list\"><\/div>\n\n    <div class=\"yg-box\">\n      <span>\u5c0f\u8a08\u2461<\/span>\n      <strong id=\"ygSub8\">0\u5186<\/strong>\n\n      <span>\u6d88\u8cbb\u7a0e8\uff05<\/span>\n      <strong id=\"ygTax8\">0\u5186<\/strong>\n    <\/div>\n\n\n    <h3>\u7a0e\u8fbc\u9805\u76ee\u2462<\/h3>\n\n    <p class=\"yg-note\">\n      \u60a0\u4e45\u306e\u4e18\u65bd\u8a2d\u4f7f\u7528\u6599<br>\n      \u60a0\u4e45\u306e\u4e18\u3078\u7acb\u66ff\u3067\u304a\u652f\u6255\u3044\u3044\u305f\u3057\u307e\u3057\u305f\n    <\/p>\n\n    <div id=\"ygIncItems\" class=\"yg-list\"><\/div>\n\n    <div class=\"yg-box\">\n      <span>\u7a0e\u8fbc\u9805\u76ee\u2462<\/span>\n      <strong id=\"ygIncTotal\">0\u5186<\/strong>\n    <\/div>\n\n\n    <div class=\"yg-grand\">\n      <p>\u304a\u898b\u7a4d\u308a\u5408\u8a08\uff08\u7a0e\u8fbc\uff09<\/p>\n      <strong id=\"ygGrand\">0\u5186<\/strong>\n    <\/div>\n\n\n    <button id=\"ygMake\" type=\"button\">\n      \u3053\u306e\u5185\u5bb9\u3067\u78ba\u5b9a\u30fb\u898b\u7a4d\u66f8\u3092\u4f5c\u6210\n    <\/button>\n\n  <\/div>\n\n\n  <div id=\"ygEstimateArea\" style=\"display:none;\">\n\n    <div id=\"ygPaper\" class=\"yg-paper\">\n\n      <div class=\"yg-title\">\n        \u5fa1 \u898b \u7a4d \u66f8\n      <\/div>\n\n      <div class=\"yg-meta\">\n        <strong>\u60a0\u4e45\u306e\u4e18 \u4e00\u822c\u846c\u30d7\u30e9\u30f3<\/strong><br>\n        \u898b\u7a4d\u756a\u53f7\uff1a<span id=\"ygNo\"><\/span><br>\n        \u898b\u7a4d\u65e5\uff1a<span id=\"ygDate\"><\/span>\n      <\/div>\n\n\n      <div class=\"yg-company\">\n\n        <div>\n          <strong>\u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d<\/strong>\n\n          <p>\n            \u3012320-0836<br>\n            \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u548c1-8-6\n          <\/p>\n\n          <p>\n            TEL\uff1a0120-57-2727\n          <\/p>\n        <\/div>\n\n        <div class=\"yg-seal\">\n          \u5b87\u90fd\u5bae<br>\n          \u5e02\u6c11\u846c\u796d\n        <\/div>\n\n      <\/div>\n\n\n      <table class=\"yg-table\">\n\n        <thead>\n          <tr>\n            <th>\u9805\u76ee<\/th>\n            <th>\u6570\u91cf<\/th>\n            <th>\u5358\u4fa1<\/th>\n            <th>\u91d1\u984d<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody id=\"ygRows\"><\/tbody>\n\n      <\/table>\n\n\n      <div id=\"ygSummary\" class=\"yg-summary\"><\/div>\n\n\n      <div class=\"yg-final\">\n        <span>\u304a\u898b\u7a4d\u308a\u5408\u8a08\uff08\u7a0e\u8fbc\uff09<\/span>\n        <strong id=\"ygFinal\"><\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"yg-controls\">\n\n      <button id=\"ygImage\" type=\"button\">\n        \u898b\u7a4d\u66f8\u3092\u753b\u50cf\u306b\u3059\u308b\n      <\/button>\n\n      <button\n        id=\"ygBack\"\n        type=\"button\"\n        class=\"yg-white\"\n      >\n        \u5185\u5bb9\u3092\u4fee\u6b63\u3059\u308b\n      <\/button>\n\n    <\/div>\n\n\n    <div\n      id=\"ygImageArea\"\n      class=\"yg-image-area\"\n      style=\"display:none;\"\n    >\n\n      <p>\n        iPhone\u306e\u5834\u5408\u306f\u753b\u50cf\u3092\u9577\u62bc\u3057\u3057\u3066\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002\n      <\/p>\n\n      <img id=\"ygImg\">\n\n      <button\n        id=\"ygShare\"\n        type=\"button\"\n        style=\"display:none;\"\n      >\n        \u753b\u50cf\u3092\u5171\u6709\u30fb\u4fdd\u5b58\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n.yg-app{\n  max-width:920px;\n  margin:auto;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Yu Gothic\",\n    Meiryo,\n    sans-serif;\n\n  color:#333;\n}\n\n\n.yg-calc h2{\n  text-align:center;\n  color:#174d3b;\n  font-size:30px;\n  line-height:1.5;\n}\n\n\n.yg-lead{\n  text-align:center;\n  color:#666;\n}\n\n\n.yg-calc h3{\n  margin-top:35px;\n  padding:12px;\n\n  background:#edf7f2;\n  color:#174d3b;\n\n  border-left:5px solid #24845f;\n}\n\n\n.yg-note{\n  padding:12px;\n  background:#faf6e8;\n  line-height:1.7;\n}\n\n\n.yg-list{\n  border-top:1px solid #ddd;\n}\n\n\n.yg-row{\n  display:grid;\n\n  grid-template-columns:\n    34px 1fr auto;\n\n  gap:10px;\n\n  align-items:center;\n\n  padding:14px 10px;\n\n  border-bottom:1px solid #ddd;\n}\n\n\n.yg-row input[type=checkbox]{\n  width:23px;\n  height:23px;\n  accent-color:#24845f;\n}\n\n\n.yg-controls-inline{\n  display:flex;\n  gap:6px;\n  align-items:center;\n  flex-wrap:wrap;\n  justify-content:flex-end;\n}\n\n\n.yg-input{\n  width:85px;\n  padding:9px;\n\n  border:1px solid #bbb;\n  border-radius:6px;\n\n  text-align:right;\n\n  font-size:16px;\n\n  background:#fff;\n}\n\n\n.yg-unit{\n  min-width:18px;\n  color:#555;\n  font-size:14px;\n  font-weight:600;\n}\n\n\n.yg-line-total{\n  min-width:90px;\n  text-align:right;\n  font-weight:bold;\n}\n\n\n.yg-box{\n  margin:15px 0 25px auto;\n  max-width:400px;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr auto;\n\n  gap:8px;\n\n  padding:15px;\n\n  background:#f6f6f6;\n\n  border-radius:8px;\n}\n\n\n.yg-grand{\n  margin:30px 0;\n  padding:25px;\n\n  border:3px solid #c92745;\n  border-radius:12px;\n\n  background:#fff8fa;\n\n  text-align:center;\n\n  color:#c92745;\n}\n\n\n.yg-grand strong{\n  font-size:42px;\n}\n\n\n#ygMake,\n.yg-controls button,\n.yg-image-area button{\n\n  display:block;\n\n  width:100%;\n  max-width:620px;\n\n  margin:25px auto;\n\n  padding:18px;\n\n  border:0;\n  border-radius:10px;\n\n  background:#174d3b;\n\n  color:#fff;\n\n  font-size:18px;\n  font-weight:bold;\n}\n\n\n.yg-paper{\n  max-width:820px;\n\n  margin:40px auto;\n\n  padding:45px;\n\n  box-sizing:border-box;\n\n  background:#fff;\n\n  border:1px solid #ccc;\n}\n\n\n.yg-title{\n  text-align:center;\n\n  font-size:34px;\n\n  font-weight:bold;\n\n  letter-spacing:8px;\n\n  border-bottom:3px double #333;\n\n  padding-bottom:18px;\n}\n\n\n.yg-meta{\n  text-align:right;\n  line-height:1.8;\n  margin-top:20px;\n}\n\n\n.yg-company{\n  display:flex;\n  justify-content:flex-end;\n  align-items:center;\n  gap:20px;\n  margin:25px 0;\n}\n\n\n.yg-company p{\n  margin:4px;\n}\n\n\n.yg-company>div:first-child>strong{\n  font-size:22px;\n}\n\n\n.yg-seal{\n  width:90px;\n  height:90px;\n\n  border:4px double #c40000;\n\n  color:#c40000;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  text-align:center;\n\n  font-family:\n    \"Yu Mincho\",\n    serif;\n\n  font-weight:bold;\n\n  transform:rotate(-5deg);\n}\n\n\n.yg-table{\n  width:100%;\n  border-collapse:collapse;\n}\n\n\n.yg-table th,\n.yg-table td{\n  padding:9px 6px;\n  border:1px solid #555;\n  font-size:13px;\n}\n\n\n.yg-table th{\n  background:#f2f2f2;\n}\n\n\n.yg-table td:not(:first-child){\n  text-align:right;\n}\n\n\n.yg-summary{\n  margin:25px 0 0 auto;\n  max-width:430px;\n}\n\n\n.yg-summary div{\n  display:flex;\n  justify-content:space-between;\n  padding:8px;\n  border-bottom:1px solid #ccc;\n}\n\n\n.yg-final{\n  display:flex;\n  justify-content:space-between;\n\n  margin:15px 0 0 auto;\n\n  max-width:430px;\n\n  padding:15px;\n\n  border:3px solid #c92745;\n\n  color:#c92745;\n\n  font-weight:bold;\n}\n\n\n.yg-final strong{\n  font-size:24px;\n}\n\n\n.yg-white{\n  background:#fff !important;\n  color:#174d3b !important;\n  border:1px solid #174d3b !important;\n}\n\n\n.yg-image-area{\n  max-width:820px;\n\n  margin:auto;\n\n  text-align:center;\n\n  padding:20px;\n\n  background:#f5f5f5;\n}\n\n\n.yg-image-area img{\n  width:100%;\n}\n\n\n@media(max-width:600px){\n\n  .yg-calc h2{\n    font-size:23px;\n  }\n\n\n  .yg-row{\n    grid-template-columns:\n      28px 1fr;\n\n    align-items:start;\n  }\n\n\n  .yg-controls-inline{\n    grid-column:2;\n    justify-content:flex-start;\n  }\n\n\n  .yg-grand strong{\n    font-size:32px;\n  }\n\n\n  .yg-paper{\n    padding:20px 10px;\n  }\n\n\n  .yg-table th,\n  .yg-table td{\n    font-size:10px;\n    padding:5px 2px;\n  }\n\n}\n\n<\/style>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/html2canvas@1.4.1\/dist\/html2canvas.min.js\"><\/script>\n\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function(){\n\n    const root=\n      document.getElementById(\n        \"generalEstimateApp\"\n      );\n\n    if(!root)return;\n\n\n\n    \/* =====================================\n       10\uff05\u5bfe\u8c61\u9805\u76ee\n    ===================================== *\/\n\n    const ten=[\n\n      {\n        name:\"\u60a0\u4e45\u306e\u4e18\u4e00\u822c\u846c \u57fa\u672c\u6599\u91d1\",\n        type:\"fixed\",\n        price:316000\n      },\n\n      {\n        name:\"\u66f8\u304d\u7269\uff08\u4eee\u4f4d\u724c\u7b49\uff09\",\n        type:\"fixed\",\n        price:20000\n      },\n\n      {\n        name:\"\u3054\u4f1a\u846c\u30cf\u30ac\u30ad\",\n        type:\"qty\",\n        price:100\n      },\n\n      {\n        name:\"\u6599\u7406\",\n        type:\"variable\"\n      },\n\n\n      \/* \u65bd\u4e3b\u82b1 1\u5bfe\n         \u6570\u91cf\u5165\u529b\u306a\u3057\n         \u30c1\u30a7\u30c3\u30af\u306e\u307f\u306730,000\u5186 *\/\n\n      {\n        name:\"\u65bd\u4e3b\u82b1\uff081\u5bfe\uff09\",\n        type:\"fixed\",\n        price:30000\n      },\n\n\n      \/* \u8ffd\u52a0\u751f\u82b1\n         15,000\u5186 \u00d7 \u57fa *\/\n\n      {\n        name:\"\u8ffd\u52a0\u751f\u82b1\",\n        type:\"qty\",\n        price:15000,\n        unit:\"\u57fa\"\n      },\n\n\n      \/* \u591c\u9593\u5bfe\u5fdc 15,000\u5186 *\/\n\n      {\n        name:\"\u591c\u9593\u5bfe\u5fdc\uff0817\u6642\uff5e9\u6642\uff09\",\n        type:\"fixed\",\n        price:15000\n      },\n\n\n      \/* \u4fdd\u5168\u51e6\u7f6e\n         \u6570\u91cf \u00d7 \u65e5 *\/\n\n      {\n        name:\"\u4fdd\u5168\u51e6\u7f6e\uff08\u30c9\u30e9\u30a4\u30a2\u30a4\u30b9\u542b\u3080\uff09\",\n        type:\"qty\",\n        price:14700,\n        unit:\"\u65e5\"\n      }\n\n    ];\n\n\n\n    \/* =====================================\n       8\uff05\u5bfe\u8c61\u9805\u76ee\n    ===================================== *\/\n\n    const eight=[\n\n      {\n        name:\"\u8fd4\u793c\u54c1\",\n        type:\"variable\",\n        unit:\"\u500b\"\n      }\n\n    ];\n\n\n\n    \/* =====================================\n       \u7a0e\u8fbc\u65bd\u8a2d\u4f7f\u7528\u6599\n    ===================================== *\/\n\n    const inc=[\n\n      {\n        name:\"\u901a\u591c\u5f0f\u5f0f\u5834\u4f7f\u7528\u6599\uff0850\u540d\u5e2d\uff09\",\n        type:\"fixed\",\n        price:29950\n      },\n\n      {\n        name:\"\u544a\u5225\u5f0f\u5f0f\u5834\u4f7f\u7528\u6599\uff0850\u540d\u5e2d\uff09\",\n        type:\"fixed\",\n        price:23300\n      },\n\n      {\n        name:\"\u901a\u591c\u63a7\u5ba4\",\n        type:\"fixed\",\n        price:12980\n      },\n\n      {\n        name:\"\u5f85\u5408\u5ba4\",\n        type:\"fixed\",\n        price:5600\n      },\n\n      {\n        name:\"\u970a\u5b89\u5ba4\",\n        type:\"qty\",\n        price:4910\n      }\n\n    ];\n\n\n\n    const val=v=>\n      Number(\n        String(v||\"\")\n        .replace(\/[^0-9]\/g,\"\")\n      )||0;\n\n\n    const yen=n=>\n      Number(n)\n      .toLocaleString(\"ja-JP\")\n      +\"\u5186\";\n\n\n    let T={\n      s10:0,\n      t10:0,\n      s8:0,\n      t8:0,\n      inc:0,\n      grand:0\n    };\n\n\n    let blob=null;\n\n\n\n    \/* =====================================\n       \u9805\u76ee\u8868\u793a\n    ===================================== *\/\n\n    function render(\n      arr,\n      id,\n      tax\n    ){\n\n      const el=\n        root.querySelector(id);\n\n\n      arr.forEach(\n        (x,i)=>{\n\n          const row=\n            document.createElement(\n              \"div\"\n            );\n\n\n          row.className=\n            \"yg-row\";\n\n\n          row.dataset.tax=\n            tax;\n\n\n          row.dataset.i=\n            i;\n\n\n          let c=\"\";\n\n\n          \/* \u56fa\u5b9a\u91d1\u984d *\/\n\n          if(\n            x.type===\"fixed\"\n          ){\n\n            c=\n              '<div class=\"yg-controls-inline\">'+\n                '<span class=\"yg-line-total\">'+\n                  yen(x.price)+\n                '<\/span>'+\n              '<\/div>';\n\n          }\n\n\n          \/* \u6570\u91cf\u5165\u529b *\/\n\n          if(\n            x.type===\"qty\"\n          ){\n\n            const unitText=\n              x.unit\n              ? '<span class=\"yg-unit\">'+x.unit+'<\/span>'\n              : '';\n\n\n            c=\n              '<div class=\"yg-controls-inline\">'+\n\n                '<span>'+\n                  yen(x.price)+\n                  ' \u00d7'+\n                '<\/span>'+\n\n                '<input '+\n                  'class=\"yg-input yg-qty\" '+\n                  'type=\"text\" '+\n                  'inputmode=\"numeric\" '+\n                  'placeholder=\"\u6570\u91cf\"'+\n                '>'+\n\n                unitText+\n\n                '<span class=\"yg-line-total\">'+\n                  '0\u5186'+\n                '<\/span>'+\n\n              '<\/div>';\n\n          }\n\n\n          \/* \u53ef\u5909\u5358\u4fa1 *\/\n\n          if(\n            x.type===\"variable\"\n          ){\n\n            const unitText=\n              x.unit\n              ? '<span class=\"yg-unit\">'+x.unit+'<\/span>'\n              : '';\n\n\n            c=\n              '<div class=\"yg-controls-inline\">'+\n\n                '<input '+\n                  'class=\"yg-input yg-price\" '+\n                  'type=\"text\" '+\n                  'inputmode=\"numeric\" '+\n                  'placeholder=\"\u5358\u4fa1\"'+\n                '>'+\n\n                '<span>'+\n                  '\u5186 \u00d7'+\n                '<\/span>'+\n\n                '<input '+\n                  'class=\"yg-input yg-qty\" '+\n                  'type=\"text\" '+\n                  'inputmode=\"numeric\" '+\n                  'placeholder=\"\u6570\u91cf\"'+\n                '>'+\n\n                unitText+\n\n                '<span class=\"yg-line-total\">'+\n                  '0\u5186'+\n                '<\/span>'+\n\n              '<\/div>';\n\n          }\n\n\n          row.innerHTML=\n\n            '<input '+\n              'type=\"checkbox\" '+\n              'class=\"yg-check\"'+\n            '>'+\n\n            '<span>'+\n              x.name+\n            '<\/span>'+\n\n            c;\n\n\n          el.appendChild(row);\n\n        }\n      );\n\n    }\n\n\n\n    render(\n      ten,\n      \"#yg10Items\",\n      \"10\"\n    );\n\n\n    render(\n      eight,\n      \"#yg8Items\",\n      \"8\"\n    );\n\n\n    render(\n      inc,\n      \"#ygIncItems\",\n      \"inc\"\n    );\n\n\n\n    \/* =====================================\n       1\u9805\u76ee\u306e\u91d1\u984d\n    ===================================== *\/\n\n    function getItem(row){\n\n      const tax=\n        row.dataset.tax;\n\n\n      const arr=\n\n        tax===\"10\"\n\n        ? ten\n\n        : tax===\"8\"\n\n        ? eight\n\n        : inc;\n\n\n      const x=\n        arr[\n          Number(\n            row.dataset.i\n          )\n        ];\n\n\n      const qty=\n\n        x.type===\"fixed\"\n\n        ? 1\n\n        : val(\n            row.querySelector(\n              \".yg-qty\"\n            )?.value\n          );\n\n\n      const unitPrice=\n\n        x.type===\"variable\"\n\n        ? val(\n            row.querySelector(\n              \".yg-price\"\n            )?.value\n          )\n\n        : x.price;\n\n\n      return{\n\n        name:x.name,\n\n        qty:qty,\n\n        unit:unitPrice,\n\n        qtyUnit:\n          x.unit || \"\",\n\n        type:\n          x.type,\n\n        total:\n          qty*unitPrice,\n\n        tax:tax\n\n      };\n\n    }\n\n\n\n    \/* =====================================\n       \u5408\u8a08\u8a08\u7b97\n    ===================================== *\/\n\n    function calc(){\n\n      let a=0;\n      let b=0;\n      let c=0;\n\n\n      root\n      .querySelectorAll(\n        \".yg-row\"\n      )\n      .forEach(\n        row=>{\n\n          const x=\n            getItem(row);\n\n\n          const line=\n            row.querySelector(\n              \".yg-line-total\"\n            );\n\n\n          if(line){\n\n            line.textContent=\n              yen(x.total);\n\n          }\n\n\n          if(\n            row.querySelector(\n              \".yg-check\"\n            ).checked\n          ){\n\n            if(\n              x.tax===\"10\"\n            ){\n\n              a+=x.total;\n\n            }\n\n            else if(\n              x.tax===\"8\"\n            ){\n\n              b+=x.total;\n\n            }\n\n            else{\n\n              c+=x.total;\n\n            }\n\n          }\n\n        }\n      );\n\n\n      T.s10=a;\n\n      T.t10=\n        Math.floor(\n          a*.10\n        );\n\n\n      T.s8=b;\n\n      T.t8=\n        Math.floor(\n          b*.08\n        );\n\n\n      T.inc=c;\n\n\n      T.grand=\n\n        a+\n        T.t10+\n        b+\n        T.t8+\n        c;\n\n\n      root\n      .querySelector(\n        \"#ygSub10\"\n      )\n      .textContent=\n        yen(a);\n\n\n      root\n      .querySelector(\n        \"#ygTax10\"\n      )\n      .textContent=\n        yen(T.t10);\n\n\n      root\n      .querySelector(\n        \"#ygSub8\"\n      )\n      .textContent=\n        yen(b);\n\n\n      root\n      .querySelector(\n        \"#ygTax8\"\n      )\n      .textContent=\n        yen(T.t8);\n\n\n      root\n      .querySelector(\n        \"#ygIncTotal\"\n      )\n      .textContent=\n        yen(c);\n\n\n      root\n      .querySelector(\n        \"#ygGrand\"\n      )\n      .textContent=\n        yen(T.grand);\n\n    }\n\n\n\n    root.addEventListener(\n      \"change\",\n      calc\n    );\n\n\n    root.addEventListener(\n      \"input\",\n      calc\n    );\n\n\n    calc();\n\n\n\n    \/* =====================================\n       \u9078\u629e\u9805\u76ee\n    ===================================== *\/\n\n    function selected(){\n\n      return[\n        ...root.querySelectorAll(\n          \".yg-row\"\n        )\n      ]\n\n      .filter(\n        r=>\n          r.querySelector(\n            \".yg-check\"\n          ).checked\n      )\n\n      .map(\n        getItem\n      );\n\n    }\n\n\n\n    \/* =====================================\n       \u898b\u7a4d\u756a\u53f7\n    ===================================== *\/\n\n    function estimateNo(){\n\n      const d=\n        new Date();\n\n\n      const p=n=>\n        String(n)\n        .padStart(\n          2,\n          \"0\"\n        );\n\n\n      return(\n\n        d.getFullYear()+\n\n        p(\n          d.getMonth()+1\n        )+\n\n        p(\n          d.getDate()\n        )+\n\n        \"-\"+\n\n        p(\n          d.getHours()\n        )+\n\n        p(\n          d.getMinutes()\n        )+\n\n        p(\n          d.getSeconds()\n        )\n\n      );\n\n    }\n\n\n\n    \/* =====================================\n       \u898b\u7a4d\u66f8\u4f5c\u6210\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#ygMake\"\n    )\n    .onclick=\n    function(){\n\n      calc();\n\n\n      const a=\n        selected();\n\n\n      if(\n        !a.length\n      ){\n\n        return alert(\n          \"\u6599\u91d1\u9805\u76ee\u30921\u3064\u4ee5\u4e0a\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n        );\n\n      }\n\n\n      const invalid=\n        a.find(\n          x=>\n            x.qty===0 ||\n            x.unit===0\n        );\n\n\n      if(\n        invalid\n      ){\n\n        return alert(\n          \"\u9078\u629e\u3057\u305f\u9805\u76ee\u306e\u6570\u91cf\u30fb\u5358\u4fa1\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n        );\n\n      }\n\n\n\n      const body=\n        root.querySelector(\n          \"#ygRows\"\n        );\n\n\n      body.innerHTML=\"\";\n\n\n\n      a.forEach(\n        x=>{\n\n          const tr=\n            document.createElement(\n              \"tr\"\n            );\n\n\n          let qtyText=\n            String(x.qty);\n\n\n          if(\n            x.qtyUnit\n          ){\n\n            qtyText+=\n              x.qtyUnit;\n\n          }\n\n\n          tr.innerHTML=\n\n            \"<td>\"+\n              x.name+\n            \"<\/td>\"+\n\n            \"<td>\"+\n              qtyText+\n            \"<\/td>\"+\n\n            \"<td>\"+\n              yen(x.unit)+\n            \"<\/td>\"+\n\n            \"<td>\"+\n              yen(x.total)+\n            \"<\/td>\";\n\n\n          body.appendChild(\n            tr\n          );\n\n        }\n      );\n\n\n\n      const d=\n        new Date();\n\n\n      const no=\n        estimateNo();\n\n\n\n      root\n      .querySelector(\n        \"#ygNo\"\n      )\n      .textContent=\n        no;\n\n\n\n      root\n      .querySelector(\n        \"#ygDate\"\n      )\n      .textContent=\n\n        d.getFullYear()+\n        \"\u5e74\"+\n\n        (\n          d.getMonth()+1\n        )+\n        \"\u6708\"+\n\n        d.getDate()+\n        \"\u65e5\";\n\n\n\n      root\n      .querySelector(\n        \"#ygSummary\"\n      )\n      .innerHTML=\n\n        \"<div>\"+\n          \"<span>\"+\n            \"10\uff05\u5bfe\u8c61 \u5c0f\u8a08\u2460\"+\n          \"<\/span>\"+\n          \"<strong>\"+\n            yen(T.s10)+\n          \"<\/strong>\"+\n        \"<\/div>\"+\n\n        \"<div>\"+\n          \"<span>\"+\n            \"\u6d88\u8cbb\u7a0e10\uff05\"+\n          \"<\/span>\"+\n          \"<strong>\"+\n            yen(T.t10)+\n          \"<\/strong>\"+\n        \"<\/div>\"+\n\n        \"<div>\"+\n          \"<span>\"+\n            \"8\uff05\u5bfe\u8c61 \u5c0f\u8a08\u2461\"+\n          \"<\/span>\"+\n          \"<strong>\"+\n            yen(T.s8)+\n          \"<\/strong>\"+\n        \"<\/div>\"+\n\n        \"<div>\"+\n          \"<span>\"+\n            \"\u6d88\u8cbb\u7a0e8\uff05\"+\n          \"<\/span>\"+\n          \"<strong>\"+\n            yen(T.t8)+\n          \"<\/strong>\"+\n        \"<\/div>\"+\n\n        \"<div>\"+\n          \"<span>\"+\n            \"\u7a0e\u8fbc\u9805\u76ee\u2462\"+\n          \"<\/span>\"+\n          \"<strong>\"+\n            yen(T.inc)+\n          \"<\/strong>\"+\n        \"<\/div>\";\n\n\n\n      root\n      .querySelector(\n        \"#ygFinal\"\n      )\n      .textContent=\n        yen(T.grand);\n\n\n\n      root\n      .querySelector(\n        \"#ygEstimateArea\"\n      )\n      .style.display=\n        \"block\";\n\n\n\n      \/* =====================================\n         \u30e1\u30fc\u30eb\u9001\u4fe1\u7528\n      ===================================== *\/\n\n      let text=\n        \"\u3010\u9078\u629e\u3055\u308c\u305f\u9805\u76ee\u3011\\n\\n\";\n\n\n      a.forEach(\n        x=>{\n\n          let qtyText=\n            String(x.qty);\n\n\n          if(\n            x.qtyUnit\n          ){\n\n            qtyText+=\n              x.qtyUnit;\n\n          }\n\n\n          text+=\n\n            \"\u30fb\"+\n            x.name+\n            \"\u3000\"+\n            qtyText+\n            \" \u00d7 \"+\n            yen(x.unit)+\n            \" \uff1d \"+\n            yen(x.total)+\n            \"\\n\";\n\n        }\n      );\n\n\n      text+=\n\n        \"\\n\u5408\u8a08\uff1a\"+\n\n        yen(\n          T.grand\n        );\n\n\n\n      const fd=\n        new FormData();\n\n\n      fd.append(\n        \"action\",\n        \"send_funeral_estimate\"\n      );\n\n\n      fd.append(\n        \"estimate_no\",\n        no\n      );\n\n\n      fd.append(\n        \"plan_name\",\n        \"\u60a0\u4e45\u306e\u4e18\u4e00\u822c\u846c\u30d7\u30e9\u30f3\"\n      );\n\n\n      fd.append(\n        \"total\",\n        yen(T.grand)\n      );\n\n\n      fd.append(\n        \"details\",\n        text\n      );\n\n\n\n      fetch(\n\n        \"\/wp-admin\/admin-ajax.php\",\n\n        {\n          method:\"POST\",\n          body:fd,\n          credentials:\"same-origin\"\n        }\n\n      )\n      .catch(\n        console.error\n      );\n\n\n\n      root\n      .querySelector(\n        \"#ygEstimateArea\"\n      )\n      .scrollIntoView(\n        {\n          behavior:\"smooth\"\n        }\n      );\n\n    };\n\n\n\n    \/* =====================================\n       \u753b\u50cf\u4f5c\u6210\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#ygImage\"\n    )\n    .onclick=\n    async function(){\n\n      const c=\n        await html2canvas(\n\n          root.querySelector(\n            \"#ygPaper\"\n          ),\n\n          {\n            scale:2,\n            backgroundColor:\"#fff\"\n          }\n\n        );\n\n\n      root\n      .querySelector(\n        \"#ygImg\"\n      )\n      .src=\n        c.toDataURL(\n          \"image\/png\"\n        );\n\n\n      root\n      .querySelector(\n        \"#ygImageArea\"\n      )\n      .style.display=\n        \"block\";\n\n\n      c.toBlob(\n        b=>{\n\n          blob=b;\n\n\n          if(\n            navigator.share &&\n            navigator.canShare &&\n            b\n          ){\n\n            const f=\n              new File(\n\n                [b],\n\n                \"mitsumori.png\",\n\n                {\n                  type:\"image\/png\"\n                }\n\n              );\n\n\n            if(\n              navigator.canShare(\n                {\n                  files:[f]\n                }\n              )\n            ){\n\n              root\n              .querySelector(\n                \"#ygShare\"\n              )\n              .style.display=\n                \"block\";\n\n            }\n\n          }\n\n        },\n\n        \"image\/png\"\n\n      );\n\n    };\n\n\n\n    \/* =====================================\n       \u5171\u6709\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#ygShare\"\n    )\n    .onclick=\n    async()=>{\n\n      if(blob){\n\n        try{\n\n          await navigator.share(\n            {\n              files:[\n                new File(\n\n                  [blob],\n\n                  \"mitsumori.png\",\n\n                  {\n                    type:\"image\/png\"\n                  }\n\n                )\n              ]\n            }\n          );\n\n        }\n\n        catch(e){}\n\n      }\n\n    };\n\n\n\n    \/* =====================================\n       \u4fee\u6b63\u3078\u623b\u308b\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#ygBack\"\n    )\n    .onclick=\n    ()=>{\n\n      root\n      .querySelector(\n        \".yg-calc\"\n      )\n      .scrollIntoView(\n        {\n          behavior:\"smooth\"\n        }\n      );\n\n    };\n\n  }\n);\n\n<\/script>\n\n\n\n<!-- =========================================\n     \u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d \u516c\u5f0f\u30b5\u30a4\u30c8\u3078\u306e\u623b\u308a\u5c0e\u7dda\n========================================= -->\n\n<section class=\"official-site-return\">\n\n  <div class=\"official-site-return-inner\">\n\n    <span class=\"official-site-return-label\">\n      \u5b87\u90fd\u5bae\u5e02\u3067\u306e\u3054\u846c\u5100\u30fb\u5bb6\u65cf\u846c\n    <\/span>\n\n    <h2>\n      \u60a0\u4e45\u306e\u4e18\u3067\u306e\u3054\u846c\u5100\u306f<br>\n      \u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d\u3078\n    <\/h2>\n\n    <p class=\"official-site-return-text\">\n      \u706b\u846c\u5f0f\u30fb\u4e00\u65e5\u846c\u30fb\u5bb6\u65cf\u846c\u306e\u8a73\u3057\u3044\u5185\u5bb9\u3084\u3001<br>\n      \u60a0\u4e45\u306e\u4e18\u3067\u306e\u3054\u846c\u5100\u306b\u3064\u3044\u3066\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002\n    <\/p>\n\n    <a\n      href=\"https:\/\/u-sousai.net\/\"\n      class=\"official-site-return-button\"\n    >\n      <span class=\"official-site-return-button-text\">\n        <small>\u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d \u516c\u5f0f\u30b5\u30a4\u30c8<\/small>\n        \u60a0\u4e45\u306e\u4e18\u306e\u846c\u5100\u30fb\u5bb6\u65cf\u846c\u3092\u898b\u308b\n      <\/span>\n\n      <span class=\"official-site-return-arrow\">\n        \u203a\n      <\/span>\n    <\/a>\n\n    <p class=\"official-site-return-note\">\n      \u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d \u516c\u5f0f\u30b5\u30a4\u30c8\u3078\u79fb\u52d5\u3057\u307e\u3059\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   \u516c\u5f0f\u30b5\u30a4\u30c8\u3078\u306e\u623b\u308a\u5c0e\u7dda\n========================================= *\/\n\n.official-site-return{\n  max-width:920px;\n  margin:45px auto 30px;\n  padding:0 15px;\n  box-sizing:border-box;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    \"Yu Gothic\",\n    Meiryo,\n    sans-serif;\n}\n\n\n.official-site-return-inner{\n  padding:35px 25px;\n\n  border:1px solid #d8e4dd;\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f3f9f6 100%\n    );\n\n  text-align:center;\n\n  box-shadow:\n    0 5px 18px\n    rgba(23,77,59,.07);\n}\n\n\n\/* \u5c0f\u898b\u51fa\u3057 *\/\n\n.official-site-return-label{\n  display:inline-block;\n\n  margin-bottom:12px;\n\n  padding:6px 17px;\n\n  border-radius:25px;\n\n  background:#edf7f2;\n\n  color:#174d3b;\n\n  font-size:13px;\n\n  font-weight:700;\n}\n\n\n\/* \u898b\u51fa\u3057 *\/\n\n.official-site-return h2{\n  margin:0 0 14px;\n\n  color:#174d3b;\n\n  font-family:\n    \"Yu Mincho\",\n    \"Hiragino Mincho ProN\",\n    serif;\n\n  font-size:27px;\n\n  line-height:1.55;\n}\n\n\n\/* \u8aac\u660e *\/\n\n.official-site-return-text{\n  margin:0 auto 23px;\n\n  color:#555;\n\n  font-size:15px;\n\n  line-height:1.8;\n}\n\n\n\/* =========================================\n   \u30e1\u30a4\u30f3\u30dc\u30bf\u30f3\n========================================= *\/\n\n.official-site-return-button{\n  display:flex;\n\n  width:100%;\n  max-width:620px;\n  min-height:72px;\n\n  margin:0 auto;\n\n  padding:10px 22px;\n\n  box-sizing:border-box;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:40px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #247455 0%,\n      #174d3b 100%\n    );\n\n  color:#fff!important;\n\n  text-decoration:none!important;\n\n  box-shadow:\n    0 7px 18px\n    rgba(23,77,59,.22);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.official-site-return-button:hover{\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 10px 22px\n    rgba(23,77,59,.28);\n}\n\n\n.official-site-return-button-text{\n  flex:1;\n\n  font-size:19px;\n\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n.official-site-return-button-text small{\n  display:block;\n\n  margin-bottom:2px;\n\n  font-size:11px;\n\n  font-weight:normal;\n\n  opacity:.85;\n}\n\n\n.official-site-return-arrow{\n  margin-left:12px;\n\n  font-size:36px;\n\n  line-height:1;\n}\n\n\n\/* \u88dc\u8db3 *\/\n\n.official-site-return-note{\n  margin:10px 0 0;\n\n  color:#888;\n\n  font-size:12px;\n}\n\n\n\/* =========================================\n   \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n========================================= *\/\n\n@media(max-width:600px){\n\n  .official-site-return{\n    margin:30px auto 20px;\n    padding:0 10px;\n  }\n\n\n  .official-site-return-inner{\n    padding:27px 14px;\n  }\n\n\n  .official-site-return h2{\n    font-size:22px;\n  }\n\n\n  .official-site-return-text{\n    font-size:14px;\n  }\n\n\n  .official-site-return-button{\n    min-height:66px;\n    padding:9px 16px;\n  }\n\n\n  .official-site-return-button-text{\n    font-size:16px;\n  }\n\n\n  .official-site-return-arrow{\n    font-size:30px;\n  }\n\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u60a0\u4e45\u306e\u4e18 \u4e00\u822c\u846c\u30d7\u30e9\u30f3 \u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-299","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=299"}],"version-history":[{"count":5,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/299\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}