.shop-template-pixel{container:pixel/inline-size;overflow-x:clip;--dt-wrap:min(1152px,100% - 48px);--dt-pixel:var(--font-pixel,"DotGothic16"),"BIZ UDPGothic","Hiragino Kaku Gothic ProN","Yu Gothic",monospace;--dt-read:var(--font-sans,system-ui),"Hiragino Kaku Gothic ProN","BIZ UDPGothic","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;color-scheme:light;interpolate-size:allow-keywords;--dt-bg:var(--dt-t3);--dt-ink:var(--dt-t0);--dt-ink-2:var(--dt-ink2-l);--dt-line:var(--dt-t0);--dt-rule:var(--dt-t2);--dt-fill:var(--dt-t2);--dt-inv:var(--dt-t0);--dt-on-inv:var(--dt-t3);--dt-btn-line:var(--dt-btn-line-l);--dt-btn-box:var(--dt-btn-box-l);--dt-i-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' width='6' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM0 1h2v1H0zM0 2h3v1H0zM0 3h4v1H0zM0 4h5v1H0zM0 5h5v1H0zM0 6h4v1H0zM0 7h3v1H0zM0 8h2v1H0zM0 9h1v1H0z'/%3E%3C/svg%3E");--dt-i-cursor-idle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' width='6' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM0 1h2v1H0zM0 2h1v1H0zM2 2h1v1H2zM0 3h1v1H0zM3 3h1v1H3zM0 4h1v1H0zM4 4h1v1H4zM0 5h1v1H0zM4 5h1v1H4zM0 6h1v1H0zM3 6h1v1H3zM0 7h1v1H0zM2 7h1v1H2zM0 8h2v1H0zM0 9h1v1H0z'/%3E%3C/svg%3E");--dt-i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M2 0h3v1H2zM1 1h1v1H1zM5 1h1v1H5zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM6 4h1v1H6zM1 5h1v1H1zM5 5h1v1H5zM2 6h3v1H2zM6 6h1v1H6zM6 7h2v1H6zM7 8h2v1H7zM8 9h2v1H8z'/%3E%3C/svg%3E");--dt-i-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M1 1h3v1H1zM0 2h1v1H0zM4 2h1v1H4zM0 3h1v1H0zM4 3h4v1H4zM0 4h1v1H0zM4 4h1v1H4zM6 4h2v1H6zM1 5h3v1H1zM6 5h1v1H6z'/%3E%3C/svg%3E");--dt-i-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 1h8v1H0zM0 2h1v1H0zM7 2h1v1H7zM0 3h8v1H0zM0 4h1v1H0zM7 4h1v1H7zM0 5h1v1H0zM2 5h2v1H2zM7 5h1v1H7zM0 6h8v1H0z'/%3E%3C/svg%3E");--dt-i-loop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M2 0h4v1H2zM1 1h1v1H1zM6 1h1v1H6zM0 2h1v1H0zM5 2h3v1H5zM0 3h1v1H0zM6 3h1v1H6zM0 4h1v1H0zM0 5h1v1H0zM7 5h1v1H7zM1 6h1v1H1zM6 6h1v1H6zM2 7h4v1H2z'/%3E%3C/svg%3E");--dt-i-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' width='8' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h8v1H0zM1 1h6v1H1zM2 2h4v1H2zM3 3h2v1H3z'/%3E%3C/svg%3E");--dt-i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' width='8' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M3 0h1v1H3zM3 1h2v1H3zM0 2h6v1H0zM0 3h7v1H0zM0 4h6v1H0zM3 5h2v1H3zM3 6h1v1H3z'/%3E%3C/svg%3E");--dt-m0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4'/%3E");--dt-m1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0z'/%3E%3C/svg%3E");--dt-m2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");--dt-m3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM2 2h1v1H2z'/%3E%3C/svg%3E");--dt-m4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");--dt-m5:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM0 2h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");--dt-m6:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM0 2h1v1H0zM2 2h1v1H2zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m7:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h1v1H2zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m8:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h1v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m9:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h3v1H0zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h1v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m10:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h3v1H0zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h2v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m11:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h2v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m12:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM1 1h1v1H1zM3 1h1v1H3zM0 2h4v1H0zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m13:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM0 1h2v1H0zM3 1h1v1H3zM0 2h4v1H0zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");--dt-m14:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM0 1h2v1H0zM3 1h1v1H3zM0 2h4v1H0zM1 3h3v1H1z'/%3E%3C/svg%3E");--dt-m15:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM0 1h4v1H0zM0 2h4v1H0zM1 3h3v1H1z'/%3E%3C/svg%3E");--dt-m16:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h4v1H0zM0 1h4v1H0zM0 2h4v1H0zM0 3h4v1H0z'/%3E%3C/svg%3E")}[data-appearance=dark] .shop-template-pixel{--dt-bg:var(--dt-t0);--dt-ink:var(--dt-t3);--dt-ink-2:var(--dt-ink2-d);--dt-line:var(--dt-t2);--dt-rule:var(--dt-t1);--dt-fill:var(--dt-t1);--dt-inv:var(--dt-t2);--dt-on-inv:var(--dt-t0);--dt-btn-line:var(--dt-btn-line-d);--dt-btn-box:var(--dt-btn-box-d);color-scheme:dark}.shop-template-pixel{background:var(--dt-bg);color:var(--dt-ink);font:400 16px/1.9 var(--dt-read,system-ui,sans-serif);line-break:strict;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}.shop-template-pixel .dt-page{padding-bottom:120px}[data-appearance=dark] .shop-template-pixel{background:radial-gradient(ellipse 90% 720px at 50% 0,color-mix(in oklab,var(--dt-t0),var(--dt-t1) 22%),var(--dt-t0)) no-repeat var(--dt-t0)}.shop-template-pixel,.shop-template-pixel *,.shop-template-pixel :after,.shop-template-pixel :before{box-sizing:border-box}.shop-template-pixel :where(h1,h2,h3,p,ul,ol){margin:0}.shop-template-pixel :where(a){color:inherit}.shop-template-pixel :where(button,input){font:inherit;color:inherit}.shop-template-pixel :focus-visible{outline:2px solid var(--dt-ink);outline-offset:2px}.shop-template-pixel ::selection{background:var(--dt-inv);color:var(--dt-on-inv)}.shop-template-pixel .dt-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}.shop-template-pixel .dt-i{display:inline-block;flex:none;background:currentColor;mask:var(--dt-icon) 0 0 /100% 100% no-repeat}.shop-template-pixel .dt-i-cursor{--dt-icon:var(--dt-i-cursor);width:12px;height:20px}.shop-template-pixel .dt-i-search{--dt-icon:var(--dt-i-search);width:20px;height:20px}.shop-template-pixel .dt-i-key{--dt-icon:var(--dt-i-key);width:16px;height:16px}.shop-template-pixel .dt-i-card{--dt-icon:var(--dt-i-card);width:16px;height:16px}.shop-template-pixel .dt-i-loop{--dt-icon:var(--dt-i-loop);width:16px;height:16px}.shop-template-pixel .dt-i-down{--dt-icon:var(--dt-i-down);width:16px;height:8px}.shop-template-pixel .dt-i-arrow{--dt-icon:var(--dt-i-arrow);width:16px;height:14px}.shop-template-pixel .dt-px{border:2px solid var(--dt-line)}.shop-template-pixel .dt-win:after{content:"";position:absolute;inset:0;z-index:3;border:2px solid var(--dt-line);pointer-events:none}@supports (corner-shape:notch){.shop-template-pixel .dt-btn,.shop-template-pixel .dt-lens,.shop-template-pixel .dt-mono,.shop-template-pixel .dt-px,.shop-template-pixel .dt-win:after{border-radius:2px;corner-shape:notch}.shop-template-pixel .dt-orig-key{border-top-left-radius:2px;corner-shape:notch}.shop-template-pixel .dt-screen:after,.shop-template-pixel .dt-tile{border-radius:4px;corner-shape:notch}}@supports not (corner-shape:notch){.shop-template-pixel .dt-btn:not(:focus-visible),.shop-template-pixel .dt-lens,.shop-template-pixel .dt-mono,.shop-template-pixel .dt-search:not(:focus-within),.shop-template-pixel .dt-tabs input:not(:focus-visible)+span,.shop-template-pixel .dt-tabs:not(:focus-within),.shop-template-pixel .dt-win,.shop-template-pixel .dt-win:after{clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.shop-template-pixel .dt-screen:after,.shop-template-pixel .dt-tile{clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}.shop-template-pixel .dt-orig-key{clip-path:polygon(2px 0,100% 0,100% 100%,0 100%,0 2px,2px 2px)}}.shop-template-pixel .dt-wrap{width:var(--dt-wrap);margin-inline:auto}.shop-template-pixel .dt-hero{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,416px);column-gap:48px;grid-template-areas:"screen screen" "title lede" "cta lede" "note lede";grid-template-rows:auto auto auto auto 1fr;align-items:start}.shop-template-pixel .dt-screen{grid-area:screen;position:relative;padding:4px;width:100%;--dt-dz:16px}.shop-template-pixel .dt-screen:after{content:"";position:absolute;inset:0;z-index:4;border:4px solid var(--dt-line);pointer-events:none}.shop-template-pixel .dt-pic{position:relative;aspect-ratio:9/4;overflow:hidden;background:var(--dt-t2)}.shop-template-pixel .dt-pic>canvas,.shop-template-pixel .dt-pic>img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.shop-template-pixel .dt-pre{object-fit:cover;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}.shop-template-pixel .dt-pic.is-ready .dt-pre{display:none}.shop-template-pixel .dt-pic canvas{z-index:1;image-rendering:pixelated}.shop-template-pixel .dt-pic:not(.is-ready) canvas{display:none}.shop-template-pixel .dt-orig{z-index:2;object-fit:cover;visibility:hidden;mask-size:var(--dt-dz) var(--dt-dz)}.shop-template-pixel .dt-lens{position:absolute;left:0;top:0;z-index:3;border:2px solid var(--dt-t0);pointer-events:none}.shop-template-pixel .dt-lens[hidden]{display:none}.shop-template-pixel .dt-pic-plain{display:grid;place-items:center}.shop-template-pixel .dt-pic-plain:before{content:"";position:absolute;inset:0;background:var(--dt-t1);mask:var(--dt-m6) 0 0 /8px 8px repeat;opacity:.55}.shop-template-pixel .dt-plain{position:relative;display:grid;place-items:center;width:112px;height:112px;border:4px solid var(--dt-t0);background:var(--dt-t3);color:var(--dt-t0);overflow:hidden;font:64px/64px var(--dt-pixel,monospace);text-shadow:3px 0 currentColor}.shop-template-pixel .dt-plain>span{margin-right:3px}.shop-template-pixel .dt-plain img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.shop-template-pixel .dt-orig-key{position:absolute;right:4px;bottom:4px;z-index:5;display:flex;align-items:center;height:44px;margin:0;padding:0 15px;border:2px solid var(--dt-line);border-right:0;border-bottom:0;background:var(--dt-bg);color:var(--dt-ink);font:16px/24px var(--dt-pixel,monospace);white-space:nowrap;cursor:pointer}.shop-template-pixel .dt-orig-key:hover{text-decoration:underline 2px;text-underline-offset:6px}.shop-template-pixel .dt-orig-key[aria-pressed=true]{background:var(--dt-inv);color:var(--dt-on-inv)}.shop-template-pixel .dt-orig-key:focus-visible{outline-offset:-6px}.shop-template-pixel .dt-title{grid-area:title;min-width:0;margin-top:28px}.shop-template-pixel .dt-h1{font:400 64px/80px var(--dt-pixel,monospace);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;text-box:trim-both cap alphabetic;padding-bottom:calc(round(up, 1cap, 4px) - 1cap);text-shadow:calc(1em / 16) 0 0 currentColor}.shop-template-pixel .dt-h1[data-len=mid]{font-size:48px;line-height:60px}.shop-template-pixel .dt-h1[data-len=long]{font-size:32px;line-height:40px}.shop-template-pixel .dt-lede{grid-area:lede;min-width:0;margin-top:18px}.shop-template-pixel .dt-intro{font-size:16px;line-height:32px;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-clamp:8;overflow:hidden;text-wrap:pretty}.shop-template-pixel .dt-intro.is-open{-webkit-line-clamp:unset;line-clamp:unset;display:block}.shop-template-pixel .dt-more{margin-top:8px;padding:0;min-height:44px;border:0;background:none;cursor:pointer;font:16px/24px var(--dt-pixel,monospace);color:var(--dt-ink);text-decoration:underline 2px;text-underline-offset:6px}.shop-template-pixel .dt-btn.dt-btn-hero{grid-area:cta;justify-self:start;margin-top:32px;min-height:56px;padding-inline:28px 24px}.shop-template-pixel .dt-note{grid-area:note;margin-top:12px;font-size:13px;line-height:20px;color:var(--dt-ink-2);word-break:keep-all}.shop-template-pixel .dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 24px 4px;--dt-face:var(--dt-accent);border:2px solid var(--dt-btn-line);background:linear-gradient(to top,var(--dt-accent-edge) 4px,var(--dt-face) 4px) var(--dt-btn-box);color:var(--dt-on-accent);font:16px/24px var(--dt-pixel,monospace);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none}.shop-template-pixel .dt-btn:hover{--dt-face:var(--dt-accent-hi)}.shop-template-pixel .dt-btn:active{transform:translateY(2px);background:var(--dt-face) var(--dt-btn-box);padding-bottom:0}.shop-template-pixel .dt-sec{margin-top:112px;scroll-margin-top:24px}.shop-template-pixel .dt-sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.shop-template-pixel .dt-h2{font:400 32px/40px var(--dt-pixel,monospace);word-break:keep-all;overflow-wrap:anywhere;text-shadow:2px 0 currentColor;min-width:0}.shop-template-pixel .dt-count{font:16px/24px var(--dt-pixel,monospace);color:var(--dt-ink-2);white-space:nowrap}.shop-template-pixel .dt-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.shop-template-pixel .dt-tabs-set{min-width:0;margin:0;padding:0;border:0}.shop-template-pixel .dt-tabs{display:inline-flex;padding:2px;min-width:0}.shop-template-pixel .dt-tabs label{position:relative;display:block;cursor:pointer}.shop-template-pixel .dt-tabs input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.shop-template-pixel .dt-tabs span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 20px;font:16px/24px var(--dt-pixel,monospace);white-space:nowrap}.shop-template-pixel .dt-tabs label:hover input:not(:checked)+span{text-decoration:underline 2px;text-underline-offset:6px}.shop-template-pixel .dt-tabs input:checked+span{background:var(--dt-inv);color:var(--dt-on-inv)}.shop-template-pixel .dt-tabs input:focus-visible+span{outline:2px solid var(--dt-ink);outline-offset:2px}.shop-template-pixel .dt-search{display:flex;align-items:center;gap:12px;width:320px;height:52px;padding:0 14px;background:var(--dt-bg);cursor:text}.shop-template-pixel .dt-search .dt-i{color:var(--dt-ink)}.shop-template-pixel .dt-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--dt-ink);font:16px/24px var(--dt-read,system-ui,sans-serif);outline:none;-webkit-appearance:none;appearance:none}.shop-template-pixel .dt-search input::placeholder{color:var(--dt-ink-2);opacity:1}.shop-template-pixel .dt-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.shop-template-pixel .dt-search:focus-within{outline:2px solid var(--dt-ink);outline-offset:2px}.shop-template-pixel .dt-win{position:relative;margin-top:24px}.shop-template-pixel .dt-menu{list-style:none;margin:0;padding:0}.shop-template-pixel .dt-row{position:relative}.shop-template-pixel .dt-row~.dt-row:before{content:"";position:absolute;top:0;left:56px;right:24px;height:2px;background:repeating-linear-gradient(90deg,var(--dt-rule) 0 2px,transparent 2px 6px)}.shop-template-pixel .dt-row summary{list-style:none;cursor:pointer;position:relative}.shop-template-pixel .dt-row summary::-webkit-details-marker{display:none}.shop-template-pixel .dt-row summary:focus-visible{outline-offset:-6px}.shop-template-pixel .dt-chev{position:absolute;right:24px;color:var(--dt-ink-2)}.shop-template-pixel .dt-row details[open]>summary .dt-chev{transform:scaleY(-1)}.shop-template-pixel .dt-row details::details-content{block-size:0;overflow-y:clip;transition:block-size .16s steps(4),content-visibility allow-discrete .16s}.shop-template-pixel .dt-row details[open]::details-content{block-size:auto}.shop-template-pixel .dt-cur{position:absolute;left:22px;top:0;z-index:2;width:12px;height:20px;background:var(--dt-ink);mask:var(--dt-i-cursor) 0 0 /12px 20px no-repeat;transform:translateY(0);transition:transform 90ms steps(3);pointer-events:none;visibility:hidden}.shop-template-pixel .dt-cur[data-placed]{visibility:visible}.shop-template-pixel .dt-cur[data-blink]{animation:dt-blink 1s step-end 3}.shop-template-pixel .dt-cur.is-idle{background:var(--dt-rule);mask-image:var(--dt-i-cursor-idle)}@keyframes dt-blink{50%{opacity:0}}.shop-template-pixel .dt-items .dt-menu{display:grid;grid-template-columns:[gut] 56px [tile] 48px 24px [name] minmax(0,1fr) [name-end] 32px [bill] max-content [bill-end] 24px [price] max-content [price-end] 32px [key] 168px [key-end] 16px [chev] 16px [chev-end] 24px}.shop-template-pixel .dt-items .dt-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto auto}.shop-template-pixel .dt-items .dt-row>details{grid-column:1/-1;grid-row:1/span 2;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.shop-template-pixel .dt-items .dt-row summary{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:subgrid;align-items:baseline;align-self:baseline;min-height:80px;padding-block:16px}.shop-template-pixel .dt-items .dt-row>details::details-content{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:subgrid}.shop-template-pixel .dt-items .dt-row.dt-empty{grid-column:1/-1;display:block}.shop-template-pixel .dt-items .dt-mono{grid-column:tile;align-self:center}.shop-template-pixel .dt-items .dt-nm{grid-column:name/name-end}.shop-template-pixel .dt-items .dt-bill{grid-column:bill;justify-self:start}.shop-template-pixel .dt-items .dt-yen{grid-column:price;justify-self:end}.shop-template-pixel .dt-items .dt-chev{grid-column:chev;position:static;align-self:center}.shop-template-pixel .dt-items .dt-btn-row{grid-column:key;grid-row:1;align-self:center;z-index:1;width:168px}.shop-template-pixel .dt-items .dt-row:not(.is-cur) .dt-btn-row,.shop-template-pixel .dt-items .dt-row:not(.is-cur) .dt-chev{align-self:baseline}.shop-template-pixel .dt-mono{position:relative;isolation:isolate;overflow:clip;width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--dt-line);background:var(--dt-bg);font:32px/32px var(--dt-pixel,monospace);color:var(--dt-ink)}.shop-template-pixel .dt-mono:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--dt-fill);mask:var(--dt-md,var(--dt-m8)) 0 0 /8px 8px repeat}.shop-template-pixel .dt-mono[data-d="0"]{--dt-md:var(--dt-m4)}.shop-template-pixel .dt-mono[data-d="1"]{--dt-md:var(--dt-m6)}.shop-template-pixel .dt-mono[data-d="2"]{--dt-md:var(--dt-m8)}.shop-template-pixel .dt-mono[data-d="3"]{--dt-md:var(--dt-m10)}.shop-template-pixel .dt-mono>span{margin-right:2px;text-shadow:2px 0 currentColor,-2px 0 var(--dt-bg),4px 0 var(--dt-bg),0 -2px var(--dt-bg),2px -2px var(--dt-bg),0 2px var(--dt-bg),2px 2px var(--dt-bg),-2px -2px var(--dt-bg),4px -2px var(--dt-bg),-2px 2px var(--dt-bg),4px 2px var(--dt-bg)}.shop-template-pixel .dt-nm{min-width:0;font:700 18px/28px var(--dt-read,system-ui,sans-serif);font-feature-settings:"palt";letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere}.shop-template-pixel .dt-bill{display:inline-flex;align-items:center;gap:8px;font:16px/24px var(--dt-pixel,monospace);color:var(--dt-ink-2);white-space:nowrap}.shop-template-pixel .dt-bill .dt-i{align-self:center}.shop-template-pixel .dt-yen{font:32px/40px var(--dt-pixel,monospace);color:var(--dt-ink);white-space:nowrap;text-shadow:2px 0 currentColor;letter-spacing:2px}.shop-template-pixel .dt-narrow{margin-left:-.1em;letter-spacing:-.2em}.shop-template-pixel .dt-yen-sign{margin-right:-.12em}.shop-template-pixel .dt-btn .dt-i-arrow{margin-top:2px}.shop-template-pixel .dt-panel{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:start;padding-block:4px 40px}.shop-template-pixel .dt-items .dt-panel-main{grid-column:name/name-end}.shop-template-pixel .dt-items .dt-plan{grid-column:bill/key-end}.shop-template-pixel .dt-panel-main{min-width:0}.shop-template-pixel .dt-desc{font-size:16px;line-height:32px;text-wrap:pretty;white-space:pre-line}.shop-template-pixel .dt-cond{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;line-height:24px;color:var(--dt-ink-2);word-break:keep-all}.shop-template-pixel .dt-cond .dt-i{margin-top:4px;color:var(--dt-ink)}.shop-template-pixel .dt-plan{min-width:0;padding-top:4px}.shop-template-pixel .dt-plan-name{font:16px/24px var(--dt-pixel,monospace);color:var(--dt-ink-2);word-break:keep-all}.shop-template-pixel .dt-benefits{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.shop-template-pixel .dt-benefits li{position:relative;padding-left:20px;font-size:15px;line-height:28px;word-break:keep-all;overflow-wrap:anywhere}.shop-template-pixel .dt-benefits li:before{content:"";position:absolute;left:2px;top:12px;width:4px;height:4px;background:var(--dt-ink)}.shop-template-pixel .dt-b-where{color:var(--dt-ink-2)}.shop-template-pixel .dt-b-note{display:block;font-size:13px;line-height:20px;color:var(--dt-ink-2)}.shop-template-pixel .dt-empty{padding:28px 24px 32px 56px}.shop-template-pixel .dt-empty-t{font:16px/28px var(--dt-pixel,monospace);word-break:keep-all}.shop-template-pixel .dt-empty-p{margin-top:4px;font-size:14px;line-height:24px;color:var(--dt-ink-2);word-break:keep-all}.shop-template-pixel .dt-empty .dt-btn{margin-top:20px}.shop-template-pixel .dt-row details[open]>.dt-a,.shop-template-pixel .dt-row details[open]>.dt-panel{animation:dt-dz-in .32s step-end both;mask-size:var(--dt-dz,16px) var(--dt-dz,16px)}.shop-template-pixel .dt-empty{animation:dt-dz-in .32s step-end both;mask-size:16px 16px}.shop-template-pixel .dt-orig.show{visibility:visible;animation:dt-dz-in .32s step-end both}.shop-template-pixel .dt-orig.hide{visibility:visible;animation:dt-dz-out .32s step-end both}.shop-template-pixel .dt-orig.peek{visibility:visible;animation:none;mask-image:none}.shop-template-pixel [data-dt-enter=wait]{mask-image:var(--dt-m0);mask-size:16px 16px}.shop-template-pixel [data-dt-enter=run]{animation:dt-dz-in .32s step-end both;mask-size:16px 16px}.shop-template-pixel .dt-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 416px;column-gap:48px}.shop-template-pixel .dt-step{position:relative;min-width:0}.shop-template-pixel .dt-tile{width:64px;height:64px;display:grid;place-items:center;background:var(--dt-inv);color:var(--dt-on-inv);font:32px/32px var(--dt-pixel,monospace);text-shadow:2px 0 currentColor}.shop-template-pixel .dt-tile>span{margin-right:2px}.shop-template-pixel .dt-step:not(:last-child):after{content:"";position:absolute;top:30px;left:76px;right:-36px;height:4px;background:repeating-linear-gradient(90deg,var(--dt-ink-2) 0 4px,transparent 4px 12px)}.shop-template-pixel .dt-step h3{margin-top:24px;font:700 17px/28px var(--dt-read,system-ui,sans-serif);font-feature-settings:"palt";letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere}.shop-template-pixel .dt-step p{margin-top:8px;font-size:15px;line-height:28px;color:var(--dt-ink-2);word-break:keep-all;text-wrap:pretty}.shop-template-pixel .dt-step p .dt-s{display:block}@keyframes dt-walk{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes dt-walk-v{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.shop-template-pixel .dt-steps[data-dt-enter=run],.shop-template-pixel .dt-steps[data-dt-enter=wait]{mask-image:none;animation:none}.shop-template-pixel .dt-steps[data-dt-enter=wait] .dt-step:after{clip-path:inset(0 100% 0 0)}.shop-template-pixel .dt-steps[data-dt-enter=run] .dt-step:not(:last-child):after{animation:dt-walk 312ms steps(26) both}.shop-template-pixel .dt-steps[data-dt-enter=run] .dt-step:nth-child(2):after{animation-delay:312ms}.shop-template-pixel .dt-faq .dt-row summary{display:block;min-height:72px;padding:22px 64px 22px 56px}.shop-template-pixel .dt-faq .dt-chev{top:32px}.shop-template-pixel .dt-q{display:block;font:700 16px/28px var(--dt-read,system-ui,sans-serif);font-feature-settings:"palt";letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere}.shop-template-pixel .dt-a{padding:0 64px 28px 56px}.shop-template-pixel .dt-a p{max-width:632px;font-size:15px;line-height:30px;text-wrap:pretty}.shop-template-pixel .dt-legal{margin-top:20px;font-size:14px;line-height:24px}.shop-template-pixel .dt-legal a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline 2px;text-underline-offset:6px}@container pixel (max-width: 1099px){.shop-template-pixel .dt-pic{aspect-ratio:16/9}.shop-template-pixel .dt-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-template-pixel .dt-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-template-pixel .dt-items .dt-panel-main,.shop-template-pixel .dt-items .dt-plan{grid-column:name/key-end}.shop-template-pixel .dt-plan{margin-top:20px}}@container pixel (max-width: 759px){.shop-template-pixel .dt-page{padding-bottom:88px}.shop-template-pixel .dt-pic{aspect-ratio:2/1}.shop-template-pixel .dt-plain{width:80px;height:80px;font-size:48px;line-height:48px}.shop-template-pixel .dt-hero{margin-top:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"screen" "title" "lede" "cta" "note"}.shop-template-pixel .dt-lede,.shop-template-pixel .dt-title{margin-top:16px}.shop-template-pixel .dt-h1{font-size:48px;line-height:60px}.shop-template-pixel .dt-h1[data-len=long],.shop-template-pixel .dt-h1[data-len=mid]{font-size:32px;line-height:40px}.shop-template-pixel .dt-intro{font-size:15px;line-height:28px;-webkit-line-clamp:5;line-clamp:5}.shop-template-pixel .dt-btn.dt-btn-hero{display:none}.shop-template-pixel .dt-note{margin-top:12px}.shop-template-pixel .dt-sec{margin-top:72px}.shop-template-pixel .dt-sec.dt-items{margin-top:48px}.shop-template-pixel .dt-tools{flex-direction:column;align-items:stretch;gap:12px;margin-top:12px}.shop-template-pixel .dt-tabs{display:flex}.shop-template-pixel .dt-tabs label{flex:1}.shop-template-pixel .dt-tabs span{padding:0 8px}.shop-template-pixel .dt-search{width:100%}.shop-template-pixel .dt-win{margin-top:16px}.shop-template-pixel .dt-row~.dt-row:before{left:28px;right:16px}.shop-template-pixel .dt-cur{left:8px}.shop-template-pixel .dt-items .dt-menu,.shop-template-pixel .dt-items .dt-row,.shop-template-pixel .dt-items .dt-row>details,.shop-template-pixel .dt-items .dt-row>details::details-content{display:block}.shop-template-pixel .dt-items .dt-row summary{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"tile nm nm" "tile bill yen";column-gap:16px;row-gap:4px;align-items:center;min-height:0;padding:16px 16px 16px 28px}.shop-template-pixel .dt-items .dt-mono{grid-area:tile}.shop-template-pixel .dt-items .dt-nm{grid-area:nm;padding-right:28px;font-size:16px;line-height:24px;letter-spacing:.02em}.shop-template-pixel .dt-items .dt-bill{grid-area:bill;align-self:baseline}.shop-template-pixel .dt-items .dt-yen{grid-area:yen;align-self:baseline}.shop-template-pixel .dt-items .dt-chev{position:absolute;top:24px;right:16px}.shop-template-pixel .dt-items .dt-row>details:not([open])~.dt-btn-row{display:none}.shop-template-pixel .dt-items .dt-btn-row{display:flex;width:auto;min-height:52px;margin:0 16px 24px 28px}.shop-template-pixel .dt-panel{display:block;padding:4px 16px 24px 28px}.shop-template-pixel .dt-desc{font-size:15px;line-height:28px}.shop-template-pixel .dt-plan{margin-top:20px;padding-top:0}.shop-template-pixel .dt-empty{padding:24px 16px 28px 28px}.shop-template-pixel .dt-empty .dt-btn{width:100%}.shop-template-pixel .dt-steps{grid-template-columns:minmax(0,1fr);row-gap:32px;margin-top:24px}.shop-template-pixel .dt-step{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px}.shop-template-pixel .dt-tile{width:48px;height:48px;grid-row:1/span 2}.shop-template-pixel .dt-step:not(:last-child):after{top:56px;bottom:-24px;left:22px;right:auto;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--dt-ink-2) 0 4px,transparent 4px 12px)}.shop-template-pixel .dt-steps[data-dt-enter=wait] .dt-step:after{clip-path:inset(0 0 100% 0)}.shop-template-pixel .dt-steps[data-dt-enter=run] .dt-step:not(:last-child):after{animation-name:dt-walk-v}.shop-template-pixel .dt-step h3{margin-top:10px;font-size:16px}.shop-template-pixel .dt-step p{margin-top:4px}.shop-template-pixel .dt-faq .dt-row summary{min-height:0;padding:18px 44px 18px 28px}.shop-template-pixel .dt-faq .dt-chev{top:28px;right:16px}.shop-template-pixel .dt-a{padding:0 16px 24px 28px}}@container pixel (min-width: 760px){.shop-template-pixel .dt-items .dt-row:not(.is-cur) .dt-btn-row{background:none;border-color:transparent;color:var(--dt-ink)}}@container pixel (max-width: 560px){.shop-template-pixel .dt-hero,.shop-template-pixel .dt-sec{--dt-wrap:calc(100% - 36px)}}@media (prefers-reduced-motion:reduce){.shop-template-pixel *,.shop-template-pixel :after,.shop-template-pixel :before{animation:none!important;transition:none!important}.shop-template-pixel [data-dt-enter=run],.shop-template-pixel [data-dt-enter=wait]{mask-image:none!important}.shop-template-pixel .dt-steps[data-dt-enter=wait] .dt-step:after{clip-path:none}}@keyframes dt-dz-in{0%{mask-image:var(--dt-m0)}6.25%{mask-image:var(--dt-m1)}12.5%{mask-image:var(--dt-m2)}18.75%{mask-image:var(--dt-m3)}25%{mask-image:var(--dt-m4)}31.25%{mask-image:var(--dt-m5)}37.5%{mask-image:var(--dt-m6)}43.75%{mask-image:var(--dt-m7)}50%{mask-image:var(--dt-m8)}56.25%{mask-image:var(--dt-m9)}62.5%{mask-image:var(--dt-m10)}68.75%{mask-image:var(--dt-m11)}75%{mask-image:var(--dt-m12)}81.25%{mask-image:var(--dt-m13)}87.5%{mask-image:var(--dt-m14)}93.75%{mask-image:var(--dt-m15)}to{mask-image:none}}@keyframes dt-dz-out{0%{mask-image:var(--dt-m16)}6.25%{mask-image:var(--dt-m15)}12.5%{mask-image:var(--dt-m14)}18.75%{mask-image:var(--dt-m13)}25%{mask-image:var(--dt-m12)}31.25%{mask-image:var(--dt-m11)}37.5%{mask-image:var(--dt-m10)}43.75%{mask-image:var(--dt-m9)}50%{mask-image:var(--dt-m8)}56.25%{mask-image:var(--dt-m7)}62.5%{mask-image:var(--dt-m6)}68.75%{mask-image:var(--dt-m5)}75%{mask-image:var(--dt-m4)}81.25%{mask-image:var(--dt-m3)}87.5%{mask-image:var(--dt-m2)}93.75%{mask-image:var(--dt-m1)}to{mask-image:var(--dt-m0)}}