@charset "UTF-8";
/* 音声プレイヤーを小さくして横に置く */
.audio-mini{
  height: 16px;
  width: 100px;   /* ここで横幅調整 */
  vertical-align: middle;
}
/* ===== 動詞活用表：フォントサイズ調整（PC＋スマホ対応） ===== */

.verb-table{
  border-collapse:collapse;
  width:100%;
  max-width:980px;
  table-layout:fixed;
}

.verb-table th,
.verb-table td{
  border:1px solid #ccc;
  padding:8px 10px;
  vertical-align:top;
  text-align:left;
}

.verb-table th{
  background:#f5f5f5;
  font-weight:700;
}

/* あいうえお列（極細） */
.verb-table th:first-child,
.verb-table td.rowhead{
  width:20px;
  min-width:20px;
  max-width:20px;
  padding:4px 2px;
  text-align:center;
  white-space:nowrap;
}

/* ===== セル内文字サイズ ===== */

/* ひらがな（基本形）← 小さくする */
.verb-table .jp{
  font-size:16px;      /* ← PC表示用（以前より小さく） */
  line-height:1.2;
}

/* ローマ字 */
.verb-table .ro{
  font-size:12px;
  opacity:.85;
  margin-top:2px;
}

/* 規則表示 */
.verb-table .rule{
  font-size:11px;
  margin-top:4px;
  line-height:1.2;
}

/* ピンクマーカー */
.verb-table .marker-pink{
  background:linear-gradient(transparent 60%, #f7b6c8 60%);
  padding:0 2px;
}

/* ===== スマホ用（画面幅768px以下） ===== */
@media screen and (max-width:768px){

  .verb-table .jp{
    font-size:14px;    /* ← スマホではさらに小さく */
  }

  .verb-table .ro{
    font-size:11px;
  }
lign: middle;
}
.qa-audio-vert{
  margin: 14px 0;
}

.row-audio{
  margin-bottom: 10px;
}

.row-answer{
  margin-top: 4px;
}

/* checkboxは隠す */
.ans-toggle{
  display: none;
}

/* ボタン（label） */
.answer-btn{
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #bbb;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

/* 答えは最初隠す */
.answer-text{
  display: none;
  margin-left: 10px;
  font-weight: 700;
  font-size: 18px;
}

/* チェックされたら表示 */
.ans-toggle:checked ~ .answer-text{
  display: inline;
}