:root{color:#26312f;font-synthesis:none;--green:#254b40;--line:#e3e5df;background:#f6f5f1;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.5;cursor:default}a{color:var(--green)}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:92px;padding:0 6vw;display:flex}.brand{color:#26312f;letter-spacing:-1px;align-items:center;gap:12px;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:1.5px;font-size:10px;font-weight:500;display:block}.brandmark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:32px;display:grid}.account{align-items:center;gap:16px;font-size:13px;display:flex}main{max-width:1180px;margin:auto;padding:32px 28px 0}.pageheading{justify-content:space-between;align-items:center;padding:24px 0 32px;display:flex}.eyebrow{color:#647c71;letter-spacing:2px;font-size:12px;font-weight:700}h1{letter-spacing:-1px;margin:10px 0 14px;font-size:42px;line-height:1.45}h2{margin:0 0 10px;font-size:19px}h3{font-size:17px}.intro{color:#6b7470;font-size:14px;line-height:1.9}.stamp{color:#657b6b;text-align:center;border:1px solid #cbd6ce;border-radius:50%;padding:30px;font-size:12px;line-height:2.4;transform:rotate(-8deg)}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:32px;padding:20px 0;font-size:12px;font-weight:600;display:grid}.steps span{letter-spacing:1px;color:#9aa79d;margin-right:12px;font-size:11px}.toolbar{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.tabs{background:#e9ece5;border-radius:10px;gap:3px;padding:4px;display:inline-flex}.tabs button{color:#727e73;background:0 0;border:0;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600}.tabs button.active{color:var(--green);background:#fff;box-shadow:0 1px 4px #26312f0c}.textbutton{color:#647c71;background:0 0;border:0;padding:10px}.columns{grid-template-columns:1.05fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 7px #162e1d02}.panel form{margin-top:24px}label{flex-direction:column;gap:8px;margin:17px 0;font-size:12px;font-weight:600;display:flex}input,textarea,select{color:#26312f;background:#fcfcfa;border:1px solid #dce1d9;border-radius:8px;width:100%;padding:12px 13px;font-size:14px;font-weight:400}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #8fae9d}.formrow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.help{color:#7b837d;font-size:11px;line-height:1.9}.primary,.secondary{border-radius:9px;width:100%;margin-top:12px;padding:13px 15px;font-size:13px;font-weight:600}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#346351}.secondary{color:var(--green);background:#fff;border:1px solid #d4ddd3}.secondary:hover:not(:disabled){background:#edf2ec}.qrpanel{text-align:center}.qrpanel h2,.qrpanel>.help{text-align:left}.qr{width:250px;max-width:100%;margin:8px auto;display:block}.qrtime{color:#748278;font-size:12px}.qrempty{color:#a8b6a8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;display:flex}.qrempty strong{color:#6e7d72;font-size:13px}.qrempty p{font-size:12px;line-height:1.8}.qrplaceholder{color:#cbd7c8;font-size:80px;font-weight:400}details{text-align:left;background:#f7f8f3;border-radius:8px;padding:14px;font-size:12px}code{overflow-wrap:anywhere;padding:14px 0;font-size:11px;display:block}.camera{border-radius:10px;width:100%;margin-top:16px}.guide{background:#eef2e8}.guide ol{padding-left:20px;font-size:13px;line-height:2.8}.history{margin-top:42px}.sectionheading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sectionheading span{color:#8a968c;font-size:12px}.empty{text-align:center;color:#8a9889;background:#edf0e8;border:1px dashed #ced6c8;border-radius:12px;padding:36px;font-size:13px}.ordergrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.orderhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.orderhead small{color:#8b978d;font-size:11px}.status{color:#6a7463;background:#f0f0e5;border-radius:6px;padding:6px 9px;font-size:11px}.status.paid{color:#3c7653;background:#e4efe7}.status.shipped{color:#3e6e8a;background:#e6eef4}.order p{font-size:13px}.address{color:#788278;line-height:1.8}.bill{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.bill>div{justify-content:space-between;padding:7px 0;display:flex}.bill .total{margin-top:4px;font-size:15px;font-weight:700}.tracking{overflow-wrap:anywhere;background:#f1f5ee;border-radius:8px;padding:12px}.notice{color:#42623d;background:#edf5e7;border:1px solid #c9d9c4;border-radius:10px;margin:20px 0;padding:15px 18px;font-size:13px}.demo-banner{color:#806c39;background:#fff4d9;border:1px solid #ecddb1;border-radius:10px;align-items:center;gap:18px;padding:12px 16px;font-size:11px;display:flex}.demo-tag{color:#a08849;margin-top:10px;font-size:10px;display:inline-block}.loginpanel{max-width:520px;margin:36px auto 60px;padding:36px}.loginpanel h1{font-size:30px}.loginpanel .tabs{margin:16px 0 0}.demo-entry{border-top:1px solid var(--line);margin-top:30px;padding-top:14px}footer{border-top:1px solid var(--line);color:#8d988e;justify-content:space-between;gap:20px;margin-top:48px;padding:24px 0;font-size:10px;display:flex}@media (width<=700px){header{height:76px;padding:0 20px}.brand{font-size:22px}.account span{display:none}main{padding:20px 18px 0}.columns,.ordergrid{grid-template-columns:1fr}.pageheading{padding-top:12px}.stamp{display:none}h1{font-size:32px}.steps{grid-template-columns:1fr 1fr;gap:18px}.steps span{margin-right:6px}.panel{padding:22px}.tabs button{padding:9px 12px;font-size:12px}.loginpanel{margin-top:22px;padding:24px}.demo-banner{flex-direction:column;align-items:flex-start;gap:5px}footer{flex-direction:column;gap:10px}.formrow{gap:12px}.toolbar{gap:8px}}