{"id":29062,"date":"2026-07-13T15:31:50","date_gmt":"2026-07-13T06:31:50","guid":{"rendered":"https:\/\/www.hiro-clinic.or.jp\/beauty\/?page_id=29062"},"modified":"2026-07-23T14:53:22","modified_gmt":"2026-07-23T05:53:22","slug":"reservation-complete","status":"publish","type":"page","link":"https:\/\/www.hiro-clinic.or.jp\/beauty\/reservation-complete\/","title":{"rendered":"\u4e88\u7d04\u5b8c\u4e86"},"content":{"rendered":"<style>\n  *{box-sizing:border-box;margin:0;padding:0}<br \/>\n  html.pc #side_col{display:none;}<br \/>\n  html.pc #left_col{width:100%;}<br \/>\n  .rc-page{max-width:640px;margin:0 auto;padding:24px 16px 56px;font-family:\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;color:#3f3a3a;line-height:1.7;}<br \/>\n  .rc-eyebrow{font-size:14px;color:#8a8079;margin-bottom:8px;}<br \/>\n  .rc-head{display:flex;align-items:center;gap:10px;margin:4px 0 18px;}<br \/>\n  .rc-check{width:34px;height:34px;border-radius:50%;background:#3f8f4f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto;}<br \/>\n  .rc-head h1{font-size:22px;font-weight:700;}<br \/>\n  .rc-lead{font-size:14px;margin-bottom:24px;}<br \/>\n  .rc-table{width:100%;border-collapse:collapse;margin-bottom:28px;font-size:14px;}<br \/>\n  .rc-table th,.rc-table td{border:1px solid #ecd9e0;padding:12px 14px;text-align:left;vertical-align:top;}<br \/>\n  .rc-table th{background:#fdf3f6;width:110px;font-weight:600;color:#6b6258;white-space:nowrap;}<br \/>\n  .rc-note{font-size:13px;margin-bottom:20px;}<br \/>\n  .rc-card{background:#fffdfd;border:1px solid #ecd9e0;border-radius:14px;padding:20px;margin-bottom:22px;}<br \/>\n  .rc-pwlabel{font-size:13px;color:#6b6258;margin-bottom:8px;}<br \/>\n  .rc-pwrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}<br \/>\n  .rc-pw{font-size:20px;font-weight:700;letter-spacing:2px;background:#fdf3f6;border:1px dashed #e3548a;border-radius:8px;padding:8px 16px;}<br \/>\n  .rc-login-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#c4486c,#b03659);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:12px 22px;border-radius:10px;box-shadow:0 8px 18px rgba(176,54,89,.25);}<br \/>\n  .rc-small{font-size:12px;color:#8a8079;margin-top:18px;}<br \/>\n<\/style>\n\n\n<style>\n  .hc-doctors{display:none;}\n  *{box-sizing:border-box;margin:0;padding:0}\n  #main_col #side_col{display:none;}\n  #main_col #left_col{width:100%;}\n  #main_col{flex-wrap: wrap;}\n  .rc-page{max-width:640px;margin:0 auto;padding:24px 16px 56px;font-family:\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;color:#3f3a3a;line-height:1.7;}\n  .rc-eyebrow{font-size:14px;color:#8a8079;margin-bottom:8px;}\n  .rc-head{display:flex;align-items:center;gap:10px;margin:4px 0 18px;}\n  .rc-check{width:34px;height:34px;border-radius:50%;background:#3f8f4f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto;}\n  .rc-head h1{font-size:22px;font-weight:700;}\n  .rc-lead{font-size:14px;margin-bottom:24px;}\n  .rc-table{width:100%;border-collapse:collapse;margin-bottom:28px;font-size:14px;}\n  .rc-table th,.rc-table td{border:1px solid #ecd9e0;padding:12px 14px;text-align:left;vertical-align:top;}\n  .rc-table th{background:#fdf3f6;width:110px;font-weight:600;color:#6b6258;white-space:nowrap;}\n  .rc-note{font-size:13px;margin-bottom:20px;}\n  .rc-card{background:#fffdfd;border:1px solid #ecd9e0;border-radius:14px;padding:20px;margin-bottom:22px;}\n  .rc-pwlabel{font-size:13px;color:#6b6258;margin-bottom:8px;}\n  .rc-pwrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}\n  .rc-pw{font-size:20px;font-weight:700;letter-spacing:2px;background:#fdf3f6;border:1px dashed #e3548a;border-radius:8px;padding:8px 16px;}\n  .rc-card .rc-login-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#c4486c,#b03659);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:12px 22px;border-radius:10px;box-shadow:0 8px 18px rgba(176,54,89,.25);}\n  .rc-small{font-size:12px;color:#8a8079;margin-top:18px;}\n<\/style>\n\n\n\n<div class=\"rc-page\">\n  <p class=\"rc-eyebrow\">\u4e88\u7d04\u5b8c\u4e86\uff08\u30de\u30a4\u30da\u30fc\u30b8\u306e\u3054\u6848\u5185\uff09<\/p>\n  <div class=\"rc-head\">\n    <span class=\"rc-check\">&#10003;<\/span>\n    <h1>\u4e88\u7d04\u304c\u78ba\u5b9a\u3057\u307e\u3057\u305f<\/h1>\n  <\/div>\n  <p class=\"rc-lead\">\u3054\u4e88\u7d04\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5185\u5bb9\u3067\u53d7\u4ed8\u3044\u305f\u3057\u307e\u3057\u305f\u3002<\/p>\n\n  <table class=\"rc-table\"><tbody id=\"rcRows\"><\/tbody><\/table>\n\n  <p class=\"rc-note\">\n    \u30b9\u30e0\u30fc\u30ba\u306a\u8a3a\u5bdf\u3092\u884c\u3046\u305f\u3081\u3001\u4e8b\u524d\u306e\u8a73\u7d30\u60c5\u5831\uff08\u751f\u5e74\u6708\u65e5\u306a\u3069\uff09\u3068\u554f\u8a3a\u7968\u306e\u3054\u5165\u529b\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002<br>\n    \u4ee5\u4e0b\u306e\u521d\u671f\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30de\u30a4\u30da\u30fc\u30b8\u3078\u30ed\u30b0\u30a4\u30f3\u3057\u3001\u3054\u5165\u529b\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n  <\/p>\n\n  <div class=\"rc-card\">\n    <p class=\"rc-pwlabel\">\u521d\u671f\u30d1\u30b9\u30ef\u30fc\u30c9<\/p>\n    <div class=\"rc-pwrow\">\n      <span class=\"rc-pw\" id=\"rcPassword\">&#8212;&#8212;&#8211;<\/span>\n      <a class=\"rc-login-btn\" id=\"rcLoginBtn\" href=\"#\">\u30de\u30a4\u30da\u30fc\u30b8\u306b\u30ed\u30b0\u30a4\u30f3\u3059\u308b<\/a>\n    <\/div>\n    <p class=\"rc-error\" id=\"rcError\" style=\"display:none;color:#c0392b;font-size:13px;margin-top:10px;\">\u4e88\u7d04\u60c5\u5831\u306e\u9001\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u304a\u624b\u6570\u3067\u3059\u304c\u3001\u30af\u30ea\u30cb\u30c3\u30af\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n  <\/div>\n\n  <p class=\"rc-small\">\n    \u3054\u767b\u9332\u3044\u305f\u3060\u3044\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306b\u3001\u4e0a\u8a18\u3068\u540c\u3058\u521d\u671f\u30d1\u30b9\u30ef\u30fc\u30c9\u3068\u30de\u30a4\u30da\u30fc\u30b8\u3078\u306e\u30ed\u30b0\u30a4\u30f3URL\u3092\u9001\u4fe1\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br>\n    \u5225\u306e\u7aef\u672b\u304b\u3089\u304a\u624b\u7d9a\u304d\u3055\u308c\u308b\u5834\u5408\u306f\u3001\u5c4a\u3044\u305f\u30e1\u30fc\u30eb\u306eURL\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3044\u305f\u3060\u304f\u3068\u4fbf\u5229\u3067\u3059\u3002<br>\n    \u203b\u30e1\u30fc\u30eb\u304c\u5c4a\u304b\u306a\u3044\u5834\u5408\u306f\u3001\u8ff7\u60d1\u30e1\u30fc\u30eb\u30d5\u30a9\u30eb\u30c0\u3092\u3054\u78ba\u8a8d\u3044\u305f\u3060\u304f\u304b\u3001\u30af\u30ea\u30cb\u30c3\u30af\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n  <\/p>\n<\/div>\n\n\n\n<script>\n\/\/ Sends the reservation data via the WordPress REST API (registered in Code Snippets).\n\/\/ The external API key is kept server-side (in the hiro\/v1\/reservations endpoint),\n\/\/ so it is never handled here.\nfunction submitReservationApi(fields){\n  return fetch('\/beauty\/wp-json\/hiro\/v1\/reservations', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\/json' },\n    body: JSON.stringify(fields)\n  }).then(function(r){\n    return r.json().catch(function(){ return null; }).then(function(body){\n      if(!r.ok || !body || !body.success){\n        throw new Error(body && body.message ? body.message : '\u4e88\u7d04API\u3078\u306e\u9001\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002');\n      }\n      return body;\n    });\n  });\n}\n\n(function(){\n  function esc(s){\n    return String(s).replace(\/[&<>\"']\/g, c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\n  }\n  var raw = sessionStorage.getItem('reservationConfirm');\n  var data = null;\n  try{ data = raw ? JSON.parse(raw) : null; }catch(e){ data = null; }\n\n  var rows = (data && data.rows) || [\n    ['\u304a\u540d\u524d','\u5c71\u7530 \u592a\u90ce \u69d8'],\n    ['\u8a3a\u7642\u79d1','\u5185\u79d1'],\n    ['\u4e88\u7d04\u65e5\u6642','2026\u5e74\u3007\u6708\u3007\u65e5\uff08\u6c34\uff0910:00 \u301c 10:30']\n  ];\n  document.getElementById('rcRows').innerHTML = rows.map(function(r){\n    return '<tr><th>'+esc(r[0])+'<\/th><td>'+esc(r[1])+'<\/td><\/tr>';\n  }).join('');\n\n  var pwEl = document.getElementById('rcPassword');\n  var loginBtn = document.getElementById('rcLoginBtn');\n  var errorEl = document.getElementById('rcError');\n\n  function setLoginDisabled(disabled){\n    loginBtn.style.pointerEvents = disabled ? 'none' : '';\n    loginBtn.style.opacity = disabled ? '.5' : '';\n  }\n\n  if(data && data.fields){\n    pwEl.textContent = '\u624b\u7d9a\u304d\u4e2d\u2026';\n    setLoginDisabled(true);\n\n    submitReservationApi(data.fields).then(function(res){\n      pwEl.textContent = res.password;\n      loginBtn.href = res.loginUrl || '#';\n      setLoginDisabled(false);\n    }).catch(function(){\n      pwEl.textContent = '----';\n      errorEl.style.display = 'block';\n    });\n  }else{\n    \/\/ If there's no data in sessionStorage (e.g. direct access), skip the API call and just show a dummy value\n    var chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnpqrstuvwxyz23456789';\n    var pw = '';\n    for(var i=0;i<8;i++) pw += chars[Math.floor(Math.random()*chars.length)];\n    pwEl.textContent = pw;\n  }\n\n  sessionStorage.removeItem('reservationConfirm');\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"\u4e88\u7d04\u5b8c\u4e86\uff08\u30de\u30a4\u30da\u30fc\u30b8\u306e\u3054\u6848\u5185\uff09 &#10003; \u4e88\u7d04\u304c\u78ba\u5b9a\u3057\u307e\u3057\u305f \u3054\u4e88\u7d04\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5185\u5bb9\u3067\u53d7\u4ed8\u3044\u305f\u3057\u307e\u3057\u305f\u3002 \u30b9\u30e0\u30fc\u30ba\u306a\u8a3a\u5bdf\u3092\u884c\u3046\u305f\u3081\u3001\u4e8b\u524d\u306e\u8a73\u7d30\u60c5\u5831\uff08\u751f\u5e74\u6708\u65e5\u306a\u3069\uff09\u3068\u554f\u8a3a\u7968\u306e\u3054\u5165\u529b\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002  [&hellip;]","protected":false},"author":110,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-29062","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/pages\/29062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/comments?post=29062"}],"version-history":[{"count":9,"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/pages\/29062\/revisions"}],"predecessor-version":[{"id":29459,"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/pages\/29062\/revisions\/29459"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/beauty\/wp-json\/wp\/v2\/media?parent=29062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}