自動見積書 | メダルクッキー専門店<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;background:#FAF7F0;color:#333;line-height:1.8;}
.est-wrap{max-width:800px;margin:0 auto;padding:48px 20px 80px;}
.est-head{text-align:center;margin-bottom:48px;}
.est-head h1{font-size:28px;color:#1B2A4A;border-bottom:3px solid #C9A84C;display:inline-block;padding-bottom:8px;margin-bottom:12px;}
.est-head p{color:#666;font-size:14px;}
.est-step{display:flex;gap:16px;margin-bottom:28px;align-items:flex-start;}
.est-num{width:34px;height:34px;min-width:34px;border-radius:50%;background:#1B2A4A;color:#C9A84C;font-size:15px;font-weight:bold;display:flex;align-items:center;justify-content:center;margin-top:4px;}
.est-body{flex:1;}
.est-body label{font-size:15px;font-weight:bold;color:#1B2A4A;display:block;margin-bottom:8px;}
.est-select,.est-input{width:100%;padding:12px 14px;border:2px solid #ddd;border-radius:6px;font-size:15px;color:#333;background:#fff;font-family:inherit;}
.est-select:focus,.est-input:focus{border-color:#1B2A4A;outline:none;}
.est-warn{margin-top:8px;background:#fff8e1;border:1px solid #C9A84C;border-radius:6px;padding:10px 14px;font-size:13px;color:#7a6000;display:none;}
.est-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;}
.est-toggle input{width:18px;height:18px;accent-color:#1B2A4A;cursor:pointer;}
.est-result{background:#fff;border:2px solid #1B2A4A;border-radius:12px;padding:28px 32px;margin-top:32px;}
.est-result h2{font-size:18px;color:#1B2A4A;margin-bottom:20px;text-align:center;}
.est-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:15px;}
.est-row span:last-child{font-weight:bold;}
.est-divider{border-top:2px solid #1B2A4A;margin:8px 0;}
.est-total{display:flex;justify-content:space-between;padding:12px 0;font-size:20px;font-weight:bold;color:#1B2A4A;}
.est-total span:last-child{font-size:26px;color:#C9A84C;}
.est-notes{font-size:12px;color:#888;margin-top:12px;line-height:1.8;}
.est-pdf{display:block;width:100%;margin-top:20px;padding:16px;background:#1B2A4A;color:#C9A84C;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;letter-spacing:.05em;text-align:center;}
.est-pdf:hover{opacity:.85;}
.est-inquiry{display:block;width:100%;margin-top:12px;padding:14px;background:#fff;color:#1B2A4A;border:2px solid #1B2A4A;border-radius:8px;font-size:15px;font-weight:bold;cursor:pointer;text-align:center;text-decoration:none;}
.est-inquiry:hover{background:#f0f3f8;}
.item-row{display:grid;grid-template-columns:1fr 130px 38px;gap:8px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
.item-row:last-child{border-bottom:none;}
.item-select{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;font-family:inherit;}
.item-qty{width:100%;padding:10px 8px;border:2px solid #ddd;border-radius:6px;font-size:14px;text-align:center;font-family:inherit;}
.item-del{background:#e53e3e;color:#fff;border:none;border-radius:6px;width:34px;height:38px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.item-del:hover{background:#c53030;}
.item-header{display:grid;grid-template-columns:1fr 130px 38px;gap:8px;margin-bottom:6px;font-size:12px;color:#888;font-weight:bold;}
.item-subtotal{font-size:12px;color:#666;text-align:right;grid-column:1/4;padding:2px 0 4px;}
.btn-add-item{width:100%;padding:10px;background:#f0f4ff;color:#1B2A4A;border:2px dashed #1B2A4A;border-radius:6px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:8px;}
.btn-add-item:hover{background:#e0e8ff;}
.est-add{width:100%;padding:12px;border:2px dashed #C9A84C;background:transparent;color:#1B2A4A;font-size:14px;cursor:pointer;border-radius:4px;margin-top:8px;}
.est-add:hover{background:#faf7f0;}
@media(max-width:600px){
.est-wrap{padding:24px 12px 60px;}
.est-head h1{font-size:22px;}
.est-step{gap:10px;}
.est-num{width:28px;height:28px;min-width:28px;font-size:13px;}
.est-body label{font-size:14px;}
.est-select,.est-input{font-size:14px;padding:10px 12px;}
.item-row{grid-template-columns:1fr 80px 34px;gap:6px;}
.item-header{grid-template-columns:1fr 80px 34px;gap:6px;}
.item-select{font-size:13px;padding:8px 10px;}
.item-qty{padding:8px 6px;font-size:13px;}
.est-result{padding:20px 16px;}
.est-result h2{font-size:16px;}
.est-row{font-size:14px;}
.est-total{font-size:17px;}
.est-total span:last-child{font-size:22px;}
.est-pdf{font-size:15px;padding:14px;}
.est-inquiry{font-size:14px;padding:12px;}
.est-toggle{font-size:14px;}
}
.est-footer-links {
  display: block !important;
  background: #f5f5f5 !important;
  text-align: center !important;
  padding: 24px 20px !important;
  border-top: 1px solid #e0e0e0 !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.est-footer-links a {
  display: inline-block !important;
  margin: 0 12px !important;
  color: #555 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
.est-footer-links a:hover {
  text-decoration: underline !important;
  color: #333 !important;
}

</style>
<script>
(function(){
  function fmt(n){return "￥"+n.toLocaleString("ja-JP");}
  var itemCount = 0;

  function calcAll(){
    var rows = document.querySelectorAll(".item-row");
    var grandSub=0, grandSubNotax=0, grandSubTax=0;
    var hasOver100 = false;
    var warn = document.getElementById("est-warn");
    rows.forEach(function(row){
      var sel = row.querySelector(".item-select");
      var qtyEl = row.querySelector(".item-qty");
      var subtotalEl = row.querySelector(".item-subtotal");
      var qty = parseInt(qtyEl.value)||0;
      var price = sel.value ? parseInt(sel.value) : 0;
      var sub = price * qty;
      var subNotax = Math.floor(sub/1.08);
      var subTax = sub - subNotax;
      if(qty >= 100) hasOver100 = true;
      if(subtotalEl) subtotalEl.textContent = (price && qty) ? fmt(sub)+" (税抜 "+fmt(subNotax)+" / 8% "+fmt(subTax)+")" : "";
      grandSub+=sub; grandSubNotax+=subNotax; grandSubTax+=subTax;
    });
    warn.style.display = hasOver100 ? "block" : "none";
    var urgent = document.getElementById("est-urgent").checked;
    var nameire = document.getElementById("est-nameire").checked;
    var datakosei = document.getElementById("est-datakosei").checked;
    var pref = document.getElementById("est-pref");
    var pv = pref.value ? parseInt(pref.value) : 0;
    var shipNotax = pv ? Math.round(pv/1.1) : 0;
    var shipTax = pv - shipNotax;
    var totalQty = 0;
    document.querySelectorAll(".item-qty").forEach(function(el){ totalQty += parseInt(el.value)||0; });
    var uf = urgent ? 130*totalQty : 0;
    var nf = nameire ? 100*totalQty : 0;
    var df = datakosei ? 1500 : 0;
    var total = grandSub + uf + nf + df + pv;
    var totalNotax = grandSubNotax + uf + nf + df + shipNotax;
    var elSub=document.getElementById("res-sub");
    var elSubTax=document.getElementById("res-sub-tax");
    var elUrgent=document.getElementById("res-urgent");
    var elUrgentRow=document.getElementById("urgent-row");
    var elShip=document.getElementById("res-ship");
    var elShipTax=document.getElementById("res-ship-tax");
    var elTotal=document.getElementById("res-total");
    var elTotalNotax=document.getElementById("res-total-notax");
    if(elSub) elSub.textContent = grandSub ? fmt(grandSub) : "―";
    if(elSubTax) elSubTax.textContent = grandSub ? "(税抜 "+fmt(grandSubNotax)+" / 消費税8% "+fmt(grandSubTax)+")" : "";
    if(urgent && totalQty > 0){ elUrgentRow.style.display="flex"; if(elUrgent) elUrgent.textContent=fmt(uf); }
    else { elUrgentRow.style.display="none"; }
    var elNameireRow=document.getElementById("nameire-row"); var elNameire=document.getElementById("res-nameire");
    if(nameire && totalQty > 0){ if(elNameireRow) elNameireRow.style.display="flex"; if(elNameire) elNameire.textContent=fmt(Math.round(nf*1.08)); }
    else { if(elNameireRow) elNameireRow.style.display="none"; }
    var elDatakoseiRow=document.getElementById("datakosei-row"); var elDatakosei=document.getElementById("res-datakosei");
    if(datakosei){ if(elDatakoseiRow) elDatakoseiRow.style.display="flex"; if(elDatakosei) elDatakosei.textContent=fmt(Math.round(df*1.08)); }
    else { if(elDatakoseiRow) elDatakoseiRow.style.display="none"; }
    if(pv){ if(elShip) elShip.textContent=fmt(pv); if(elShipTax) elShipTax.textContent="(税抜 "+fmt(shipNotax)+" / 消費税10% "+fmt(shipTax)+")"; }
    else { if(elShip) elShip.textContent="※ 都道府県を選択"; if(elShipTax) elShipTax.textContent=""; }
    if(pv && grandSub){ if(elTotal) elTotal.textContent=fmt(total); if(elTotalNotax) elTotalNotax.textContent="(税抜合計 "+fmt(totalNotax)+")"; }
    else { if(elTotal) elTotal.textContent="―"; if(elTotalNotax) elTotalNotax.textContent=""; }
  }

  function addItemRow(){
    itemCount++;
    var tmpl = document.getElementById("est-product-tmpl");
    var OPTS = tmpl ? tmpl.innerHTML : "";
    var row = document.createElement("div");
    row.className = "item-row";
    row.setAttribute("data-row", itemCount);
    var sel = document.createElement("select");
    sel.className = "item-select";
    sel.innerHTML = OPTS;
    var qtyWrap = document.createElement("div");
    qtyWrap.style.cssText = "display:flex;align-items:center;gap:4px";
    var inp = document.createElement("input");
    inp.type = "number"; inp.className = "item-qty"; inp.min=1; inp.max=99; inp.placeholder="枚数";
    inp.style.cssText = "width:100%;padding:10px 8px;border:2px solid #ddd;border-radius:6px;font-size:14px;text-align:center;font-family:inherit";
    qtyWrap.appendChild(inp);
    var delBtn = document.createElement("button");
    delBtn.type = "button"; delBtn.className = "item-del"; delBtn.innerHTML = "&times;";
    delBtn.onclick = function(){ removeItemRow(this); };
    var subtotal = document.createElement("div");
    subtotal.className = "item-subtotal"; subtotal.style.gridColumn = "1/3";
    row.appendChild(sel); row.appendChild(qtyWrap); row.appendChild(delBtn); row.appendChild(subtotal);
    sel.addEventListener("change", calcAll);
    inp.addEventListener("input", calcAll);
    document.getElementById("item-list").appendChild(row);
    calcAll();
  }

  window.removeItemRow = function(btn){
    var row = btn.closest(".item-row");
    var list = document.getElementById("item-list");
    if(list.querySelectorAll(".item-row").length <= 1){ alert("少なくとも1行必要です"); return; }
    row.remove(); calcAll();
  };

  window.downloadEstPDF = function(){
    var rows = document.querySelectorAll(".item-row");
    var items = []; var hasOver100 = false;
    rows.forEach(function(row){
      var sel = row.querySelector(".item-select");
      var qty = parseInt(row.querySelector(".item-qty").value)||0;
      if(!sel.value || qty <= 0) return;
      if(qty >= 100) hasOver100 = true;
      var pname = sel.options[sel.selectedIndex].text.replace(/（[^）]+）/,"").trim();
      var unit = parseInt(sel.value);
      var sub = unit*qty, subNotax=Math.floor(sub/1.08), subTax=sub-subNotax;
      items.push({name:pname,unit:unit,qty:qty,sub:sub,subNotax:subNotax,subTax:subTax});
    });
    if(items.length === 0){ alert("商品と枚数を入力してください"); return; }
    if(hasOver100){ alert("100枚以上はお問い合わせください"); return; }
    var companyName = document.getElementById("est-company").value.trim();
    var urgent = document.getElementById("est-urgent").checked;
    var nameire = document.getElementById("est-nameire").checked;
    var datakosei = document.getElementById("est-datakosei").checked;
    var pref = document.getElementById("est-pref");
    var pt = pref.options[pref.selectedIndex] ? pref.options[pref.selectedIndex].text : "";
    var pv = pref.value ? parseInt(pref.value) : 0;
    var grandSub=0,grandSubNotax=0,grandSubTax=0;
    items.forEach(function(it){ grandSub+=it.sub; grandSubNotax+=it.subNotax; grandSubTax+=it.subTax; });
    var totalQty=0; items.forEach(function(it){ totalQty+=it.qty; });
    var uf = urgent ? 130*totalQty : 0;
    var nf = nameire ? 100*totalQty : 0;
    var df = datakosei ? 1620 : 0;
    var shipNotax = pv ? Math.round(pv/1.1) : 0;
    var shipTax = pv - shipNotax;
    var total = grandSub+uf+pv;
    var totalNotax = grandSubNotax+uf+shipNotax;
    var totalTax = total-totalNotax;
    var d=new Date();
    var ds=d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日";
    var expDate=new Date(d); expDate.setDate(expDate.getDate()+30);
    var expDs=expDate.getFullYear()+"年"+(expDate.getMonth()+1)+"月"+expDate.getDate()+"日";
    var estNo="EST-"+d.getFullYear()+(d.getMonth()+1<10?"0":"")+(d.getMonth()+1)+(d.getDate()<10?"0":"")+d.getDate()+"-"+Math.floor(Math.random()*900+100);
    var itemRowsHtml="";
    items.forEach(function(it){
      itemRowsHtml+="<tr><td>"+it.name+"</td>"
        +"<td style='text-align:right'>&yen;"+it.unit.toLocaleString("ja-JP")+"</td>"
        +"<td style='text-align:center'>"+it.qty+"枚</td>"
        +"<td style='text-align:right'>&yen;"+it.subNotax.toLocaleString("ja-JP")+"</td>"
        +"<td style='text-align:right'>&yen;"+it.subTax.toLocaleString("ja-JP")+" <small>(8%)</small></td>"
        +"<td style='text-align:right;font-weight:bold'>&yen;"+it.sub.toLocaleString("ja-JP")+"</td></tr>";
    });
    var urgentRow = urgent ? "<tr><td>お急ぎ便料金</td><td style='text-align:right'>&yen;130</td><td style='text-align:center'>"+totalQty+"枚</td><td style='text-align:right'>&yen;"+uf.toLocaleString("ja-JP")+"</td><td style='text-align:right'>&yen;"+Math.round(uf*0.08).toLocaleString("ja-JP")+" (8%)</td><td style='text-align:right;font-weight:bold'>&yen;"+uf.toLocaleString("ja-JP")+"</td></tr>" : "";
    var nameireRow = (nameire && totalQty > 0) ? "<tr><td>名入れ料金</td><td style='text-align:right'>&yen;108</td><td style='text-align:center'>" + totalQty + "枚</td><td style='text-align:right'>&yen;" + (nf).toLocaleString("ja-JP") + "</td><td style='text-align:right'>&yen;" + Math.round(nf*0.08).toLocaleString("ja-JP") + " (8%)</td><td style='text-align:right;font-weight:bold'>&yen;" + (nf + Math.round(nf*0.08)).toLocaleString("ja-JP") + "</td></tr>" : "";
    var datakoseiRow = datakosei ? "<tr><td>データ構成料</td><td style='text-align:right'>&yen;1,620</td><td style='text-align:center'>1件</td><td style='text-align:right'>&yen;" + (df).toLocaleString("ja-JP") + "</td><td style='text-align:right'>&yen;" + Math.round(df*0.10).toLocaleString("ja-JP") + " (10%)</td><td style='text-align:right;font-weight:bold'>&yen;" + (df + Math.round(df*0.10)).toLocaleString("ja-JP") + "</td></tr>" : "";
    var shipRow = "<tr><td colspan='2'>送料（"+pt+"）</td><td></td><td style='text-align:right'>"+(pv?"&yen;"+shipNotax.toLocaleString("ja-JP"):"&mdash;")+"</td><td style='text-align:right'>"+(pv?"&yen;"+shipTax.toLocaleString("ja-JP")+" <small>(10%)</small>":"&mdash;")+"</td><td style='text-align:right;font-weight:bold'>"+(pv?"&yen;"+pv.toLocaleString("ja-JP"):"要選択")+"</td></tr>";
    var toLine = companyName ? companyName+" 御中" : "&mdash;";
    var hh = "";
    hh += "<!DOCTYPE html><html><head><meta charset='UTF-8'><title>見積書 "+estNo+"</title>";
    hh += "<style>";
    hh += "*{box-sizing:border-box;margin:0;padding:0;}";
    hh += "body{font-family:'Hiragino Mincho ProN','Yu Mincho','MS Mincho',serif;padding:32px 40px;color:#222;font-size:12px;line-height:1.7;}";
    hh += ".header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px double #1B2A4A;padding-bottom:16px;margin-bottom:20px;}";
    hh += ".doc-title{font-size:32px;font-weight:bold;color:#1B2A4A;letter-spacing:.15em;}";
    hh += ".meta-right{text-align:right;font-size:11px;color:#555;line-height:2;}";
    hh += ".to-box{flex:1;margin-right:20px;}";
    hh += ".to-label{font-size:11px;color:#888;margin-bottom:4px;}";
    hh += ".to-company{font-size:18px;font-weight:bold;color:#1B2A4A;margin-bottom:2px;}";
    hh += ".info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}";
    hh += ".from-box{text-align:right;font-size:11px;color:#444;line-height:2;}";
    hh += ".from-box .shop-name{font-size:13px;font-weight:bold;color:#1B2A4A;margin-bottom:2px;}";
    hh += ".from-box .shop-sub{font-size:11px;color:#555;margin-bottom:4px;}";
    hh += ".inv-no{color:#888;font-size:10px;}";
    hh += "table{width:100%;border-collapse:collapse;margin-top:12px;clear:both;}";
    hh += "thead th{background:#1B2A4A;color:#C9A84C;padding:8px 6px;font-size:11px;}";
    hh += "thead th:not(:first-child){text-align:right;}";
    hh += "thead th:nth-child(3){text-align:center;}";
    hh += "tbody td{padding:8px 6px;border-bottom:1px solid #e0d9ce;vertical-align:middle;}";
    hh += ".subtotal-row td{background:#f5f5f0;font-weight:bold;border-top:2px solid #999;}";
    hh += ".total-row td{background:#1B2A4A;color:#fff;font-size:14px;font-weight:bold;padding:10px 6px;border:none;}";
    hh += ".total-row td:last-child{color:#C9A84C;font-size:18px;}";
    hh += ".tax-summary{font-size:10px;color:#666;text-align:right;margin-top:4px;line-height:2;}";
    hh += ".notes{margin-top:20px;padding:10px 14px;background:#fffbe8;border-left:3px solid #C9A84C;font-size:10px;color:#666;line-height:1.9;clear:both;}";
    hh += "@media print{body{padding:16px 24px;}}";
    hh += "</style></head><body>";
    hh += "<div class='header'>";
    hh += "<div class='doc-title'>見積書</div>";
    hh += "<div class='meta-right'>見積書番号："+estNo+"<br>発行日："+ds+"<br>有効期限："+expDs+"</div>";
    hh += "</div>";
    hh += "<div class='info-row'>";
    hh += "<div class='to-box'>";
    hh += "<div class='to-label'>お届け先</div>";
    hh += "<div class='to-company'>"+toLine+"</div>";
    hh += "</div>";
    hh += "<div class='from-box'>";
    hh += "<div class='shop-name'>ポムのメダルクッキー専門店</div>";
    hh += "<div class='shop-sub'>ケーキ工房ポム</div>";
    hh += "岡山県岡山市東区瀬戸町沖３<br>（086）952-3707<br>";
    hh += "https://medalcookie.pomme101.com<br>";
    hh += "<span class='inv-no'>適格請求書発行事業者登録番号：T7810072920787</span>";
    hh += "</div>";
    hh += "</div>";
    hh += "<table><thead><tr>";
    hh += "<th style='width:32%;text-align:left'>商品名</th>";
    hh += "<th style='width:12%'>単価(税込)</th>";
    hh += "<th style='width:8%'>数量</th>";
    hh += "<th style='width:13%'>税抜金額</th>";
    hh += "<th style='width:11%'>消費税(8%/10%)</th>";
    hh += "<th style='width:14%'>小計(税込)</th>";
    hh += "</tr></thead><tbody>";
    hh += itemRowsHtml + urgentRow + nameireRow + datakoseiRow + shipRow;
    hh += "</tbody><tfoot>";
    hh += "<tr class='subtotal-row'><td colspan='3'>小計</td><td style='text-align:right'>&yen;"+grandSubNotax.toLocaleString("ja-JP")+"</td><td style='text-align:right'>&yen;"+grandSubTax.toLocaleString("ja-JP")+"</td><td style='text-align:right'>&yen;"+grandSub.toLocaleString("ja-JP")+"</td></tr>";
    hh += "<tr class='total-row'><td colspan='5'>合計（税込）</td><td>&yen;"+total.toLocaleString("ja-JP")+"</td></tr>";
    hh += "</tfoot></table>";
    hh += "<div class='tax-summary'>税抜合計：&yen;"+totalNotax.toLocaleString("ja-JP")+"&emsp;消費税合計：&yen;"+totalTax.toLocaleString("ja-JP")+"&emsp;(食品軽減8%+送料標準10%)</div>";
    hh += "<p style='text-align:center;color:#1B2A4A;font-weight:bold;font-size:13px;margin:20px 0 10px;border-top:1px solid #C9A84C;padding-top:14px;'>上記お値段に問題なければ、商品ページよりご注文お待ちしております<\/p><\/body><\/html>";

    // iframeモーダルでPDFを表示
    var existingModal = document.getElementById("pdf-modal");
    if (existingModal) existingModal.remove();
    var modal = document.createElement("div");
    modal.id = "pdf-modal";
    modal.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;";
    var closeBtn = document.createElement("button");
    closeBtn.textContent = "× 閉じる";
    closeBtn.style.cssText = "position:absolute;top:16px;right:16px;background:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:16px;cursor:pointer;font-weight:bold;";
    closeBtn.onclick = function(){ modal.remove(); };
    var printBtn = document.createElement("button");
    printBtn.textContent = "印刷・PDF保存";
    printBtn.style.cssText = "position:absolute;top:16px;left:16px;background:#1B2A4A;color:#C9A84C;border:none;padding:8px 20px;border-radius:4px;font-size:15px;cursor:pointer;font-weight:bold;";
    var iframe = document.createElement("iframe");
    iframe.style.cssText = "width:90%;max-width:900px;height:85vh;border:none;background:#fff;border-radius:4px;";
    modal.appendChild(closeBtn);
    modal.appendChild(printBtn);
    modal.appendChild(iframe);
    document.body.appendChild(modal);
    var blob = new Blob([hh],{type:"text/html;charset=utf-8"});
    var burl = URL.createObjectURL(blob);
    iframe.src = burl;
    printBtn.onclick = function(){ iframe.contentWindow.print(); };
    setTimeout(function(){ URL.revokeObjectURL(burl); }, 60000);
  };

  document.addEventListener("DOMContentLoaded", function(){
    addItemRow();
    document.getElementById("btn-add-item").addEventListener("click", addItemRow);
    document.getElementById("est-urgent").addEventListener("change", calcAll);
    document.getElementById("est-pref").addEventListener("change", calcAll);
  });
})();
</script>
<script>

</script>
<div style="background:#FAF7F0;min-height:100vh;">
<div class="est-wrap">
  <div class="est-head">
    <h1>自動見積書</h1>
    <p>商品・枚数・お届け先を選ぶだけで、即座に見積金額を表示。PDFで保存できます。</p>
  </div>
  <select id="est-product-tmpl" style="display:none;" aria-hidden="true"><option value="">― 選択してください ―</option>
              <option value="480" data-id="218">DX賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="58">GOODで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="33">MVPメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="220">アイデア賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="121">ありがとうカード表彰メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="35">ありがとう賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="29">あんたが大賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="47">イケメン賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="140">エンジョイ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="71">お祝い(還暦・出産・その他） 【出産内祝いに】 名入れ命名クッキー（パステル）（￥480/枚）</option>
              <option value="480" data-id="72">お祝い(還暦・出産・その他） 【出産内祝いに】 名入れ命名クッキー（花ピンク）（￥480/枚）</option>
              <option value="480" data-id="87">お祝い(還暦・出産・その他） 合格だるまメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="81">お祝い(還暦・出産・その他） 寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="103">お誕生日会 HappyBirthdayメダルクッキー(うさぎとくま・ピンク）（￥480/枚）</option>
              <option value="480" data-id="104">お誕生日会 HappyBirthdayメダルクッキー(うさぎとくま・星）（￥480/枚）</option>
              <option value="480" data-id="101">お誕生日会 おたんじょうびおめでとうメダルクッキー(うさぎとくま・ピンク）（￥480/枚）</option>
              <option value="480" data-id="102">お誕生日会 おたんじょうびおめでとうメダルクッキー(うさぎとくま・星）（￥480/枚）</option>
              <option value="480" data-id="85">お誕生日会 今日お誕生日ですメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="86">お誕生日会 今日の主役ですメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="26">お誕生日会 祝・還暦メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="75">お誕生日会 祝・喜寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="25">お誕生日会 祝・古希メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="76">お誕生日会 祝・傘寿メダルクッキー（さんじゅ）（￥480/枚）</option>
              <option value="480" data-id="27">お誕生日会 祝・成人メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="78">お誕生日会 祝・卒寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="79">お誕生日会 祝・白寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="80">お誕生日会 祝・百寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="77">お誕生日会 祝・米寿メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="24">お誕生日会 数字メダルクッキー（ストライプピンク）（￥480/枚）</option>
              <option value="480" data-id="23">お誕生日会 数字メダルクッキー（パステル）（￥480/枚）</option>
              <option value="480" data-id="22">お誕生日会 数字メダルクッキー（バルーン）（￥480/枚）</option>
              <option value="480" data-id="219">グッドモデル賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="133">クリスマス クリスマスメダルクッキー（くまとうさぎ）（￥480/枚）</option>
              <option value="480" data-id="105">クリスマス クリスマスメダルクッキー（サンタとツリー）「MerryChristmas」（￥480/枚）</option>
              <option value="480" data-id="106">クリスマス クリスマスメダルクッキー（サンタとツリー）「メリークリスマス」（￥480/枚）</option>
              <option value="480" data-id="221">クリンネス賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="222">こだわり賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="178">こどもの日 ウサギとくま・こどもの日メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="181">こどもの日 カブト・こどもの日メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="179">こどもの日 こいのぼり・こどもの日メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="180">こどもの日 金太郎・こどもの日メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="119">コメント賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="43">ゴルフボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="42">サッカーボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="223">スキルアップ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="141">スタディ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="60">スピード賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="199">その他 スマイルメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="198">その他 タイヤメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="196">ダーツメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="93">たいへんよくできましたメダルクッキー（黄丸）（￥480/枚）</option>
              <option value="480" data-id="61">チャレンジ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="224">ツッコミ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="38">テニスボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="39">バスケットボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="40">バレーボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="177">バレエメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="225">ベストサポート賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="226">ベストセールス賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="227">ベストドレッサー賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="162">ベストパフォーマンス賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="57">ポジティブ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="228">ホスピタリティ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="229">メンター賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="4">よくがんばりましたメダルクッキー（うさぎ）（￥480/枚）</option>
              <option value="480" data-id="5">よくがんばりましたメダルクッキー（くま）（￥480/枚）</option>
              <option value="480" data-id="230">リアクション賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="148">リーダーシップ賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="231">レスポンス賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="233">安全作業賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="234">安全模範賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="92">運動会 たいへんよくできました 星 メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="96">運動会 たいへんよくできましたメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="89">運動会 たいへんよくできましたメダルクッキー（うさぎ）（￥480/枚）</option>
              <option value="480" data-id="91">運動会 たいへんよくできましたメダルクッキー(うさぎとくま）（￥480/枚）</option>
              <option value="480" data-id="95">運動会 たいへんよくできましたメダルクッキー（ピンクレース）（￥480/枚）</option>
              <option value="480" data-id="94">運動会 たいへんよくできましたメダルクッキー（黄金風）（￥480/枚）</option>
              <option value="480" data-id="6">運動会 よくがんばりましたメダルクッキー（うさぎとくま）（￥480/枚）</option>
              <option value="480" data-id="137">運動会 リスペクト賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="157">運動会 参加賞メダルクッキー(うさぎ）（￥480/枚）</option>
              <option value="480" data-id="156">運動会 参加賞メダルクッキー(くま）（￥480/枚）</option>
              <option value="480" data-id="46">可愛いで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="210">皆勤賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="146">完走おめでとうメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="144">完走記念メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="69">感謝・メッセージ 感謝メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="62">頑張ったで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="155">輝星（きせい）賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="160">技術賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="32">金メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="212">銀メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="152">傑作賞メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="235">健康管理賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="114">固定費賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="56">功労賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="149">貢献賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="154">最優秀貢献賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="63">最優秀賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="158">参加賞（金）メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="117">事例シェア賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="97">社長就任メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="64">社長賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="10">周年記念・ノベルティ 周年記念メダルクッキー（シンプル）（￥480/枚）</option>
              <option value="480" data-id="8">周年記念・ノベルティ 周年記念メダルクッキー（バルーン）（￥480/枚）</option>
              <option value="480" data-id="7">周年記念・ノベルティ 周年記念メダルクッキー（花）（￥480/枚）</option>
              <option value="480" data-id="9">周年記念・ノベルティ 周年記念メダルクッキー（金）（￥480/枚）</option>
              <option value="480" data-id="11">周年記念・ノベルティ 周年記念メダルクッキー（和風）（￥480/枚）</option>
              <option value="480" data-id="145">祝完走メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="55">女子力高めで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="65">笑顔賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="236">職人賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="66">新人賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="176">新体操メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="28">人気者で賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="54">凄いで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="159">成長賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="237">整理整頓賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="126">席次・席札クッキー（花１)（￥480/枚）</option>
              <option value="480" data-id="127">席次・席札クッキー（花2）（￥480/枚）</option>
              <option value="480" data-id="129">席次・席札クッキー（花4）（￥480/枚）</option>
              <option value="480" data-id="232">粗利改善賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="53">素晴らしいで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="52">素直（すなお）で賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="51">素敵（すてき）で賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="165">卒業・卒園 うさぎとくまのそつえんメダルクッキー (保育園・幼稚園で）（￥480/枚）</option>
              <option value="480" data-id="163">卒業・卒園 うさぎのそつえんメダルクッキー (保育園・幼稚園で）（￥480/枚）</option>
              <option value="480" data-id="164">卒業・卒園 くまのそつえんメダルクッキー (保育園・幼稚園で）（￥480/枚）</option>
              <option value="480" data-id="166">卒業・卒園 祝卒園 桜メダルクッキー (保育園・幼稚園で）（￥480/枚）</option>
              <option value="480" data-id="169">卒業・卒園 卒業 桜（空）メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="168">卒業・卒園 卒業 桜（小）メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="82">卒業・卒園 卒業メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="167">卒業・卒園 卒業桜メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="153">大作賞メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="118">大波賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="34">男前で賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="238">挑戦賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="209">努力賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="67">努力賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="211">銅メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="161">特別技賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="50">特別賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="132">内定おめでとうメダルクッキー （内定式やお祝いなどに）（￥480/枚）</option>
              <option value="480" data-id="20">入学・入園・入社 ごにゅうがくメダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="19">入学・入園・入社 ご入学メダルクッキー（空） 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="21">入学・入園・入社 ご入学メダルクッキー（桜丸） 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="98">入社メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="150">入賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="116">売上賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="120">発表がんばったで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="90">発表会 たいへんよくできましたメダルクッキー（くま）（￥480/枚）</option>
              <option value="480" data-id="30">発表会 ピアノメダルクッキー（はっぴょうかいよくがんばりました）（￥480/枚）</option>
              <option value="480" data-id="31">発表会 ピアノメダルクッキー（発表会良くできました）（￥480/枚）</option>
              <option value="480" data-id="115">変動費賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="84">保育園・幼稚園・子供会 ひなまつりメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="183">母の日 母の日 メダルクッキー（カーネーション①）（￥480/枚）</option>
              <option value="480" data-id="184">母の日 母の日 メダルクッキー（カーネーション②）（￥480/枚）</option>
              <option value="480" data-id="185">母の日 母の日 メダルクッキー（メッセージカード）（￥480/枚）</option>
              <option value="480" data-id="186">母の日 母の日 メダルクッキー（淡花）（￥480/枚）</option>
              <option value="480" data-id="182">母の日 母の日メダルクッキー（ピンクカーネーション）（￥480/枚）</option>
              <option value="480" data-id="239">無事故・無災害賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="41">野球ボールメダルクッキー（￥480/枚）</option>
              <option value="480" data-id="68">優しいで賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="147">優秀演技賞メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="49">優秀賞メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="142">優勝メダルクッキー（￥480/枚）</option>
              <option value="480" data-id="151">力作賞メダルクッキー 首掛けリボン付き（￥480/枚）</option>
              <option value="480" data-id="48">綺麗で賞メダルクッキー（￥480/枚）</option>
              <option value="486" data-id="108">オリジナル作成 QRコードクッキー（￥486/枚）</option>
              <option value="490" data-id="74">オリジナル作成 ロゴメダルクッキー（￥490/枚）</option>
              <option value="490" data-id="112">オリジナル作成 校章メダルクッキー（￥490/枚）</option>
              <option value="490" data-id="200">その他 ダイヤモンドメダルクッキー（￥490/枚）</option>
              <option value="490" data-id="197">プロポーズメダルクッキー（￥490/枚）</option>
              <option value="490" data-id="122">結婚式 席次・席札クッキー(花1)（￥490/枚）</option>
              <option value="490" data-id="123">結婚式 席次・席札クッキー(花2)（￥490/枚）</option>
              <option value="490" data-id="124">結婚式 席次・席札クッキー(花3)（￥490/枚）</option>
              <option value="490" data-id="125">結婚式 席次・席札クッキー(花4)（￥490/枚）</option>
              <option value="490" data-id="128">席次・席札クッキー（花3）（￥490/枚）</option>
              <option value="490" data-id="189">名刺クッキー(インスタQRコード入り）（￥490/枚）</option>
              <option value="500" data-id="44">オリジナル作成 オリジナルロゴ入りクッキー（リボン無し）（￥500/枚）</option>
              <option value="500" data-id="203">感謝・メッセージ 表彰フレーム MVPメダルクッキー（￥500/枚）</option>
              <option value="500" data-id="205">感謝・メッセージ 表彰フレーム 貢献賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="208">感謝・メッセージ 表彰フレーム 最優秀賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="204">感謝・メッセージ 表彰フレーム 新人賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="206">感謝・メッセージ 表彰フレーム 努力賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="207">感謝・メッセージ 表彰フレーム 特別賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="202">感謝・メッセージ 表彰フレーム 優秀賞メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="201">感謝・メッセージ 表彰フレーム 優勝メダルクッキー（￥500/枚）</option>
              <option value="500" data-id="188">名刺クッキー(QRコード入り）（￥500/枚）</option>
              <option value="500" data-id="187">名刺クッキー(パステル）（￥500/枚）</option>
              <option value="500" data-id="192">名刺クッキー(ピンク花フレーム）（￥500/枚）</option>
              <option value="500" data-id="190">名刺クッキー(経営理念・キャッチコピー入り）（￥500/枚）</option>
              <option value="500" data-id="193">名刺クッキー(表彰フレーム）（￥500/枚）</option>
              <option value="500" data-id="191">名刺クッキー(葉フレーム）（￥500/枚）</option>
              <option value="540" data-id="18">【プチギフト】ウェディングメダルクッキー(花1)（￥540/枚）</option>
              <option value="540" data-id="13">【プチギフト】ウェディングメダルクッキー(花２)（￥540/枚）</option>
              <option value="540" data-id="17">【プチギフト】ウェディングメダルクッキー(花3)（￥540/枚）</option>
              <option value="540" data-id="16">【プチギフト】ウェディングメダルクッキー(花4)（￥540/枚）</option>
              <option value="540" data-id="15">【プチギフト】ウェディングメダルクッキー(指輪1)（￥540/枚）</option>
              <option value="540" data-id="14">【プチギフト】ウェディングメダルクッキー(指輪2)（￥540/枚）</option>
              <option value="540" data-id="12">【プチギフト】写真入りウェディングメダルクッキー（￥540/枚）</option>
              <option value="540" data-id="213">アルファベットクッキー（￥540/枚）</option>
              <option value="540" data-id="217">アルファベットクッキー（￥540/枚）</option>
              <option value="540" data-id="216">アルファベットクッキー（￥540/枚）</option>
              <option value="540" data-id="214">アルファベットクッキー（￥540/枚）</option>
              <option value="540" data-id="215">アルファベットクッキー（￥540/枚）</option>
              <option value="540" data-id="88">感謝・メッセージ メッセージメダルクッキー（ピンクレース）（￥540/枚）</option>
              <option value="550" data-id="109">〇〇賞メダルクッキー（￥550/枚）</option>
              <option value="550" data-id="3">オリジナル作成 写真・イラスト オリジナルメダルクッキー（￥550/枚）</option>
              <option value="550" data-id="172">感謝・メッセージ メッセージメダルクッキー （花）グリーン（￥550/枚）</option>
              <option value="550" data-id="175">感謝・メッセージ メッセージメダルクッキー （花）ピンクイエロー（￥550/枚）</option>
              <option value="550" data-id="173">感謝・メッセージ メッセージメダルクッキー （花）ピンクパープル（￥550/枚）</option>
              <option value="550" data-id="174">感謝・メッセージ メッセージメダルクッキー （花）ブルー（￥550/枚）</option>
              <option value="550" data-id="36">感謝・メッセージ 感謝状メダルクッキー（￥550/枚）</option>
              <option value="550" data-id="171">卒業・卒園 卒業証書メダルクッキー 首掛けリボン付き（￥550/枚）</option>
              <option value="550" data-id="170">卒業・卒園 卒業証書メダルクッキー（小学生） 首掛けリボン付き（￥550/枚）</option>
              <option value="756" data-id="134">お祝い(還暦・出産・その他） 七五三メダルクッキー（女の子）（￥756/枚）</option>
              <option value="756" data-id="135">お祝い(還暦・出産・その他） 七五三メダルクッキー（男の子）（￥756/枚）</option>
              <option value="788" data-id="195">季節・イベント 【父の日ギフト】似顔絵メダルクッキー（￥788/枚）</option>
              <option value="1440" data-id="143">優勝・準優勝・３位メダルクッキー（３個セット）（￥1440/枚）</option>
              <option value="2398" data-id="59">金・銀・銅・努力賞・特別賞メダルクッキー（５個入り）（￥2398/枚）</option>
              <option value="2400" data-id="131">季節・イベント ハロウィンメダルクッキー５個入りセット（￥2400/枚）</option>
      
</select>  <div class="est-step">
    <div class="est-num" style="font-size:16px;">🏢</div>
    <div class="est-body">
      <label for="est-company">社名（任意）</label>
      <input type="text" id="est-company" class="est-input" placeholder="株式会社○○○○" maxlength="100">
    </div>
  </div>
  <div class="est-step">
    <div class="est-num">1</div>
    <div class="est-body">
      <label>商品と枚数を選んでください</label>
      <div class="item-header"><span>商品名</span><span>枚数</span><span></span></div>
      <div id="item-list"></div>
      <button type="button" id="btn-add-item" class="est-add">+ 商品を追加する</button>
      <p id="est-warn" class="est-warn" style="display:none;">►通常便（100枚以下）は最短1週間以降のお届けになります</p>
    </div>
  </div>

  <div class="est-step">
    <div class="est-num">2</div>
    <div class="est-body">
      <label>オプション</label>
      <div class="est-options">
        <label class="est-toggle"><input type="checkbox" id="est-urgent"> お急ぎ便を希望する（+￥130/枚）　最短4日発送</label>
        <label class="est-toggle"><input type="checkbox" id="est-nameire"> 名入れ希望（+￥108/枚）</label>
        <label class="est-toggle"><input type="checkbox" id="est-datakosei"> データ構成希望あり（+￥1,620）</label>
      </div>
      <p class="est-warn">►通常便（100枚以下）は最短1週間以降のお届けになります</p>
    </div>
  </div>
  <div class="est-step">
    <div class="est-num">3</div>
    <div class="est-body">
      <label for="est-pref">お届け先の都道府県</label>
      <select id="est-pref" class="est-select">
        <option value="">― 選択してください ―</option>
        <optgroup label="北海道"><option value="2084">北海道</option></optgroup>
        <optgroup label="東北"><option value="1339">青森・岩手・秋田・宮城・山形・福島</option></optgroup>
        <optgroup label="関東・信越">
          <option value="1123">茨城・栃木・群馬・埼玉・千葉・東京・神奈川</option>
          <option value="1123">山梨・長野</option>
        </optgroup>
        <optgroup label="北陸・中部">
          <option value="1015">新潟・富山・石川・福井</option>
          <option value="1015">愛知・岐阜・静岡・三重</option>
        </optgroup>
        <optgroup label="近畿・中国・四国・九州">
          <option value="907">大阪・奈良・和歌山・京都・滋賀・兵庫・奈良</option>
          <option value="907">岡山・鳥取・島根・広島・山口</option>
          <option value="907">徳島・香川・愛媛・高知</option>
          <option value="907">福岡・佐賀・大分・熊本・長崎・宮崎・鹿児島</option>
        </optgroup>
        <optgroup label="沖縄"><option value="1507">沖縄</option></optgroup>
      </select>
    </div>
  </div>
  <div class="est-result">
    <h2>見積結果</h2>
    <div class="est-row"><span>商品小計</span><span id="res-sub">―</span></div>
    <div style="font-size:11px;color:#888;text-align:right;padding:2px 0;" id="res-sub-tax"></div>
    <div class="est-row" id="urgent-row" style="display:none;"><span>お急ぎ便料金</span><span id="res-urgent"></span></div>
          <div class="est-row" id="nameire-row" style="display:none;"><span>名入れ料金</span><span id="res-nameire"></span></div>
          <div class="est-row" id="datakosei-row" style="display:none;"><span>データ構成料</span><span id="res-datakosei"></span></div>
    <div class="est-row"><span>送料</span><span id="res-ship">※ 都道府県を選択</span></div>
    <div style="font-size:11px;color:#888;text-align:right;padding:2px 0;" id="res-ship-tax"></div>
    <div class="est-divider"></div>
    <div class="est-total"><span>合計（税込）</span><span id="res-total">―</span></div>
    <div style="font-size:12px;color:#888;text-align:right;margin-top:-6px;margin-bottom:10px;" id="res-total-notax"></div>
    <div style="font-size:11px;color:#777;border-top:1px solid #eee;padding-top:10px;margin-top:4px;line-height:1.9;">適格請求書発行事業者登録番号：T7810072920787（適澁請求書発行事業者）<br>食品（クッキー）は軽減税率消費税8%、送料は10%
    </div>
    <p class="est-notes">本見積書は自動計算によるものです。オプション内容により詳細金額が異なる場合があります。</p>
    <p style="text-align:center;color:#1B2A4A;font-weight:bold;font-size:14px;margin:16px 0;border-top:2px solid #C9A84C;padding-top:14px;">上記お値段に問題なければ、商品ページよりご注文お待ちしております</p>
    <button class="est-pdf" onclick="downloadEstPDF()">📄 見積書PDFを作成・保存</button>
    <a href="/contact" class="est-inquiry">✉ 正式見積書・お問い合わせはこちら</a>
  </div>
</div>
</div>

<!-- FOOTER LINKS -->
<div class="est-footer-links">
  <a href="/">メダルクッキートップページ</a>｜<a href="/help/about">店舗概要</a>｜<a href="/help/privacy">プライバシーポリシー</a>｜<a href="/help/tradelaw">特定商取引法に基づく表記</a>｜<a href="/contact">お問い合わせ</a>
</div>