{"id":1463,"date":"2026-07-17T13:17:24","date_gmt":"2026-07-17T04:17:24","guid":{"rendered":"https:\/\/elpis.works\/?page_id=1463"},"modified":"2026-07-17T14:56:23","modified_gmt":"2026-07-17T05:56:23","slug":"%e7%ab%b9%e7%94%b0%e5%a5%91%e4%b8%80%e5%85%88%e7%94%9f%e6%98%a0%e5%83%8f%e5%8c%96%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%80%80%e5%bf%9c%e6%8f%b4%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/elpis.works\/?page_id=1463","title":{"rendered":"\u7af9\u7530\u5951\u4e00\u5148\u751f\u6620\u50cf\u5316\u30d7\u30ed\u30b8\u30a7\u30af\u30c8"},"content":{"rendered":"\n<!-- \u2460 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a73\u7d30\u306e\u57cb\u3081\u8fbc\u307f\uff08\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u52d5\u304b\u3059\u305f\u3081\u306b ID=\"pj-iframe\" \u3092\u8ffd\u52a0\u3057\u3066\u3044\u307e\u3059\uff09 -->\n<div style=\"width: 100%; max-width: 800px; margin: 0 auto; padding-bottom: 120px;\">\n  <iframe loading=\"lazy\" id=\"pj-iframe\" src=\"https:\/\/hachien.com\/takeda-pj\" width=\"100%\" height=\"9700px\" scrolling=\"no\" frameborder=\"0\" style=\"border: 1px solid #eee; border-radius: 8pxbox-shadow: 0 2px 8px rgba(0,0,0,0.05); overflow: hidden;\"><\/iframe>\n<\/div>\n\n<!-- \u2461 \u753b\u9762\u4e0b\u90e8\u306b\u56fa\u5b9a\u3055\u308c\u308b\u300c\u8ffd\u5f93\u30e1\u30cb\u30e5\u30fc\uff08\u76ee\u6b21 \uff0b \u652f\u63f4\u30dc\u30bf\u30f3\uff09\u300d -->\n<div class=\"sticky-nav-container\">\n  <div class=\"sticky-nav-menu\">\n    <!-- \u6570\u5024\uff081200 \u3084 3800\uff09\u306f\u3001\u4e0a\u304b\u3089\u306e\u8ddd\u96e2\uff08\u30d4\u30af\u30bb\u30eb\uff09\u3067\u3059\u3002\u5f8c\u304b\u3089\u81ea\u7531\u306b\u8abf\u6574\u3067\u304d\u307e\u3059 -->\n    <button onclick=\"jumpTo(1200)\" class=\"nav-btn\"> \u8da3\u65e8<\/button>\n    <button onclick=\"jumpTo(3800)\" class=\"nav-btn\"> \u8a08\u753b<\/button>\n    <button onclick=\"jumpTo(4200)\" class=\"nav-btn\"> \u7b2c1\u5f3e<\/button>\n    <button onclick=\"jumpTo(5200)\" class=\"nav-btn\"> \u76e3\u7763<\/button>\n    <button onclick=\"jumpTo(5800)\" class=\"nav-btn\"> \u4e88\u7b97<\/button>\n    <a href=\"https:\/\/hachien.shop\/products\/takeda-pj\" target=\"_blank\" rel=\"noopener\" class=\"nav-btn checkout-btn\">\u652f\u63f4\u3059\u308b<\/a>\n  <\/div>\n<\/div>\n\n<!-- \u2462 \u30dc\u30bf\u30f3\u3092\u52d5\u304b\u3059\u305f\u3081\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\uff08JavaScript\uff09 -->\n<script>\nfunction jumpTo(offset) {\n  const iframe = document.getElementById('pj-iframe');\n  if (iframe) {\n    \/\/ iframe\u306e\u30da\u30fc\u30b8\u6700\u4e0a\u90e8\u304b\u3089\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\n    const rect = iframe.getBoundingClientRect();\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const iframeAbsoluteTop = rect.top + scrollTop;\n    \n    \/\/ \u6307\u5b9a\u3055\u308c\u305f\u4f4d\u7f6e\u3078\u30b9\u30e0\u30fc\u30ba\u306b\u30b9\u30af\u30ed\u30fc\u30eb\n    window.scrollTo({\n      top: iframeAbsoluteTop + offset,\n      behavior: 'smooth'\n    });\n  }\n}\n<\/script>\n\n<!-- \u2463 \u30e1\u30cb\u30e5\u30fc\u306e\u30c7\u30b6\u30a4\u30f3\uff08CSS\uff09 -->\n<style>\n\/* \u8ffd\u5f93\u30e1\u30cb\u30e5\u30fc\u5168\u4f53\u306e\u30b3\u30f3\u30c6\u30ca *\/\n.sticky-nav-container {\n  position: fixed;\n  bottom: 20px; \/* \u753b\u9762\u4e0b\u90e8\u304b\u3089\u306e\u6d6e\u304d\u5177\u5408 *\/\n  left: 50%;\n  transform: translateX(-50%);\n  width: 95%;\n  max-width: 500px; \/* \u30e1\u30cb\u30e5\u30fc\u5168\u4f53\u306e\u6700\u5927\u6a2a\u5e45 *\/\n  z-index: 99999; \/* \u6700\u524d\u9762\u306b\u8868\u793a *\/\n}\n\n\/* \u30e1\u30cb\u30e5\u30fc\u306e\u80cc\u666f\u3068\u67a0\u7d44\u307f *\/\n.sticky-nav-menu {\n  display: flex;\n  background: rgba(255, 255, 255, 0.95); \/* \u9ad8\u7d1a\u611f\u306e\u3042\u308b\u534a\u900f\u660e\u306e\u767d *\/\n  border-radius: 50px;\n  padding: 6px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n  border: 1px solid #eee;\n  backdrop-filter: blur(10px); \/* \u80cc\u666f\u306e\u3059\u308a\u30ac\u30e9\u30b9\u52b9\u679c *\/\n}\n\n\/* \u5404\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u30b9\u30bf\u30a4\u30eb *\/\n.nav-btn {\n  flex: 1;\n  border: none;\n  background: none;\n  padding: 12px 8px;\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none !important;\n  border-radius: 40px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n}\n\n\/* \u30b8\u30e3\u30f3\u30d7\u30dc\u30bf\u30f3\u306b\u30de\u30a6\u30b9\u3092\u4e57\u305b\u305f\u3068\u304d *\/\n.nav-btn:hover:not(.checkout-btn) {\n  background: #f5f5f5;\n}\n\n\/* \u53f3\u7aef\u306e\u300c\u652f\u63f4\u30dc\u30bf\u30f3\u300d\u3060\u3051\u306e\u7279\u5225\u30c7\u30b6\u30a4\u30f3 *\/\n.checkout-btn {\n  background: linear-gradient(135deg, #ff5a5f 0%, #ff385c 100%); \/* \u30d4\u30f3\u30af\u301c\u8d64\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n  color: #fff !important;\n  box-shadow: 0 4px 10px rgba(255, 56, 92, 0.3);\n}\n\n.checkout-btn:hover {\n  background: linear-gradient(135deg, #ff385c 0%, #e02849 100%);\n  transform: translateY(-1px);\n}\n\n\/* \u30b9\u30de\u30db\u7528\u306e\u6587\u5b57\u30b5\u30a4\u30ba\u5fae\u8abf\u6574 *\/\n@media (max-width: 480px) {\n  .nav-btn {\n    font-size: 12px;\n    padding: 10px 4px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u8da3\u65e8 \u8a08\u753b \u7b2c1\u5f3e \u76e3\u7763 \u4e88\u7b97 \u652f\u63f4\u3059\u308b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"class_list":["post-1463","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_shortlink":"https:\/\/wp.me\/P9JBW8-nB","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/pages\/1463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elpis.works\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1463"}],"version-history":[{"count":18,"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/pages\/1463\/revisions"}],"predecessor-version":[{"id":1500,"href":"https:\/\/elpis.works\/index.php?rest_route=\/wp\/v2\/pages\/1463\/revisions\/1500"}],"wp:attachment":[{"href":"https:\/\/elpis.works\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}