.fp{--fp-p:var(--primary,#bf9c6c);--fp-pd:var(--primary-dark,#7a5a2e);--fp-pl:var(--primary-soft,#f6efe5);--fp-line:#e6ddd0;--fp-muted:#7d766d;--fp-ok:#2f8a57;--fp-ng:#c0392b;color:var(--ink,#2a2118);container-type:inline-size}.fp *{box-sizing:border-box}.fp h2.fp-h{margin:0 0 4px;font-size:22px}.fp .fp-lead{color:var(--fp-muted);margin:0 0 12px;font-size:14px;line-height:1.7}.fp .fp-boxes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.fp .fp-boxes button{border:1.5px solid var(--fp-line);cursor:pointer;color:inherit;background:#fff;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:800}.fp .fp-boxes button.on{border-color:var(--fp-p);background:var(--fp-pl);color:var(--fp-pd)}.fp .fp-boxes button .ok{color:var(--fp-ok);margin-left:4px}.fp .fp-copy{color:var(--fp-pd);cursor:pointer;background:0 0;border:0;margin:-4px 0 12px;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}.fp .fp-fixed{border:1.5px solid var(--fp-line);border-radius:16px;margin-bottom:14px;overflow:hidden}.fp .fp-fixed summary{cursor:pointer;background:#faf8f4;align-items:center;gap:8px;padding:12px 14px;font-weight:800;list-style:none;display:flex}.fp .fp-fixed summary::-webkit-details-marker{display:none}.fp .fp-fixed summary .n{color:var(--fp-muted);margin-left:auto;font-size:13px;font-weight:700}.fp .fp-fixed summary .tw{color:var(--fp-p);transition:transform .15s}.fp .fp-fixed[open] summary .tw{transform:rotate(90deg)}.fp .fp-fixed ul{columns:1;column-gap:20px;margin:0;padding:8px 14px 12px 34px;font-size:14px;line-height:1.9}.fp .fp-group{border:2px solid var(--fp-line);border-radius:18px;margin-bottom:14px;padding:12px}.fp .fp-group.full{border-color:#a9d8bc}.fp .fp-ghead{align-items:center;gap:8px;margin-bottom:4px;display:flex}.fp .fp-ghead .no{background:var(--fp-p);color:#fff;border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:800}.fp .fp-ghead b{font-size:17px}.fp .fp-ghead .done{color:var(--fp-ok);margin-left:auto;font-weight:800}.fp .fp-gsub{color:var(--fp-muted);margin:0 0 8px;font-size:13px}.fp .fp-meter{border:2px solid var(--fp-p);background:#fff;border-radius:14px;gap:6px;margin-bottom:10px;padding:8px 12px;display:grid}.fp .fp-meter .fp-mrow{align-items:baseline;gap:6px;display:flex}.fp .fp-meter .n{font-size:22px;font-weight:900}.fp .fp-meter .of{color:var(--fp-muted);font-weight:800}.fp .fp-meter .msg{color:var(--fp-pd);margin-left:auto;font-size:13px;font-weight:800}.fp .fp-meter.full{border-color:var(--fp-ok)}.fp .fp-meter.full .msg{color:var(--fp-ok)}.fp .fp-meter .fp-mbar{background:#eee;border-radius:99px;height:6px;overflow:hidden}.fp .fp-meter .fp-mbar i{background:var(--fp-p);height:100%;transition:width .2s;display:block}.fp .fp-meter.full .fp-mbar i{background:var(--fp-ok)}.fp .fp-omakase{border:1.5px dashed var(--fp-p);background:var(--fp-pl);color:var(--fp-pd);cursor:pointer;border-radius:12px;width:100%;margin-bottom:10px;padding:8px;font-family:inherit;font-size:14px;font-weight:800}.fp .fp-list{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.fp .fp-fl{border:1.5px solid var(--fp-line);text-align:left;width:100%;color:inherit;font-family:inherit;font-size:inherit;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex}.fp .fp-fl.on{border-color:var(--fp-p);background:var(--fp-pl)}.fp .fp-fl.out{opacity:.5}.fp .fp-fl .pic{object-fit:cover;background:#f1e3cf;border-radius:10px;flex:none;place-items:center;width:60px;height:60px;font-size:26px;display:grid}.fp .fp-list.nophoto .fp-fl .pic{display:none}.fp .fp-fl .tx{flex:1;min-width:0}.fp .fp-fl .tx b{font-size:15px;display:block}.fp .fp-fl .tx small{color:var(--fp-muted);margin-top:2px;font-size:12px;display:block}.fp .fp-fl .tx .add{color:var(--fp-pd);font-weight:800}.fp .fp-fl .tx .soldout{color:var(--fp-ng);font-weight:800}.fp .fp-st{flex:none;align-items:center;gap:6px;display:flex}.fp .fp-st button{border:2px solid var(--fp-p);width:38px;height:38px;color:var(--fp-p);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:12px;padding:0;font-family:inherit;font-size:20px}.fp .fp-st button:disabled{color:#ccc;cursor:default;border-color:#ddd}.fp .fp-st b{text-align:center;min-width:18px;font-size:20px}.fp .fp-fl .radio{border:2px solid #b9ad9c;border-radius:50%;flex:none;width:28px;height:28px}.fp .fp-fl.on .radio{border-color:var(--fp-p);background:var(--fp-p);box-shadow:inset 0 0 0 5px #fff}.fp .fp-fl.pick{cursor:pointer}.fp .fp-fl.pick:disabled{cursor:default}@container (min-width:520px){.fp .fp-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fp .fp-fixed ul{columns:2}}.fp.fp-narrow .fp-list{grid-template-columns:minmax(0,1fr)}.fp.fp-narrow .fp-fixed ul{columns:1}.fp-sum .fp-sbox{background:var(--primary-soft,#f6efe5);border-radius:10px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.7}
