{"id":155,"date":"2026-02-16T23:56:34","date_gmt":"2026-02-16T14:56:34","guid":{"rendered":"http:\/\/366aroma.com\/?page_id=155"},"modified":"2026-03-26T14:10:30","modified_gmt":"2026-03-26T05:10:30","slug":"366aroma","status":"publish","type":"page","link":"https:\/\/366aroma.com\/","title":{"rendered":"366\u65e5\u306e\u904b\u52e2\u3092\u6574\u3048\u308b\u9999\u308a"},"content":{"rendered":"<div id=\"a366\" style=\"max-width: 860px; margin: 0 auto; padding: 12px 0 20px;\">\n<style>\n    #a366 * {\n      box-sizing: border-box;\n    }<\/p>\n<p>    #a366 {\n      color: #4f403a;\n      font-family:\n        \"Hiragino Mincho ProN\",\n        \"Yu Mincho\",\n        \"YuMincho\",\n        \"Noto Serif JP\",\n        serif;\n      line-height: 1.8;\n    }<\/p>\n<p>    #a366 .hero {\n      text-align: center;\n      margin-bottom: 28px;\n    }<\/p>\n<p>    #a366 .hero-title {\n      margin: 0 0 10px;\n      font-size: clamp(28px, 4vw, 40px);\n      line-height: 1.45;\n      font-weight: 600;\n      color: #4f403a;\n    }<\/p>\n<p>    #a366 .hero-text {\n      max-width: 680px;\n      margin: 0 auto;\n      font-size: 15px;\n      color: #8a756b;\n      white-space: pre-line;\n    }<\/p>\n<p>    #a366 .box {\n      border: 1px solid rgba(0,0,0,.12);\n      border-radius: 14px;\n      padding: 18px 16px;\n      background: #fff;\n      box-shadow: 0 8px 20px rgba(0,0,0,.04);\n    }<\/p>\n<p>    #a366 .section {\n      margin-top: 22px;\n    }<\/p>\n<p>    #a366 .section:first-child {\n      margin-top: 0;\n    }<\/p>\n<p>    #a366 .section-title {\n      margin: 0 0 10px;\n      font-size: 20px;\n      line-height: 1.5;\n      font-weight: 700;\n      color: #4f403a;\n    }<\/p>\n<p>    #a366 .lead {\n      margin: 0 0 14px;\n      font-size: 14px;\n      color: #8a756b;\n    }<\/p>\n<p>    #a366 .howto {\n      margin: 0;\n      padding-left: 1.2em;\n      color: #5f514b;\n      font-size: 14px;\n    }<\/p>\n<p>    #a366 .howto li {\n      margin-bottom: 6px;\n    }<\/p>\n<p>    #a366cats {\n      margin-top: 8px;\n    }<\/p>\n<p>    #a366cats .grid {\n      display: grid;\n      grid-template-columns: repeat(2, 240px);\n      gap: 16px;\n      max-width: 496px;\n    }<\/p>\n<p>    #a366cats .a366-item {\n      text-align: center;\n    }<\/p>\n<p>    #a366cats .card {\n      display: block;\n      width: 240px;\n      cursor: pointer;\n      border: 3px solid transparent;\n      border-radius: 12px;\n      padding: 6px;\n      transition: all .2s ease;\n      background: #fff;\n      box-shadow: 0 8px 16px rgba(92,67,55,.08);\n    }<\/p>\n<p>    #a366cats .card:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 10px 20px rgba(92,67,55,.12);\n    }<\/p>\n<p>    #a366cats .card.is-active {\n      border-color: #c62828;\n      box-shadow: 0 0 0 2px rgba(198,40,40,.08);\n    }<\/p>\n<p>    #a366cats input[type=\"radio\"] {\n      display: none;\n    }<\/p>\n<p>    #a366cats img {\n      display: block;\n      width: 240px;\n      height: 135px;\n      object-fit: cover;\n      border-radius: 10px;\n    }<\/p>\n<p>    #a366 .cap-title {\n      margin-top: 8px;\n      font-weight: 700;\n      font-size: 15px;\n      color: #4f403a;\n    }<\/p>\n<p>    #a366 .cap-sub {\n      font-size: 12px;\n      opacity: .8;\n      line-height: 1.6;\n    }<\/p>\n<p>    #a366 .date-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n    }<\/p>\n<p>    #a366 .date-input {\n      height: 48px;\n      font-size: 16px;\n      padding: 10px 12px;\n      border: 1px solid rgba(0,0,0,.12);\n      border-radius: 12px;\n      background: #fff;\n      color: #4f403a;\n      outline: none;\n      appearance: none;\n      -webkit-appearance: none;\n      -moz-appearance: textfield;\n    }<\/p>\n<p>    #a366 .date-input:focus {\n      border-color: #bc9a62;\n      box-shadow: 0 0 0 4px rgba(188,154,98,.12);\n    }<\/p>\n<p>    #a366 .date-input.year {\n      width: 128px;\n    }<\/p>\n<p>    #a366 .date-input.month,\n    #a366 .date-input.day {\n      width: 92px;\n    }<\/p>\n<p>    #a366 .date-unit {\n      font-size: 16px;\n      color: #8a756b;\n    }<\/p>\n<p>    #a366 .submit-btn {\n      margin-top: 18px;\n      width: 100%;\n      display: block;\n      text-align: center;\n      padding: 16px 20px;\n      border-radius: 14px;\n      background: linear-gradient(135deg,#f5f1e8,#e8dfcf);\n      color: #5c5244;\n      font-weight: bold;\n      font-size: 16px;\n      border: 1px solid rgba(0,0,0,.06);\n      box-shadow: 0 6px 14px rgba(0,0,0,.08);\n      cursor: pointer;\n    }<\/p>\n<p>    #a366 .error-box {\n      display: none;\n      margin-top: 12px;\n      padding: 12px 14px;\n      border-radius: 12px;\n      border: 1px solid rgba(198,40,40,.18);\n      background: rgba(198,40,40,.06);\n      color: #c62828;\n      font-size: 14px;\n      line-height: 1.7;\n    }<\/p>\n<p>    #a366 .loading-box {\n      display: none;\n      margin-top: 12px;\n      padding: 16px 14px;\n      border: 1px solid rgba(0,0,0,.10);\n      border-radius: 14px;\n      background: #fff;\n      text-align: center;\n    }<\/p>\n<p>    #a366 .loading-box.show {\n      display: block;\n    }<\/p>\n<p>    #a366 .loading-stars {\n      margin-bottom: 8px;\n      font-size: 18px;\n      letter-spacing: .2em;\n      color: #c9a55f;\n      animation: a366Blink 1.2s infinite ease-in-out;\n    }<\/p>\n<p>    #a366 .loading-text {\n      font-size: 14px;\n      line-height: 1.8;\n      color: #8a756b;\n      min-height: 1.8em;\n    }<\/p>\n<p>    #a366 .result-card {\n      display: none;\n      margin-top: 12px;\n      border: 1px solid rgba(0,0,0,.10);\n      border-radius: 14px;\n      padding: 14px;\n      background: #fff;\n    }<\/p>\n<p>    #a366 .result-card.show {\n      display: block;\n    }<\/p>\n<p>    #a366 .result-card h2 {\n      margin: 0 0 10px;\n      font-size: 18px;\n      line-height: 1.5;\n    }<\/p>\n<p>    #a366 .result-meta {\n      margin: 0 0 12px;\n      font-size: 13px;\n      opacity: .8;\n    }<\/p>\n<p>    #a366 .result-text {\n      line-height: 1.9;\n      font-size: 14px;\n      white-space: pre-line;\n    }<\/p>\n<p>    #a366 .links {\n      margin-top: 12px;\n    }<\/p>\n<p>    #a366 .rakuten-link {\n      display: block;\n      text-align: center;\n      padding: 16px 20px;\n      border-radius: 14px;\n      background: linear-gradient(135deg,#f5f1e8,#e8dfcf);\n      color: #5c5244;\n      font-weight: bold;\n      font-size: 16px;\n      text-decoration: none;\n      box-shadow: 0 6px 14px rgba(0,0,0,.08);\n      border: 1px solid rgba(0,0,0,.06);\n    }<\/p>\n<p>    #a366 .note {\n      margin-top: 14px;\n      font-size: 13px;\n      opacity: .75;\n    }<\/p>\n<p>    @keyframes a366Blink {\n      0% { opacity: .35; }\n      50% { opacity: 1; }\n      100% { opacity: .35; }\n    }<\/p>\n<p>    @media (max-width: 767px) {\n      #a366cats .grid {\n        grid-template-columns: repeat(2, 240px);\n        gap: 12px;\n        max-width: 492px;\n        overflow-x: auto;\n      }<\/p>\n<p>      #a366 .date-input.year {\n        width: 108px;\n      }<\/p>\n<p>      #a366 .date-input.month,\n      #a366 .date-input.day {\n        width: 82px;\n      }\n    }\n  <\/style>\n<div class=\"hero\">\n<h1 class=\"hero-title\">\u4eca\u306e\u3042\u306a\u305f\u306b\u5bc4\u308a\u6dfb\u3046\u30a2\u30ed\u30de\u3092\u3002<\/h1>\n<p class=\"hero-text\">\u6c17\u306b\u306a\u308b\u30c6\u30fc\u30de\u3092\u3072\u3068\u3064\u9078\u3073\u3001\u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u3084\u308f\u3089\u304b\u304f\u9759\u304b\u306b\u3001\u4eca\u306e\u6d41\u308c\u3092\u8aad\u307f\u89e3\u304f\u8a3a\u65ad\u30da\u30fc\u30b8\u3067\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"box\">\n<div class=\"section\">\n<h2 class=\"section-title\">\u4f7f\u3044\u65b9<\/h2>\n<ol class=\"howto\">\n<li>\u6c17\u306b\u306a\u308b\u9805\u76ee\u3092\u3072\u3068\u3064\u9078\u3073\u307e\u3059\u3002<\/li>\n<li>\u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/li>\n<li>\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b\u3092\u62bc\u3057\u307e\u3059\u3002<\/li>\n<\/ol><\/div>\n<div class=\"section\">\n<h2 class=\"section-title\">1. \u77e5\u308a\u305f\u3044\u9805\u76ee\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044<\/h2>\n<p class=\"lead\">\u753b\u50cf\u3092\u62bc\u3059\u3068\u3001\u305d\u306e\u9805\u76ee\u304c\u9078\u629e\u3055\u308c\u307e\u3059\u3002<\/p>\n<div id=\"a366cats\">\n<div class=\"grid\">\n<div class=\"a366-item\">\n            <label class=\"card\" data-card=\"money\"><br \/>\n              <input name=\"a366cat\" type=\"radio\" value=\"money\" \/><br \/>\n              <img decoding=\"async\" src=\"https:\/\/366aroma.com\/wp-content\/uploads\/2026\/02\/%E9%87%91%E9%81%8B-e1771248285299.png\" alt=\"\u91d1\u904b\" \/><br \/>\n            <\/label><\/p>\n<div class=\"cap-title\"><b>\u91d1\u904b<\/b><\/div>\n<div class=\"cap-sub\">\u5de1\u308a\u30fb\u30c1\u30e3\u30f3\u30b9\u30fb\u4f7f\u3044\u65b9<\/div>\n<\/p><\/div>\n<div class=\"a366-item\">\n            <label class=\"card\" data-card=\"relationship\"><br \/>\n              <input name=\"a366cat\" type=\"radio\" value=\"relationship\" \/><br \/>\n              <img decoding=\"async\" src=\"https:\/\/366aroma.com\/wp-content\/uploads\/2026\/02\/%E6%81%8B%E6%84%9B%E3%83%BB%E4%BA%BA%E3%81%AE%E7%B8%81-e1771248228818.png\" alt=\"\u4eba\u306e\u7e01\" \/><br \/>\n            <\/label><\/p>\n<div class=\"cap-title\"><b>\u4eba\u306e\u7e01<\/b><\/div>\n<div class=\"cap-sub\">\u8ddd\u96e2\u611f\u30fb\u51fa\u4f1a\u3044\u30fb\u6574\u3048\u65b9<\/div>\n<\/p><\/div>\n<div class=\"a366-item\">\n            <label class=\"card\" data-card=\"work\"><br \/>\n              <input name=\"a366cat\" type=\"radio\" value=\"work\" \/><br \/>\n              <img decoding=\"async\" src=\"https:\/\/366aroma.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_fns3bbfns3bbfns3-e1771254835850.png\" alt=\"\u4ed5\u4e8b\" \/><br \/>\n            <\/label><\/p>\n<div class=\"cap-title\"><b>\u4ed5\u4e8b<\/b><\/div>\n<div class=\"cap-sub\">\u96c6\u4e2d\u30fb\u7d99\u7d9a\u30fb\u6d41\u308c<\/div>\n<\/p><\/div>\n<div class=\"a366-item\">\n            <label class=\"card\" data-card=\"protect\"><br \/>\n              <input name=\"a366cat\" type=\"radio\" value=\"protect\" \/><br \/>\n              <img decoding=\"async\" src=\"https:\/\/366aroma.com\/wp-content\/uploads\/2026\/02\/%E5%8E%84%E9%99%A4%E3%81%91-e1771248261751.png\" alt=\"\u5384\u9664\u3051\" \/><br \/>\n            <\/label><\/p>\n<div class=\"cap-title\"><b>\u5384\u9664\u3051<\/b><\/div>\n<div class=\"cap-sub\">\u6d44\u5316\u30fb\u5207\u66ff\u30fb\u5b88\u308a<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section\">\n<h2 class=\"section-title\">2. \u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/h2>\n<p class=\"lead\">\u897f\u66a64\u6841\u30fb\u67082\u6841\u30fb\u65e52\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"date-row\">\n        <input id=\"birthYear\" class=\"date-input year\" type=\"text\" inputmode=\"numeric\" maxlength=\"4\" placeholder=\"1990\" autocomplete=\"bday-year\" \/><br \/>\n        <span class=\"date-unit\">\u5e74<\/span><\/p>\n<p>        <input id=\"birthMonth\" class=\"date-input month\" type=\"text\" inputmode=\"numeric\" maxlength=\"2\" placeholder=\"01\" autocomplete=\"bday-month\" \/><br \/>\n        <span class=\"date-unit\">\u6708<\/span><\/p>\n<p>        <input id=\"birthDay\" class=\"date-input day\" type=\"text\" inputmode=\"numeric\" maxlength=\"2\" placeholder=\"01\" autocomplete=\"bday-day\" \/><br \/>\n        <span class=\"date-unit\">\u65e5<\/span>\n      <\/div>\n<\/p><\/div>\n<p>    <button type=\"button\" id=\"diagnoseBtn\" class=\"submit-btn\">\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b<\/button><\/p>\n<div id=\"errorBox\" class=\"error-box\"><\/div>\n<div id=\"loadingBox\" class=\"loading-box\">\n<div class=\"loading-stars\">\u2726 \u2727 \u2726<\/div>\n<div id=\"loadingText\" class=\"loading-text\">\u5360\u3044\u4e2d&#8230;<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"resultMount\"><\/div>\n<div class=\"links\">\n    <a\n      class=\"rakuten-link\"\n      href=\"https:\/\/room.rakuten.co.jp\/\"\n      target=\"_blank\"\n      rel=\"noopener\"\n    ><br \/>\n      \u904b\u6c17\u3092\u6574\u3048\u308b\u9999\u308a\u3092\u307f\u308b<br \/>\n    <\/a>\n  <\/div>\n<div class=\"note\">\n    \u203b\u9999\u308a\u306f\u533b\u7642\u884c\u70ba\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4f53\u8abf\u306b\u5408\u308f\u305b\u3066\u7121\u7406\u306a\u304f\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n<\/div>\n<p><script>\n(() => {\n  const ITEM_MAP = {\n    money: \"\u91d1\u904b\",\n    relationship: \"\u4eba\u306e\u7e01\",\n    work: \"\u4ed5\u4e8b\",\n    protect: \"\u5384\u9664\u3051\"\n  };<\/p>\n<p>  const categoryInputs = document.querySelectorAll('#a366 input[name=\"a366cat\"]');\n  const categoryCards = document.querySelectorAll('#a366cats .card');\n  const yearEl = document.getElementById(\"birthYear\");\n  const monthEl = document.getElementById(\"birthMonth\");\n  const dayEl = document.getElementById(\"birthDay\");\n  const resultMount = document.getElementById(\"resultMount\");\n  const errorBox = document.getElementById(\"errorBox\");\n  const loadingBox = document.getElementById(\"loadingBox\");\n  const loadingText = document.getElementById(\"loadingText\");\n  const diagnoseBtn = document.getElementById(\"diagnoseBtn\");<\/p>\n<p>  const loadingMessages = [\n    \"\u5360\u3044\u4e2d...\",\n    \"\u30a2\u30ed\u30de\u3092\u8abf\u5408\u4e2d...\",\n    \"\u661f\u3092\u8aad\u307f\u89e3\u3044\u3066\u3044\u307e\u3059...\",\n    \"\u9999\u308a\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u6574\u3048\u3066\u3044\u307e\u3059...\"\n  ];<\/p>\n<p>  function pad2(value) {\n    return String(value).padStart(2, \"0\");\n  }<\/p>\n<p>  function escapeHtml(str) {\n    return String(str ?? \"\")\n      .replaceAll(\"&\", \"&amp;\")\n      .replaceAll(\"<\", \"&lt;\")\n      .replaceAll(\">\", \"&gt;\")\n      .replaceAll('\"', \"&quot;\")\n      .replaceAll(\"'\", \"&#039;\");\n  }<\/p>\n<p>  function getSelectedCategoryValue() {\n    const checked = document.querySelector('#a366 input[name=\"a366cat\"]:checked');\n    return checked ? checked.value : \"\";\n  }<\/p>\n<p>  function updateActiveCard() {\n    const selected = getSelectedCategoryValue();\n    categoryCards.forEach(card => {\n      const cardName = card.getAttribute(\"data-card\");\n      if (cardName === selected) {\n        card.classList.add(\"is-active\");\n      } else {\n        card.classList.remove(\"is-active\");\n      }\n    });\n  }<\/p>\n<p>  function showError(message) {\n    errorBox.textContent = message;\n    errorBox.style.display = \"block\";\n  }<\/p>\n<p>  function hideError() {\n    errorBox.textContent = \"\";\n    errorBox.style.display = \"none\";\n  }<\/p>\n<p>  function renderMessage(message) {\n    resultMount.innerHTML = `<\/p>\n<div style=\"margin-top:12px; padding:14px; border:1px solid rgba(0,0,0,.10); border-radius:14px; background:#fff; font-size:14px; line-height:1.8;\">\n        ${escapeHtml(message)}\n      <\/div>\n<p>    `;\n  }<\/p>\n<p>  function renderResult() {\n    const category = getSelectedCategoryValue();\n    const y = yearEl.value.trim();\n    const m = monthEl.value.trim();\n    const d = dayEl.value.trim();<\/p>\n<p>    resultMount.innerHTML = `<\/p>\n<section style=\"border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:14px; background:#fff; margin-top:12px;\">\n<h2 style=\"margin:0 0 10px; font-size:18px;\">\n          ${escapeHtml(ITEM_MAP[category] || \"\")}\u306e\u7d50\u679c\n        <\/h2>\n<p style=\"margin:0 0 12px; opacity:.8; font-size:13px;\">\n          ${escapeHtml(y)}\u5e74${escapeHtml(pad2(m))}\u6708${escapeHtml(pad2(d))}\u65e5\n        <\/p>\n<div style=\"line-height:1.9; font-size:14px; white-space:pre-line;\">\n          \u3053\u3053\u306b\u8a3a\u65ad\u7d50\u679c\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<p>          \u73fe\u5728\u306f\u30ec\u30a4\u30a2\u30a6\u30c8\u78ba\u8a8d\u7528\u306e\u4eee\u8868\u793a\u3067\u3059\u3002\n          \u5f8c\u304b\u3089 Gemini API \u3084\u72ec\u81ea\u30ed\u30b8\u30c3\u30af\u3078\u5dee\u3057\u66ff\u3048\u3084\u3059\u3044\u69cb\u6210\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p><\/div>\n<\/section>\n<p>    `;<\/p>\n<p>    resultMount.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n  }<\/p>\n<p>  function digitsOnly(input, maxLength) {\n    input.addEventListener(\"input\", () => {\n      input.value = input.value.replace(\/\\D\/g, \"\").slice(0, maxLength);\n      hideError();\n    });<\/p>\n<p>    input.addEventListener(\"paste\", (e) => {\n      e.preventDefault();\n      const pasted = (e.clipboardData || window.clipboardData).getData(\"text\");\n      input.value = pasted.replace(\/\\D\/g, \"\").slice(0, maxLength);\n      hideError();\n    });\n  }<\/p>\n<p>  function validate() {\n    const category = getSelectedCategoryValue();\n    const y = yearEl.value.trim();\n    const m = monthEl.value.trim();\n    const d = dayEl.value.trim();<\/p>\n<p>    if (!category) {\n      return \"\u77e5\u308a\u305f\u3044\u9805\u76ee\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n    }<\/p>\n<p>    if (y.length !== 4 || m.length !== 2 || d.length !== 2) {\n      return \"\u751f\u5e74\u6708\u65e5\u3092\u6b63\u3057\u304f\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n    }<\/p>\n<p>    const year = Number(y);\n    const month = Number(m);\n    const day = Number(d);<\/p>\n<p>    if (year < 1900 || year > new Date().getFullYear()) {\n      return \"\u5e74\u306f1900\u5e74\u304b\u3089\u73fe\u5728\u307e\u3067\u306e\u7bc4\u56f2\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n    }<\/p>\n<p>    if (month < 1 || month > 12) {\n      return \"\u6708\u306f01\u301c12\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n    }<\/p>\n<p>    if (day < 1 || day > 31) {\n      return \"\u65e5\u306f01\u301c31\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n    }<\/p>\n<p>    const dt = new Date(year, month - 1, day);\n    const valid =\n      dt.getFullYear() === year &&\n      dt.getMonth() === month - 1 &&\n      dt.getDate() === day;<\/p>\n<p>    if (!valid) {\n      return \"\u5b58\u5728\u3057\u306a\u3044\u65e5\u4ed8\u3067\u3059\u3002\";\n    }<\/p>\n<p>    if (dt > new Date()) {\n      return \"\u672a\u6765\u306e\u65e5\u4ed8\u306f\u5165\u529b\u3067\u304d\u307e\u305b\u3093\u3002\";\n    }<\/p>\n<p>    return \"\";\n  }<\/p>\n<p>  categoryInputs.forEach(input => {\n    input.addEventListener(\"change\", () => {\n      updateActiveCard();\n      hideError();\n    });\n  });<\/p>\n<p>  digitsOnly(yearEl, 4);\n  digitsOnly(monthEl, 2);\n  digitsOnly(dayEl, 2);<\/p>\n<p>  yearEl.addEventListener(\"input\", () => {\n    if (yearEl.value.length === 4) monthEl.focus();\n  });<\/p>\n<p>  monthEl.addEventListener(\"input\", () => {\n    if (monthEl.value.length === 2) dayEl.focus();\n  });<\/p>\n<p>  diagnoseBtn.addEventListener(\"click\", async () => {\n    hideError();\n    loadingBox.classList.remove(\"show\");\n    resultMount.innerHTML = \"\";<\/p>\n<p>    const error = validate();\n    if (error) {\n      showError(error);\n      return;\n    }<\/p>\n<p>    diagnoseBtn.disabled = true;\n    loadingBox.classList.add(\"show\");<\/p>\n<p>    let idx = 0;\n    loadingText.textContent = loadingMessages[0];<\/p>\n<p>    const timer = setInterval(() => {\n      idx = (idx + 1) % loadingMessages.length;\n      loadingText.textContent = loadingMessages[idx];\n    }, 700);<\/p>\n<p>    try {\n      await new Promise(resolve => setTimeout(resolve, 2200));\n      renderResult();\n    } finally {\n      clearInterval(timer);\n      loadingBox.classList.remove(\"show\");\n      diagnoseBtn.disabled = false;\n    }\n  });<\/p>\n<p>  updateActiveCard();\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4eca\u306e\u3042\u306a\u305f\u306b\u5bc4\u308a\u6dfb\u3046\u30a2\u30ed\u30de\u3092\u3002 \u6c17\u306b\u306a\u308b\u30c6\u30fc\u30de\u3092\u3072\u3068\u3064\u9078\u3073\u3001\u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u3084\u308f\u3089\u304b\u304f\u9759\u304b\u306b\u3001\u4eca\u306e\u6d41\u308c\u3092\u8aad\u307f\u89e3\u304f\u8a3a\u65ad\u30da\u30fc\u30b8\u3067\u3059\u3002 \u4f7f\u3044\u65b9 \u6c17\u306b\u306a\u308b\u9805\u76ee\u3092\u3072\u3068\u3064\u9078\u3073\u307e\u3059\u3002 \u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u307e\u3059\u3002 \u8a3a\u65ad\u7d50\u679c\u3092\u898b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-155","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/366aroma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155"}],"version-history":[{"count":77,"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/366aroma.com\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/366aroma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}