{"id":297,"date":"2026-09-05T05:55:24","date_gmt":"2026-09-04T20:55:24","guid":{"rendered":"https:\/\/seikatu-sien.com\/?page_id=297"},"modified":"2026-09-05T13:01:32","modified_gmt":"2026-09-05T04:01:32","slug":"%e9%81%b8%e3%81%b9%e3%82%8b1%e6%97%a5%e3%81%8a%e5%88%a5%e3%82%8c%e8%91%ac%e3%83%97%e3%83%a9%e3%83%b3","status":"publish","type":"page","link":"https:\/\/seikatu-sien.com\/?page_id=297","title":{"rendered":"\u9078\u3079\u308b1\u65e5\u304a\u5225\u308c\u846c\u30d7\u30e9\u30f3"},"content":{"rendered":"\n<div id=\"farewellEstimateApp\" class=\"funeral-estimate-app\">\n\n  <div class=\"fe-calculator\">\n\n    <div class=\"fe-plan-head\">\n\n      <div class=\"fe-plan-badge\">\n        10\u540d\u4ee5\u5185\u30fb\u5b97\u6559\u5100\u793c\u306a\u3057\n      <\/div>\n\n      <h2>\n        \u9078\u3079\u308b \u304a\u5225\u308c\u4e00\u65e5\u846c\u30d7\u30e9\u30f3<br>\n        \u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\n      <\/h2>\n\n      <p class=\"fe-main-message\">\n        <strong>\u3054\u5bb6\u65cf\u3092\u4e2d\u5fc3\u3068\u3057\u305f10\u540d\u4ee5\u5185<\/strong>\u3067\u884c\u3046\u3001<br>\n        \u5b97\u6559\u5100\u793c\u306e\u306a\u3044\u304a\u5225\u308c\u4e00\u65e5\u846c\u3067\u3059\u3002\n      <\/p>\n\n      <p class=\"fe-lead\">\n        \u304a\u574a\u3055\u3093\u306b\u3088\u308b\u8aad\u7d4c\u306a\u3069\u3092\u884c\u308f\u305a\u3001<br>\n        \u5f0f\u5834\u3067\u3054\u5bb6\u65cf\u3060\u3051\u306e\u6700\u5f8c\u306e\u304a\u5225\u308c\u306e\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n\n    <div id=\"fwItems\" class=\"fe-items\"><\/div>\n\n\n    <div class=\"fe-total-box\">\n\n      <p>10\uff05\u5bfe\u8c61\u9805\u76ee\u5408\u8a08\uff08\u7a0e\u5225\uff09<\/p>\n\n      <div class=\"fe-subtotal\">\n        <span id=\"fwSubtotal\">0<\/span>\u5186\n      <\/div>\n\n\n      <p>\u6d88\u8cbb\u7a0e\uff0810\uff05\uff09<\/p>\n\n      <div class=\"fe-tax\">\n        <span id=\"fwTax\">0<\/span>\u5186\n      <\/div>\n\n\n      <p class=\"fe-included-label\">\n        \u7a0e\u8fbc\u9805\u76ee\n      <\/p>\n\n      <div class=\"fe-included\">\n        <span id=\"fwIncluded\">0<\/span>\u5186\n      <\/div>\n\n\n      <p class=\"fe-total-label\">\n        \u5408\u8a08\uff08\u7a0e\u8fbc\uff09\n      <\/p>\n\n      <div class=\"fe-grand\">\n        <span id=\"fwTotal\">0<\/span>\u5186\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"fe-plan-note\">\n\n      <strong>\n        \u3053\u306e\u30d7\u30e9\u30f3\u306f10\u540d\u4ee5\u5185\u3067\u306e\u304a\u898b\u9001\u308a\u3092\u5bfe\u8c61\u3068\u3057\u3066\u3044\u307e\u3059\n      <\/strong>\n\n      <p>\n        \u5b97\u6559\u5100\u793c\u3092\u884c\u308f\u305a\u3001\u3054\u5bb6\u65cf\u3092\u4e2d\u5fc3\u306b\u5927\u5207\u306a\u65b9\u3092\u56f2\u307f\u3001<br>\n        \u3086\u3063\u304f\u308a\u6700\u5f8c\u306e\u304a\u5225\u308c\u3092\u3057\u3066\u3044\u305f\u3060\u304f\u30d7\u30e9\u30f3\u3067\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"fe-separate\">\n\n      <h3>\n        \u5225\u9014\u6599\u91d1\u3068\u306a\u308b\u9805\u76ee\n      <\/h3>\n\n      <p>\n        \u25cf \u8ffd\u52a0\u30c9\u30e9\u30a4\u30a2\u30a4\u30b9\u30fb\u4fdd\u5168\u51e6\u7f6e\uff1a\n        <strong>14,700\u5186\uff0f\u65e5<\/strong>\n      <\/p>\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      <small>\n        \u203b\u4e0a\u8a18\u306f\u72b6\u6cc1\u30fb\u8ddd\u96e2\u30fb\u6570\u91cf\u30fb\u5546\u54c1\u306b\u3088\u3063\u3066\u6599\u91d1\u304c\u7570\u306a\u308b\u305f\u3081\u3001\n        \u81ea\u52d5\u8a08\u7b97\u306b\u306f\u542b\u307e\u308c\u307e\u305b\u3093\u3002\n      <\/small>\n\n    <\/div>\n\n\n    <div class=\"fe-confirm\">\n\n      <button type=\"button\" id=\"fwMake\">\n        \u3053\u306e\u5185\u5bb9\u3067\u78ba\u5b9a\u30fb\u898b\u7a4d\u66f8\u3092\u4f5c\u6210\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <div id=\"fwEstimateSection\" style=\"display:none;\">\n\n    <div id=\"fwPaper\" class=\"fe-paper\">\n\n      <div class=\"fe-title\">\n        \u5fa1 \u898b \u7a4d \u66f8\n      <\/div>\n\n\n      <div class=\"fe-meta\">\n\n        <strong>\n          \u9078\u3079\u308b \u304a\u5225\u308c\u4e00\u65e5\u846c\u30d7\u30e9\u30f3\n        <\/strong>\n\n        <br>\n\n        10\u540d\u4ee5\u5185\u30fb\u5b97\u6559\u5100\u793c\u306a\u3057\n\n        <br>\n\n        \u898b\u7a4d\u756a\u53f7\uff1a\n        <span id=\"fwNo\"><\/span>\n\n        <br>\n\n        \u898b\u7a4d\u65e5\uff1a\n        <span id=\"fwDate\"><\/span>\n\n      <\/div>\n\n\n      <div class=\"fe-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=\"fe-seal\">\n          \u5b87\u90fd\u5bae<br>\n          \u5e02\u6c11\u846c\u796d\n        <\/div>\n\n      <\/div>\n\n\n      <p>\n        \u4e0b\u8a18\u306e\u901a\u308a\u304a\u898b\u7a4d\u308a\u7533\u3057\u4e0a\u3052\u307e\u3059\u3002\n      <\/p>\n\n\n      <table class=\"fe-table\">\n\n        <thead>\n          <tr>\n            <th>\u9805\u76ee<\/th>\n            <th>\u91d1\u984d<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody id=\"fwEstimateItems\"><\/tbody>\n\n      <\/table>\n\n\n      <div class=\"fe-estimate-totals\">\n\n        <div>\n\n          <span>\n            10\uff05\u5bfe\u8c61 \u5c0f\u8a08\uff08\u7a0e\u5225\uff09\n          <\/span>\n\n          <strong id=\"fwEstimateSubtotal\"><\/strong>\n\n        <\/div>\n\n\n        <div>\n\n          <span>\n            \u6d88\u8cbb\u7a0e\uff0810\uff05\uff09\n          <\/span>\n\n          <strong id=\"fwEstimateTax\"><\/strong>\n\n        <\/div>\n\n\n        <div>\n\n          <span>\n            \u7a0e\u8fbc\u9805\u76ee\n          <\/span>\n\n          <strong id=\"fwEstimateIncluded\"><\/strong>\n\n        <\/div>\n\n\n        <div class=\"fe-grand-row\">\n\n          <span>\n            \u304a\u898b\u7a4d\u308a\u5408\u8a08\uff08\u7a0e\u8fbc\uff09\n          <\/span>\n\n          <strong id=\"fwEstimateTotal\"><\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"fe-controls\">\n\n      <button type=\"button\" id=\"fwImage\">\n        \u898b\u7a4d\u66f8\u3092\u753b\u50cf\u306b\u3059\u308b\n      <\/button>\n\n      <button\n        type=\"button\"\n        id=\"fwBack\"\n        class=\"fe-secondary\"\n      >\n        \u5185\u5bb9\u3092\u4fee\u6b63\u3059\u308b\n      <\/button>\n\n    <\/div>\n\n\n    <div\n      id=\"fwImageResult\"\n      class=\"fe-image-result\"\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=\"fwEstimateImage\">\n\n      <button\n        type=\"button\"\n        id=\"fwShare\"\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.funeral-estimate-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\/* ===============================\n   \u4e0a\u90e8\n=============================== *\/\n\n.fe-plan-head{\n  text-align:center;\n  padding:20px 10px 10px;\n}\n\n\n.fe-plan-badge{\n  display:inline-block;\n\n  margin-bottom:12px;\n\n  padding:7px 20px;\n\n  border-radius:30px;\n\n  background:#174d3b;\n\n  color:#fff;\n\n  font-size:14px;\n\n  font-weight:bold;\n}\n\n\n.fe-calculator h2{\n  margin:0 0 15px;\n\n  text-align:center;\n\n  color:#174d3b;\n\n  font-size:30px;\n\n  line-height:1.5;\n}\n\n\n.fe-main-message{\n  margin:12px 0;\n\n  color:#71465a;\n\n  font-size:20px;\n\n  line-height:1.7;\n}\n\n\n.fe-main-message strong{\n  color:#c32643;\n\n  font-size:23px;\n}\n\n\n.fe-lead{\n  text-align:center;\n\n  color:#666;\n\n  line-height:1.8;\n}\n\n\n\/* ===============================\n   \u9805\u76ee\n=============================== *\/\n\n.fe-items{\n  border-top:1px solid #ddd;\n\n  margin-top:25px;\n}\n\n\n.fe-item{\n  display:grid;\n\n  grid-template-columns:\n    40px 1fr auto;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:16px 12px;\n\n  border-bottom:1px solid #ddd;\n}\n\n\n.fe-item input{\n  width:24px;\n  height:24px;\n\n  accent-color:#24845f;\n}\n\n\n.fe-item strong{\n  white-space:nowrap;\n}\n\n\n.fe-required{\n  background:#f4faf7;\n}\n\n\n.fe-required-text{\n  display:inline-block;\n\n  margin-left:6px;\n\n  padding:2px 7px;\n\n  border-radius:12px;\n\n  background:#174d3b;\n\n  color:#fff;\n\n  font-size:10px;\n\n  font-weight:bold;\n}\n\n\n.fe-tax-badge{\n  display:inline-block;\n\n  margin-left:6px;\n\n  padding:2px 7px;\n\n  border-radius:12px;\n\n  background:#f5ead4;\n\n  color:#8a6427;\n\n  font-size:10px;\n\n  font-weight:bold;\n}\n\n\n.fe-group-title{\n  padding:16px 12px;\n\n  background:#edf7f2;\n\n  color:#174d3b;\n\n  font-size:18px;\n\n  font-weight:bold;\n}\n\n\n.fe-group-title small{\n  display:block;\n\n  margin-top:4px;\n\n  font-size:12px;\n\n  color:#666;\n\n  font-weight:normal;\n}\n\n\n\/* ===============================\n   \u5408\u8a08\n=============================== *\/\n\n.fe-total-box{\n  margin-top:30px;\n\n  padding:25px;\n\n  border:3px solid #e55b73;\n\n  border-radius:12px;\n\n  text-align:center;\n\n  background:#fff8fa;\n}\n\n\n.fe-total-box p{\n  font-weight:bold;\n\n  margin:8px;\n}\n\n\n.fe-subtotal,\n.fe-tax,\n.fe-included{\n  font-size:28px;\n\n  font-weight:bold;\n}\n\n\n.fe-included-label{\n  color:#896927;\n\n  margin-top:20px!important;\n}\n\n\n.fe-total-label{\n  color:#c92745;\n\n  margin-top:20px!important;\n}\n\n\n.fe-grand{\n  font-size:42px;\n\n  color:#c92745;\n\n  font-weight:bold;\n}\n\n\n\/* ===============================\n   10\u540d\u4ee5\u5185\n=============================== *\/\n\n.fe-plan-note{\n  margin-top:25px;\n\n  padding:20px;\n\n  border:2px solid #d8b16f;\n\n  border-radius:12px;\n\n  background:#fffaf0;\n\n  text-align:center;\n}\n\n\n.fe-plan-note strong{\n  display:block;\n\n  color:#71465a;\n\n  font-size:18px;\n\n  margin-bottom:8px;\n}\n\n\n.fe-plan-note p{\n  margin:0;\n\n  color:#555;\n\n  line-height:1.8;\n}\n\n\n\/* ===============================\n   \u5225\u9014\u9805\u76ee\n=============================== *\/\n\n.fe-separate{\n  margin-top:30px;\n\n  padding:20px;\n\n  background:#f4f4f4;\n\n  border-radius:10px;\n}\n\n\n.fe-separate h3{\n  color:#174d3b;\n}\n\n\n\/* ===============================\n   \u30dc\u30bf\u30f3\n=============================== *\/\n\n.fe-confirm,\n.fe-controls{\n  text-align:center;\n\n  margin:30px 0;\n}\n\n\n.fe-confirm button,\n.fe-controls button,\n.fe-image-result button{\n\n  width:100%;\n\n  max-width:600px;\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.fe-secondary{\n  margin-top:12px!important;\n\n  background:#fff!important;\n\n  color:#174d3b!important;\n\n  border:1px solid #174d3b!important;\n}\n\n\n\/* ===============================\n   \u898b\u7a4d\u66f8\n=============================== *\/\n\n.fe-paper{\n  max-width:800px;\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.fe-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.fe-meta{\n  text-align:right;\n\n  margin-top:20px;\n\n  line-height:1.8;\n}\n\n\n.fe-company{\n  display:flex;\n\n  justify-content:flex-end;\n\n  align-items:center;\n\n  gap:20px;\n\n  margin:25px 0;\n}\n\n\n.fe-company p{\n  margin:4px;\n}\n\n\n.fe-company>div:first-child>strong{\n  font-size:22px;\n}\n\n\n.fe-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.fe-table{\n  width:100%;\n\n  border-collapse:collapse;\n}\n\n\n.fe-table th,\n.fe-table td{\n  border:1px solid #555;\n\n  padding:12px;\n}\n\n\n.fe-table th{\n  background:#f2f2f2;\n}\n\n\n.fe-table td:last-child{\n  text-align:right;\n}\n\n\n.fe-estimate-totals{\n  max-width:430px;\n\n  margin:25px 0 0 auto;\n}\n\n\n.fe-estimate-totals>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.fe-grand-row{\n  margin-top:10px;\n\n  border:3px solid #c92745!important;\n\n  color:#c92745;\n\n  font-weight:bold;\n}\n\n\n.fe-grand-row strong{\n  font-size:24px;\n}\n\n\n.fe-image-result{\n  max-width:800px;\n\n  margin:auto;\n\n  padding:20px;\n\n  background:#f5f5f5;\n\n  text-align:center;\n}\n\n\n.fe-image-result img{\n  width:100%;\n\n  height:auto;\n\n  border:1px solid #ccc;\n}\n\n\n\/* ===============================\n   \u30b9\u30de\u30db\n=============================== *\/\n\n@media(max-width:600px){\n\n  .fe-calculator h2{\n    font-size:23px;\n  }\n\n\n  .fe-main-message{\n    font-size:17px;\n  }\n\n\n  .fe-main-message strong{\n    font-size:20px;\n  }\n\n\n  .fe-item{\n    grid-template-columns:\n      30px 1fr auto;\n\n    gap:5px;\n\n    padding:14px 5px;\n\n    font-size:14px;\n  }\n\n\n  .fe-grand{\n    font-size:34px;\n  }\n\n\n  .fe-paper{\n    padding:20px 12px;\n  }\n\n\n  .fe-title{\n    font-size:27px;\n  }\n\n\n  .fe-company{\n    gap:8px;\n  }\n\n\n  .fe-company>div:first-child{\n    font-size:11px;\n  }\n\n\n  .fe-seal{\n    width:65px;\n\n    height:65px;\n\n    font-size:12px;\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(\"DOMContentLoaded\",function(){\n\nconst root=\ndocument.getElementById(\"farewellEstimateApp\");\n\nif(!root)return;\n\n\n\/* =====================================\n   \u6599\u91d1\u9805\u76ee\n\n   \u524a\u9664\u6e08\u307f\n   \u30fb\u539f\u72b6\u56de\u5fa9\u8cbb\n   \u30fb\u53f8\u4f1a\u9032\u884c\n   \u30fb\u5099\u54c1\u30fb\u5404\u7a2e\u6e96\u5099\n===================================== *\/\n\nconst items=[\n\n{\nname:\"\u304a\u5225\u308c1\u65e5\u846c\uff0810\u540d\u4ee5\u5185\uff09\",\nprice:88000,\nrequired:true,\nincluded:false\n},\n\n{\nname:\"\u642c\u5165\u642c\u51fa\u8cbb\",\nprice:50000,\nrequired:true,\nincluded:false\n},\n\n{\nname:\"\u5f0f\u5834\u4f7f\u7528\u6599\",\nprice:23300,\nrequired:true,\nincluded:true\n},\n\n{\nname:\"\u5f85\u5408\u5ba4\u4f7f\u7528\u6599\",\nprice:5600,\nrequired:false,\nincluded:true\n},\n\n{\nname:\"\u907a\u5f71\u5199\u771f\uff08\u8ffd\u52a0\u30fb\u4e88\u5099\u7528\uff09\",\nprice:20000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u82b1\u675f\",\nprice:5000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u5f8c\u98fe\u308a\u30bb\u30c3\u30c8\",\nprice:20000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u591c\u9593\u5bfe\u5fdc\",\nprice:15000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u8863\u88c5\u7740\u305b\",\nprice:25000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u7c89\u9aa8\",\nprice:10000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u6563\u9aa8\",\nprice:30000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u6c38\u4ee3\u5893\u5730\",\nprice:150000,\nrequired:false,\nincluded:true\n},\n\n{\nname:\"\u5893\u8a8c\u523b\u307f\",\nprice:30000,\nrequired:false,\nincluded:false\n},\n\n{\nname:\"\u4e88\u7d04\u523b\u307f\uff08\u8d64\u5b57\uff09\",\nprice:30000,\nrequired:false,\nincluded:false\n}\n\n];\n\n\nconst list=\nroot.querySelector(\"#fwItems\");\n\n\n\/* =====================================\n   \u6700\u521d\u306e\u57fa\u672c\u9805\u76ee\n===================================== *\/\n\nitems.slice(0,4)\n.forEach(addCheck);\n\n\n\/* =====================================\n   \u304a\u5225\u308c\u82b1\n===================================== *\/\n\nconst title=\ndocument.createElement(\"div\");\n\n\ntitle.className=\n\"fe-group-title\";\n\n\ntitle.innerHTML=\n\n'\u304a\u5225\u308c\u82b1'+\n\n'<small>'+\n'\u300c\u306a\u3057\u300d\u307e\u305f\u306f\u300c10,000\u5186\u300d\u304b\u3089\u304a\u9078\u3073\u304f\u3060\u3055\u3044'+\n'<\/small>';\n\n\nlist.appendChild(title);\n\n\n\/* =====================================\n   \u304a\u5225\u308c\u82b1\u306f2\u629e\u306e\u307f\n===================================== *\/\n\n[\n{\nname:\"\u306a\u3057\",\nprice:0\n},\n\n{\nname:\"\u304a\u5225\u308c\u82b1\",\nprice:10000\n}\n\n]\n.forEach((x,i)=>{\n\nconst l=\ndocument.createElement(\"label\");\n\n\nl.className=\n\"fe-item\";\n\n\nl.innerHTML=\n\n'<input '+\n'type=\"radio\" '+\n'name=\"fwFlower\" '+\n'class=\"fw-flower\" '+\n'data-price=\"'+x.price+'\" '+\n(i===0?\"checked\":\"\")+\n'>'+\n\n'<span>'+\nx.name+\n'<\/span>'+\n\n'<strong>'+\nx.price.toLocaleString(\"ja-JP\")+\n'\u5186'+\n'<\/strong>';\n\n\nlist.appendChild(l);\n\n});\n\n\n\/* =====================================\n   \u305d\u306e\u4ed6\u306e\u9805\u76ee\n===================================== *\/\n\nitems.slice(4)\n.forEach(addCheck);\n\n\n\/* =====================================\n   \u30c1\u30a7\u30c3\u30af\u9805\u76ee\u4f5c\u6210\n===================================== *\/\n\nfunction addCheck(x){\n\nconst l=\ndocument.createElement(\"label\");\n\n\nl.className=\n\"fe-item\";\n\n\nif(x.required){\n\nl.classList.add(\n\"fe-required\"\n);\n\n}\n\n\nlet nameText=\nx.name;\n\n\n\/* \u5fc5\u9808 *\/\n\nif(x.required){\n\nnameText+=\n\n' <span class=\"fe-required-text\">'+\n'\u5fc5\u9808'+\n'<\/span>';\n\n}\n\n\n\/* \u7a0e\u8fbc *\/\n\nif(x.included){\n\nnameText+=\n\n' <span class=\"fe-tax-badge\">'+\n'\u7a0e\u8fbc'+\n'<\/span>';\n\n}\n\n\nl.innerHTML=\n\n'<input '+\n'type=\"checkbox\" '+\n'class=\"fw-item\" '+\n\n'data-name=\"'+\nx.name+\n'\" '+\n\n'data-price=\"'+\nx.price+\n'\" '+\n\n'data-included=\"'+\n(x.included?\"1\":\"0\")+\n'\" '+\n\n(\nx.required\n?'checked disabled '\n:''\n)+\n\n'>'+\n\n'<span>'+\nnameText+\n'<\/span>'+\n\n'<strong>'+\nx.price.toLocaleString(\"ja-JP\")+\n'\u5186'+\n'<\/strong>';\n\n\nlist.appendChild(l);\n\n}\n\n\n\/* =====================================\n   \u5408\u8a08\n===================================== *\/\n\nlet sub=0;\n\nlet tax=0;\n\nlet included=0;\n\nlet total=0;\n\nlet blob=null;\n\n\nconst yen=n=>\nNumber(n).toLocaleString(\"ja-JP\")+\"\u5186\";\n\n\nfunction calc(){\n\nsub=0;\n\nincluded=0;\n\n\n\/* \u901a\u5e38\u9805\u76ee *\/\n\nroot\n.querySelectorAll(\".fw-item:checked\")\n.forEach(x=>{\n\nconst price=\nNumber(x.dataset.price);\n\n\nif(\nx.dataset.included===\"1\"\n){\n\nincluded+=price;\n\n}else{\n\nsub+=price;\n\n}\n\n});\n\n\n\/* \u304a\u5225\u308c\u82b1 *\/\n\nconst flower=\nroot.querySelector(\n\".fw-flower:checked\"\n);\n\n\nif(flower){\n\nsub+=\nNumber(\nflower.dataset.price\n);\n\n}\n\n\n\/* 10\uff05\u6d88\u8cbb\u7a0e *\/\n\ntax=\nMath.floor(\nsub*.10\n);\n\n\n\/* \u6700\u7d42\u5408\u8a08 *\/\n\ntotal=\n\nsub+\ntax+\nincluded;\n\n\nroot.querySelector(\"#fwSubtotal\")\n.textContent=\nsub.toLocaleString(\"ja-JP\");\n\n\nroot.querySelector(\"#fwTax\")\n.textContent=\ntax.toLocaleString(\"ja-JP\");\n\n\nroot.querySelector(\"#fwIncluded\")\n.textContent=\nincluded.toLocaleString(\"ja-JP\");\n\n\nroot.querySelector(\"#fwTotal\")\n.textContent=\ntotal.toLocaleString(\"ja-JP\");\n\n}\n\n\nroot.addEventListener(\n\"change\",\ncalc\n);\n\n\ncalc();\n\n\n\/* =====================================\n   \u9078\u629e\u9805\u76ee\n===================================== *\/\n\nfunction selected(){\n\nconst a=[];\n\n\n\/* \u30c1\u30a7\u30c3\u30af\u9805\u76ee *\/\n\nroot\n.querySelectorAll(\".fw-item:checked\")\n.forEach(x=>{\n\na.push({\n\nname:\nx.dataset.name,\n\nprice:\nNumber(x.dataset.price),\n\nincluded:\nx.dataset.included===\"1\"\n\n});\n\n});\n\n\n\/* \u304a\u5225\u308c\u82b1\n   10,000\u5186\u3092\u9078\u629e\u3057\u305f\u6642\u3060\u3051\u8868\u793a\n*\/\n\nconst flower=\nroot.querySelector(\n\".fw-flower:checked\"\n);\n\n\nif(\nflower &&\nNumber(flower.dataset.price)>0\n){\n\na.push({\n\nname:\"\u304a\u5225\u308c\u82b1\",\n\nprice:\nNumber(flower.dataset.price),\n\nincluded:false\n\n});\n\n}\n\n\nreturn a;\n\n}\n\n\n\/* =====================================\n   \u898b\u7a4d\u756a\u53f7\n===================================== *\/\n\nfunction estimateNo(){\n\nconst d=\nnew Date();\n\n\nconst p=n=>\nString(n)\n.padStart(2,\"0\");\n\n\nreturn(\n\nd.getFullYear()+\n\np(\nd.getMonth()+1\n)+\n\np(\nd.getDate()\n)+\n\n\"-\"+\n\np(\nd.getHours()\n)+\n\np(\nd.getMinutes()\n)+\n\np(\nd.getSeconds()\n)\n\n);\n\n}\n\n\n\/* =====================================\n   \u898b\u7a4d\u66f8\n===================================== *\/\n\nroot\n.querySelector(\"#fwMake\")\n.onclick=\nfunction(){\n\ncalc();\n\n\nconst a=\nselected();\n\n\nconst tbody=\nroot.querySelector(\n\"#fwEstimateItems\"\n);\n\n\ntbody.innerHTML=\"\";\n\n\na.forEach(x=>{\n\nconst tr=\ndocument.createElement(\"tr\");\n\n\nlet name=\nx.name;\n\n\nif(\nx.included\n){\n\nname+=\n\"\uff08\u7a0e\u8fbc\uff09\";\n\n}\n\n\ntr.innerHTML=\n\n\"<td>\"+\nname+\n\"<\/td>\"+\n\n\"<td>\"+\nyen(x.price)+\n\"<\/td>\";\n\n\ntbody.appendChild(tr);\n\n});\n\n\nconst d=\nnew Date();\n\n\nconst no=\nestimateNo();\n\n\nroot.querySelector(\"#fwNo\")\n.textContent=\nno;\n\n\nroot.querySelector(\"#fwDate\")\n.textContent=\n\nd.getFullYear()+\n\"\u5e74\"+\n\n(d.getMonth()+1)+\n\"\u6708\"+\n\nd.getDate()+\n\"\u65e5\";\n\n\nroot.querySelector(\"#fwEstimateSubtotal\")\n.textContent=\nyen(sub);\n\n\nroot.querySelector(\"#fwEstimateTax\")\n.textContent=\nyen(tax);\n\n\nroot.querySelector(\"#fwEstimateIncluded\")\n.textContent=\nyen(included);\n\n\nroot.querySelector(\"#fwEstimateTotal\")\n.textContent=\nyen(total);\n\n\nroot.querySelector(\"#fwEstimateSection\")\n.style.display=\n\"block\";\n\n\n\/* =====================================\n   \u30e1\u30fc\u30eb\u9001\u4fe1\n===================================== *\/\n\nlet text=\n\n\"\u3010\u9078\u3079\u308b \u304a\u5225\u308c\u4e00\u65e5\u846c\u3011\\n\"+\n\"10\u540d\u4ee5\u5185\u30fb\u5b97\u6559\u5100\u793c\u306a\u3057\u30fb\u3054\u5bb6\u65cf\u4e2d\u5fc3\\n\\n\"+\n\"\u3010\u9078\u629e\u3055\u308c\u305f\u9805\u76ee\u3011\\n\\n\";\n\n\na.forEach(x=>{\n\ntext+=\n\n\"\u30fb\"+\nx.name+\n\n(\nx.included\n?\"\uff08\u7a0e\u8fbc\uff09\"\n:\"\"\n)+\n\n\"\uff1a\"+\nyen(x.price)+\n\"\\n\";\n\n});\n\n\ntext+=\n\n\"\\n10\uff05\u5bfe\u8c61\u5c0f\u8a08\uff08\u7a0e\u5225\uff09\uff1a\"+\nyen(sub)+\n\n\"\\n\u6d88\u8cbb\u7a0e10\uff05\uff1a\"+\nyen(tax)+\n\n\"\\n\u7a0e\u8fbc\u9805\u76ee\uff1a\"+\nyen(included)+\n\n\"\\n\u5408\u8a08\uff08\u7a0e\u8fbc\uff09\uff1a\"+\nyen(total);\n\n\nconst fd=\nnew FormData();\n\n\nfd.append(\n\"action\",\n\"send_funeral_estimate\"\n);\n\n\nfd.append(\n\"estimate_no\",\nno\n);\n\n\nfd.append(\n\"plan_name\",\n\"\u9078\u3079\u308b\u304a\u5225\u308c\u4e00\u65e5\u846c\u30d7\u30e9\u30f3\uff0810\u540d\u4ee5\u5185\uff09\"\n);\n\n\nfd.append(\n\"total\",\nyen(total)\n);\n\n\nfd.append(\n\"details\",\ntext\n);\n\n\nfetch(\n\n\"\/wp-admin\/admin-ajax.php\",\n\n{\nmethod:\"POST\",\nbody:fd,\ncredentials:\"same-origin\"\n}\n\n)\n.catch(console.error);\n\n\nroot\n.querySelector(\"#fwEstimateSection\")\n.scrollIntoView({\n\nbehavior:\"smooth\"\n\n});\n\n};\n\n\n\/* =====================================\n   \u898b\u7a4d\u66f8\u753b\u50cf\n===================================== *\/\n\nroot\n.querySelector(\"#fwImage\")\n.onclick=\nasync function(){\n\nconst c=\nawait html2canvas(\n\nroot.querySelector(\"#fwPaper\"),\n\n{\nscale:2,\nbackgroundColor:\"#fff\"\n}\n\n);\n\n\nroot\n.querySelector(\"#fwEstimateImage\")\n.src=\nc.toDataURL(\n\"image\/png\"\n);\n\n\nroot\n.querySelector(\"#fwImageResult\")\n.style.display=\n\"block\";\n\n\nc.toBlob(b=>{\n\nblob=b;\n\n\nif(\nnavigator.share &&\nnavigator.canShare &&\nb\n){\n\nconst f=\nnew File(\n\n[b],\n\n\"mitsumori.png\",\n\n{\ntype:\"image\/png\"\n}\n\n);\n\n\nif(\nnavigator.canShare({\nfiles:[f]\n})\n){\n\nroot\n.querySelector(\"#fwShare\")\n.style.display=\n\"block\";\n\n}\n\n}\n\n},\"image\/png\");\n\n};\n\n\n\/* =====================================\n   \u5171\u6709\n===================================== *\/\n\nroot\n.querySelector(\"#fwShare\")\n.onclick=\nasync()=>{\n\nif(blob){\n\ntry{\n\nawait navigator.share({\n\nfiles:[\n\nnew File(\n\n[blob],\n\n\"mitsumori.png\",\n\n{\ntype:\"image\/png\"\n}\n\n)\n\n]\n\n});\n\n}catch(e){}\n\n}\n\n};\n\n\n\/* =====================================\n   \u5185\u5bb9\u4fee\u6b63\n===================================== *\/\n\nroot\n.querySelector(\"#fwBack\")\n.onclick=\n()=>{\n\nroot\n.querySelector(\".fe-calculator\")\n.scrollIntoView({\n\nbehavior:\"smooth\"\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>10\u540d\u4ee5\u5185\u30fb\u5b97\u6559\u5100\u793c\u306a\u3057 \u9078\u3079\u308b \u304a\u5225\u308c [&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-297","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/297","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=297"}],"version-history":[{"count":9,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/seikatu-sien.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}