*{box-sizing:border-box}body{color:#182d38;background:#f2f6f8;margin:0;font-family:Arial,Noto Sans JP,sans-serif;font-size:16px;line-height:1.65}button,input{font:inherit}button{cursor:pointer;color:#fff;white-space:nowrap;background:#076477;border:1px solid #076477;border-radius:8px;padding:10px 16px;font-weight:700}button:hover{background:#084b5b}button:disabled{opacity:.45;cursor:not-allowed}input{color:#182d38;background:#fff;border:1px solid #c9d5dd;border-radius:7px;min-width:0;padding:10px 12px}:is(input:focus,button:focus-visible){outline-offset:2px;outline:3px solid #6fcdda}header{background:#fff;border-bottom:1px solid #dae4e9;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 max(24px,50% - 580px);display:flex}.brand{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brandicon{color:#fff;background:#075e70;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.headnote{color:#607783;font-size:14px}main{max-width:1208px;margin:auto;padding:38px 24px}.top{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#087083;letter-spacing:2px;font-size:12px;font-weight:700}h1{letter-spacing:.01em;margin:8px 0;font-size:30px;line-height:1.4}p{color:#536b78;margin:8px 0}.secondary{color:#285362;background:#fff;border-color:#ccdbe2}.secondary:hover{background:#e7f1f4}.identity{background:#e4eff3;border-radius:10px;align-items:center;gap:16px;margin:26px 0 20px;padding:18px 22px;display:flex}.identity label{font-size:14px;font-weight:700}.identity label span{color:#b44730;margin-left:6px;font-size:12px}.identity input{max-width:220px}.identity small{color:#58717d;font-size:14px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stats>div{background:#fff;border:1px solid #dbe5ea;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex}.stats span{color:#536b78;font-size:14px}.stats strong{color:#076477;white-space:nowrap;font-size:30px}.stats small{color:#536b78;margin-left:7px;font-size:14px}.sectionhead{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.sectionhead h2{margin:0;font-size:20px}.sectionhead>span{color:#617985;font-size:14px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #d9e3e9;border-radius:13px;padding:22px 22px 0;overflow:hidden}.cardtop{justify-content:space-between;align-items:center;display:flex}.itemmark{color:#fff;background:#213642;border-radius:10px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:grid}.mark1{background:linear-gradient(120deg,#125fcc,#bd3486)}.mark2{color:#456878;background:#e4edf1}.badge{border-radius:5px;padding:4px 9px;font-size:14px;font-weight:700;display:inline-block}.low{color:#a84814;background:#fff0e7}.ok{color:#287058;background:#e5f3ed}.neutral{color:#62727d;background:#edf1f4}.ordered{color:#275da1;background:#e5effd}h3{margin:17px 0 0;font-size:18px}.quantity{margin:12px 0;font-size:48px;font-weight:700;line-height:1.3}.quantity span{color:#617985;margin-left:8px;font-size:16px}.meta{color:#637987;font-size:13px}.card .meta{min-height:22px;margin:8px 0 20px}form label{margin-bottom:7px;font-size:14px;font-weight:700;display:block}.entry{gap:8px;display:flex}.entry input{flex:1;width:100%}.entry button{padding:10px 12px;font-size:14px}.cardfoot{color:#58717d;background:#f8fafb;border-top:1px solid #e4ecf0;align-items:center;gap:8px;margin:22px -22px 0;padding:12px 22px;font-size:14px;display:flex}.dot{background:#d97933;border-radius:50%;width:7px;height:7px}.count{background:#ddebf0;border-radius:6px;justify-content:center;align-items:center;margin-left:8px;padding:1px 8px;font-size:14px;display:inline-flex}.tabs{border-bottom:1px solid #cbdce4;gap:24px;margin-bottom:0;display:flex}.tabs button{color:#6a7f8b;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:10px 2px}.tabs button.active{color:#076477;border-bottom-color:#076477}.tabs span{margin-left:4px;font-size:14px}.order{background:#fff;border:1px solid #dce6eb;border-top:0;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.order h3{margin:0 0 0 12px;display:inline-block}.order p{font-size:15px}.receive{flex-shrink:0;width:270px}.empty{text-align:center;background:#fff;border:1px solid #dce6eb;border-radius:0 0 10px 10px;padding:38px 24px}.empty strong{font-size:16px}.empty p{font-size:14px}footer{color:#677d89;padding-top:22px;font-size:13px}.notice{border-radius:8px;margin:18px 0;padding:14px 18px}.error{color:#a42c28;background:#ffebe9}.success{color:#246651;background:#def2eb}@media (max-width:850px){.cards{grid-template-columns:1fr}.identity{flex-wrap:wrap}.stats>div{padding:14px;display:block}.stats strong{display:block}.order{flex-direction:column;align-items:flex-start}.receive{width:100%}.quantity{margin:6px 0;font-size:38px}.card .meta{margin-bottom:14px}}@media (max-width:520px){main{padding:24px 16px}header{padding:0 16px}.brand{font-size:17px}.headnote{display:none}h1{font-size:25px}.top{flex-direction:column;align-items:flex-start}.identity{gap:8px;padding:16px}.identity input{width:100%;max-width:none}.identity small{width:100%}.stats{gap:8px}.stats span{font-size:13px}.stats strong{font-size:26px}.sectionhead{flex-direction:column;align-items:flex-start;gap:4px}.order{padding:18px}.order h3{font-size:17px}.stats small{margin-left:4px}.stats>div{padding:12px 9px}}.mainnav{gap:8px;display:flex}.mainnav a{color:#526e7c;border-radius:7px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.mainnav a[aria-current=page]{color:#075e70;background:#e5f1f5}.completion{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:310px;display:flex}.completion strong{font-size:18px}.completion small{color:#617985;text-align:right;width:100%;font-size:14px}.orderedcount{color:#076477}.orders{margin-top:16px}@media (max-width:520px){header{flex-direction:column;align-items:flex-start;gap:8px;height:auto;min-height:76px;padding-top:16px;padding-bottom:12px}.mainnav a{padding:6px 14px}.completion{justify-content:flex-start}.completion small{text-align:left}}.groups{gap:18px;display:grid}.stockgroup{background:#fff;border:1px solid #d7e3e9;border-radius:12px;overflow:hidden}.stockgroup summary{cursor:pointer;align-items:center;gap:14px;padding:22px;list-style:none;display:flex}.stockgroup summary::-webkit-details-marker{display:none}.stockgroup summary:after{content:"＋";color:#076477;margin-left:12px;font-size:24px}.stockgroup[open] summary:after{content:"−"}.stockgroup summary:focus-visible{outline-offset:-3px;outline:3px solid #6fcdda}.groupmark{color:#076477;background:#e5f1f5;border-radius:7px;padding:7px 10px;font-size:13px;font-weight:700}.stockgroup summary strong{font-size:21px}.groupmeta{color:#607984;font-size:14px}.groupstatus{color:#076477;margin-left:auto;font-size:14px}.stockgroup .cards{padding:0 20px 20px;animation:.2s ease-out reveal}.threshold{color:#9c541b;margin:0;font-size:14px;font-weight:700}.confirmation{justify-content:center;align-items:center;min-height:85vh;display:flex}.confirmbox{text-align:center;background:#fff;border:1px solid #d7e3e9;border-radius:18px;width:min(100%,550px);padding:48px 32px;box-shadow:0 12px 50px #102f4210}.confirmcheck{color:#177758;background:#def2eb;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:12px;font-size:32px;display:inline-grid}.confirmbox p{margin:18px 0 28px}.confirmbox button{min-width:170px}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stockgroup .cards{animation:none}}@media (max-width:520px){.stockgroup summary{flex-wrap:wrap;gap:8px;padding:18px 14px}.stockgroup summary strong{font-size:19px}.groupmark{display:none}.stockgroup .cards{padding:0 12px 12px}.confirmbox{padding:32px 20px}}.itemhistory{background:#fff;border-top:1px solid #e1e9ed;margin:0 -22px}.historytoggle{color:#086579;text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:14px 22px;font-size:14px}.historytoggle:hover{background:#eaf4f7}.historybody{max-height:480px;padding:0 18px 18px;overflow:auto}.historybody h4{margin:6px 0 14px;font-size:15px}.historybody ol{margin:0;padding:0;list-style:none}.historybody li{border-top:1px solid #e2ebef;padding:14px 0}.historyentrytop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.historyentrytop time{color:#617783;font-size:12px}.historykind{border-radius:4px;padding:2px 7px;font-size:12px;font-weight:700}.incoming{color:#24745b;background:#e6f4ee}.outgoing{color:#8b4c21;background:#fff1e6}.historybody p{margin:8px 0;font-size:14px;line-height:1.7}.afterstock{color:#657c88;font-size:13px}.historyerror{color:#a42c28;font-size:14px}.historyerror button{margin-top:8px;display:block}.historybody>.secondary{width:100%;margin-top:10px;padding:8px 12px;font-size:14px}.mailsettings{background:#e5f0f5;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:18px 22px;display:flex}.mailsettings strong{font-size:16px}.mailsettings p{margin-bottom:0;font-size:14px}.mailstatus{color:#536f7d;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.mailstatus button{padding:5px 10px;font-size:13px}.mailstatus small{color:#a13d2f;width:100%;font-size:13px}@media (max-width:520px){.mailsettings{flex-direction:column;align-items:flex-start}}.itemmark.stationerymark{color:#fff;background:#000}