{"id":2476,"date":"2026-10-12T11:18:54","date_gmt":"2026-10-12T02:18:54","guid":{"rendered":"https:\/\/zuisyoen.com\/?page_id=2476"},"modified":"2026-10-12T17:25:58","modified_gmt":"2026-10-12T08:25:58","slug":"%e7%91%9e%e6%9d%be%e5%9c%92%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-2","status":"publish","type":"page","link":"https:\/\/zuisyoen.com\/?page_id=2476","title":{"rendered":"\u745e\u677e\u5712\u306b\u3064\u3044\u3066"},"content":{"rendered":"\n<div class=\"wp-block-cover aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"wp-block-cover__image-background wp-image-2489 size-large\" alt=\"\" src=\"https:\/\/zuisyoen.com\/wp-content\/uploads\/2026\/10\/kyoto_zuisyoen-2-1024x576.png\" style=\"object-position:55% 19%\" data-object-fit=\"cover\" data-object-position=\"55% 19%\" srcset=\"https:\/\/zuisyoen.com\/wp-content\/uploads\/2026\/10\/kyoto_zuisyoen-2-1024x576.png 1024w, https:\/\/zuisyoen.com\/wp-content\/uploads\/2026\/10\/kyoto_zuisyoen-2-450x253.png 450w, https:\/\/zuisyoen.com\/wp-content\/uploads\/2026\/10\/kyoto_zuisyoen-2-768x432.png 768w, https:\/\/zuisyoen.com\/wp-content\/uploads\/2026\/10\/kyoto_zuisyoen-2.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\">\u3054\u6328\u62f6<\/p>\n<\/div><\/div>\n\n\n\n<p>\u4eac\u90fd\u3067\u3001\u304a\u8336\u3068\u3068\u3082\u306b\u3002<\/p>\n\n\n\n<p>\u662d\u548c16\u5e74\uff081941\u5e74\uff092\u6708\u5275\u696d\u3002\u4eac\u90fd\u745e\u677e\u5712\u306f\u3001\u4eac\u90fd\u3067\u5b87\u6cbb\u8336\u306e\u5378\u30fb\u5c0f\u58f2\u3092\u55b6\u3093\u3067\u304d\u305f\u304a\u8336\u5c4b\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5b87\u6cbb\u8336\u306e\u7523\u5730\u30fb\u5b87\u6cbb\u7530\u539f\u753a\u3067\u55b6\u3093\u3067\u3044\u305f\u5bb6\u696d\u306e\u8336\u88fd\u9020\u696d\u3002<\/p>\n\n\n\n<p>\u305d\u306e\u304a\u8336\u3092\u304a\u5c4a\u3051\u3059\u308b\u8ca9\u58f2\u5e97\u3068\u3057\u3066\u3001\u4eac\u90fd\u5e02\u3067\u5275\u696d\u3044\u305f\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u5927\u5207\u306b\u3057\u3066\u304d\u305f\u306e\u306f\u3001\u54c1\u8cea\u672c\u4f4d\u306e\u59ff\u52e2\u3002<\/p>\n\n\n\n<p>\u65e5\u3005\u306e\u4e00\u670d\u306b\u3082\u3001\u5927\u5207\u306a\u65b9\u3078\u306e\u8d08\u308a\u3082\u306e\u306b\u3082\u3002<br>\u304a\u5ba2\u69d8\u306b\u3054\u6e80\u8db3\u3044\u305f\u3060\u3051\u308b\u304a\u8336\u3092\u304a\u5c4a\u3051\u3067\u304d\u308b\u3088\u3046\u3001\u3053\u308c\u304b\u3089\u3082\u52aa\u3081\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<style>\n#zuisyoen-teapot,\n.zuisyoen-tea-effect {\n  position: fixed;\n  pointer-events: none;\n  z-index: 999999;\n}\n\n#zuisyoen-teapot {\n  display: none;\n  width: 42px;\n  height: 42px;\n}\n\n#zuisyoen-teapot svg,\n.zuisyoen-tea-effect svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n\n#zuisyoen-teapot svg {\n  transform-origin: center;\n}\n\n#zuisyoen-teapot.pouring svg {\n  animation: zuisyoen-tilt 650ms ease;\n}\n\n.zuisyoen-tea-effect {\n  width: 100px;\n  height: 110px;\n  animation: zuisyoen-fade 750ms ease forwards;\n}\n\n.zuisyoen-tea-effect .tea-stream {\n  stroke-dasharray: 100;\n  stroke-dashoffset: 100;\n  animation: zuisyoen-stream 650ms ease forwards;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  html.zuisyoen-teapot-ready,\n  html.zuisyoen-teapot-ready * {\n    cursor: none !important;\n  }\n}\n\n@keyframes zuisyoen-tilt {\n  0%, 100% { transform: rotate(0deg); }\n  35%, 65% { transform: rotate(-22deg); }\n}\n\n@keyframes zuisyoen-stream {\n  0%, 20% {\n    stroke-dashoffset: 100;\n    opacity: 0;\n  }\n  35% { opacity: 1; }\n  75% {\n    stroke-dashoffset: 0;\n    opacity: 1;\n  }\n  100% {\n    stroke-dashoffset: 0;\n    opacity: 0;\n  }\n}\n\n@keyframes zuisyoen-fade {\n  0% { opacity: 0; }\n  15%, 70% { opacity: 1; }\n  100% { opacity: 0; }\n}\n<\/style>\n\n<script>\n(() => {\n  if (window.zuisyoenTeapotStarted) return;\n  if (matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\n\n  window.zuisyoenTeapotStarted = true;\n\n  const desktop = matchMedia(\"(hover: hover) and (pointer: fine)\");\n\n  const pot = `\n    <g fill=\"#c9824f\" stroke=\"none\">\n\n      <!-- \u53f3\u5074\u306e\u6a2a\u624b\u3092\u3082\u3046\u5c11\u3057\u9577\u304f -->\n      <path d=\"\n        M33 24\n        L50 21.8\n        Q54 21.3 54 24\n        L54 27\n        Q54 29 51 28.5\n        L33 28\n        Z\"\/>\n\n      <!-- \u5de6\u5074\u306e\u7d30\u3044\u6ce8\u304e\u53e3 -->\n      <path d=\"\n        M12 24\n        Q8 23.5 2 23\n        L2 26\n        Q7 27 12 29\n        Z\"\/>\n\n      <!-- \u80f4\u4f53 -->\n      <path d=\"\n        M11 23\n        Q12 20 23 20\n        Q34 20 36 24\n        Q39 31 33 36\n        Q29 39 23 39\n        Q16 39 12 36\n        Q7 31 11 23\n        Z\"\/>\n\n      <!-- \u84cb -->\n      <ellipse cx=\"23\" cy=\"21\" rx=\"12\" ry=\"4\"\/>\n\n      <!-- \u3064\u307e\u307f -->\n      <path d=\"\n        M21 18\n        L20 15\n        Q19 11 23 11\n        Q27 11 26 15\n        L25 18\n        Z\"\/>\n    <\/g>`;\n\n  const cursor = document.createElement(\"div\");\n  cursor.id = \"zuisyoen-teapot\";\n  cursor.setAttribute(\"aria-hidden\", \"true\");\n  cursor.innerHTML = `\n    <svg viewBox=\"0 0 48 48\">${pot}<\/svg>`;\n  document.body.appendChild(cursor);\n\n  document.addEventListener(\"pointermove\", event => {\n    if (!desktop.matches || event.pointerType !== \"mouse\") return;\n\n    cursor.style.left = `${event.clientX - 21}px`;\n    cursor.style.top = `${event.clientY - 21}px`;\n    cursor.style.display = \"block\";\n\n    document.documentElement.classList.add(\n      \"zuisyoen-teapot-ready\"\n    );\n  }, { passive: true });\n\n  document.documentElement.addEventListener(\"pointerleave\", () => {\n    cursor.style.display = \"none\";\n    document.documentElement.classList.remove(\n      \"zuisyoen-teapot-ready\"\n    );\n  });\n\n  document.addEventListener(\"pointerdown\", event => {\n    if (!event.isPrimary || event.button !== 0) return;\n\n    if (event.target.closest(\n      \"input, textarea, select, [contenteditable], iframe, video\"\n    )) return;\n\n    const effect = document.createElement(\"div\");\n    effect.className = \"zuisyoen-tea-effect\";\n    effect.setAttribute(\"aria-hidden\", \"true\");\n\n    effect.style.left = `${event.clientX - 70}px`;\n    effect.style.top = `${event.clientY - 21}px`;\n\n    const showPot =\n      event.pointerType !== \"mouse\" || !desktop.matches;\n\n    effect.innerHTML = `\n      <svg viewBox=\"0 0 100 110\">\n        ${showPot\n          ? `<g transform=\"translate(49 0) scale(0.875)\">\n               <g transform=\"rotate(-22 24 24)\">\n                 ${pot}\n               <\/g>\n             <\/g>`\n          : \"\"}\n        <path class=\"tea-stream\"\n          d=\"M52 29 Q42 43 43 58 Q44 75 34 91\"\n          fill=\"none\"\n          stroke=\"#a8c686\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\/>\n      <\/svg>`;\n\n    document.body.appendChild(effect);\n\n    if (!showPot) {\n      cursor.style.left = `${event.clientX - 21}px`;\n      cursor.style.top = `${event.clientY - 21}px`;\n      cursor.classList.remove(\"pouring\");\n      void cursor.offsetWidth;\n      cursor.classList.add(\"pouring\");\n    }\n\n    setTimeout(() => effect.remove(), 800);\n  }, { passive: true });\n\n  desktop.addEventListener(\"change\", () => {\n    cursor.style.display = \"none\";\n    document.documentElement.classList.remove(\n      \"zuisyoen-teapot-ready\"\n    );\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4eac\u90fd\u3067\u3001\u304a\u8336\u3068\u3068\u3082\u306b\u3002 \u662d\u548c16\u5e74\uff081941\u5e74\uff092\u6708\u5275\u696d\u3002\u4eac\u90fd\u745e\u677e\u5712\u306f\u3001\u4eac\u90fd\u3067\u5b87 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2476","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/pages\/2476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zuisyoen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2476"}],"version-history":[{"count":9,"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/pages\/2476\/revisions"}],"predecessor-version":[{"id":2569,"href":"https:\/\/zuisyoen.com\/index.php?rest_route=\/wp\/v2\/pages\/2476\/revisions\/2569"}],"wp:attachment":[{"href":"https:\/\/zuisyoen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}