/* amoe-shop-size-entry 固有スタイル */
:root{
    --ivory:#f7f3ec;--ivory-deep:#efe8dc;--ink:#2b2723;--ink-soft:#5c554c;
    --gold:#b08d57;--gold-soft:#cdb892;--blush:#d8b7ac;--blush-soft:#ebd9d1;--line:#e2d9cb;
    --serif:'Cormorant Garamond',serif;--mincho:'Shippori Mincho',serif;--sans:'Jost',sans-serif;
  }
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6;}
.top-bar{background:var(--ink);color:var(--ivory);text-align:center;padding:8px;font-size:10px;letter-spacing:.25em;text-transform:uppercase;}
.main-bar{display:flex;align-items:center;justify-content:center;padding:24px 40px;border-bottom:1px solid var(--line);position:relative;}
.logo{font-family:var(--serif);font-size:26px;letter-spacing:.2em;}
.logo small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.45em;color:var(--gold);margin-top:2px;}
.wrap{max-width:760px;margin:0 auto;padding:54px 24px 100px;}
.page-head{text-align:center;margin-bottom:40px;}
.page-head .kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.page-head h1{font-family:var(--serif);font-style:italic;font-size:40px;font-weight:500;line-height:1.1;}
.page-head .sub{font-family:var(--mincho);font-size:13px;color:var(--ink-soft);margin-top:12px;line-height:1.9;}
.card{border:1px solid var(--line);background:var(--ivory);padding:30px 30px 32px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;}
.field label .jp{font-family:var(--mincho);text-transform:none;letter-spacing:.02em;color:var(--ink-soft);font-size:11px;margin-left:6px;}
.field input{width:100%;border:1px solid var(--line);background:var(--ivory-deep);padding:13px 14px;font-family:var(--sans);font-size:14px;color:var(--ink);}
.field input:focus{outline:none;border-color:var(--gold);}
.hint{font-size:11px;color:var(--ink-soft);font-family:var(--mincho);margin-top:6px;line-height:1.7;}
.btn{width:100%;background:var(--ink);color:var(--ivory);border:none;padding:16px;font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .4s;}
.btn:hover{background:var(--gold);}
.btn.disabled,.btn:disabled{background:var(--gold-soft);cursor:not-allowed;}
.note{display:flex;gap:11px;align-items:flex-start;background:var(--ivory-deep);border-left:2px solid var(--blush);padding:14px 16px;margin-top:18px;}
.note .ni{color:var(--blush);flex-shrink:0;line-height:1.7;}
.note .nt{font-size:11.5px;line-height:1.8;color:var(--ink-soft);font-family:var(--mincho);}
.note .nt b{color:var(--ink);font-weight:500;}
.hidden{display:none;}
.design-block{border:1px solid var(--line);margin-bottom:24px;}
.db-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:16px 20px;background:var(--ivory-deep);border-bottom:1px solid var(--line);}
.db-head .dn{font-family:var(--mincho);font-size:15px;color:var(--ink);}
.db-head .ds{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold);}
.db-body{padding:20px;}
.chart-toggle{font-size:11px;color:var(--gold);border-bottom:1px solid var(--gold-soft);cursor:pointer;display:inline-block;margin-bottom:14px;font-family:var(--mincho);}
.chart-wrap{border:1px solid var(--line);margin-bottom:18px;}
.chart-wrap img{width:100%;display:block;}
.chart-wrap.collapsed{display:none;}
.hand-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:6px 0 10px;}
.finger-row{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);}
.finger-row label{font-family:var(--mincho);font-size:13px;color:var(--ink-soft);}
.finger-row select{border:1px solid var(--line);background:var(--ivory);padding:9px 10px;font-family:var(--sans);font-size:14px;color:var(--ink);}
.finger-row select.filled{border-color:var(--gold);background:var(--ivory-deep);}
.mm-hint{font-size:10.5px;color:var(--gold);min-width:104px;text-align:right;white-space:nowrap;}
.confirm-row{display:flex;gap:11px;align-items:flex-start;margin:24px 0 8px;cursor:pointer;}
.confirm-row input{margin-top:3px;flex-shrink:0;}
.confirm-row span{font-size:12px;line-height:1.75;color:var(--ink-soft);font-family:var(--mincho);}
.confirm-row b{color:var(--ink);font-weight:500;}
.done{text-align:center;padding:30px 10px;}
.done .dmark{width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--ivory);font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.done h2{font-family:var(--serif);font-style:italic;font-size:30px;font-weight:500;margin-bottom:12px;}
.done p{font-family:var(--mincho);font-size:13px;color:var(--ink-soft);line-height:1.95;max-width:460px;margin:0 auto;}
.dev-note{font-size:10.5px;color:var(--ink-soft);font-family:var(--mincho);text-align:center;margin-top:40px;line-height:1.8;opacity:.8;}

@media (max-width: 560px) {
  .wrap{padding:36px 16px 70px;}
  .page-head h1{font-size:32px;}
  .finger-row{grid-template-columns:72px 1fr;}
  .mm-hint{grid-column:2;text-align:left;min-width:0;margin-top:-2px;}
}