/* ZQ Stage3 DEMO版 v1.3.0 — 残り回数の札と、使い切ったときの案内 */

/* ヘッダーの札 */
.zqd-tag{display:inline-flex;align-items:center;gap:8px;
  background:#fff7ed;border:1px solid #fcd9a8;border-radius:999px;padding:5px 12px 5px 10px;
  font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif}
.zqd-tag b{font-size:10px;font-weight:900;letter-spacing:.12em;color:#fff;
  background:#e08b1f;border-radius:5px;padding:2px 7px}
.zqd-tag span{font-size:11.5px;font-weight:800;color:#8a5a12}
.zqd-tag i{font-style:normal;font-size:14px;font-weight:900;color:#c2680c;margin:0 1px}
.zqd-tag.zqd-low{background:#fef2f2;border-color:#f5c2c2}
.zqd-tag.zqd-low b{background:#c0392b}
.zqd-tag.zqd-low span{color:#8c2f24}
.zqd-tag.zqd-low i{color:#c0392b}

/* 使い切ったときの案内 */
.zqd-end{position:fixed;inset:0;z-index:9500;background:rgba(12,22,40,.55);
  display:flex;align-items:center;justify-content:center;padding:20px;
  font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif}
.zqd-endCard{width:100%;max-width:430px;background:#fff;border-radius:16px;padding:26px 24px 24px;
  text-align:center;box-shadow:0 20px 55px rgba(10,20,40,.35)}
.zqd-endTag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#fff;
  background:#e08b1f;border-radius:6px;padding:4px 11px;margin-bottom:12px}
.zqd-endT{font-size:20px;font-weight:900;color:#1b2637;margin-bottom:10px}
.zqd-endP{font-size:13px;line-height:2;color:#5b6b80;margin:0 0 18px}
.zqd-endP b{color:#1b2637}
.zqd-endBtn{display:inline-flex;align-items:center;justify-content:center;
  padding:13px 30px;font-size:15px;font-weight:900;text-decoration:none;
  background:#2563eb;color:#fff;border-radius:11px;box-shadow:0 3px 12px rgba(37,99,235,.28)}
.zqd-endBtn:hover{background:#1746b8;color:#fff}

@media(max-width:860px){
  .zqd-tag{padding:4px 9px 4px 8px;gap:6px}
  .zqd-tag span{font-size:10.5px}
  .zqd-endCard{padding:22px 18px 20px}
  .zqd-endT{font-size:18px}
}
.zqd-endLink{display:block;margin-top:14px;font-size:12px;font-weight:800;color:#6b7a90;
  text-decoration:underline}
.zqd-endLink:hover{color:#1b2637}

/* DEMOの札から一覧へ */
.zqd-list{margin-left:4px;font-size:11px;font-weight:900;color:#c2680c;text-decoration:underline;
  white-space:nowrap}
.zqd-list:hover{color:#8a5a12}

/* 事務局のあて先（使い切ったときの案内の下） */
.zqd-endMail{margin:16px 0 0;font-size:12.5px;line-height:1.9;color:#5b6b80}
.zqd-endMail a{font-weight:900;color:#2563eb;text-decoration:underline;word-break:break-all}
.zqd-endMail a:hover{color:#1746b8}