/* public_html/nk25fs.com/wp-content/themes/cocoon-child-master/quiz/quiz.css */

.simple-quiz .sq-wrap{max-width:820px;margin:0 auto}
.simple-quiz .sq-card{border:1px solid #e8e8e8;border-radius:14px;padding:14px;margin:14px 0;background:#fff}
.simple-quiz .sq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.simple-quiz .sq-progress{font-size:14px;color:#666}
.simple-quiz .sq-qtext{font-size:18px;line-height:1.7;margin:10px 0 12px}
.simple-quiz .sq-body{margin-top:8px}
.simple-quiz .sq-result{margin-top:12px}
.simple-quiz .sq-judge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700}
.simple-quiz .sq-judge.ok{background:#e7f7ec;color:#1f7a3b}
.simple-quiz .sq-judge.ng{background:#fdecec;color:#b52b2b}
.simple-quiz .sq-expl{margin-top:10px;border-top:1px dashed #ddd;padding-top:10px}
.simple-quiz .sq-expl-title{margin-bottom:6px}
.simple-quiz .sq-expl-body img{max-width:100%;height:auto;border-radius:10px}

/* choices */
.simple-quiz .sq-choices{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.simple-quiz .sq-choice{width:100%;text-align:left;border:1px solid #ddd;border-radius:12px;background:#fff;padding:12px 12px;font-size:16px;line-height:1.5}
.simple-quiz .sq-choice:hover{border-color:#bbb}
.simple-quiz .sq-choice.is-selected{border-color:#1f7a3b;background:#e7f7ec}
.simple-quiz .sq-choice:disabled{opacity:.6}

/* actions */
.simple-quiz .sq-actions{display:flex;gap:10px;margin-top:12px;justify-content:space-between}
.simple-quiz .sq-actions-next{justify-content:flex-end} /* ★追加：次へボタンだけ右寄せ */

.simple-quiz .sq-btn{border:1px solid #ddd;border-radius:12px;background:#fff;padding:10px 14px;font-size:15px}
.simple-quiz .sq-btn-primary{border-color:#1f7a3b;background:#1f7a3b;color:#fff}
.simple-quiz .sq-btn:disabled{opacity:.6}

/* fill blanks */
.simple-quiz .sq-blank{display:inline-block;margin:0 6px}
.simple-quiz .sq-input{width:10em;max-width:60vw;border:1px solid #ddd;border-radius:10px;padding:8px 10px;font-size:16px}

/* correct donut effect */
.sq-correct-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:999999}
.sq-correct-pop{width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle at center, transparent 0 52%, rgba(31,122,59,.85) 53% 100%);
  opacity:.95;transform:scale(.9);transition:opacity .45s ease, transform .45s ease
}
.sq-correct-pop.is-hide{opacity:0;transform:scale(1.05)}