[data-commerce]{--commerce-ink:#15283d;--commerce-accent:#176458;box-sizing:border-box;max-width:1280px;margin:70px auto;padding:36px;color:var(--commerce-ink);background:#f4f7f8;border:1px solid #dae3e8;border-radius:24px;font-family:Arial,"Noto Sans JP",sans-serif;scroll-margin-top:100px}
[data-commerce] *{box-sizing:border-box}[data-commerce] h2{font-size:clamp(25px,3vw,38px);line-height:1.4;letter-spacing:-.025em;margin:8px 0 16px}[data-commerce] h3{font-size:21px;margin:24px 0 16px}[data-commerce] p{font-size:14px;line-height:1.8;margin:12px 0}[data-commerce] .commerce-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;color:#3c7469}[data-commerce] .commerce-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}[data-commerce] button{font:inherit;font-size:13px;line-height:1.5;cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid #becdd3;background:#fff;color:var(--commerce-ink);border-radius:9px;white-space:normal}[data-commerce] button:hover{background:#e6eeeb}[data-commerce] button:disabled{opacity:.45;cursor:not-allowed}[data-commerce] button:focus-visible,[data-commerce] input:focus-visible,[data-commerce] select:focus-visible{outline:3px solid #128575;outline-offset:3px}[data-commerce] .commerce-primary,[data-commerce] [aria-pressed=true]{background:var(--commerce-accent);color:white;border-color:var(--commerce-accent)}[data-commerce] .commerce-banner{background:#e6eeeb;border-radius:10px;padding:12px 16px;color:#34564f}[data-commerce] .commerce-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 10px}[data-commerce] .commerce-feedback{min-height:26px;color:#145e51;font-weight:700}[data-commerce] .commerce-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}[data-commerce] .commerce-card{background:white;border:1px solid #dce4e8;border-radius:16px;padding:24px;min-width:0}[data-commerce] .commerce-card h3{margin-top:0}[data-commerce] label{display:block;font-size:13px;font-weight:600;margin:12px 0}[data-commerce] input,[data-commerce] select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;margin-top:7px;padding:10px;border:1px solid #bdcbd2;border-radius:7px;color:#172c40;background:#fff;font:inherit}[data-commerce] .commerce-fields{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px}[data-commerce] .commerce-note{font-size:12px;color:#566976}[data-commerce] .commerce-scroll{overflow:auto;width:100%;border-radius:10px;margin:14px 0;background:#fff}[data-commerce] table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}[data-commerce] th,[data-commerce] td{padding:13px 16px;border-bottom:1px solid #e1e7eb;text-align:left;max-width:360px;overflow-wrap:anywhere}[data-commerce] th{font-weight:700;color:#4a5e6c;background:#ebf0f3}[data-commerce] td{white-space:normal;min-width:100px}[data-commerce] .commerce-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}[data-commerce] .commerce-tax{text-align:right;padding:12px 0}[data-commerce] .commerce-total{font-size:19px;border-top:1px solid #dce4e8;padding-top:15px}[data-commerce] .commerce-total strong{font-size:27px;margin-left:18px}[data-commerce] .commerce-document{background:white;max-width:850px;margin:30px auto;padding:35px;border:1px solid #c7d5dc;box-shadow:0 10px 30px #122e3910}[data-commerce] .commerce-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}[data-commerce] .commerce-summary article{border:1px solid #dce4e8;background:white;border-radius:12px;padding:22px}[data-commerce] .commerce-summary small{display:block;font-size:12px;color:#526776}[data-commerce] .commerce-summary strong{display:block;margin-top:10px;font-size:26px}[data-commerce] ol{padding-left:24px}[data-commerce] li{padding:10px 0}[data-commerce] dt{font-size:12px;color:#59707c;margin-top:18px}[data-commerce] dd{margin:6px 0;font-size:14px;line-height:1.7}[data-commerce] .commerce-badge{display:inline-block;border-radius:20px;padding:4px 12px;background:#fff2d5;color:#71501e;font-size:12px}[data-commerce] a{color:#155f87;text-decoration:underline}.commerce-entry{display:block;width:fit-content;margin:18px 0;padding:12px 18px;border:1px solid #bdd4cb;border-radius:10px;background:#edf5f1;color:#185849;font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:760px){[data-commerce]{margin:35px 12px;padding:20px 15px;border-radius:16px}[data-commerce] .commerce-columns,[data-commerce] .commerce-summary{grid-template-columns:1fr}[data-commerce] .commerce-heading{display:block}[data-commerce] .commerce-fields{grid-template-columns:1fr 1fr}[data-commerce] .commerce-fields label:last-child{grid-column:1/-1}[data-commerce] .commerce-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}[data-commerce] .commerce-tabs button{flex:0 0 auto}[data-commerce] .commerce-document{padding:18px}[data-commerce] .commerce-card{padding:18px}}
@media print{body.commerce-print *{visibility:hidden}body.commerce-print #commerce-document,body.commerce-print #commerce-document *{visibility:visible}body.commerce-print #commerce-document{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;border:0;box-shadow:none}body.commerce-print #commerce-document .commerce-actions{display:none}body.commerce-print .commerce-scroll{overflow:visible}}

[data-commerce] button[aria-pressed="true"],[data-commerce] button[aria-pressed="true"]:hover,[data-commerce] button.commerce-primary:hover{background:#176458;color:#fff;border-color:#176458}
@media print{body.commerce-print>main{display:block!important}body.commerce-print>:not(main),body.commerce-print main>:not(#commerce-demo),body.commerce-print #commerce-demo>:not(#commerce-panel),body.commerce-print #commerce-panel>:not(#commerce-document){display:none!important}body.commerce-print #commerce-demo{margin:0;padding:0;border:0;background:white;max-width:none}body.commerce-print #commerce-document{position:static;margin:0;padding:15px;visibility:visible}body.commerce-print #commerce-document td{min-width:0}body.commerce-print #commerce-document .commerce-actions{display:none!important}}