/* 問題ページ（com_q.php）共通スタイル */

.answer-btn.answer-selected { background:#F7DFA5; }
.aPage { display:none; }
.qPage { display:block; }

/* 要復習チェックのインフォメーションアイコン & ツールチップ（合格対策ダッシュボード準拠） */
.info-tip{ position:relative; display:inline-flex; align-items:center; vertical-align:middle; margin-right:4px; }
.info-tip .info-ico{ width:18px; height:18px; color:#6b7785; cursor:help; display:inline-flex; }
.info-tip .info-ico svg{ width:18px; height:18px; display:block; }
.info-tip .tip-box{
  position:absolute; top:calc(100% + 11px); right:0; left:auto;
  width:max-content; max-width:80vw; background:#33414f; color:#fff; text-align:left;
  font-size:12px; font-weight:500; line-height:1.7; padding:12px 14px; border-radius:10px;
  box-shadow:0 8px 22px rgba(20,40,80,.24); opacity:0; visibility:hidden;
  transition:opacity .15s ease; z-index:40; pointer-events:none; white-space:nowrap;
}
.info-tip .tip-box:before{
  content:""; position:absolute; bottom:100%; right:6px;
  border:7px solid transparent; border-bottom-color:#33414f;
}
.info-tip:hover .tip-box, .info-tip:focus .tip-box, .info-tip:focus-within .tip-box{
  opacity:1; visibility:visible;
}