{"id":5660,"date":"2026-05-30T08:00:00","date_gmt":"2026-05-29T23:00:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=5660"},"modified":"2026-06-21T21:11:11","modified_gmt":"2026-06-21T12:11:11","slug":"%e9%ad%94%e5%b0%8e%e7%a0%94%e7%a9%b6%e6%89%80%e3%80%80%e5%90%88%e6%88%90%e9%ad%94%e6%b3%95","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=5660","title":{"rendered":"\u9b54\u5c0e\u5de5\u5b66\u7814\u7a76\u5ba4\uff08\u30eb\u30fc\u30f3\u9b54\u6cd5\uff09"},"content":{"rendered":"<div id=\"sgb-css-id-1\">\n<h2 class=\"wp-block-sgb-headings sgb-heading\" id=\"i-0\"><span class=\"sgb-heading__inner hh hh1\" style=\"font-size:1.2em\"><span class=\"sgb-heading__text\">\u6982\u5ff5\u6df7\u8272\u578b\u30fb\u30eb\u30fc\u30f3\u5f0f\u5408\u6210\u9b54\u6cd5<\/span><\/span><\/h2>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">\u672c\u88c5\u7f6e\u306f\u3001\u53e4\u4ee3\u6587\u5b57\u300c\u30d5\u30eb\u30b6\u30eb\u30af\uff0824\u30eb\u30fc\u30f3\uff09\u300d\u304c\u6301\u3064\u56fa\u6709\u306e\u6ce2\u9577\u30fb\u610f\u5473\u5c5e\u6027\u3092\u6570\u7406\u30e2\u30c7\u30eb\u5316\u3057\u3001\u5149\u306e\u4e09\u539f\u8272\u3092\u7528\u3044\u3066\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u3010\u5408\u6210\u9b54\u6cd5\u306e\u91cd\u5408\u30fb\u5e72\u6e09\u3011\u3092\u5b9f\u9a13\u3059\u308b\u7c21\u6613\u88c5\u7f6e\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5404\u6587\u5b57\u304c\u6301\u3064\u300c\u6982\u5ff5\u300d\u3092\u30d6\u30ec\u30f3\u30c9\u3057\u3066\u767a\u751f\u3057\u305f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8996\u899a\u7684\u306b\u89b3\u6e2c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"rune_synth_container\">\n  \n  <div class=\"rune_visual_panel\" id=\"visualPanel\">\n    <div class=\"rune_overlap_wrapper\" id=\"runeWrapper\">\n      <span class=\"base_prompt\">SELECT RUNE<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"rune_selector\">\n    <button class=\"rune_btn\" data-rune=\"\u16a0\" data-tip=\"\u16a0 \u30d5\u30a7\u30a4\u30d2\u30e5\u30fc\uff1a\u5bcc\u30fb\u8cc7\u7523\">F<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16a2\" data-tip=\"\u16a2 \u30a6\u30eb\u30ba\uff1a\u529b\u30fb\u63a8\u9032\u529b\">U<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16a6\" data-tip=\"\u16a6 \u30b9\u30ea\u30b5\u30ba\uff1a\u9632\u5fa1\u30fb\u8a66\u7df4\">TH<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16a8\" data-tip=\"\u16a8 \u30a2\u30f3\u30ba\u30fc\u30eb\uff1a\u77e5\u6075\u30fb\u89e3\u6790\">A<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16b1\" data-tip=\"\u16b1 \u30e9\u30a4\u30c9\u30db\uff1a\u65c5\u30fb\u822a\u8def\">R<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16b2\" data-tip=\"\u16b2 \u30b1\u30ca\u30ba\uff1a\u706b\u30fb\u7089\u5fc3\">K<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16b7\" data-tip=\"\u16b7 \u30b2\u30fc\u30dc\uff1a\u8d08\u4e0e\u30fb\u7b49\u4fa1\u4ea4\u63db\">G<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16b9\" data-tip=\"\u16b9 \u30a6\u30f3\u30b8\u30e7\u30fc\uff1a\u559c\u3073\u30fb\u5e78\u798f\u5ea6\">W<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16ba\" data-tip=\"\u16ba \u30cf\u30ac\u30e9\u30ba\uff1a\u5d50\u30fb\u5909\u9769\">H<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16be\" data-tip=\"\u16be \u30ca\u30a6\u30b7\u30ba\uff1a\u56f0\u96e3\u30fb\u5236\u7d04\">N<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16c1\" data-tip=\"\u16c1 \u30a4\u30b5\uff1a\u6c37\u30fb\u7d76\u5bfe\u96f6\u5ea6\">I<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16c3\" data-tip=\"\u16c3 \u30b8\u30a7\u30e9\uff1a\u53ce\u7a6b\u30fb\u679c\u5b9f\">J<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16c7\" data-tip=\"\u16c7 \u30a8\u30a4\u30ef\u30ba\uff1a\u4e16\u754c\u6a39\u30fb\u8010\u4e45\">EO<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16c8\" data-tip=\"\u16c8 \u30da\u30eb\u30bd\uff1a\u904b\u547d\u30fb\u78ba\u7387\u8ad6\">P<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16c9\" data-tip=\"\u16c9 \u30a2\u30eb\u30b8\u30ba\uff1a\u5b88\u8b77\u30fb\u7d50\u754c\">Z<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16cb\" data-tip=\"\u16cb \u30bd\u30a6\u30ed\uff1a\u592a\u967d\u30fb\u967d\u5149\">S<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16cf\" data-tip=\"\u16cf \u30c6\u30a3\u30ef\u30ba\uff1a\u6b63\u7fa9\u30fb\u6700\u9069\u89e3\">T<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16d2\" data-tip=\"\u16d2 \u30d9\u30eb\u30ab\u30fc\u30ce\uff1a\u6210\u9577\u30fb\u518d\u751f\">B<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16d6\" data-tip=\"\u16d6 \u30a8\u30fc\u30ef\u30ba\uff1a\u5354\u529b\u30fb\u5171\u9cf4\">E<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16d7\" data-tip=\"\u16d7 \u30de\u30ca\u30ba\uff1a\u4eba\u9593\u30fb\u500b\u4f53\u5024\">M<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16da\" data-tip=\"\u16da \u30e9\u30b0\u30ba\uff1a\u6c34\u30fb\u6f6e\u6d41\">L<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16dc\" data-tip=\"\u16dc \u30a4\u30f3\u30b0\u30ef\u30ba\uff1a\u6f5c\u5728\u529b\u30fb\u81e8\u754c\u70b9\">NG<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16de\" data-tip=\"\u16de \u30c0\u30ac\u30ba\uff1a\u591c\u660e\u3051\u30fb\u899a\u9192\">D<\/button>\n    <button class=\"rune_btn\" data-rune=\"\u16df\" data-tip=\"\u16df \u30aa\u30b5\u30e9\uff1a\u7d99\u627f\u30fb\u9632\u885b\u7dda\">O<\/button>\n  <\/div>\n\n<div style=\"text-align: right; margin-top: 15px;\">\n    <button class=\"rune_reset_btn\" onclick=\"resetRuneSynthesis()\">RESET<\/button>\n  <\/div>\n\n  <div class=\"rune_status_log\" id=\"statusLog\">\n    <div class=\"log_system\">[SYSTEM] READY\u2026 \u89e6\u5a92\u30922\u301c4\u500b\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n    <div class=\"log_notice\">[NOTICE] \u672c\u88c5\u7f6e\u306f\u53e4\u4ee3\u6587\u5b57\u306e\u5f62\u72b6\u3092\u6570\u7406\u30e2\u30c7\u30eb\u5316\u3057\u305fCSS\u6df7\u8272\u5b9f\u9a13\u30c4\u30fc\u30eb\u3067\u3042\u308a\u3001\u7279\u5b9a\u306e\u653f\u6cbb\u7684\u601d\u60f3\u3001\u4fe1\u6761\u3001\u307e\u305f\u306f\u56e3\u4f53\u3068\u306f\u4e00\u5207\u95a2\u4fc2\u3042\u308a\u307e\u305b\u3093\u3002<\/div>\n  <\/div>\n<\/div>\n\n<style>\n.rune_synth_container {\n  max-width: 400px;\n  margin: 30px auto;\n  padding: 20px;\n  background: rgba(255, 255, 255, 0.02); \/* \u9ed2\u7cfb\u80cc\u666f\u306e\u30b5\u30a4\u30c8\u306a\u3089\u3001\u307b\u3093\u306e\u308a\u5ea7\u5e03\u56e3\u3092\u6577\u304f *\/\n  border: 1px solid rgba(68, 85, 85, 0.1);\n  border-radius: 12px;\n  font-family: 'Courier New', monospace;\n  box-sizing: border-box;\n}\n\n.rune_visual_panel {\n  width: 100%;\n  height: 260px;\n  background-color: #cccccc; \n\/*  background-color: #0d1117; *\/\n  border: 1px solid rgba(68, 85, 85, 0.3);\n  border-radius: 8px;\n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  transition: background-image 0.5s ease;\n}\n\n.rune_overlap_wrapper {\n  position: relative;\n  width: 140px; \n  height: 140px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.overlapped_rune {\n  position: absolute;\n  font-size: 110px; \n  line-height: 1;\n  text-align: center;\n  color: #ffffff;\n  mix-blend-mode: screen;\n  text-shadow: 0 0 25px rgba(255, 255, 255, 0.6), 0 0 50px rgba(255, 255, 255, 0.3);\n  user-select: none;\n}\n\n.base_prompt {\n  color: rgba(68, 85, 85, 0.5);\n  font-size: 14px;\n  letter-spacing: 1px;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.rune_selector {\n  display: grid;\n  grid-template-columns: repeat(8, 1fr); \n  gap: 8px; \/* \u9699\u9593\u3092\u5c11\u3057\u5e83\u3052\u3066\u62bc\u3057\u3084\u3059\u304f *\/\n  margin-top: 15px;\n  justify-content: center;\n}\n\n\/* \u2605\u30b5\u30a4\u30ba\u5747\u4e00\u5316\u30fb\u5fae\u8abf\u6574\u7248\u30dc\u30bf\u30f3CSS *\/\n.rune_btn {\n  position: relative; \n  width: 100%;\n  aspect-ratio: 1 \/ 1; \n  font-size: 19px; \/* \u3055\u3089\u306b\u5c11\u3057\u3060\u3051\u5927\u304d\u304f\uff01 *\/\n  font-weight: bold;\n  background: #ffffff;\n  color: #445555;      \n  border: 1px solid rgba(68, 85, 85, 0.25);\n  border-radius: 6px;\n  cursor: pointer;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  transition: all 0.15s ease;\n  padding: 0; \/* \u6587\u5b57\u5e45\u306b\u5f15\u3063\u5f35\u3089\u308c\u306a\u3044\u3088\u3046\u4f59\u767d\u3092\u30ea\u30bb\u30c3\u30c8 *\/\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\/*\n.rune_btn {\n  position: relative; \n  width: 100%;\n  aspect-ratio: 1 \/ 1; \n  font-size: 18px;\n  font-weight: bold;\n  background: #ffffff;\n  color: #445555;      \n  border: 1px solid rgba(68, 85, 85, 0.25);\n  border-radius: 6px;\n  cursor: pointer;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  transition: all 0.15s ease;\n}\n*\/\n.rune_btn:hover {\n  background: #f8f9fa;\n  border-color: rgba(68, 85, 85, 0.4);\n  transform: translateY(-1px);\n}\n\n.rune_btn.selected {\n  background: #445555;\n  color: #ffffff;\n  border-color: #445555;\n  transform: translateY(1px); \n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 8px rgba(68, 85, 85, 0.4);\n}\n\n\/* \u30de\u30a6\u30b9\u30aa\u30f3\u3067\u6d6e\u304d\u51fa\u308b\u72ec\u81ea\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\uff08\u3053\u3053\u306b\u4e57\u305b\u308b\u3068\u672c\u7269\u306e\u30eb\u30fc\u30f3\u6587\u5b57\u304c\u51fa\u307e\u3059\uff09 *\/\n.rune_btn::after {\n  content: attr(data-tip); \n  position: absolute;\n  bottom: 125%; \n  left: 50%;\n  transform: translateX(-50%) translateY(5px);\n  background: #334444; \n  color: #ffffff;\n  padding: 6px 10px;\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: normal;\n  white-space: nowrap; \n  opacity: 0;\n  pointer-events: none; \n  transition: all 0.2s ease;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);\n  z-index: 99;\n}\n\n.rune_btn:hover::after {\n  opacity: 1;\n  transform: translateX(-50%) translateY(0);\n}\n\n.rune_reset_btn {\n  background: #fff;\n  color: #666;\n  border: 1px solid rgba(68, 85, 85, 0.25);\n  padding: 4px 10px;\n  font-size: 10px;\n  font-weight: bold;\n  border-radius: 6px;\n  cursor: pointer;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  transition: all 0.15s ease;\n}\n.rune_reset_btn:hover {\n  background: #cccccc;\n  color: #445555;\n  border-color: #999999;\n}\n\n\/* \u79d8\u5bc6\u30ed\u30b0\u30a8\u30ea\u30a2\uff08\u6a2a\u5e45\u306b\u5408\u308f\u305b\u3066\u81ea\u52d5\u62e1\u5927\uff09 *\/\n.rune_status_log {\n  margin-top: 15px;\n  padding: 14px;\n  background: rgba(68, 85, 85, 0.03); \n  border: 1px solid rgba(68, 85, 85, 0.1);\n  border-radius: 8px;\n  font-size: 13px;\n  color: #445555;\n  line-height: 1.6;\n  border-left: 4px solid #445555; \n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);\n}\n\n.log_title { font-weight: bold; color: #445555; font-size: 15px; margin-bottom: 6px; letter-spacing: 1px; }\n.log_effect { font-size: 12px; margin-bottom: 8px; color: #556666; }\n.log_system { font-size: 11px; color: rgba(68, 85, 85, 0.6); }\n\n.log_notice {\n  font-size: 10px;\n  color: rgba(68, 85, 85, 0.35); \n  margin-top: 8px;\n  line-height: 1.4;\n  border-top: 1px dashed rgba(68, 85, 85, 0.15);\n  padding-top: 8px;\n}\n\n\n\n.log_chant{\n  margin:8px 0 14px;\n  padding:14px;\n  background:rgba(0,0,0,.08);\n  border-left:3px solid rgba(255,255,255,.15);\n  border-radius:6px;\n  line-height:2;\n}\n\n.chant_line{\n  opacity:0;\n  transform:translateY(6px);\n  transition:\n    opacity .45s ease,\n    transform .45s ease;\n}\n\n.chant_line.show{\n  opacity:1;\n  transform:none;\n}\n\n.log_spellname{\n  margin-top:16px;\n  text-align:center;\n  font-size:28px;\n  font-weight:bold;\n  letter-spacing:.18em;\n\n  \/* \u6f22\u5b57\u306f\u767d\u56fa\u5b9a\u306b\u3057\u306a\u3044 *\/\n  color: inherit;\n\n  \/* \u6f22\u5b57\u5411\u304d\u30d5\u30a9\u30f3\u30c8 *\/\n  font-family:\n    \"Yu Mincho\",\n    \"Hiragino Mincho ProN\",\n    serif;\n\n  \/* \u307b\u3093\u306e\u308a\u9b54\u529b\u30aa\u30fc\u30e9 *\/\n  text-shadow:\n    0 0 2px rgba(255,255,255,.35),\n    0 0 8px rgba(255,255,255,.22),\n    0 0 18px rgba(180,220,255,.12);\n\n  opacity:.95;\n\ndisplay:inline-block;\npadding:4px 14px;\nborder-top:1px solid rgba(255,255,255,.08);\nborder-bottom:1px solid rgba(255,255,255,.08);\n}\n\n\n\n<\/style>\n\n\n<div id=\"sgb-css-id-2\">\n<h2 class=\"wp-block-sgb-headings sgb-heading\" id=\"i-1\"><span class=\"sgb-heading__inner hh hh1\" style=\"font-size:1.2em\"><span class=\"sgb-heading__text\">\u89b3\u6e2c\u4e0a\u306e\u6ce8\u610f(Security Protocol)<\/span><\/span><\/h2>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">\u610f\u56f3\u3057\u306a\u3044\u9b54\u5c0e\u6ce2\u306e\u9006\u6d41\u3001\u304a\u3088\u3073\u5916\u90e8\u304b\u3089\u306e\u4e0d\u8981\u306a\u601d\u60f3\u7684\u691c\u95b2\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u3001<br>\u64cd\u4f5c\u30d1\u30cd\u30eb\u8868\u9762\u306b\u300c\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c8\u300d\u3092\u523b\u5370\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u307e\u305f\u3001\u5358\u4e00\u30eb\u30fc\u30f3\u306f\u672a\u5b89\u5b9a\u7d20\u5b50\u306e\u305f\u3081\u3001\u5408\u6210\u9b54\u6cd5\u304c\u6210\u7acb\u3057\u307e\u305b\u3093\u3002<br>\u4e3b\u8ef8\u3068\u306a\u308b\u89e6\u5a92\u3092\u30102\u7a2e\u301c4\u7a2e\u3011\u9078\u629e\u3057\u3001\u8853\u5f0f\u306e\u81ea\u52d5\u89e3\u91c8\u30ed\u30b0\u3092\u691c\u8a3c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br><br>\u3042\u304f\u307e\u3067\u3082\u89b3\u6e2c\u88c5\u7f6e\u3068\u3057\u3066\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u88c5\u7f6e\u306f\u3001\u53e4\u4ee3\u6587\u5b57\u300c\u30d5\u30eb\u30b6\u30eb\u30af\uff0824\u30eb\u30fc\u30f3\uff09\u300d\u304c\u6301\u3064\u56fa\u6709\u306e\u6ce2\u9577\u30fb\u610f\u5473\u5c5e\u6027\u3092\u6570\u7406\u30e2\u30c7\u30eb\u5316\u3057\u3001\u5149\u306e\u4e09\u539f\u8272\u3092\u7528\u3044\u3066\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u3010\u5408\u6210\u9b54\u6cd5\u306e\u91cd\u5408\u30fb\u5e72\u6e09\u3011\u3092\u5b9f\u9a13\u3059\u308b\u7c21\u6613\u88c5\u7f6e\u3067\u3059\u3002 \u5404\u6587\u5b57\u304c\u6301\u3064\u300c\u6982\u5ff5\u300d\u3092\u30d6\u30ec\u30f3\u30c9\u3057\u3066\u767a\u751f\u3057\u305f\u30b0\u30e9\u30c7 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5660","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5660"}],"version-history":[{"count":50,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5660\/revisions"}],"predecessor-version":[{"id":5993,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5660\/revisions\/5993"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}