{"id":368,"date":"2026-08-10T21:28:18","date_gmt":"2026-08-10T12:28:18","guid":{"rendered":"https:\/\/hnday.net\/?p=368"},"modified":"2026-08-10T21:31:32","modified_gmt":"2026-08-10T12:31:32","slug":"%e6%94%af%e6%89%95%e3%81%84%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"post","link":"https:\/\/hnday.net\/?p=368","title":{"rendered":"\u652f\u6255\u3044\u30da\u30fc\u30b8"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u304a\u652f\u6255\u3044\u30fb\u8acb\u6c42\u66f8 | GMO\u3042\u304a\u305e\u3089\u9280\u884c\u9023\u643a<\/title>\n  <style>\n    \/* \u5168\u4f53\u8a2d\u5b9a *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* \u80cc\u666f\u8272\u30a4\u30a8\u30ed\u30fc *\/\n    body {\n      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;\n      background-color: #fbc02d; \/* \u30a2\u30d7\u30ea\u5171\u901a\u306e\u30a4\u30a8\u30ed\u30fc *\/\n      color: #333333;\n      padding: 20px 10px 50px;\n      line-height: 1.5;\n    }\n\n    .container {\n      max-width: 650px;\n      margin: 0 auto;\n    }\n\n    .page-title {\n      text-align: center;\n      font-size: 22px;\n      font-weight: bold;\n      color: #1a252f;\n      margin-bottom: 20px;\n    }\n\n    \/* \u8acb\u6c42\u66f8\u30ab\u30fc\u30c9 *\/\n    .invoice-card {\n      background-color: #ffffff;\n      border-radius: 16px;\n      padding: 30px 25px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    \/* \u8acb\u6c42\u66f8\u30d8\u30c3\u30c0\u30fc *\/\n    .invoice-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      border-bottom: 2px solid #f0f0f0;\n      padding-bottom: 20px;\n      margin-bottom: 20px;\n    }\n\n    .invoice-badge {\n      background-color: #005bac; \/* GMO\u30d6\u30eb\u30fc *\/\n      color: #ffffff;\n      font-size: 11px;\n      font-weight: bold;\n      padding: 4px 8px;\n      border-radius: 4px;\n      display: inline-block;\n      margin-bottom: 6px;\n    }\n\n    .invoice-title {\n      font-size: 20px;\n      font-weight: bold;\n      color: #1a252f;\n    }\n\n    .invoice-meta {\n      text-align: right;\n      font-size: 13px;\n      color: #666666;\n    }\n\n    \/* \u8acb\u6c42\u5148 \/ \u767a\u884c\u5143 *\/\n    .invoice-parties {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 25px;\n      font-size: 14px;\n    }\n\n    .party-to {\n      font-weight: bold;\n      font-size: 16px;\n      color: #1a252f;\n      border-bottom: 2px solid #333333;\n      padding-bottom: 4px;\n    }\n\n    .party-from {\n      text-align: right;\n      color: #555555;\n    }\n\n    \/* \u5408\u8a08\u8acb\u6c42\u984d\u30cf\u30a4\u30e9\u30a4\u30c8 *\/\n    .total-banner {\n      background-color: #fffde7;\n      border: 2px solid #fff59d;\n      border-radius: 12px;\n      padding: 16px;\n      text-align: center;\n      margin-bottom: 25px;\n    }\n\n    .total-label {\n      font-size: 13px;\n      font-weight: bold;\n      color: #666666;\n    }\n\n    .total-amount {\n      font-size: 32px;\n      font-weight: bold;\n      color: #d97706;\n    }\n\n    \/* \u8acb\u6c42\u660e\u7d30\u30c6\u30fc\u30d6\u30eb *\/\n    .detail-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 25px;\n    }\n\n    .detail-table th {\n      background-color: #fafafa;\n      color: #666666;\n      font-size: 13px;\n      padding: 10px;\n      text-align: left;\n      border-bottom: 2px solid #eeeeee;\n    }\n\n    .detail-table td {\n      padding: 14px 10px;\n      font-size: 14px;\n      border-bottom: 1px solid #eeeeee;\n    }\n\n    .text-right {\n      text-align: right;\n    }\n\n    \/* \u652f\u6255\u65b9\u6cd5\uff08GMO\u3042\u304a\u305e\u3089\u9280\u884cAPI\uff09 *\/\n    .payment-method-box {\n      background-color: #f0f7ff;\n      border: 1px solid #bbe0ff;\n      border-radius: 12px;\n      padding: 16px;\n      margin-bottom: 25px;\n    }\n\n    .gmo-logo-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 14px;\n      font-weight: bold;\n      color: #005bac;\n      margin-bottom: 8px;\n    }\n\n    .payment-desc {\n      font-size: 12px;\n      color: #555555;\n    }\n\n    \/* \u6c7a\u6e08\u30dc\u30bf\u30f3\uff08GMO\u3042\u304a\u305e\u3089\u9280\u884cAPI\u9023\u643a\uff09 *\/\n    .pay-btn {\n      width: 100%;\n      padding: 16px;\n      background-color: #005bac; \/* GMO\u30d6\u30eb\u30fc *\/\n      color: #ffffff;\n      font-size: 18px;\n      font-weight: bold;\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      box-shadow: 0 4px 12px rgba(0, 91, 172, 0.3);\n      transition: background-color 0.2s, transform 0.1s;\n    }\n\n    .pay-btn:hover {\n      background-color: #004483;\n    }\n\n    .pay-btn:active {\n      transform: scale(0.98);\n    }\n\n    \/* API\u901a\u4fe1\u30e2\u30fc\u30c0\u30eb *\/\n    .api-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.7);\n      justify-content: center;\n      align-items: center;\n      z-index: 1000;\n    }\n\n    .modal-card {\n      background: #ffffff;\n      padding: 30px;\n      border-radius: 16px;\n      text-align: center;\n      max-width: 400px;\n      width: 90%;\n    }\n\n    .spinner {\n      border: 4px solid #f3f3f3;\n      border-top: 4px solid #005bac;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      animation: spin 1s linear infinite;\n      margin: 0 auto 15px;\n    }\n\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n  <\/style>\n\n\n\n  <div class=\"container\">\n    <h1 class=\"page-title\">\u304a\u652f\u6255\u3044\u30fb\u3054\u8acb\u6c42\u66f8<\/h1>\n\n    <div class=\"invoice-card\">\n      \n      <!-- \u30d8\u30c3\u30c0\u30fc\u60c5\u5831 -->\n      <div class=\"invoice-header\">\n        <div>\n          <span class=\"invoice-badge\">GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u6c7a\u6e08\u5bfe\u5fdc<\/span>\n          <div class=\"invoice-title\">\u3054\u8acb\u6c42\u66f8<\/div>\n        <\/div>\n        <div class=\"invoice-meta\">\n          <div>\u8acb\u6c42\u756a\u53f7: INV-202608-001<\/div>\n          <div>\u767a\u884c\u65e5: 2026\u5e7408\u670810\u65e5<\/div>\n          <div><strong>\u304a\u652f\u6255\u671f\u9650: 2026\u5e7408\u670831\u65e5<\/strong><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u8acb\u6c42\u5148 \uff06 \u767a\u884c\u5143 -->\n      <div class=\"invoice-parties\">\n        <div>\n          <p style=\"font-size: 12px; color: #888;\">\u3054\u8acb\u6c42\u5148<\/p>\n          <div class=\"party-to\">\u4e16\u754c\u4e00\u3000\u9759\u5ca1\u30d1\u30eb\u30b7\u30a7\u5e97 \u69d8<\/div>\n        <\/div>\n        <div class=\"party-from\">\n          <p style=\"font-size: 12px; color: #888;\">\u767a\u884c\u5143<\/p>\n          <strong>GMO\u7d66\u4e0e\u524d\u6255\u3044 \/ \u30de\u30c3\u30c1\u30f3\u30b0\u4e8b\u52d9\u5c40<\/strong><br>\n          \u3012100-0004 \u6771\u4eac\u90fd\u5343\u4ee3\u7530\u533a\u5927\u624b\u753a1-2-3\n        <\/div>\n      <\/div>\n\n      <!-- \u5408\u8a08\u91d1\u984d\u30d0\u30ca\u30fc -->\n      <div class=\"total-banner\">\n        <div class=\"total-label\">\u3054\u8acb\u6c42\u5408\u8a08\u91d1\u984d (\u7a0e\u8fbc)<\/div>\n        <div class=\"total-amount\">\u00a5181,500<\/div>\n      <\/div>\n\n      <!-- \u8acb\u6c42\u660e\u7d30\u30c6\u30fc\u30d6\u30eb -->\n      <table class=\"detail-table\">\n        <thead>\n          <tr>\n            <th>\u9805\u76ee\u5185\u5bb9<\/th>\n            <th class=\"text-right\">\u6570\u91cf\/\u671f\u9593<\/th>\n            <th class=\"text-right\">\u91d1\u984d (\u7a0e\u8fbc)<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <!-- 1. \u4eba\u4ef6\u8cbb (\u524d\u6255\u3044\u7d66\u4e0e\u4ee3\u884c\u7b49) -->\n          <tr>\n            <td>\n              <strong>\u4eba\u4ef6\u8cbb\uff08\u524d\u6255\u3044\u7d66\u4e0e\u7cbe\u7b97\u5206\uff09<\/strong><br>\n              <span style=\"font-size:11px; color:#777;\">\u203b\u30b9\u30bf\u30c3\u30d5\u524d\u6255\u3044\u7533\u8acb\u5b9f\u884c\u5206<\/span>\n            <\/td>\n            <td class=\"text-right\">15\u540d\u5206<\/td>\n            <td class=\"text-right\"><strong>\u00a5150,000<\/strong><\/td>\n          <\/tr>\n          <!-- 2. \u30b7\u30b9\u30c6\u30e0\u5229\u7528\u6599 -->\n          <tr>\n            <td>\n              <strong>\u30b7\u30b9\u30c6\u30e0\u5229\u7528\u6599<\/strong><br>\n              <span style=\"font-size:11px; color:#777;\">\u203bGMO\u7d66\u4e0e\u524d\u6255\u3044 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5229\u7528\u6599<\/span>\n            <\/td>\n            <td class=\"text-right\">8\u6708\u5206<\/td>\n            <td class=\"text-right\"><strong>\u00a56,500<\/strong><\/td>\n          <\/tr>\n          <!-- 3. \u5ba3\u4f1d\u8cbb (\u6c42\u4eba\u5e83\u544a\u63b2\u8f09\u6599) -->\n          <tr>\n            <td>\n              <strong>\u6c42\u4eba\u5ba3\u4f1d\u8cbb\uff08\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\uff09<\/strong><br>\n              <span style=\"font-size:11px; color:#777;\">\u203b\u300c\u6025\u52df\u300d\u30d0\u30c3\u30b8\u8868\u793a\u30aa\u30d7\u30b7\u30e7\u30f3\u542b\u3080<\/span>\n            <\/td>\n            <td class=\"text-right\">1\u30f6\u6708\u9593<\/td>\n            <td class=\"text-right\"><strong>\u00a525,000<\/strong><\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n\n      <!-- \u652f\u6255\u3044\u6c7a\u6e08\u624b\u6bb5 -->\n      <div class=\"payment-method-box\">\n        <div class=\"gmo-logo-title\">\n          \ud83c\udfdb\ufe0f GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u5373\u6642\u6c7a\u6e08\n        <\/div>\n        <div class=\"payment-desc\">\n          GMO\u3042\u304a\u305e\u3089\u9280\u884c\u306e\u6cd5\u4eba\u53e3\u5ea7API\u3068\u9023\u643a\u3057\u3066\u3044\u307e\u3059\u3002\u300c\u652f\u6255\u3046\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u624b\u6570\u6599\u7121\u6599\u3067\u5373\u6642\u306b\u632f\u8fbc\u6c7a\u6e08\u304c\u5b8c\u4e86\u3057\u307e\u3059\u3002\uff0824\u6642\u9593365\u65e5\u5bfe\u5fdc\uff09\n        <\/div>\n      <\/div>\n\n      <!-- \u652f\u6255\u3046\u30dc\u30bf\u30f3 -->\n      <button class=\"pay-btn\" onclick=\"executeGmoPayment()\">\n        GMO\u3042\u304a\u305e\u3089\u9280\u884c\u3067\u652f\u6255\u3046\uff08\u00a5181,500\uff09\n      <\/button>\n\n    <\/div>\n  <\/div>\n\n  <!-- API\u63a5\u7d9a\u30fb\u6c7a\u6e08\u51e6\u7406\u30e2\u30fc\u30c0\u30eb -->\n  <div class=\"api-modal\" id=\"apiModal\">\n    <div class=\"modal-card\">\n      <div class=\"spinner\" id=\"modalSpinner\"><\/div>\n      <h3 id=\"modalTitle\" style=\"font-size:18px; margin-bottom:10px;\">GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u9023\u643a\u4e2d&#8230;<\/h3>\n      <p id=\"modalMsg\" style=\"font-size:14px; color:#666;\">\u5b89\u5168\u306b\u6c7a\u6e08\u51e6\u7406\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\u5c11\u3005\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002<\/p>\n      <button id=\"modalCloseBtn\" style=\"display:none; margin-top:20px; padding:10px 20px; background:#005bac; color:#fff; border:none; border-radius:6px; font-weight:bold; cursor:pointer;\" onclick=\"closeModal()\">\u9589\u3058\u308b<\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u6c7a\u6e08\u306e\u5b9f\u884c\uff08\u30c7\u30e2\u52d5\u4f5c\uff09\n    function executeGmoPayment() {\n      const modal = document.getElementById('apiModal');\n      const title = document.getElementById('modalTitle');\n      const msg = document.getElementById('modalMsg');\n      const spinner = document.getElementById('modalSpinner');\n      const closeBtn = document.getElementById('modalCloseBtn');\n\n      \/\/ \u30e2\u30fc\u30c0\u30eb\u8868\u793a\n      modal.style.display = 'flex';\n      spinner.style.display = 'block';\n      closeBtn.style.display = 'none';\n      title.innerText = \"GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u9023\u643a\u4e2d...\";\n      msg.innerText = \"\u53e3\u5ea7\u8a8d\u8a3c\u304a\u3088\u3073\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u81ea\u52d5\u632f\u8fbc\u6c7a\u6e08\u3092\u5b9f\u884c\u3057\u3066\u3044\u307e\u3059\u3002\";\n\n      \/\/ 2.5\u79d2\u5f8c\u306b\u6c7a\u6e08\u5b8c\u4e86\u3092\u8868\u793a\uff08API\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u6a21\u64ec\uff09\n      setTimeout(() => {\n        spinner.style.display = 'none';\n        title.innerText = \"\ud83c\udf89 \u304a\u652f\u6255\u3044\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01\";\n        title.style.color = \"#2e7d32\";\n        msg.innerHTML = \"GMO\u3042\u304a\u305e\u3089\u9280\u884cAPI\u7d4c\u7531\u3067 <strong>\u00a5181,500<\/strong> \u306e\u9001\u91d1\u304c\u5373\u6642\u5b8c\u4e86\u3044\u305f\u3057\u307e\u3057\u305f\u3002<br>\u3054\u5229\u7528\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\";\n        closeBtn.style.display = 'inline-block';\n      }, 2500);\n    }\n\n    function closeModal() {\n      document.getElementById('apiModal').style.display = 'none';\n    }\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u652f\u6255\u3044\u30fb\u8acb\u6c42\u66f8 | GMO\u3042\u304a\u305e\u3089\u9280\u884c\u9023\u643a \u304a\u652f\u6255\u3044\u30fb\u3054\u8acb\u6c42\u66f8 GMO\u3042\u304a\u305e\u3089\u9280\u884c API\u6c7a\u6e08\u5bfe\u5fdc \u3054\u8acb\u6c42\u66f8 \u8acb\u6c42\u756a\u53f7: INV-202608-001 \u767a\u884c\u65e5: 2026\u5e7408\u670810\u65e5 \u304a\u652f\u6255\u671f\u9650: 2026\u5e7408\u67083 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-368","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/posts\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hnday.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=368"}],"version-history":[{"count":2,"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/posts\/368\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/hnday.net\/index.php?rest_route=\/wp\/v2\/posts\/368\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/hnday.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hnday.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hnday.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}