{"id":6,"date":"2026-11-07T03:18:39","date_gmt":"2026-11-06T18:18:39","guid":{"rendered":"https:\/\/play.bl-forest.com\/?page_id=6"},"modified":"2026-11-07T03:18:39","modified_gmt":"2026-11-06T18:18:39","slug":"%e3%81%8a%e7%b5%b5%e6%8f%8f%e3%81%8d%ef%bd%9c%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d-%e3%81%8a%e3%81%88%e3%81%8b%e3%81%8d","status":"publish","type":"page","link":"https:\/\/play.bl-forest.com\/?page_id=6","title":{"rendered":"\u304a\u7d75\u63cf\u304d\uff5c\u3044\u308d\u3044\u308d \u304a\u3048\u304b\u304d"},"content":{"rendered":"\n<div id=\"bfl-oekaki\">\n<style>\n#bfl-oekaki{--ink:#36584c;--green:#4e8170;--paper:#fcf9ef}#bfl-oekaki *{box-sizing:border-box}#bfl-oekaki{margin:0;font-family:\"Hiragino Maru Gothic ProN\",\"Yu Gothic\",\"Noto Sans JP\",system-ui,sans-serif;color:var(--ink)}#bfl-oekaki .drawing-game{position:fixed;inset:0;z-index:100000;overflow:hidden;background:var(--paper);touch-action:none;isolation:isolate}#bfl-oekaki .background-art{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(#b3bfa322 .8px,transparent .8px);background-size:14px 14px}#bfl-oekaki .little-brand{position:absolute;left:28px;bottom:25px;font-size:9px;letter-spacing:.14em;color:#82937e}#bfl-oekaki .little-brand span{margin-left:12px;color:#a0aa96}#bfl-oekaki .story{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(720px,85%);text-align:center}#bfl-oekaki .story-kicker{font-size:12px!important;letter-spacing:.15em;color:#c1a16e!important;margin-bottom:15px!important}#bfl-oekaki .story h1{font-size:clamp(28px,5vw,64px);line-height:1.4;margin:0 0 21px;font-weight:800;letter-spacing:.015em;color:#8fa791}#bfl-oekaki .story h1 span{color:#bccba9}#bfl-oekaki .story p{font-size:15px;line-height:2.2;letter-spacing:.08em;color:#a3ae96;margin:0}#bfl-oekaki .doodle{position:absolute;line-height:1}#bfl-oekaki .star-one{left:12%;top:28%;font-size:85px;color:#edcf85;transform:rotate(-13deg)}#bfl-oekaki .star-two{right:12%;top:62%;font-size:72px;color:#d4b6b1;transform:rotate(8deg)}#bfl-oekaki .squiggle{left:16%;bottom:18%;font-size:90px;color:#acccca;transform:rotate(-10deg)}#bfl-oekaki .paper-note{position:absolute;right:8%;top:20%;background:#f2e7bf99;padding:20px 25px;font-size:13px;line-height:1.9;color:#b3a47c;transform:rotate(6deg);border-radius:3px}#bfl-oekaki .bottom-note{position:absolute;bottom:26px;right:28px;font-size:10px;letter-spacing:.06em;color:#a4ad98}#bfl-oekaki canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;touch-action:none;cursor:crosshair;outline:none;background:transparent}#bfl-oekaki .color-panel{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));z-index:2;padding:12px 16px 13px;border-radius:20px;background:#ffffffe8;box-shadow:0 5px 25px #4d6d4614;border:1px solid #e6e9df;pointer-events:none}#bfl-oekaki .color-heading{font-size:10px;font-weight:700;display:block;margin:0 0 10px 2px;letter-spacing:.05em;color:#8c9a85}#bfl-oekaki .colors{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;pointer-events:none}#bfl-oekaki button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}#bfl-oekaki button:focus-visible{outline:3px solid #486d99;outline-offset:3px}#bfl-oekaki .color{position:relative;width:34px;height:35px;background:var(--color);border:3px solid #fff;border-radius:10px;box-shadow:0 0 0 1px #ebede6;pointer-events:auto}#bfl-oekaki .color.selected{box-shadow:0 0 0 2px #546e60}#bfl-oekaki .color.selected:after{content:'\u2713';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #0005;font-size:19px;font-weight:800}#bfl-oekaki .color[data-color=\"#ffffff\"].selected:after{color:#65766b;text-shadow:none}#bfl-oekaki .clear-button{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;background:#bf5145;color:#fff;border:2px solid #a94338;border-radius:14px;box-shadow:0 3px 0 #923b32;padding:15px 21px;min-height:54px;font-weight:800;font-size:14px;white-space:nowrap}#bfl-oekaki .clear-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#bfl-oekaki .clear-button:hover{background:#ac453a}#bfl-oekaki .clear-button:disabled{background:#ecd9d1;border-color:#dfc6bd;color:#97756a;box-shadow:none;cursor:default}#bfl-oekaki dialog{position:fixed;inset:0;margin:auto;z-index:5;border:0;border-radius:23px;padding:29px 24px 23px;max-width:min(370px,calc(100vw - 32px));width:100%;text-align:center;color:var(--ink);box-shadow:0 20px 90px #244b4333;background:#fffdf8}#bfl-oekaki dialog::backdrop{background:#273b3b77;backdrop-filter:blur(4px)}#bfl-oekaki dialog h2{font-size:24px;margin:0 0 18px}#bfl-oekaki dialog p{font-size:13px;line-height:1.9;color:#829087}#bfl-oekaki .dialog-actions{display:flex;gap:10px;margin-top:23px}#bfl-oekaki .dialog-actions button{flex:1;border:0;background:#edf2e8;color:#4d695c;border-radius:12px;padding:15px 7px;font-size:13px;font-weight:700}#bfl-oekaki .dialog-actions button:last-child{background:#bf5145;color:white}#bfl-oekaki .status{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;max-width:90%;background:#365b4cee;color:white;font-size:12px;padding:12px 18px;border-radius:14px;text-align:center;pointer-events:none;opacity:0}#bfl-oekaki .status.visible{opacity:1}\n@media(max-width:850px){#bfl-oekaki .color-panel{top:auto;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 28px));padding:12px 16px}#bfl-oekaki .colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#bfl-oekaki .color{width:100%;height:36px}#bfl-oekaki .color-heading{margin-bottom:9px}#bfl-oekaki .little-brand{top:31px;left:20px;bottom:auto;font-size:8px;max-width:135px}#bfl-oekaki .little-brand span{display:block;margin:7px 0 0;font-size:9px;letter-spacing:.05em}#bfl-oekaki .clear-button{right:16px;top:max(18px,env(safe-area-inset-top));min-height:48px;padding:12px 16px;font-size:13px;gap:7px}#bfl-oekaki .clear-button svg{width:22px;height:22px}#bfl-oekaki .story{top:42%;width:88%}#bfl-oekaki .story h1{font-size:clamp(25px,5.4vw,40px);margin-bottom:18px}#bfl-oekaki .story p{font-size:12px}#bfl-oekaki .story-kicker{font-size:10px!important}#bfl-oekaki .star-one{left:7%;top:24%;font-size:53px}#bfl-oekaki .star-two{right:7%;top:58%;font-size:46px}#bfl-oekaki .squiggle{left:10%;bottom:26%;font-size:62px}#bfl-oekaki .paper-note{right:8%;top:17%;padding:10px 13px;font-size:9px}#bfl-oekaki .bottom-note{display:none}#bfl-oekaki .status{bottom:155px}}\n@media(max-height:550px) and (min-width:520px){#bfl-oekaki .color-panel{left:16px;top:14px;bottom:auto;transform:none;width:225px;padding:9px 12px}#bfl-oekaki .colors{gap:5px}#bfl-oekaki .color{height:28px}#bfl-oekaki .color-heading{display:none}#bfl-oekaki .clear-button{top:16px}#bfl-oekaki .little-brand{display:none}#bfl-oekaki .story{top:53%}#bfl-oekaki .story h1{font-size:32px;margin-bottom:9px}#bfl-oekaki .story p{font-size:11px}#bfl-oekaki .story-kicker{margin-bottom:6px!important}#bfl-oekaki .paper-note{display:none}#bfl-oekaki .star-one{top:38%;font-size:40px}#bfl-oekaki .star-two{top:66%;font-size:40px}#bfl-oekaki .squiggle{bottom:10%;font-size:48px}#bfl-oekaki .status{bottom:15px}}\n@media(prefers-reduced-motion:reduce){#bfl-oekaki *{scroll-behavior:auto!important}}#bfl-oekaki .control-actions{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;gap:10px;align-items:center;z-index:2;pointer-events:none}#bfl-oekaki .control-actions .clear-button{position:static;pointer-events:auto}#bfl-oekaki .undo-button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:13px 17px;border:1px solid #d4ded0;border-radius:14px;background:#ffffffee;color:#4c705d;font-weight:700;font-size:13px;box-shadow:0 3px 0 #e5eadd}#bfl-oekaki .undo-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#bfl-oekaki .undo-button:disabled{color:#b2bcaf;box-shadow:none;cursor:default}#bfl-oekaki .undo-button:hover:not(:disabled){background:#eef4e8}@media(max-width:850px){#bfl-oekaki .control-actions{right:16px;top:max(18px,env(safe-area-inset-top));gap:8px}#bfl-oekaki .undo-button{min-height:48px;padding:12px 14px;font-size:12px}#bfl-oekaki .little-brand{top:82px;max-width:180px}#bfl-oekaki .little-brand span{margin-top:5px}}@media(min-width:851px) and (max-width:1100px){#bfl-oekaki .color{width:29px;height:33px}#bfl-oekaki .colors{gap:5px}#bfl-oekaki .color-panel{padding:11px 13px}}#bfl-oekaki .color-panel{z-index:auto}#bfl-oekaki .color{z-index:2}#bfl-oekaki .control-actions{z-index:auto}#bfl-oekaki .undo-button{position:relative;z-index:2}@media(max-width:850px){#bfl-oekaki .color-panel{left:0;right:0;margin:0 auto;transform:none}}@media(max-height:550px) and (min-width:520px){#bfl-oekaki .color-panel{left:16px;right:auto;margin:0}}#bfl-oekaki .drawing-game[data-background=\"white\"]{background:#fff}#bfl-oekaki .drawing-game[data-background=\"white\"] .background-art{visibility:hidden}#bfl-oekaki .background-switch{position:absolute;left:22px;top:116px;display:flex;gap:4px;pointer-events:none}#bfl-oekaki .background-switch button{position:relative;z-index:2;pointer-events:auto;min-height:36px;padding:9px 12px;font-size:11px;font-weight:700;border:1px solid #dce4d6;border-radius:10px;background:#ffffffed;color:#80907d}#bfl-oekaki .background-switch button[aria-pressed=\"true\"]{background:#e8f0df;color:#47664e;border-color:#99b092;box-shadow:0 0 0 1px #99b092}#bfl-oekaki .background-switch button:hover{background:#edf2e7}@media(max-width:850px){#bfl-oekaki .background-switch{left:20px;top:84px}#bfl-oekaki .background-switch button{min-height:36px;padding:9px 10px;font-size:10px}#bfl-oekaki .little-brand{display:none}}@media(max-height:550px) and (min-width:520px){#bfl-oekaki .background-switch{left:254px;top:18px}#bfl-oekaki .background-switch button{font-size:10px;padding:8px 10px;min-height:33px}}#bfl-oekaki .size-section{margin-top:12px;padding-top:11px;border-top:1px solid #e7ecdf;pointer-events:none}#bfl-oekaki .size-heading{display:block;margin:0 0 8px 2px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#8c9a85}#bfl-oekaki .sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:340px;pointer-events:none}#bfl-oekaki .size-choice{position:relative;z-index:2;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:48px;padding:5px 4px;border:1px solid #dce4d6;border-radius:10px;background:#ffffffed;color:#71826f;font-size:10px;font-weight:700;white-space:nowrap}#bfl-oekaki .size-icon{display:grid;place-items:center;width:24px;height:20px}#bfl-oekaki .size-icon:before{content:'';display:block;width:var(--dot);height:var(--dot);border-radius:50%;background:currentColor}#bfl-oekaki .size-choice[aria-pressed=\"true\"]{background:#e8f0df;color:#47664e;border-color:#99b092;box-shadow:0 0 0 1px #99b092}#bfl-oekaki .size-choice:hover{background:#edf2e7}#bfl-oekaki .background-switch{top:196px}@media(max-width:850px){#bfl-oekaki .sizes{max-width:none;gap:6px}#bfl-oekaki .size-section{margin-top:10px;padding-top:9px}#bfl-oekaki .size-heading{margin-bottom:7px}#bfl-oekaki .size-choice{font-size:10px;min-height:48px}#bfl-oekaki .background-switch{top:84px}#bfl-oekaki .status{bottom:244px}}@media(max-height:550px) and (min-width:520px){#bfl-oekaki .size-section{margin-top:8px;padding-top:7px}#bfl-oekaki .size-heading{font-size:9px;margin-bottom:6px}#bfl-oekaki .sizes{gap:5px}#bfl-oekaki .size-choice{min-height:44px;font-size:9px;padding:4px 2px;gap:3px}#bfl-oekaki .background-switch{top:18px}#bfl-oekaki .status{bottom:15px}}#bfl-oekaki .sizes{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;gap:6px}#bfl-oekaki .size-choice{font-size:9px;min-height:56px}#bfl-oekaki .size-icon{width:28px;height:28px}#bfl-oekaki .background-switch{top:204px}@media(max-width:850px){#bfl-oekaki .sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#bfl-oekaki .size-choice{min-height:53px;font-size:10px}#bfl-oekaki .background-switch{top:84px}#bfl-oekaki .status{bottom:308px}}@media(max-height:550px) and (min-width:520px){#bfl-oekaki .sizes{gap:5px}#bfl-oekaki .size-choice{min-height:49px;font-size:8px;padding:4px 2px}#bfl-oekaki .background-switch{top:18px}#bfl-oekaki .status{bottom:15px}}#bfl-oekaki .drawing-controls{display:contents}#bfl-oekaki .mobile-color-label,#bfl-oekaki .mobile-break{display:none}\n@media(max-width:850px){#bfl-oekaki .drawing-game{touch-action:auto}#bfl-oekaki .drawing-controls{display:grid;position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;pointer-events:none}#bfl-oekaki .color-panel,#bfl-oekaki .size-section{display:contents}#bfl-oekaki .color-strip{grid-column:1\/-1;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:3px;min-width:0}#bfl-oekaki .color-heading{margin:0;display:block;text-align:center;font-size:10px;line-height:1.3;letter-spacing:0;color:#536e60}#bfl-oekaki .desktop-color-label{display:none}#bfl-oekaki .mobile-color-label,#bfl-oekaki .mobile-break{display:inline}#bfl-oekaki .colors{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:3px;position:relative;z-index:2;pointer-events:auto;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:12px;background:#fffffff2;box-shadow:0 1px 5px #36584c18}#bfl-oekaki .colors::-webkit-scrollbar{display:none}#bfl-oekaki .color{flex:0 0 44px;width:44px;height:44px;border-radius:10px;touch-action:pan-x}#bfl-oekaki .color[data-color=\"#43535b\"]{order:-1}#bfl-oekaki .size-heading{display:none}#bfl-oekaki .sizes{grid-column:1\/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:none}#bfl-oekaki .size-choice{min-height:46px;height:46px;min-width:0;padding:3px 1px;gap:1px;font-size:10px;line-height:1.1;white-space:normal;overflow-wrap:anywhere;box-shadow:0 1px 4px #36584c12}#bfl-oekaki .size-icon{width:22px;height:16px;flex:none}#bfl-oekaki .size-choice:nth-child(3) .size-icon{--dot:8px!important}#bfl-oekaki .size-choice:nth-child(4) .size-icon{--dot:12px!important}#bfl-oekaki .size-choice:nth-child(5) .size-icon{--dot:16px!important}#bfl-oekaki .size-choice:nth-child(6) .size-icon{--dot:20px!important}#bfl-oekaki .background-switch{grid-column:1;position:static;display:grid;grid-template-columns:1.2fr 1fr;gap:4px;min-width:0}#bfl-oekaki .background-switch button{min-height:44px;min-width:0;padding:4px 2px;font-size:10px;line-height:1.25;white-space:normal}#bfl-oekaki .control-actions{grid-column:2;position:static;display:grid;grid-template-columns:.85fr 1.2fr;gap:4px;min-width:0}#bfl-oekaki .undo-button,#bfl-oekaki .control-actions .clear-button{min-height:44px;min-width:0;height:44px;padding:4px 2px;font-size:10px;gap:3px;border-radius:10px;line-height:1.25;box-shadow:0 2px 0 #e5eadd}#bfl-oekaki .control-actions .clear-button{border-width:1px;box-shadow:0 2px 0 #923b32}#bfl-oekaki .undo-button svg,#bfl-oekaki .clear-button svg{width:16px;height:16px;flex-shrink:0}#bfl-oekaki .story{top:53%}#bfl-oekaki .paper-note{top:33%}#bfl-oekaki .star-one{top:35%}#bfl-oekaki .status{bottom:max(14px,env(safe-area-inset-bottom))}\n}\n@media(max-width:850px) and (max-height:550px){#bfl-oekaki .drawing-controls{right:auto;width:min(500px,calc(100% - 16px));gap:4px}#bfl-oekaki .color{flex-basis:40px;width:40px;height:40px}#bfl-oekaki .size-choice{height:42px;min-height:42px}#bfl-oekaki .background-switch button,#bfl-oekaki .undo-button,#bfl-oekaki .control-actions .clear-button{height:40px;min-height:40px}#bfl-oekaki .story{top:60%}#bfl-oekaki .paper-note{display:none}\n}\n\n#bfl-oekaki{--ink:#36584c;--green:#4e8170;--paper:#fcf9ef;font-family:\"Hiragino Maru Gothic ProN\",\"Yu Gothic\",system-ui,sans-serif}body:has(#bfl-oekaki){overflow:hidden}#bfl-oekaki button{font-family:inherit;line-height:1.3}#bfl-oekaki .drawing-game{width:100vw;height:100vh;height:100dvh}#bfl-oekaki canvas{margin:0;max-width:none}\nbody:has(#bfl-oekaki) header.wp-block-template-part,body:has(#bfl-oekaki) footer.wp-block-template-part,body:has(#bfl-oekaki) .wp-block-post-title{display:none!important}\n<\/style>\n\n<main class=\"drawing-game\" aria-label=\"\u753b\u9762\u3044\u3063\u3071\u3044\u306e\u304a\u7d75\u63cf\u304d\">\n<div class=\"background-art\" aria-hidden=\"true\"><div class=\"little-brand\">BLUE FOREST LAB <span>Blue Forest LAB\u30fb\u304a\u904a\u3073\u30b3\u30fc\u30ca\u30fc<\/span><\/div><div class=\"story\"><p class=\"story-kicker\">\u306f\u307f\u3060\u3057\u305f\u3063\u3066\u3001\u3060\u3044\u3058\u3087\u3046\u3076\u3002<\/p><h1>\u3044\u308d\u3044\u308d <span>\u304a\u3048\u304b\u304d<\/span><\/h1><p>\u3053\u306e \u304c\u3081\u3093\u3001\u305c\u3093\u3076 \u30ad\u30e3\u30f3\u30d0\u30b9\u3002<br>\u3082\u3058\u306e \u3046\u3048\u306b\u3082\u3001\u304b\u3044\u3066\u307f\u3088\u3046\u3002<\/p><\/div><span class=\"doodle star-one\">\u2733<\/span><span class=\"doodle star-two\">\u2726<\/span><span class=\"doodle squiggle\">\u3030<\/span><div class=\"paper-note\">\u3059\u304d\u306a \u3044\u308d\u3067<br>\u3059\u304d\u306a \u3060\u3051\u3002<\/div><span class=\"bottom-note\">\u3058\u3087\u3046\u305a\u3058\u3083\u306a\u304f\u3066\u3082\u3001\u305f\u306e\u3057\u3051\u308c\u3070 \u306f\u306a\u307e\u308b\u3002<\/span><\/div>\n<canvas id=\"bfl-oe-canvas\" width=\"1600\" height=\"1000\" tabindex=\"0\" role=\"img\" aria-label=\"\u753b\u9762\u5168\u4f53\u306b\u63cf\u3051\u308b\u30ad\u30e3\u30f3\u30d0\u30b9\u3002\u64cd\u4f5c\u30dc\u30bf\u30f3\u4ee5\u5916\u306f\u3001\u30de\u30a6\u30b9\u3084\u6307\u3067\u63cf\u3051\u307e\u3059\u3002\"><\/canvas>\n<div class=\"drawing-controls\"><div class=\"color-panel\"><div class=\"color-strip\"><span class=\"color-heading\"><span class=\"desktop-color-label\">\u3044\u308d\u3092 \u3048\u3089\u307c\u3046<\/span><span class=\"mobile-color-label\" aria-hidden=\"true\">\u3044\u308d<br>\u2194<\/span><\/span><div id=\"bfl-oe-colors\" class=\"colors\" role=\"group\" aria-label=\"\u3044\u308d\u3092\u3048\u3089\u3076\u3002\u30b9\u30de\u30db\u3067\u306f\u5de6\u53f3\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059\"><\/div><\/div><div class=\"size-section\"><span class=\"size-heading\">\u30da\u30f3\u306e \u3075\u3068\u3055<\/span><div class=\"sizes\" role=\"group\" aria-label=\"\u30da\u30f3\u306e\u592a\u3055\u3092\u3048\u3089\u3076\"><button id=\"bfl-oe-size-2\" class=\"size-choice\" aria-label=\"\u307b\u305d\u3044\u30da\u30f3\" aria-pressed=\"false\"><span class=\"size-icon\" style=\"--dot:2px\" aria-hidden=\"true\"><\/span><span>\u307b\u305d\u3044<\/span><\/button><button id=\"bfl-oe-size-5\" class=\"size-choice\" aria-label=\"\u3075\u3064\u3046\u30da\u30f3\" aria-pressed=\"false\"><span class=\"size-icon\" style=\"--dot:5px\" aria-hidden=\"true\"><\/span><span>\u3075\u3064\u3046<\/span><\/button><button id=\"bfl-oe-size-10\" class=\"size-choice\" aria-label=\"\u3075\u3068\u3044\u30da\u30f3\" aria-pressed=\"false\"><span class=\"size-icon\" style=\"--dot:10px\" aria-hidden=\"true\"><\/span><span>\u3075\u3068\u3044<\/span><\/button><button id=\"bfl-oe-size-18\" class=\"size-choice\" aria-label=\"\u3054\u304f\u3076\u3068\u30da\u30f3\" aria-pressed=\"true\"><span class=\"size-icon\" style=\"--dot:18px\" aria-hidden=\"true\"><\/span><span>\u3054\u304f\u3076\u3068<\/span><\/button><button id=\"bfl-oe-size-32\" class=\"size-choice\" aria-label=\"\u3082\u3063\u3068\u3075\u3068\u3044\u30da\u30f3\" aria-pressed=\"false\"><span class=\"size-icon\" style=\"--dot:22px\" aria-hidden=\"true\"><\/span><span>\u3082\u3063\u3068<span class=\"mobile-break\"><br><\/span>\u3075\u3068\u3044<\/span><\/button><button id=\"bfl-oe-size-50\" class=\"size-choice\" aria-label=\"\u3044\u3061\u3070\u3093\u3075\u3068\u3044\u30da\u30f3\" aria-pressed=\"false\"><span class=\"size-icon\" style=\"--dot:26px\" aria-hidden=\"true\"><\/span><span>\u3044\u3061\u3070\u3093<span class=\"mobile-break\"><br><\/span>\u3075\u3068\u3044<\/span><\/button><\/div><\/div><\/div>\n<div class=\"background-switch\" role=\"group\" aria-label=\"\u80cc\u666f\u3092\u3048\u3089\u3076\"><button id=\"bfl-oe-background-decorated\" aria-pressed=\"true\">\u3044\u3064\u3082\u306e\u80cc\u666f<\/button><button id=\"bfl-oe-background-white\" aria-pressed=\"false\">\u307e\u3063\u3057\u308d<\/button><\/div>\n<div class=\"control-actions\"><button id=\"bfl-oe-undo\" class=\"undo-button\" title=\"\u3072\u3068\u3064 \u307e\u3048\u306b \u3082\u3069\u3059\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5 3 10l5 5M3 10h10a6 6 0 0 1 0 12\"\/><\/svg><span>\u3082\u3069\u3059<\/span><\/button><button id=\"bfl-oe-clear\" class=\"clear-button\" title=\"\u304b\u3044\u305f \u3048\u3092 \u305c\u3093\u3076 \u3051\u3059\u3002\u3082\u3069\u3059 \u3053\u3068\u3082 \u3067\u304d\u307e\u3059\u3002\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 6h18M9 6V3h6v3M6 6l1 15h10l1-15M10 10v7m4-7v7\"\/><\/svg><span>\u305c\u3093\u3076 \u3051\u3059<\/span><\/button><\/div>\n<\/div>\n<div id=\"bfl-oe-status\" class=\"status\" role=\"status\" aria-live=\"polite\"><\/div>\n<\/main>\n\n<script>\n(() => {\n  'use strict';\n  const KEY='iroiro-oekaki-v1';\n  const TREX_PATH = 'M-54 21C-34 24-28 0-13-9Q-1-15 0-25L-2-34Q-4-49 12-49H35Q49-48 48-33V-25H24V-17H41Q41-8 30-8H16Q9 1 11 16Q9 28-3 32L1 43H13V50H-9L-17 28L-30 41L-17 43V49H-40Q-43 45-37 38L-27 20Q-40 32-54 25Z';\n\n  const root = document.getElementById('bfl-oekaki');\n  if (!root || root.dataset.ready) return;\n  root.dataset.ready='1';\n  const canvas = root.querySelector('#bfl-oe-canvas');\n  const ctx=canvas.getContext('2d');\n  const $ = id => root.querySelector('#bfl-oe-'+id);\n  const palette=[['#e97575','\u3042\u304b'],['#edaa62','\u30aa\u30ec\u30f3\u30b8'],['#efd063','\u304d\u3044\u308d'],['#9dbd76','\u304d\u307f\u3069\u308a'],['#5f9e89','\u307f\u3069\u308a'],['#6db8d1','\u305d\u3089\u3044\u308d'],['#6588ba','\u3042\u304a'],['#a68bbd','\u3080\u3089\u3055\u304d'],['#dea1b5','\u30d4\u30f3\u30af'],['#a48771','\u3061\u3083\u3044\u308d'],['#43535b','\u304f\u308d'],['#ffffff','\u3057\u308d']];\n  let brushSize=18,background='decorated',color=palette[10][0],operations=[],position=0,active=null,pointerId=null,saveTimer,statusTimer;\n  let basis={x:0,y:0,width:1600,height:1000},view={...basis},loadedView=null,cssWidth=0,cssHeight=0;\n  function tell(message){$('status').textContent=message;$('status').classList.add('visible');clearTimeout(statusTimer);statusTimer=setTimeout(()=>$('status').classList.remove('visible'),3000);}\n  function isBlank(){return !position||operations[position-1].kind==='clear';}\n  function controls(){[2,5,10,18,32,50].forEach(value=>$('size-'+value).setAttribute('aria-pressed',String(brushSize===value)));root.querySelectorAll('[data-color]').forEach(b=>{const selected=b.dataset.color===color;b.classList.toggle('selected',selected);b.setAttribute('aria-pressed',String(selected));});$('clear').disabled=isBlank()&&!active;$('undo').disabled=position===0&&!active;canvas.parentElement.dataset.background=background;$('background-decorated').setAttribute('aria-pressed',String(background==='decorated'));$('background-white').setAttribute('aria-pressed',String(background==='white'));}\n  palette.forEach(([value,name])=>{const b=document.createElement('button');b.className='color';b.dataset.color=value;b.style.setProperty('--color',value);b.setAttribute('aria-label',name);b.setAttribute('title',name);b.addEventListener('click',()=>{finishStroke();color=value;controls();saveLocal();});$('colors').appendChild(b);});\n  ['decorated','white'].forEach(mode=>$('background-'+mode).addEventListener('click',()=>{finishStroke();background=mode;controls();saveLocal();}));\n  [2,5,10,18,32,50].forEach(value=>$('size-'+value).addEventListener('click',()=>{finishStroke();brushSize=value;controls();saveLocal();}));\n  function applyView(){ctx.setTransform(canvas.width\/view.width,0,0,canvas.height\/view.height,-view.x*canvas.width\/view.width,-view.y*canvas.height\/view.height);}\n  function clearPixels(){ctx.save();ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,canvas.width,canvas.height);ctx.restore();}\n  function segment(op,a,b,index){ctx.save();if(op.mode==='eraser')ctx.globalCompositeOperation='destination-out';ctx.lineWidth=op.width;ctx.lineCap='round';ctx.lineJoin='round';ctx.strokeStyle=op.mode==='rainbow'?`hsl(${(op.hue+index*2)%360} 72% 62%)`:op.color;ctx.fillStyle=ctx.strokeStyle;if(a.x===b.x&&a.y===b.y){ctx.beginPath();ctx.arc(a.x,a.y,op.width\/2,0,Math.PI*2);ctx.fill();}else{ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.stroke();}ctx.restore();}\n  function replay(){clearPixels();applyView();for(let i=0;position>i;i++){const op=operations[i];if(op.kind==='clear')clearPixels();else if(op.kind==='stamp')drawStamp(op);else{segment(op,op.points[0],op.points[0],0);for(let j=1;op.points.length>j;j++)segment(op,op.points[j-1],op.points[j],j);}}controls();}\n  function sceneBounds(){let minX=basis.x,minY=basis.y,maxX=basis.x+basis.width,maxY=basis.y+basis.height,start=0;for(let i=0;position>i;i++)if(operations[i].kind==='clear')start=i+1;const include=(x,y,r)=>{minX=Math.min(minX,x-r);maxX=Math.max(maxX,x+r);minY=Math.min(minY,y-r);maxY=Math.max(maxY,y+r);};for(let i=start;position>i;i++){const op=operations[i];if(op.kind==='stamp')include(op.x,op.y,op.size*.65);else if(op.kind==='stroke')op.points.forEach(p=>include(p.x,p.y,op.width\/2));}return{x:minX,y:minY,width:maxX-minX,height:maxY-minY};}\n  function validView(v){return v&&['x','y','width','height'].every(k=>Number.isFinite(v[k])&&100000>=Math.abs(v[k]))&&v.width>0&&v.height>0;}\n  function resizeSurface(){const rect=canvas.getBoundingClientRect();if(!rect.width||!rect.height)return;if(cssWidth===rect.width&&cssHeight===rect.height)return;finishStroke();cssWidth=rect.width;cssHeight=rect.height;const ratio=cssWidth\/cssHeight,deviceScale=Math.min(window.devicePixelRatio||1,2,3200\/Math.max(cssWidth,cssHeight));canvas.width=Math.max(1,Math.round(cssWidth*deviceScale));canvas.height=Math.max(1,Math.round(cssHeight*deviceScale));if(loadedView&&.002>Math.abs(loadedView.width\/loadedView.height-ratio)){view=loadedView;loadedView=null;}else{loadedView=null;const b=sceneBounds();const units=Math.max(b.width\/cssWidth,b.height\/cssHeight)*1.04;view={x:b.x+b.width\/2-cssWidth*units\/2,y:b.y+b.height\/2-cssHeight*units\/2,width:cssWidth*units,height:cssHeight*units};}replay();saveLocal();}\n  function saveLocal(){clearTimeout(saveTimer);try{localStorage.setItem(KEY,JSON.stringify({version:3,basis,view,color,background,brushSize,operations,position}));}catch(_){tell('\u3058\u3069\u3046\u307b\u305e\u3093 \u3067\u304d\u307e\u305b\u3093\u3002\u30d6\u30e9\u30a6\u30b6\u3092 \u3068\u3058\u308b\u3068 \u3048\u304c \u304d\u3048\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002');}}\n  function commit(op){operations=operations.slice(0,position);operations.push(op);position=operations.length;clearTimeout(saveTimer);saveTimer=setTimeout(saveLocal,250);controls();}\n  function point(event){const r=canvas.getBoundingClientRect();return{x:Math.round((view.x+Math.max(0,Math.min(r.width,event.clientX-r.left))*view.width\/r.width)*10)\/10,y:Math.round((view.y+Math.max(0,Math.min(r.height,event.clientY-r.top))*view.height\/r.height)*10)\/10};}\n  function finishStroke(){if(active){commit(active);active=null;}if(pointerId!==null){const old=pointerId;pointerId=null;try{if(canvas.hasPointerCapture(old))canvas.releasePointerCapture(old);}catch(_){}}controls();}\n  canvas.addEventListener('pointerdown',e=>{if(pointerId!==null||e.isPrimary===false||e.button!==0)return;e.preventDefault();canvas.focus({preventScroll:true});pointerId=e.pointerId;canvas.setPointerCapture(pointerId);const p=point(e);active={kind:'stroke',mode:'pen',color,width:Math.min(1000,Math.max(1,view.width\/cssWidth*brushSize)),hue:0,points:[p]};applyView();segment(active,p,p,0);controls();});\n  canvas.addEventListener('pointermove',e=>{if(e.pointerId!==pointerId||!active)return;e.preventDefault();const events=e.getCoalescedEvents?.()||[e];(events.length?events:[e]).forEach(ev=>{const p=point(ev),last=active.points[active.points.length-1];if(.5>Math.hypot(p.x-last.x,p.y-last.y))return;active.points.push(p);segment(active,last,p,active.points.length-1);});});\n  ['pointerup','pointercancel','lostpointercapture'].forEach(type=>canvas.addEventListener(type,e=>{if(e.pointerId===pointerId)finishStroke();}));\n  $('clear').addEventListener('click',()=>{finishStroke();if(isBlank())return;commit({kind:'clear'});clearPixels();saveLocal();controls();tell('\u305c\u3093\u3076 \u3051\u3057\u305f\u3088\u3002\u300c\u3082\u3069\u3059\u300d\u3067 \u3082\u3068\u306b \u3082\u3069\u305b\u308b\u3088\u3002');});\n  $('undo').addEventListener('click',()=>{finishStroke();if(!position)return;position--;replay();saveLocal();});\n  document.addEventListener('visibilitychange',()=>{if(document.hidden){finishStroke();saveLocal();}});\n  window.addEventListener('pagehide',()=>{finishStroke();saveLocal();});\n  window.addEventListener('resize',resizeSurface);\n  window.addEventListener('orientationchange',resizeSurface);\n  window.visualViewport?.addEventListener('resize',resizeSurface);\n  \/\/ Restore the original vector artwork, including legacy dinosaur stamps.\n  try{const raw=localStorage.getItem(KEY);if(raw&&15000000>raw.length){const saved=JSON.parse(raw);if([1,2,3].includes(saved.version)&&Array.isArray(saved.operations)&&20000>saved.operations.length&&saved.operations.every(validOperation)&&Number.isInteger(saved.position)&&saved.position>=0&&saved.operations.length>=saved.position){operations=saved.operations;position=saved.position;if(saved.version===3){if(['decorated','white'].includes(saved.background))background=saved.background;if(validView(saved.basis))basis=saved.basis;if(validView(saved.view))loadedView=saved.view;}else if(saved.version===2&&saved.width===1600&&saved.height>=1000&&2134>=saved.height){basis.height=saved.height;}}}}catch(_){}\n  resizeSurface();controls();\n  function drawStamp(op) {\n    ctx.save();ctx.translate(op.x,op.y);ctx.scale(op.size\/100,op.size\/100);\n    ctx.lineWidth=5; ctx.lineCap='round';ctx.lineJoin='round';\n    if(op.stamp==='star'){\n      ctx.beginPath();for(let i=0;10>i;i++){const a=i*Math.PI\/5-Math.PI\/2,r=i%2?22:48;const x=Math.cos(a)*r,y=Math.sin(a)*r;i?ctx.lineTo(x,y):ctx.moveTo(x,y);}ctx.closePath();ctx.fillStyle='#f3c458';ctx.fill();\n    } else if(op.stamp==='heart'){\n      ctx.beginPath();ctx.moveTo(0,41);ctx.bezierCurveTo(-85,-12,-27,-65,0,-28);ctx.bezierCurveTo(27,-65,85,-12,0,41);ctx.fillStyle='#e98a9a';ctx.fill();\n    } else if(op.stamp==='flower'){\n      ctx.fillStyle='#b99ad0';for(let i=0;6>i;i++){const a=i*Math.PI\/3;ctx.beginPath();ctx.arc(Math.cos(a)*26,Math.sin(a)*26,20,0,Math.PI*2);ctx.fill();}ctx.fillStyle='#f5d47a';ctx.beginPath();ctx.arc(0,0,17,0,Math.PI*2);ctx.fill();\n    } else if(op.stamp==='sun'){\n      ctx.strokeStyle='#eab559';for(let i=0;8>i;i++){const a=i*Math.PI\/4;ctx.beginPath();ctx.moveTo(Math.cos(a)*37,Math.sin(a)*37);ctx.lineTo(Math.cos(a)*48,Math.sin(a)*48);ctx.stroke();}ctx.fillStyle='#f2ca64';ctx.beginPath();ctx.arc(0,0,28,0,Math.PI*2);ctx.fill();face();\n    } else if(op.stamp==='smile'){\n      ctx.fillStyle='#a8c891';ctx.beginPath();ctx.arc(0,0,43,0,Math.PI*2);ctx.fill();face();\n    } else if(op.stamp==='trex'){\n      ctx.fillStyle='#80ad6a';ctx.fill(new Path2D(TREX_PATH));\n      ctx.fillStyle='#c5d7a0';ctx.fill(new Path2D('M3 0Q-2 12-10 19L-6 28Q5 23 6 15Z'));\n      ctx.fillStyle='#fffdf2';ctx.fill(new Path2D('M28-25H34L31-20ZM38-25H44L41-20Z'));\n      ctx.beginPath();ctx.arc(32,-38,5,0,Math.PI*2);ctx.fill();\n      ctx.fillStyle='#344e3d';ctx.beginPath();ctx.arc(34,-38,2.6,0,Math.PI*2);ctx.fill();\n      ctx.fillStyle='#527d4c';ctx.beginPath();ctx.arc(44,-32,1.5,0,Math.PI*2);ctx.fill();\n      ctx.strokeStyle='#527d4c';ctx.lineWidth=5;ctx.beginPath();ctx.moveTo(12,0);ctx.lineTo(25,7);ctx.lineTo(22,12);ctx.stroke();\n    } else if(op.stamp==='rainbow'){\n      ['#e88f89','#edb566','#efd875','#91b59a','#82b2c7'].forEach((c,i)=>{ctx.strokeStyle=c;ctx.lineWidth=9;ctx.beginPath();ctx.arc(0,20,43-i*8,Math.PI,Math.PI*2);ctx.stroke();});ctx.fillStyle='#ebf0f3';[-40,40].forEach(x=>{ctx.beginPath();ctx.ellipse(x,22,16,10,0,0,Math.PI*2);ctx.fill();});\n    }\n    ctx.restore();\n  }\n  function face(){ctx.fillStyle='#5d705e';[-10,10].forEach(x=>{ctx.beginPath();ctx.arc(x,-5,2.6,0,Math.PI*2);ctx.fill();});ctx.strokeStyle='#5d705e';ctx.lineWidth=3;ctx.beginPath();ctx.arc(0,4,12,.12*Math.PI,.88*Math.PI);ctx.stroke();}\n  function validOperation(op){\n    if(!op||typeof op!=='object')return false;\n    if(op.kind==='clear')return true;\n    const finite=n=>Number.isFinite(n)&&100000>=Math.abs(n);\n    if(op.kind==='stamp')return ['star','heart','flower','sun','smile','rainbow','trex'].includes(op.stamp)&&finite(op.x)&&finite(op.y)&&finite(op.size)&&op.size>0&&300>op.size;\n    return op.kind==='stroke'&&['pen','rainbow','eraser'].includes(op.mode)&&\/^#[0-9a-f]{6}$\/i.test(op.color)&&finite(op.hue)&&finite(op.width)&&op.width>0&&2000>op.width&&Array.isArray(op.points)&&op.points.length>0&&200000>op.points.length&&op.points.every(p=>p&&finite(p.x)&&finite(p.y));\n  }\n\n})();\n\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BLUE FOREST LAB Blue Forest LAB\u30fb\u304a\u904a\u3073\u30b3\u30fc\u30ca\u30fc \u306f\u307f\u3060\u3057\u305f\u3063\u3066\u3001\u3060\u3044\u3058\u3087\u3046\u3076\u3002 \u3044\u308d\u3044\u308d \u304a\u3048\u304b\u304d \u3053\u306e \u304c\u3081\u3093\u3001\u305c\u3093\u3076 \u30ad\u30e3\u30f3\u30d0\u30b9\u3002\u3082\u3058\u306e \u3046\u3048\u306b\u3082\u3001\u304b\u3044\u3066\u307f\u3088\u3046\u3002 \u2733\u2726\u3030 \u3059\u304d\u306a \u3044\u308d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/play.bl-forest.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}