{"id":303,"date":"2026-09-05T05:57:50","date_gmt":"2026-09-04T20:57:50","guid":{"rendered":"https:\/\/seikatu-sien.com\/?page_id=303"},"modified":"2026-09-05T13:01:07","modified_gmt":"2026-09-05T04:01:07","slug":"%e7%81%ab%e8%91%ac%e5%bc%8f%e3%83%97%e3%83%a9%e3%83%b3","status":"publish","type":"page","link":"https:\/\/seikatu-sien.com\/?page_id=303","title":{"rendered":"\u706b\u846c\u5f0f\u30d7\u30e9\u30f3"},"content":{"rendered":"\n<div id=\"cremationEstimateApp\" class=\"cr-app\">\n\n  <div class=\"cr-calc\">\n\n    <h2>\n      \u706b\u846c\u5f0f\u30d7\u30e9\u30f3<br>\n      \u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\n    <\/h2>\n\n    <p class=\"cr-lead\">\n      \u5fc5\u8981\u306a\u9805\u76ee\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u9078\u629e\u3057\u305f\u5185\u5bb9\u304b\u3089\u6599\u91d1\u3092\u81ea\u52d5\u8a08\u7b97\u3057\u307e\u3059\u3002\n    <\/p>\n\n    <div id=\"crItems\" class=\"cr-list\"><\/div>\n\n\n    <div class=\"cr-total\">\n\n      <p>\u9078\u629e\u9805\u76ee\u5408\u8a08\uff08\u7a0e\u5225\uff09<\/p>\n      <strong id=\"crSub\">0\u5186<\/strong>\n\n      <p>\u6d88\u8cbb\u7a0e\uff0810\uff05\uff09<\/p>\n      <strong id=\"crTax\">0\u5186<\/strong>\n\n      <p class=\"cr-included-label\">\n        \u7a0e\u8fbc\u9805\u76ee\n      <\/p>\n\n      <strong id=\"crIncluded\">\n        0\u5186\n      <\/strong>\n\n      <p class=\"cr-red\">\n        \u5408\u8a08\uff08\u7a0e\u8fbc\uff09\n      <\/p>\n\n      <strong\n        id=\"crGrand\"\n        class=\"cr-big\"\n      >\n        0\u5186\n      <\/strong>\n\n    <\/div>\n\n\n    <div class=\"cr-other\">\n\n      <h3>\n        \u5225\u9014\u6599\u91d1\n      <\/h3>\n\n      <p>\n        \u25cf \u642c\u900110km\u8d85\uff1a\n        <strong>\u6599\u91d1\u30e1\u30fc\u30bf\u30fc\u52a0\u7b97<\/strong>\n      <\/p>\n\n      <p>\n        \u25cf \u970a\u67e910km\u8d85\uff1a\n        <strong>\u6599\u91d1\u30e1\u30fc\u30bf\u30fc\u52a0\u7b97<\/strong>\n      <\/p>\n\n      <p>\n        \u25cf \u4f9b\u990a\u4f4d\u724c\uff1a\n        <strong>\u30ab\u30bf\u30ed\u30b0\u53c2\u7167<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <button\n      id=\"crMake\"\n      type=\"button\"\n    >\n      \u3053\u306e\u5185\u5bb9\u3067\u78ba\u5b9a\u30fb\u898b\u7a4d\u66f8\u3092\u4f5c\u6210\n    <\/button>\n\n  <\/div>\n\n\n\n  <div\n    id=\"crEstimate\"\n    style=\"display:none;\"\n  >\n\n    <div\n      id=\"crPaper\"\n      class=\"cr-paper\"\n    >\n\n      <div class=\"cr-title\">\n        \u5fa1 \u898b \u7a4d \u66f8\n      <\/div>\n\n\n      <div class=\"cr-meta\">\n\n        <strong>\n          \u706b\u846c\u5f0f\u30d7\u30e9\u30f3\n        <\/strong>\n\n        <br>\n\n        \u898b\u7a4d\u756a\u53f7\uff1a\n        <span id=\"crNo\"><\/span>\n\n        <br>\n\n        \u898b\u7a4d\u65e5\uff1a\n        <span id=\"crDate\"><\/span>\n\n      <\/div>\n\n\n      <div class=\"cr-company\">\n\n        <div>\n\n          <strong>\n            \u5b87\u90fd\u5bae\u5e02\u6c11\u846c\u796d\n          <\/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\n        <\/div>\n\n\n        <div class=\"cr-seal\">\n          \u5b87\u90fd\u5bae<br>\n          \u5e02\u6c11\u846c\u796d\n        <\/div>\n\n      <\/div>\n\n\n      <table class=\"cr-table\">\n\n        <thead>\n\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\n        <\/thead>\n\n        <tbody id=\"crRows\"><\/tbody>\n\n      <\/table>\n\n\n      <div class=\"cr-sum\">\n\n        <div>\n          <span>\u5c0f\u8a08\uff08\u7a0e\u5225\uff09<\/span>\n          <strong id=\"crESub\"><\/strong>\n        <\/div>\n\n        <div>\n          <span>\u6d88\u8cbb\u7a0e\uff0810\uff05\uff09<\/span>\n          <strong id=\"crETax\"><\/strong>\n        <\/div>\n\n        <div>\n          <span>\u7a0e\u8fbc\u9805\u76ee<\/span>\n          <strong id=\"crEIncluded\"><\/strong>\n        <\/div>\n\n        <div class=\"cr-final\">\n\n          <span>\n            \u304a\u898b\u7a4d\u308a\u5408\u8a08\uff08\u7a0e\u8fbc\uff09\n          <\/span>\n\n          <strong id=\"crEGrand\"><\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cr-controls\">\n\n      <button\n        id=\"crImage\"\n        type=\"button\"\n      >\n        \u898b\u7a4d\u66f8\u3092\u753b\u50cf\u306b\u3059\u308b\n      <\/button>\n\n      <button\n        id=\"crBack\"\n        class=\"cr-secondary\"\n        type=\"button\"\n      >\n        \u5185\u5bb9\u3092\u4fee\u6b63\u3059\u308b\n      <\/button>\n\n    <\/div>\n\n\n    <div\n      id=\"crImageArea\"\n      class=\"cr-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=\"crImg\">\n\n      <button\n        id=\"crShare\"\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\n<style>\n\n.cr-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.cr-calc h2{\n  text-align:center;\n  font-size:30px;\n  line-height:1.5;\n  color:#174d3b;\n}\n\n\n.cr-lead{\n  text-align:center;\n  color:#666;\n}\n\n\n.cr-list{\n  margin-top:25px;\n  border-top:1px solid #ddd;\n}\n\n\n.cr-row{\n  display:grid;\n\n  grid-template-columns:\n    35px 1fr auto;\n\n  gap:10px;\n\n  align-items:center;\n\n  padding:15px 10px;\n\n  border-bottom:1px solid #ddd;\n}\n\n\n.cr-row input[type=checkbox]{\n  width:23px;\n  height:23px;\n  accent-color:#24845f;\n}\n\n\n.cr-right{\n  display:flex;\n\n  align-items:center;\n\n  gap:6px;\n\n  flex-wrap:wrap;\n}\n\n\n.cr-input{\n  width:85px;\n\n  padding:9px;\n\n  border:1px solid #bbb;\n\n  border-radius:6px;\n\n  text-align:right;\n\n  background:#fff;\n}\n\n\n.cr-line{\n  font-weight:bold;\n\n  min-width:90px;\n\n  text-align:right;\n}\n\n\n.cr-tax-badge{\n  display:inline-block;\n\n  padding:3px 8px;\n\n  margin-left:6px;\n\n  border-radius:20px;\n\n  background:#f7efe2;\n\n  color:#926a23;\n\n  font-size:11px;\n\n  font-weight:bold;\n}\n\n\n.cr-total{\n  margin:30px 0;\n\n  padding:25px;\n\n  border:3px solid #e55b73;\n\n  background:#fff8fa;\n\n  border-radius:12px;\n\n  text-align:center;\n}\n\n\n.cr-total p{\n  font-weight:bold;\n}\n\n\n.cr-total>strong{\n  font-size:28px;\n}\n\n\n.cr-included-label{\n  margin-top:20px;\n  color:#8b6c32;\n}\n\n\n.cr-total .cr-red{\n  color:#c92745;\n\n  margin-top:20px;\n}\n\n\n.cr-total .cr-big{\n  font-size:42px;\n\n  color:#c92745;\n}\n\n\n.cr-other{\n  padding:20px;\n\n  background:#f4f4f4;\n\n  border-radius:10px;\n}\n\n\n#crMake,\n.cr-controls button,\n.cr-image-area button{\n\n  display:block;\n\n  width:100%;\n\n  max-width:620px;\n\n  margin:30px auto;\n\n  padding:18px;\n\n  border:0;\n\n  border-radius:10px;\n\n  background:#174d3b;\n\n  color:#fff;\n\n  font-size:18px;\n\n  font-weight:bold;\n}\n\n\n.cr-paper{\n  max-width:800px;\n\n  margin:40px auto;\n\n  padding:45px;\n\n  background:#fff;\n\n  border:1px solid #ccc;\n\n  box-sizing:border-box;\n}\n\n\n.cr-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.cr-meta{\n  text-align:right;\n\n  margin-top:20px;\n\n  line-height:1.8;\n}\n\n\n.cr-company{\n  margin:25px 0;\n\n  display:flex;\n\n  justify-content:flex-end;\n\n  align-items:center;\n\n  gap:20px;\n}\n\n\n.cr-company p{\n  margin:4px;\n}\n\n\n.cr-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\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.cr-table{\n  width:100%;\n\n  border-collapse:collapse;\n}\n\n\n.cr-table th,\n.cr-table td{\n\n  border:1px solid #555;\n\n  padding:10px 6px;\n}\n\n\n.cr-table th{\n  background:#f2f2f2;\n}\n\n\n.cr-table td:not(:first-child){\n  text-align:right;\n}\n\n\n.cr-sum{\n  max-width:430px;\n\n  margin:25px 0 0 auto;\n}\n\n\n.cr-sum>div{\n  display:flex;\n\n  justify-content:space-between;\n\n  padding:10px;\n\n  border-bottom:1px solid #ccc;\n}\n\n\n.cr-final{\n  margin-top:10px;\n\n  border:3px solid #c92745!important;\n\n  color:#c92745;\n\n  font-weight:bold;\n}\n\n\n.cr-final strong{\n  font-size:24px;\n}\n\n\n.cr-secondary{\n  background:#fff!important;\n\n  color:#174d3b!important;\n\n  border:1px solid #174d3b!important;\n}\n\n\n.cr-image-area{\n  max-width:800px;\n\n  margin:auto;\n\n  text-align:center;\n\n  padding:20px;\n\n  background:#f5f5f5;\n}\n\n\n.cr-image-area img{\n  width:100%;\n}\n\n\n@media(max-width:600px){\n\n  .cr-calc h2{\n    font-size:23px;\n  }\n\n\n  .cr-row{\n    grid-template-columns:\n      28px 1fr;\n\n    align-items:start;\n  }\n\n\n  .cr-right{\n    grid-column:2;\n  }\n\n\n  .cr-total .cr-big{\n    font-size:33px;\n  }\n\n\n  .cr-paper{\n    padding:20px 10px;\n  }\n\n\n  .cr-table th,\n  .cr-table td{\n    font-size:10px;\n\n    padding:5px 2px;\n  }\n\n}\n\n<\/style>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/html2canvas@1.4.1\/dist\/html2canvas.min.js\"><\/script>\n\n\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function(){\n\n    const root=\n      document.getElementById(\n        \"cremationEstimateApp\"\n      );\n\n    if(!root)return;\n\n\n\n    \/* =====================================\n       \u6599\u91d1\u9805\u76ee\n    ===================================== *\/\n\n    const items=[\n\n      {\n        name:\"\u706b\u846c\u5f0f\u57fa\u672c\u6599\u91d1\",\n        type:\"fixed\",\n        price:88000,\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u591c\u9593\u5bfe\u5fdc\",\n        type:\"fixed\",\n        price:15000,\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u8ffd\u52a0\u30c9\u30e9\u30a4\u30a2\u30a4\u30b9\u30fb\u4fdd\u5168\u51e6\u7f6e\",\n        type:\"qty\",\n        price:14700,\n        unit:\"\u65e5\",\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u8863\u88c5\u7740\u305b\",\n        type:\"fixed\",\n        price:25000,\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u7c89\u9aa8\",\n        type:\"fixed\",\n        price:10000,\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u6563\u9aa8\",\n        type:\"fixed\",\n        price:30000,\n        taxIncluded:false\n      },\n\n\n      \/* =====================================\n         \u6c38\u4ee3\u5893\u5730\n         \u7a0e\u8fbc150,000\u5186\n         \u6d88\u8cbb\u7a0e\u8a08\u7b97\u306b\u306f\u542b\u3081\u306a\u3044\n      ===================================== *\/\n\n      {\n        name:\"\u6c38\u4ee3\u5893\u5730\",\n        type:\"fixed\",\n        price:150000,\n        taxIncluded:true\n      },\n\n\n      {\n        name:\"\u5893\u8a8c\u523b\u307f\",\n        type:\"fixed\",\n        price:30000,\n        taxIncluded:false\n      },\n\n      {\n        name:\"\u4e88\u7d04\u523b\u307f\uff08\u8d64\u5b57\uff09\",\n        type:\"fixed\",\n        price:30000,\n        taxIncluded:false\n      }\n\n    ];\n\n\n\n    const yen=n=>\n      Number(n)\n      .toLocaleString(\"ja-JP\")\n      +\"\u5186\";\n\n\n    const val=v=>\n      Number(\n        String(v||\"\")\n        .replace(\/[^0-9]\/g,\"\")\n      )||0;\n\n\n\n    let sub=0;\n\n    let tax=0;\n\n    let included=0;\n\n    let grand=0;\n\n    let blob=null;\n\n\n\n    \/* =====================================\n       \u9805\u76ee\u8868\u793a\n    ===================================== *\/\n\n    items.forEach(\n      (x,i)=>{\n\n        const row=\n          document.createElement(\n            \"div\"\n          );\n\n\n        row.className=\n          \"cr-row\";\n\n\n        row.dataset.i=\n          i;\n\n\n        let right=\n\n          '<div class=\"cr-right\">'+\n\n            '<span class=\"cr-line\">'+\n              yen(x.price)+\n            '<\/span>'+\n\n          '<\/div>';\n\n\n\n        if(\n          x.type===\"qty\"\n        ){\n\n          right=\n\n            '<div class=\"cr-right\">'+\n\n              '<span>'+\n                yen(x.price)+\n                ' \u00d7'+\n              '<\/span>'+\n\n              '<input '+\n                'class=\"cr-input cr-qty\" '+\n                'type=\"text\" '+\n                'inputmode=\"numeric\" '+\n                'placeholder=\"\u6570\u91cf\"'+\n              '>'+\n\n              '<span>'+\n                x.unit+\n              '<\/span>'+\n\n              '<span class=\"cr-line\">'+\n                '0\u5186'+\n              '<\/span>'+\n\n            '<\/div>';\n\n        }\n\n\n\n        let nameText=\n          x.name;\n\n\n        if(\n          x.taxIncluded\n        ){\n\n          nameText+=\n            ' <span class=\"cr-tax-badge\">\u7a0e\u8fbc<\/span>';\n\n        }\n\n\n\n        row.innerHTML=\n\n          '<input '+\n            'type=\"checkbox\" '+\n            'class=\"cr-check\"'+\n          '>'+\n\n          '<span>'+\n            nameText+\n          '<\/span>'+\n\n          right;\n\n\n\n        root\n        .querySelector(\n          \"#crItems\"\n        )\n        .appendChild(\n          row\n        );\n\n      }\n    );\n\n\n\n    \/* =====================================\n       1\u9805\u76ee\u306e\u60c5\u5831\n    ===================================== *\/\n\n    function info(row){\n\n      const x=\n        items[\n          Number(\n            row.dataset.i\n          )\n        ];\n\n\n      const qty=\n\n        x.type===\"qty\"\n\n        ? val(\n            row.querySelector(\n              \".cr-qty\"\n            )?.value\n          )\n\n        : 1;\n\n\n      return{\n\n        name:x.name,\n\n        qty:qty,\n\n        unit:x.price,\n\n        total:\n          qty*x.price,\n\n        taxIncluded:\n          x.taxIncluded===true,\n\n        qtyUnit:\n          x.unit || \"\"\n\n      };\n\n    }\n\n\n\n    \/* =====================================\n       \u5408\u8a08\u8a08\u7b97\n    ===================================== *\/\n\n    function calc(){\n\n      sub=0;\n\n      included=0;\n\n\n\n      root\n      .querySelectorAll(\n        \".cr-row\"\n      )\n      .forEach(\n        row=>{\n\n          const x=\n            info(row);\n\n\n          const line=\n            row.querySelector(\n              \".cr-line\"\n            );\n\n\n          if(line){\n\n            line.textContent=\n              yen(x.total);\n\n          }\n\n\n\n          if(\n            row\n            .querySelector(\n              \".cr-check\"\n            )\n            .checked\n          ){\n\n            \/* \u7a0e\u8fbc\u9805\u76ee *\/\n\n            if(\n              x.taxIncluded\n            ){\n\n              included+=\n                x.total;\n\n            }\n\n            \/* 10\uff05\u8ab2\u7a0e\u9805\u76ee *\/\n\n            else{\n\n              sub+=\n                x.total;\n\n            }\n\n          }\n\n        }\n      );\n\n\n\n      tax=\n        Math.floor(\n          sub*.1\n        );\n\n\n      grand=\n\n        sub+\n        tax+\n        included;\n\n\n\n      root\n      .querySelector(\n        \"#crSub\"\n      )\n      .textContent=\n        yen(sub);\n\n\n      root\n      .querySelector(\n        \"#crTax\"\n      )\n      .textContent=\n        yen(tax);\n\n\n      root\n      .querySelector(\n        \"#crIncluded\"\n      )\n      .textContent=\n        yen(included);\n\n\n      root\n      .querySelector(\n        \"#crGrand\"\n      )\n      .textContent=\n        yen(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          \".cr-row\"\n        )\n      ]\n\n      .filter(\n        r=>\n          r\n          .querySelector(\n            \".cr-check\"\n          )\n          .checked\n      )\n\n      .map(info);\n\n    }\n\n\n\n    \/* =====================================\n       \u898b\u7a4d\u756a\u53f7\n    ===================================== *\/\n\n    function eno(){\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      \"#crMake\"\n    )\n    .onclick=\n    function(){\n\n      calc();\n\n\n      const a=\n        selected();\n\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\n      if(\n        a.find(\n          x=>x.qty===0\n        )\n      ){\n\n        return alert(\n          \"\u9078\u629e\u3057\u305f\u9805\u76ee\u306e\u6570\u91cf\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n        );\n\n      }\n\n\n\n      const body=\n        root.querySelector(\n          \"#crRows\"\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          let nameText=\n            x.name;\n\n\n          if(\n            x.taxIncluded\n          ){\n\n            nameText+=\n              \"\uff08\u7a0e\u8fbc\uff09\";\n\n          }\n\n\n\n          tr.innerHTML=\n\n            \"<td>\"+\n              nameText+\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        eno();\n\n\n\n      root\n      .querySelector(\n        \"#crNo\"\n      )\n      .textContent=\n        no;\n\n\n\n      root\n      .querySelector(\n        \"#crDate\"\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        \"#crESub\"\n      )\n      .textContent=\n        yen(sub);\n\n\n      root\n      .querySelector(\n        \"#crETax\"\n      )\n      .textContent=\n        yen(tax);\n\n\n      root\n      .querySelector(\n        \"#crEIncluded\"\n      )\n      .textContent=\n        yen(included);\n\n\n      root\n      .querySelector(\n        \"#crEGrand\"\n      )\n      .textContent=\n        yen(grand);\n\n\n\n      root\n      .querySelector(\n        \"#crEstimate\"\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\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\n          let nameText=\n            x.name;\n\n\n          if(\n            x.taxIncluded\n          ){\n\n            nameText+=\n              \"\uff08\u7a0e\u8fbc\uff09\";\n\n          }\n\n\n\n          text+=\n\n            \"\u30fb\"+\n            nameText+\n            \"\u3000\"+\n            qtyText+\n            \" \u00d7 \"+\n            yen(x.unit)+\n            \" \uff1d \"+\n            yen(x.total)+\n            \"\\n\";\n\n        }\n      );\n\n\n\n      text+=\n\n        \"\\n\u5c0f\u8a08\uff08\u7a0e\u5225\uff09\uff1a\"+\n        yen(sub)+\n\n        \"\\n\u6d88\u8cbb\u7a0e10\uff05\uff1a\"+\n        yen(tax)+\n\n        \"\\n\u7a0e\u8fbc\u9805\u76ee\uff1a\"+\n        yen(included)+\n\n        \"\\n\u5408\u8a08\uff08\u7a0e\u8fbc\uff09\uff1a\"+\n        yen(grand);\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        \"\u706b\u846c\u5f0f\u30d7\u30e9\u30f3\"\n      );\n\n\n      fd.append(\n        \"total\",\n        yen(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        \"#crEstimate\"\n      )\n      .scrollIntoView(\n        {\n          behavior:\"smooth\"\n        }\n      );\n\n    };\n\n\n\n    \/* =====================================\n       \u898b\u7a4d\u66f8\u753b\u50cf\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#crImage\"\n    )\n    .onclick=\n    async function(){\n\n      const c=\n        await html2canvas(\n\n          root.querySelector(\n            \"#crPaper\"\n          ),\n\n          {\n            scale:2,\n            backgroundColor:\"#fff\"\n          }\n\n        );\n\n\n      root\n      .querySelector(\n        \"#crImg\"\n      )\n      .src=\n        c.toDataURL(\n          \"image\/png\"\n        );\n\n\n      root\n      .querySelector(\n        \"#crImageArea\"\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                \"#crShare\"\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      \"#crShare\"\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       \u5185\u5bb9\u4fee\u6b63\n    ===================================== *\/\n\n    root\n    .querySelector(\n      \"#crBack\"\n    )\n    .onclick=\n    ()=>{\n\n      root\n      .querySelector(\n        \".cr-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>\u706b\u846c\u5f0f\u30d7\u30e9\u30f3 \u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3 \u5fc5\u8981 [&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-303","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/303","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=303"}],"version-history":[{"count":5,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}