:root{font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#263c31;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:24px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #dde3d8}header a{color:#345542;font-weight:700;text-decoration:none;font-size:21px}header span{font-size:12px;color:#748173;border-left:1px solid #cbd4c5;padding-left:18px}main{max-width:960px;margin:0 auto;padding:36px 24px 30px}.eyebrow{letter-spacing:.2em;font-size:11px;font-weight:bold;color:#70876e}h1{font-size:38px;letter-spacing:.03em;margin:12px 0 16px}h1 span{display:block;font-size:15px;font-weight:400;letter-spacing:0;margin-top:14px}.intro>p:last-child{font-size:14px;color:#697668;margin-bottom:28px}.mobile{display:none}.sheet{background:white;border:1px solid #dce4d7;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #24382906}.site{padding:24px;background:#fafbf7;border-bottom:1px solid #e3e8df}.site label{font-weight:700;font-size:14px;display:block;margin-bottom:10px}.site input{max-width:560px;width:100%;font-size:16px;padding:13px 14px}.site p{font-size:12px;color:#657361;margin:12px 0 0}.table-head{padding:20px 24px 12px;display:flex;align-items:center;justify-content:space-between}.table-head h2{font-size:16px;margin:0}.table-head span{font-size:12px;border-radius:30px;background:#eff3e9;padding:5px 12px;color:#607559}table{width:100%;border-collapse:collapse;table-layout:fixed}th{font-size:12px;color:#687963;padding:12px 14px;text-align:left;border-bottom:1px solid #dce4d7}th small{font-weight:400}th.num{width:48px}th:nth-child(2){width:34%}th:last-child{width:18%;text-align:right}td{padding:10px 12px;border-bottom:1px solid #edf0e9}td:first-child{text-align:center;color:#899486;font-size:12px}td:last-child{text-align:right;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}input{border:1px solid #d9e1d3;background:#fff;border-radius:7px;padding:11px 10px;font:inherit;color:#283f30;width:100%;min-width:0}input::placeholder{color:#a0a99b;font-size:12px}input:focus{outline:2px solid #7e9c6e;outline-offset:1px;background:#fcfef9}input[aria-invalid="true"]{border-color:#bc4b40;background:#fff6f4}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.actions{padding:20px 24px;display:flex;align-items:center;gap:16px}.actions span{font-size:11px;color:#788270}button{font:inherit;font-weight:bold;cursor:pointer;border:1px solid #afc2a1;border-radius:8px;background:#eef4e7;color:#3b5c2e;padding:12px 20px}button:hover{background:#e0ebd6}button:focus-visible{outline:3px solid #597c42;outline-offset:3px}.total{margin-top:20px;position:sticky;bottom:12px;background:#314e3c;color:white;border-radius:14px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 7px 26px #15261e20;z-index:2}.total span{font-size:12px;color:#cbdac6;display:block}.total strong{font-size:40px;display:block;font-variant-numeric:tabular-nums;margin-top:4px}.total small{font-size:18px;font-weight:400}.total .count{text-align:right;border-left:1px solid #6b8065;padding-left:26px}.count strong{font-size:25px}.note,footer{font-size:12px;line-height:1.9;color:#74806d}.note{margin-top:18px}footer{border-top:1px solid #dce3d5;padding-top:16px;margin-top:24px}#message{color:#a44836;font-size:13px;line-height:1.8}#message:empty{display:none}@media(max-width:600px){header{padding:18px 16px}main{padding:24px 12px}h1{font-size:30px}.site{padding:18px 14px}.table-head{padding:18px 14px 10px}.table-head h2{font-size:14px}th{padding:10px 4px;font-size:10px}th.num{width:24px}th:nth-child(2){width:31%}th:last-child{width:18%}td{padding:8px 4px}td:first-child{font-size:10px}td:last-child{font-size:12px}input{font-size:16px;padding:11px 6px}input::placeholder{font-size:10px}.actions{padding:16px 12px;gap:10px;flex-wrap:wrap}.total{padding:16px;bottom:8px}.total strong{font-size:32px}.count strong{font-size:21px}.total .count{padding-left:15px}.total span{font-size:10px}}
:root #clear{background:#fff;color:#925345;border-color:#dbc4bd;margin-left:auto}#clear:hover{background:#fff4ef}
.clear-overlay[hidden]{display:none}.clear-overlay{position:fixed;inset:0;z-index:1000;background:#17291fb3;display:flex;align-items:center;justify-content:center;padding:20px}.clear-dialog{background:#fff;color:#263c31;border-radius:16px;padding:26px;width:100%;max-width:420px;box-shadow:0 16px 60px #0003}.clear-dialog h2{font-size:23px;margin:0 0 14px}.clear-dialog p{font-size:15px;line-height:1.8;margin:0 0 24px}.clear-dialog-actions{display:flex;gap:12px}.clear-dialog-actions button{flex:1;padding:14px 8px}.clear-dialog #confirm-clear{background:#a34735;border-color:#a34735;color:white}.clear-dialog #confirm-clear:hover{background:#883725}body.clear-open{overflow:hidden}

/* 合計は明細の下に通常表示する */
.total { position: static; }

.share-section{margin-top:24px;padding:24px;background:#fff;border:1px solid #dce4d7;border-radius:14px}.share-section h2{font-size:18px;margin:0 0 10px}.share-section p{font-size:13px;line-height:1.8;color:#657361}.share-actions{display:flex;flex-wrap:wrap;gap:12px}#prepare-line,#line-link{background:#16863c;color:white;border-color:#16863c}#share-preview[hidden]{display:none}#share-preview{margin-top:20px}#share-preview label{display:block;font-weight:bold;font-size:14px;margin-bottom:10px}#share-text{display:block;width:100%;padding:14px;border:1px solid #cbd5c5;border-radius:8px;font:inherit;font-size:14px;line-height:1.9;resize:vertical}#line-link{display:inline-block;margin-top:14px;padding:14px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:bold}#line-link[hidden]{display:none}#share-status{color:#884635}@media(max-width:600px){.share-section{padding:18px 14px}.share-actions button{flex:1;font-size:14px;padding:12px 8px}}