@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--main-color: #0d946e;--off-color: #5ab299;--light-color: #dff6f4;--font-color: #034a46;--back-color: #d0ede9;--border-color: #b4dedd;--off-border-color: #e1f2ef;--colors-bg-subtle: #fff}html,body,.app,main{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;color:var(--font-color)}a{text-decoration:none}.app{display:grid;grid-template-columns:1fr;grid-template-rows:44px 1fr;background-color:#f1f7f6;min-width:0}.app>*{min-width:0}.app main{padding:0 5px 5px;border-radius:10px}.app main>.inner{height:100%;background-color:#e1f2ef;border-radius:7.5px;overflow:hidden;min-width:0}.area-wrap{display:grid;grid-template-columns:4fr 5fr;gap:10px}.item-area .col2-items{display:grid;gap:10px}.slip-wrap{padding:5px}.slip-wrap .inner{height:100%;gap:5px;padding:15px;border-radius:10px;background-color:#fff;border:solid 1px var(--border-color)}.page-title{font-size:14px;color:var(--font-color);margin-left:15px;background-color:#fff;border-radius:100px;padding:5px 20px}.breadcrumb{display:flex;align-items:center;gap:4px;margin-left:15px;font-size:13px;color:var(--font-color)}.breadcrumb .breadcrumb-sep{color:var(--border-color)}.breadcrumb .breadcrumb-link{color:var(--main-color);text-decoration:none}.breadcrumb .breadcrumb-link:hover{text-decoration:underline}.breadcrumb .breadcrumb-current{font-weight:700}.app-head{padding:2px 15px}.app-head .h1-title{font-size:18px;font-weight:700;color:var(--font-color);line-height:1;display:flex;align-items:center}.app-head .h1-title span{background-color:#fff;border-radius:100px;padding:2px 20px;font-size:16px;margin-left:10px;border:solid 1px var(--border-color)}.col3-head{display:grid;height:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.col3-head .head{font-size:16px}.col3-head .head span{font-size:14px;font-weight:400;margin-left:10px;background-color:#e4f2f0;padding:2px 10px;border-radius:20px;color:var(--main-color)}.col3-head .center{display:flex;justify-content:flex-start;align-items:center}.btns-group,.global-nav{display:flex;gap:3px}.global-nav a{color:var(--main-color);text-decoration:none;font-size:16px;display:inline-flex;align-items:center;gap:5px}.global-nav a:hover{text-decoration:underline}.global-nav a svg{width:1em;height:1em}.flex{display:inline-flex;justify-content:space-between;align-items:center;gap:10px}.flex.gap-1{gap:5px}.flex.gap-2{gap:10px}.flex.gap-3{gap:15px}.flex.gap-4{gap:20px}.flex.gap-5{gap:25px}.flex.gap-6{gap:30px}.flex.gap-7{gap:35px}.flex.gap-8{gap:40px}.flex.gap-9{gap:45px}.flex.gap-10{gap:50px}.h-100{height:100%}dl.dl-list-1{display:grid;grid-template-columns:140px 1fr;gap:1px;background-color:var(--light-color);border-radius:6px;border:solid 1px var(--border-color)}dl.dl-list-1 dt,dl.dl-list-1 dd{font-size:15px;padding:2px}dl.dl-list-1 dt{padding:6px;border-right:solid 1px #f4fdf9}dl.dl-list-1 dt:first-of-type{border-top-left-radius:6px}dl.dl-list-1 dt:last-of-type{border-bottom-left-radius:6px}dl.dl-list-1 dd:first-of-type{border-top-right-radius:6px}dl.dl-list-1 dd:last-of-type{border-bottom-right-radius:6px}.side .head{display:flex;justify-content:space-between}.side .head h1{font-size:18px}.side .head .btns{display:flex;gap:5px}.dialog-1{display:grid;place-items:center}.dialog-1 .overlay{position:fixed;inset:0;background-color:#fff9;border:none;outline:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-1 .body{background-color:#f1f7f6;border-radius:20px;border:solid 1px var(--border-color);box-shadow:0 10px 30px #003c151a;position:relative;display:inline-grid;grid-template-rows:auto 1fr auto;grid-template-areas:"head" "content" "foot"}.dialog-1 .body .head-wrap{padding:15px 15px 2px;display:flex;justify-content:space-between}.dialog-1 .body .head{font-size:1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;grid-area:head}.dialog-1 .body .close{background:none;border:none;font-size:14px;font-weight:700;padding:8px;line-height:1;cursor:pointer;border-radius:10px;color:var(--font-color);display:grid;place-items:center}.dialog-1 .body .close:hover{background-color:var(--back-color)}.dialog-1 .body .content{padding:0 15px 15px;grid-area:content;min-height:0}ul,ol{list-style:none}.send-to,.owner{display:grid;grid-template-columns:auto 1fr}.send-to .head,.owner .head{writing-mode:vertical-lr;font-size:1rem;line-height:1;display:grid;place-items:flex-start}.send-to .head span,.owner .head span{padding:20px 8px;border-radius:10px 0 0 10px;background-color:var(--border-color)}.send-to dl,.owner dl{display:grid;grid-template-columns:auto 1fr;gap:1px;border:solid 1px var(--border-color);border-radius:0 10px 10px;overflow:hidden}.send-to dl dt,.owner dl dt{display:grid;padding:6px!important;place-items:center start}.send-to dl dt,.send-to dl dd,.owner dl dt,.owner dl dd{background-color:var(--light-color);padding:2px;font-size:1rem;outline:solid 1px #f4fdf9}.send-to.locked input,.send-to.locked textarea,.owner.locked input,.owner.locked textarea{background-color:var(--light-color);cursor:not-allowed}.grid-customer{display:grid;grid-template-columns:80px repeat(11,1fr)!important}.grid-customer dt{grid-column:span 1;white-space:nowrap}.grid-customer dd{grid-column:span 11}.owner .head span{color:#03294a!important;background-color:#b5d8f5}.owner dl{border:solid 1px #b5d8f5}.owner dl dt,.owner dl dd{background-color:#dfeef9}.owner .check{border:solid 1px #b5d8f5!important;background-color:#fff!important}.owner button{background-color:#b5d8f5!important;color:#03294a!important;border:solid 1px #92bcdf!important;box-shadow:0 2px #b3d5f1!important}.owner button:hover{border:solid 1px #1d89e1!important;background-color:#9ecbf8!important}.owner.locked input,.owner.locked textarea{border:solid 1px transparent;background-color:#dfeef9!important}.owner.locked .check{border:solid 1px #4eafff!important;background-color:#2da0e7!important}.owner.locked button{box-shadow:0 0 0 transparent!important}.export-wrap{display:grid;grid-template-columns:1fr 350px;gap:10px}.slip-list-area,.export-list-area{background-color:#e5f7f3;padding:10px;border-radius:6px}.no-scroll{overflow:hidden!important;padding-right:0!important}.slip-list{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,1fr);gap:10px;overflow-y:scroll;height:600px;padding:2px}.slip-list .slip-card{padding:10px;border-radius:6px;display:grid;background-color:#fff;grid-template-columns:4fr 5fr;grid-template-rows:24px auto;place-items:start stretch;grid-template-areas:"info info" "target items";gap:5px;cursor:pointer;outline:solid 1px var(--border-color);position:relative;min-width:0}.slip-list .slip-card.flag{background-color:#fff;border:solid 2px #fff}.slip-list .slip-card:hover{outline:solid 1px var(--main-color)}.slip-list .slip-card.selected{outline:solid 2px var(--main-color)}.slip-list .slip-card .overlay{position:absolute;inset:0;background-color:#20c98e4d;border-radius:6px;display:grid;place-items:center}.slip-list .slip-card .overlay .label{font-size:30px;font-weight:700;color:var(--font-color)}.slip-list .slip-card .overlay .close{position:absolute;top:5px;right:5px;border:none;outline:none;background-color:transparent;cursor:pointer;display:flex;background-color:var(--light-color);padding:3px 8px;border-radius:10px}.slip-list .slip-card .overlay .close svg{width:1.5em;height:1.5em}.slip-list .slip-card .info-wrap{grid-area:info;display:flex;justify-content:space-between;align-items:center}.slip-list .slip-card .info-wrap .date{font-size:18px;display:flex;align-items:center}.slip-list .slip-card .info-wrap .date .no{font-size:13px;margin-right:10px;color:var(--main-color);background-color:#e9f5ee;border-radius:10px;line-height:1;padding:3px 10px}.slip-list .slip-card .info-wrap .amount{font-size:16px;font-weight:700;color:var(--font-color)}.slip-list .slip-card .info-wrap .status{font-size:14px;color:var(--main-color);background-color:var(--light-color);border-radius:10px;padding:3px 10px}.slip-list .slip-card .info-wrap .status .output{display:flex;align-items:center}.slip-list .slip-card .info-wrap .status .output svg{width:1.2em;height:1.2em;margin-right:5px}.slip-list .slip-card .target-wrap{grid-area:target;display:flex;flex-direction:column;gap:3px;min-width:0}.slip-list .slip-card .target-wrap .delivery{color:var(--font-color);border:solid 1px #d0ede9;background-color:#d0ede9}.slip-list .slip-card .target-wrap .client{color:#122585!important;border:solid 1px #e4ebf2;background-color:#e4ebf2}.slip-list .slip-card .target-wrap .delivery,.slip-list .slip-card .target-wrap .client{display:flex;overflow:hidden;border-radius:6px}.slip-list .slip-card .target-wrap .delivery .label,.slip-list .slip-card .target-wrap .client .label{writing-mode:vertical-lr;text-align:center;font-weight:700;padding:5px 2px;border-right:solid 1px #fff}.slip-list .slip-card .target-wrap .delivery .content,.slip-list .slip-card .target-wrap .client .content{width:100%;padding:5px;overflow:hidden;display:flex;justify-content:center;text-align:left;flex-direction:column}.slip-list .slip-card .target-wrap .delivery .name,.slip-list .slip-card .target-wrap .client .name{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slip-list .slip-card .target-wrap .delivery .address-wrap,.slip-list .slip-card .target-wrap .client .address-wrap{display:flex;flex-direction:column;font-size:15px}.slip-list .slip-card .target-wrap .delivery .address-wrap .address,.slip-list .slip-card .target-wrap .client .address-wrap .address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slip-list .slip-card .target-wrap .delivery .address-wrap svg,.slip-list .slip-card .target-wrap .client .address-wrap svg{width:1em;height:1em}.slip-list .slip-card .target-wrap .arrow{display:flex;align-items:center;justify-content:center;color:var(--main-color)}.slip-list .slip-card .item-wrap{border-radius:6px;padding-left:10px;width:100%;min-width:0}.slip-list .slip-card .item-wrap .label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--main-color);font-weight:700;margin-bottom:5px;height:25px}.slip-list .slip-card .item-wrap .label .amount{font-weight:700;font-size:16px;color:var(--font-color)}.slip-list .slip-card .item-wrap .content{width:100%;height:130px}.slip-list .slip-card .item-list{grid-area:items;width:100%;height:100%;gap:5px;padding-right:0}.slip-list .slip-card .item-list .item-row{text-align:left;width:100%;padding-right:10px;border-radius:3px;font-size:15px;border-bottom:dotted 1px var(--border-color);min-width:0;display:flex;justify-content:space-between;gap:10px;align-items:center;white-space:nowrap}.slip-list .slip-card .item-list .item-row:before{content:"";display:inline-block;width:4px;height:4px;background-color:#5ab299;border-radius:50%;margin:0 5px}.slip-list .slip-card .item-list .item-row .item-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-line{display:flex;align-items:center;gap:10px}.form-line .label-wrap{display:flex;align-items:center;white-space:nowrap}.w-100,.w-100 .label-wrap{width:100%}.wide-table{width:100%;display:flex}.wide-table div{display:grid;width:100%;gap:1px;grid-template-rows:1fr 1fr}.wide-table div dt,.wide-table div dd{grid-template-rows:subgrid;padding:5px;outline:solid 1px #000}.vertical-head{display:grid;grid-template-columns:auto 1fr}.vertical-head .head{writing-mode:vertical-lr;font-size:16px;line-height:1;display:grid;place-items:center}.vertical-head .head span{padding:20px 10px;border-radius:10px 0 0 10px;background-color:var(--border-color)}.vertical-head .content{padding:5px;background-color:#fff;border:solid 1px var(--border-color);border-radius:0 10px 10px;font-size:0}.vertical-head .content textarea{width:100%;height:100px;resize:none;background-color:#fff;font-size:1rem}input,textarea{width:100%;font-size:1rem;line-height:1;padding:6px;border:solid 1px var(--border-color);border-radius:6px;outline:none;color:var(--font-color)}input.short,textarea.short{width:150px}input.medium,textarea.medium{width:250px}input.large,textarea.large{width:400px}input.auto,textarea.auto{width:auto}input.full,textarea.full{width:100%}input::placeholder,textarea::placeholder{color:#96b8b6}input:focus,textarea:focus{background-color:#fff;border:solid 1px var(--main-color)}input.no-style,textarea.no-style{border:none;background-color:transparent;box-shadow:none}input.no-style:focus,textarea.no-style:focus{border:none;box-shadow:none;background-color:transparent}input.error,textarea.error{border:solid 1px #ff5b71;background-color:#fff0f0}input.error:focus,textarea.error:focus{border:solid 1px #ff5b71;background-color:#fff0f0}input[type=number],textarea[type=number]{text-align:right}.slip-wrap.view .view-value{display:grid;place-items:center start;width:100%;height:100%;font-size:1rem;line-height:1;padding:6px;border-radius:6px;color:var(--font-color)}.slip-wrap.view .view-value.right{text-align:right}.slip-wrap.view .view-value.textarea{min-height:90px;line-height:1.4;white-space:pre-wrap;align-items:start;background-color:#f6f6f6}.slip-wrap.view .view-value.all{border:none;background-color:transparent;padding:0;font-size:1.6rem;width:6em;display:inline-block}.slip-wrap.view .calc-total .view-value{text-align:right}.dl-date{display:grid;width:100%;grid-template-columns:repeat(3,1fr);background-color:var(--light-color);border-radius:8px;border:solid 1px var(--border-color)}.dl-date dt{padding:2px 6px!important;border-bottom:solid 1px #f4fdf9;font-size:1rem}.dl-date dd{font-size:1rem;padding:2px}.target-block{font-size:14px;display:flex;background-color:#f6f6f6;gap:8px;padding:3px 10px;border-radius:6px;height:calc(1em + 12px);margin-bottom:5px}.target-block .target-region,.target-block .target-tel{display:flex;align-items:center}.target-block svg{width:.9em;height:.9em;margin-right:5px}textarea{resize:none}.flex-label{display:grid;grid-template-columns:auto 1fr;place-items:center start;gap:10px;width:100%;height:100%}.label-flex{display:flex;align-items:center;gap:5px;white-space:nowrap}.label-flex input[type=checkbox]{width:auto}.label-wrap{display:grid;gap:5px}.label-wrap label{font-size:14px}.label-wrap label.req:after{content:"必須";color:#fff;padding:1px 4px 2px;border-radius:4px;font-size:11px;line-height:1;background-color:#ff5b71;margin-left:6px}.label-radio{display:flex;align-items:center;gap:5px;white-space:nowrap}.search-info{width:200px}.no-data{padding:3px 10px}.btn-wrap{display:flex;gap:5px;white-space:nowrap}.btn-wrap.right{justify-content:flex-end}.btn-wrap button:disabled{cursor:not-allowed;background-color:#ddd;color:#888;box-shadow:none;transform:translateY(2px)!important;opacity:.6}.btn-wrap .btn-danger,.btn-wrap .btn-submit,.btn-wrap .btn-2,.btn-wrap .btn-1,.btn-wrap .btn-4{padding:6px 13px;line-height:1;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.btn-wrap .btn-danger:has(svg) svg,.btn-wrap .btn-submit:has(svg) svg,.btn-wrap .btn-2:has(svg) svg,.btn-wrap .btn-1:has(svg) svg,.btn-wrap .btn-4:has(svg) svg{margin-right:0!important;pointer-events:none}.btn-wrap .btn-4{background-color:#e1f2ef;font-weight:700;border:solid 1px var(--border-color);color:var(--font-color);box-shadow:0 2px 0 var(--border-color)}.btn-wrap .btn-4:active{box-shadow:none;transform:translateY(2px)}.btn-wrap .btn-4:hover{background-color:var(--light-color);border:solid 1px var(--main-color)}.btn-wrap .btn-4[inert]{cursor:not-allowed;background-color:var(--back-color);color:var(--font-color);box-shadow:none;transform:translateY(2px)!important;opacity:.6}.btn-wrap .btn-1{background-color:var(--off-border-color);font-weight:700;border:solid 1px transparent;color:var(--font-color);box-shadow:0 2px 0 var(--border-color)}.btn-wrap .btn-1:has(svg) svg{transform:translate(-5px)}.btn-wrap .btn-1:active{box-shadow:none;transform:translateY(2px)}.btn-wrap .btn-1:hover{background-color:var(--light-color);border:solid 1px var(--main-color)}.btn-wrap .btn-2{background-color:var(--main-color);border:var(--main-color);color:#fff}.btn-wrap .btn-3{line-height:1;display:flex;cursor:pointer;align-items:center;padding:6px 10px;color:var(--main-color);border-radius:10px;font-size:16px;outline:none;border:none;background-color:#cbe8e3;box-shadow:0 2px 0 var(--border-color)}.btn-wrap .btn-3:active{box-shadow:none;transform:translateY(2px)}.btn-wrap .btn-3 svg{margin-right:0!important}.btn-wrap .btn-3:hover{background-color:#cdede8}.btn-wrap .btn-icon{background-color:transparent;border:none;box-shadow:none;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;cursor:pointer}.btn-wrap .btn-icon svg{margin-right:0!important;color:var(--main-color);width:18px;height:18px}.btn-wrap .btn-icon2{background-color:transparent;border:solid 1px transparent;display:grid;place-items:center;border-radius:3px;width:20px;height:20px;line-height:1;cursor:pointer}.btn-wrap .btn-icon2 svg{margin-right:0!important}.btn-wrap .btn-icon2:hover{background-color:var(--light-color)}.btn-wrap svg{width:1em;height:1em;margin-right:5px}.btn-wrap .btn-submit{background-color:var(--main-color);color:#fff;border:none;font-size:1rem;transform:translateY(0);box-shadow:0 2px 0 var(--off-color)}.btn-wrap .btn-submit:active{box-shadow:none;transform:translateY(2px)}.btn-wrap .btn-submit:hover{background-color:#08b78b}.btn-wrap .btn-danger{background-color:#fff2f0;color:#b40000;border:solid 1px transparent;font-size:1rem;transform:translateY(0);box-shadow:0 2px #f1cdcd;border:solid 1px #facac2}.btn-wrap .btn-danger:active{box-shadow:none;transform:translateY(2px)}.btn-wrap .btn-danger:hover{border:solid 1px #b40000}.btn-wrap .btn-danger[inert]{cursor:not-allowed;background-color:#fff2f0;color:#b40000;box-shadow:none;transform:translateY(2px)!important;opacity:.6}.search-num{display:flex;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center;gap:10px}.table-tax{border-collapse:collapse}.table-tax tr:not(:last-child) th,.table-tax tr:not(:last-child) td{border-bottom:solid 1px var(--main-color)}.table-tax tr th{color:var(--main-color);font-size:16px}.table-tax tr th,.table-tax tr td{padding:3px 10px;font-weight:700}.table-tax thead th{border-bottom:solid 1px var(--main-color)}.table-tax-2{border-collapse:collapse}.table-tax-2 tr th{color:var(--main-color);font-size:16px;text-align:left}.table-tax-2 tr th,.table-tax-2 tr td{padding:3px 10px;font-weight:700;border-bottom:solid 1px var(--main-color)}.table-tax-2 tr th.no-border,.table-tax-2 tr td.no-border{border-bottom:none}.between{display:flex;justify-content:space-between;align-items:center}.grid-table .grid-headers{background-color:var(--back-color);border-radius:6px;margin-bottom:3px}.grid-table .grid-headers .grid-header{padding:3px 10px}.grid-table .grid-content .grid-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;background-color:#fff;text-align:left;appearance:none;border:none;outline:none}.grid-table .grid-content .grid-row:nth-child(2n){background-color:#f6f6f6}.grid-table .grid-content .grid-row>*{padding:3px 10px}.grid{display:grid;gap:5px}.grid .row{display:grid;gap:10px;grid-template-columns:repeat(12,1fr)}.grid .row .g-1{grid-column:span 1}.grid .row .g-1.right{justify-self:end}.grid .row .g-1 .invalid{color:#ff5b71}.grid .row .g-2{grid-column:span 2}.grid .row .g-2.right{justify-self:end}.grid .row .g-2 .invalid{color:#ff5b71}.grid .row .g-3{grid-column:span 3}.grid .row .g-3.right{justify-self:end}.grid .row .g-3 .invalid{color:#ff5b71}.grid .row .g-4{grid-column:span 4}.grid .row .g-4.right{justify-self:end}.grid .row .g-4 .invalid{color:#ff5b71}.grid .row .g-5{grid-column:span 5}.grid .row .g-5.right{justify-self:end}.grid .row .g-5 .invalid{color:#ff5b71}.grid .row .g-6{grid-column:span 6}.grid .row .g-6.right{justify-self:end}.grid .row .g-6 .invalid{color:#ff5b71}.grid .row .g-7{grid-column:span 7}.grid .row .g-7.right{justify-self:end}.grid .row .g-7 .invalid{color:#ff5b71}.grid .row .g-8{grid-column:span 8}.grid .row .g-8.right{justify-self:end}.grid .row .g-8 .invalid{color:#ff5b71}.grid .row .g-9{grid-column:span 9}.grid .row .g-9.right{justify-self:end}.grid .row .g-9 .invalid{color:#ff5b71}.grid .row .g-10{grid-column:span 10}.grid .row .g-10.right{justify-self:end}.grid .row .g-10 .invalid{color:#ff5b71}.grid .row .g-11{grid-column:span 11}.grid .row .g-11.right{justify-self:end}.grid .row .g-11 .invalid{color:#ff5b71}.grid .row .g-12{grid-column:span 12}.grid .row .g-12.right{justify-self:end}.grid .row .g-12 .invalid{color:#ff5b71}.grid .row div.error{color:#ff5b71;font-size:12px;margin-top:2px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.mb-5{margin-bottom:50px}.mb-6{margin-bottom:60px}.mb-7{margin-bottom:70px}.mb-8{margin-bottom:80px}.mb-9{margin-bottom:90px}.mb-10{margin-bottom:100px}.mb-11{margin-bottom:110px}.mb-12{margin-bottom:120px}.mb-13{margin-bottom:130px}.mb-14{margin-bottom:140px}.mb-15{margin-bottom:150px}.scroll-box{overflow-y:auto;padding-right:10px}.scroll-box::-webkit-scrollbar{width:8px;height:8px}.scroll-box::-webkit-scrollbar-thumb{background-color:var(--off-color);border-radius:10px}.scroll-box::-webkit-scrollbar-track{background-color:var(--back-color);border-radius:10px}.list-box-wrap{padding:10px;background-color:#e4f2f0;border-radius:10px}.list-box-wrap .list-box{display:grid;gap:1px;overflow-y:scroll;padding-right:10px}.list-box-wrap .list-box::-webkit-scrollbar{width:8px;height:8px}.list-box-wrap .list-box::-webkit-scrollbar-thumb{background-color:var(--off-color);border-radius:10px}.list-box-wrap .list-box::-webkit-scrollbar-track{background-color:var(--back-color);border-radius:10px}.list-box-wrap .client-item label{display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:2px 10px;cursor:pointer;color:var(--font-color)}.list-box-wrap .client-item label:hover{background-color:#fff;box-shadow:0 2px 6px #005a2b1a}.list-box-wrap .client-item label:hover .btn-select{background-color:var(--main-color);border:none}.list-box-wrap .client-item label .btn-select{width:24px;height:24px;border:none;outline:none;border-radius:6px}.grid-1,.grid-2{width:100%;padding-right:10px}.grid-1.readonly .grid-body .grid-row,.grid-2.readonly .grid-body .grid-row{cursor:default!important}.grid-1.readonly .grid-body .grid-row:hover,.grid-2.readonly .grid-body .grid-row:hover{background-color:transparent!important}.grid-1.readonly .grid-body .grid-row.selected,.grid-1.readonly .grid-body .grid-row.focused,.grid-2.readonly .grid-body .grid-row.selected,.grid-2.readonly .grid-body .grid-row.focused{background-color:transparent!important;color:inherit!important}.grid-1::-webkit-scrollbar,.grid-2::-webkit-scrollbar{width:8px;height:8px}.grid-1::-webkit-scrollbar-thumb,.grid-2::-webkit-scrollbar-thumb{background-color:var(--off-color);border-radius:10px}.grid-1::-webkit-scrollbar-track,.grid-2::-webkit-scrollbar-track{background-color:var(--back-color);border-radius:10px}.grid-1 .grid-headers,.grid-2 .grid-headers{background-color:var(--back-color);border-radius:6px;margin-bottom:3px}.grid-1 .grid-headers .grid-header,.grid-2 .grid-headers .grid-header{padding:3px 10px}.grid-1 .grid-body,.grid-2 .grid-body{background-color:#fff;border-radius:6px}.grid-1 .grid-body .grid-row,.grid-2 .grid-body .grid-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;cursor:pointer;background-color:transparent;text-align:left;appearance:none;border:none;outline:none}.grid-1 .grid-body .grid-row:nth-child(2n),.grid-2 .grid-body .grid-row:nth-child(2n){background-color:#f6f6f6}.grid-1 .grid-body .grid-row:hover,.grid-2 .grid-body .grid-row:hover{background-color:#eaf5f2}.grid-1 .grid-body .grid-row.selected,.grid-2 .grid-body .grid-row.selected{background-color:#0fa47f;color:#fff;overflow:hidden}.grid-1 .grid-body .grid-row.focused:not(.selected),.grid-2 .grid-body .grid-row.focused:not(.selected){background-color:#e1ffe4}.grid-1 .grid-body .grid-row>div,.grid-2 .grid-body .grid-row>div{padding:0 10px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-1 .grid-body .grid-row>div input,.grid-1 .grid-body .grid-row>div textarea,.grid-2 .grid-body .grid-row>div input,.grid-2 .grid-body .grid-row>div textarea{outline:none;width:100%;padding:3px;font-size:1rem}.grid-1 .grid-body .grid-row .count input,.grid-2 .grid-body .grid-row .count input{text-align:center!important}.grid-1 .grid-body .grid-row .number,.grid-2 .grid-body .grid-row .number{text-align:right;align-self:flex-end}.bb-main{border-bottom:solid 1px var(--main-color)}.number{text-align:right;justify-content:flex-end}.virtual{width:100%;padding-right:10px}.virtual::-webkit-scrollbar{width:12px;height:12px}.virtual::-webkit-scrollbar-thumb{background-color:var(--off-color);border-radius:10px;border:solid 3px #fff}.virtual::-webkit-scrollbar-track{background-color:var(--back-color);border-radius:10px;border:solid 3px #fff}.virtual.readonly .grid-body .grid-row{cursor:default!important}.virtual.readonly .grid-body .grid-row:hover{background-color:inherit!important}.virtual.readonly .grid-body .grid-row.selected,.virtual.readonly .grid-body .grid-row.focused{background-color:transparent!important;color:inherit!important;border-radius:0!important}.virtual.readonly .grid-body .grid-row:nth-child(2n){background-color:#f6f6f6!important}.virtual.readonly .grid-body .grid-row:nth-child(2n).selected,.virtual.readonly .grid-body .grid-row:nth-child(2n).focused{background-color:#f6f6f6!important;color:inherit!important;border-radius:0!important}.virtual.readonly .grid-body .grid-row:has(.buy-target) [data-part=input]{background-color:var(--main-color)!important;color:#fff!important}.virtual.readonly .grid-body .grid-row:has(.buy-target).selected,.virtual.readonly .grid-body .grid-row:has(.buy-target).focused{border-radius:0!important}.virtual .grid-headers{background-color:var(--back-color);border-radius:6px;margin-bottom:3px}.virtual .grid-headers .grid-header{padding:3px 10px}.virtual .grid-body{background-color:#fff;border-radius:6px;position:relative}.virtual .grid-body .no-data{position:absolute}.virtual .grid-body .grid-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;cursor:pointer;background-color:transparent;text-align:left;appearance:none;border:none;outline:none}.virtual .grid-body .grid-row:nth-child(2n){background-color:#f6f6f6}.virtual .grid-body .grid-row:hover{background-color:#eaf5f2}.virtual .grid-body .grid-row.selected{background-color:#0fa47f;color:#fff;overflow:hidden;border-radius:6px}.virtual .grid-body .grid-row.focused:not(.selected){background-color:#e1ffe4}.virtual .grid-body .grid-row>div{padding:0 10px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.virtual .grid-body .grid-row>div input,.virtual .grid-body .grid-row>div textarea{outline:none;width:100%;padding:3px;font-size:1rem}.virtual .grid-body .grid-row .count .has-value input{background-color:#d4f0e9!important}.virtual .grid-body .grid-row .count input{text-align:center!important}.virtual .grid-body .grid-row .number{text-align:right;justify-content:flex-end}.list-error{color:#ff5b71;margin-top:2px;display:grid;gap:2px}.list-error li:before{content:"・"}.col2-bill-to{display:grid;grid-template-columns:300px 700px;gap:5px;background-color:#e1f2ef;padding:5px;border-radius:10px}.col2-bill-to .list-bill-to{width:100%;background-color:#fff;border-radius:7.5px;padding:10px;border:solid 1px var(--border-color)}.col2-bill-to .list-bill-to .grid-1{height:500px}.col2-bill-to .grid-items{width:100%;background-color:#fff;border-radius:7.5px;padding:10px;border:solid 1px var(--border-color)}.col2-bill-to .grid-items .grid-1{height:500px}.menu{height:100%;padding:5px}.menu .inner{background-color:#fff;border:solid 1px var(--border-color);border-radius:10px;height:100%;padding:20px}.menu .h2-menu{font-size:26px;font-weight:400;color:var(--font-color);margin-bottom:10px;display:flex;align-items:center;gap:10px;padding:0 10px}.menu .h2-menu svg{width:1em;height:1em;background-color:#fff}.menu .list-menu{display:grid;grid-template-columns:repeat(4,250px);gap:10px;margin-bottom:40px}.menu .list-menu li a,.menu .list-menu li button{width:100%;cursor:pointer;display:flex;align-items:center;gap:15px;padding:15px 20px 15px 15px;font-size:18px;color:var(--font-color);text-decoration:none;border-radius:6px;background-color:#cbe8e3;box-shadow:0 2px 0 var(--border-color);transition:all .2s ease;border:solid 1px transparent}.menu .list-menu li a:active,.menu .list-menu li button:active{transform:translateY(2px);box-shadow:none}.menu .list-menu li a:hover,.menu .list-menu li button:hover{background-color:#e1f2ef;transform:translateY(-2px);box-shadow:0 4px 0 var(--border-color);border:solid 1px var(--main-color)}.menu .list-menu li a svg,.menu .list-menu li button svg{width:1.2em;height:1.2em;background-color:#fff;border-radius:50%;padding:5px;box-sizing:content-box;overflow:visible;box-shadow:0 2px 0 var(--border-color)}.col2-55{display:grid;grid-template-columns:1fr 1fr;gap:20px}.col2-55 .left,.col2-55 .right{display:flex;flex-direction:column;gap:10px}.form-group fieldset{padding:10px 20px 20px;border-radius:6px;border:none;background-color:#eaf7f3;outline:none}.form-group fieldset legend{font-size:18px;font-weight:700}.print-slip{padding:20px}.grid-2{width:100%;display:grid;grid-template-rows:auto 1fr;overflow-y:scroll;position:relative}.grid-2 .header{display:grid;grid-template-columns:subgrid;grid-column:1/-1;position:sticky;top:0;background-color:var(--back-color);border-radius:6px;padding:5px 10px}.grid-2 .header .head{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-2 .content{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-auto-rows:auto;width:100%;align-content:start}.grid-2 .content .grid-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;cursor:pointer;text-align:left;appearance:none;border:none;outline:none}.grid-2 .content .grid-row .grid-cell{display:grid;place-items:center start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-2 .content .grid-row .grid-cell:last-child{border-right:none}.calc-total{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.calc-total input{text-align:right}.calc-total .equal,.calc-total .minus{font-size:24px;font-weight:700;color:var(--font-color);display:grid;place-items:center}.calc-total dl{display:grid;grid-template-columns:auto 1fr;background-color:var(--light-color);border-radius:6px;border:solid 1px var(--border-color)}.calc-total dl dt,.calc-total dl dd{font-size:15px;padding:2px 6px}.calc-total dl dt{padding:6px;border-right:solid 1px #f4fdf9}.calc-total dl dt:first-of-type{border-top-left-radius:6px}.calc-total dl dt:last-of-type{border-bottom-left-radius:6px}.calc-total dl dd{text-align:right}.calc-total dl dd:first-of-type{border-top-right-radius:6px}.calc-total dl dd:last-of-type{border-bottom-right-radius:6px}.calc-total dl.all{background-color:transparent!important;border:none!important;border-bottom:solid 1px var(--font-color)!important;border-radius:0!important}.calc-total dl.all dt,.calc-total dl.all dd{background-color:transparent!important;border:none!important;display:grid;place-items:center start;line-height:1}.calc-total dl.all dd input{width:6em;border:none!important;padding:0!important;font-size:1.6rem}.master{padding:5px}.master .inner{padding:15px;border-radius:10px;background-color:#fff;border:solid 1px var(--border-color)}.master .head{font-size:16px}.page-head{display:flex;align-items:center;gap:5px;line-height:1}.page-head svg{width:1.2em;height:1.2em;background-color:#fff}.dl-form{display:grid;grid-template-columns:120px minmax(300px,1fr);min-width:360px;gap:2px}.dl-form dt,.dl-form dd{font-size:15px}.dl-form dt{border-right:solid 1px #f4fdf9;position:relative;padding-top:5px}.dl-form dt.req{position:relative}.dl-form dt.req:after{content:"必須";color:#fff;padding:2px 4px 3px;border-radius:4px;position:absolute;top:8px;right:5px;font-size:11px;line-height:1;background-color:#ff5b71}.dl-form dt:first-of-type{border-top-left-radius:6px}.dl-form dt:last-of-type{border-bottom-left-radius:6px}.dl-form dd .invalid{color:#b40000;font-size:13px;margin-top:3px}.dl-form dd:first-of-type{border-top-right-radius:6px}.dl-form dd:last-of-type{border-bottom-right-radius:6px}.col2-list{display:grid;grid-template-columns:2fr 1fr;gap:10px}.check-1{display:grid;grid-template-columns:auto 1fr;place-items:center start;gap:10px;width:100%;height:100%;white-space:nowrap;padding-right:5px;-webkit-user-select:none;user-select:none}.check-1:active .check{transform:scale(.9)}.check-1 .check{width:1.2em;height:1.2em;background-color:var(--back-color);border-radius:4px;box-sizing:border-box;position:relative;transition:transform .1s ease;border:solid 1px var(--border-color)}.check-1:has(input:checked) .check{background-color:var(--main-color);border-color:var(--main-color)}.check-1:has(input:checked) .check:after{content:"";position:absolute;left:50%;top:45%;width:30%;height:50%;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.pagination{display:flex;justify-content:center;align-items:center;gap:5px}.gap-0{gap:0px!important}.gap-1{gap:5px!important}.gap-2{gap:10px!important}.gap-3{gap:15px!important}.gap-4{gap:20px!important}.gap-5{gap:25px!important}.gap-6{gap:30px!important}.gap-7{gap:35px!important}.gap-8{gap:40px!important}.gap-9{gap:45px!important}.gap-10{gap:50px!important}.gap-11{gap:55px!important}.gap-12{gap:60px!important}.gap-13{gap:65px!important}.gap-14{gap:70px!important}.gap-15{gap:75px!important}.gap-16{gap:80px!important}.gap-17{gap:85px!important}.gap-18{gap:90px!important}.gap-19{gap:95px!important}.gap-20{gap:100px!important}.doc-box{background-color:var(--light-color);border:none;border-radius:10px;padding:10px}.confirm{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px;z-index:1000}.confirm .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#003c1533;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm .dialog-box{background-color:#eff9f4;position:relative;z-index:1;border-radius:20px;padding:15px 20px 20px;display:grid}.confirm .dialog-box .head{font-size:18px;font-weight:700;text-align:center;color:var(--font-color);margin-bottom:10px}.confirm .dialog-box .content{display:grid;gap:10px}.confirm .dialog-box .content fieldset{padding:5px 10px 10px;border-radius:5px;border:solid 1px var(--border-color);background-color:#fff}.confirm .dialog-box .content fieldset legend{font-size:16px;font-weight:700;padding:0 5px}.confirm .dialog-box .content fieldset .textarea-wrap{font-size:0}.confirm .dialog-box .content fieldset .textarea-wrap textarea{width:100%;font-size:16px;background-color:#f6f6f6}.confirm .dialog-box .content .col2-grid{display:grid;grid-template-columns:4fr 5fr;gap:15px}.confirm .dialog-box .content .col2-grid .items fieldset{height:100%}.confirm .dialog-box .content .dl-confirm{display:grid;grid-template-columns:150px 1fr;gap:1px}.confirm .dialog-box .content .dl-confirm dt,.confirm .dialog-box .content .dl-confirm dd{padding:2px 5px;font-size:16px}.confirm .dialog-box .content .dl-confirm dt{border-right:solid 1px #f4fdf9}.confirm .dialog-box .content .dl-confirm dd{background-color:#f6f6f6;border-radius:6px}.confirm .dialog-box .content .dl-confirm dd.memo{font-size:0}.confirm .dialog-box .content .dl-confirm dd.memo textarea{padding:0;font-size:16px}.confirm .dialog-box .content .delivery{background-color:#e0f7f2;border:solid 1px #a1e1d4;color:var(--font-color)}.confirm .dialog-box .content .delivery dd{background-color:#fff}.confirm .dialog-box .content .client{background-color:#f0f4fa;border:solid 1px #b8c6d9;color:#122585!important}.confirm .dialog-box .content .client dd{background-color:#fff}.confirm .dialog-box .content .grid-purchase{display:grid;grid-template-columns:1fr 100px 100px 100px;margin-bottom:10px}.confirm .dialog-box .content .grid-purchase .grid-head{background-color:var(--back-color);border-radius:6px;margin-bottom:3px}.confirm .dialog-box .content .grid-purchase .no-data{width:100%;grid-column:1/5}.confirm .dialog-box .content .grid-purchase .grid-head,.confirm .dialog-box .content .grid-purchase .row{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.confirm .dialog-box .content .grid-purchase .grid-head div,.confirm .dialog-box .content .grid-purchase .row div{padding:2px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.confirm .dialog-box .content .grid-purchase .grid-head .number,.confirm .dialog-box .content .grid-purchase .row .number{text-align:right;justify-content:flex-end}.confirm .dialog-box .content .grid-purchase .row:nth-child(odd){background-color:#f6f6f6}.confirm .dialog-box .content .amount-wrap{display:flex;justify-content:flex-end;margin-top:10px}.confirm .dialog-box .content .dl-amount{display:grid;grid-template-columns:auto 10em;gap:2px}.confirm .dialog-box .content .dl-amount dt,.confirm .dialog-box .content .dl-amount dd{font-size:16px;padding:2px 10px;display:grid;place-items:center end}.confirm .dialog-box .content .dl-amount dt{border-right:solid 1px #f4fdf9;text-align:right}.confirm .dialog-box .content .dl-amount dd{text-align:right}.confirm .dialog-box .content .dl-amount dd.all{font-size:24px;font-weight:700;color:var(--font-color)}.grid-slip{display:grid;max-width:1000px;grid-template-columns:40px auto 80px 50px 80px auto 50px 50px;position:relative}.grid-slip .grid-head{display:grid;grid-template-columns:subgrid;grid-column:1/-1;background-color:var(--back-color);border-radius:6px}.grid-slip .grid-head div{padding:2px 5px}.grid-slip .grid-head{background-color:var(--back-color);border-radius:6px;margin-bottom:3px}.grid-slip .grid-head .icon{display:grid;place-items:center}.grid-slip .no-data{width:100%;grid-column:1/5}.grid-slip .row{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.grid-slip .row div{padding:3px 5px;display:flex;align-items:center}.grid-slip .row:nth-child(odd){background-color:#f6f6f6;border-radius:3px}.grid-slip .row .btn-remove{background-color:transparent;border:none;outline:none;color:var(--main-color);line-height:1;font-size:0;cursor:pointer;padding:3px;border-radius:3px}.grid-slip .row .btn-remove:hover{background-color:var(--light-color)}.spinner{width:48px;height:48px;border-radius:50%;border:6px solid #fff;border-top-color:var(--main-color);animation:spin .9s linear infinite}.col3{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:flex-start center;gap:20px}.col3 .left,.col3 .center,.col3 .right,.col3 .left fieldset,.col3 .center fieldset,.col3 .right fieldset{width:100%}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}hr{border:none;border-top:solid 1px var(--border-color);margin:10px 0}.minus{color:#d60f0f}.grid-sales{display:grid;max-width:1000px;grid-template-columns:40px auto 80px 50px 80px}.grid-sales .grid-head{display:grid;grid-template-columns:subgrid;grid-column:1/-1;background-color:var(--back-color);border-radius:6px}.grid-sales .grid-head div{padding:2px 5px}.grid-sales .row{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.grid-sales .row div{padding:3px 5px;display:flex;align-items:center}.grid-sales .row:nth-child(odd){background-color:#f6f6f6;border-radius:3px}.doc-wrap{display:flex;gap:20px;margin-bottom:20px}.doc-wrap .info-wrap .name{border-bottom:solid 1px var(--main-color);align-items:flex-end}.doc-wrap .info-wrap .name span{color:var(--main-color);font-weight:700;font-size:18px}.doc-wrap .info-wrap .name input{background-color:#ecfffb;border:none;border-radius:0;font-size:20px;padding:10px;color:var(--main-color);font-weight:700}.doc-wrap .amount-wrap .date{display:flex;justify-content:flex-end}.doc-wrap .amount-wrap .date [data-part=control]{width:15em}.doc-wrap .amount-wrap .date input{background-color:#ecfffb;border:none;border-bottom:solid 1px var(--main-color);border-radius:0;font-size:20px;padding:10px;font-weight:700;color:var(--main-color)}@keyframes svelte-cwpt8w-progressBarAnimation{0%{width:0%}to{width:100%}}[data-part=root].svelte-cwpt8w{background:#f5f5f5;color:var(--font-color);padding:15px 15px 20px;border-radius:6px;width:400px;overflow:hidden;transition:translate .4s,scale .4s,opacity .4s;transition-timing-function:cubic-bezier(.21,1.02,.73,1);position:relative;box-shadow:0 4px 20px #0000001a;border:solid 1px #ddd}[data-part=root].svelte-cwpt8w h3:where(.svelte-cwpt8w){margin:0 0 5px;font-size:14px}[data-part=root].svelte-cwpt8w .close:where(.svelte-cwpt8w){position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:6px;background:transparent;border:none;font-size:1.2rem;cursor:pointer}[data-part=root].svelte-cwpt8w .close:where(.svelte-cwpt8w):hover{background-color:#ddd}[data-part=root].svelte-cwpt8w .progress-bar-wrap:where(.svelte-cwpt8w){position:absolute;bottom:0;left:0;height:5px;width:400px;background:#e5e5e5;overflow:hidden}[data-part=root].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){height:5px;width:400px;animation:svelte-cwpt8w-progressBarAnimation linear forwards;animation-play-state:running;animation-duration:5s}[data-part=root][data-paused].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){animation-play-state:paused}[data-part=root][data-state=open].svelte-cwpt8w{translate:100px 0}[data-part=root][data-mounted].svelte-cwpt8w{translate:0 var(--y)}[data-part=root][data-state=closed].svelte-cwpt8w{translate:100px calc(var(--y) + var(--height));opacity:0}[data-part=root][data-type=info].svelte-cwpt8w h3:where(.svelte-cwpt8w){color:#3b82f6}[data-part=root][data-type=info].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){background:#3b82f6}[data-part=root][data-type=error].svelte-cwpt8w h3:where(.svelte-cwpt8w){color:#ef4444}[data-part=root][data-type=error].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){background:#ef4444}[data-part=root][data-type=success].svelte-cwpt8w h3:where(.svelte-cwpt8w){color:#13ac9c}[data-part=root][data-type=success].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){background:#13ac9c}[data-part=root][data-type=loading].svelte-cwpt8w h3:where(.svelte-cwpt8w){color:#dc860e}[data-part=root][data-type=loading].svelte-cwpt8w .progress-bar:where(.svelte-cwpt8w){background:#dc860e}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease}::view-transition-old(root){animation-name:svelte-12qhfyh-fade-out}::view-transition-new(root){animation-name:svelte-12qhfyh-fade-in}@keyframes svelte-12qhfyh-fade-out{0%{opacity:1}to{opacity:0}}@keyframes svelte-12qhfyh-fade-in{0%{opacity:0}to{opacity:1}}