/* テーマtheme18 紅イモ✓*/
.btn-theme18{color: var(--bs-gray-700);background-color: var(--bs-theme18-accent);border-color: var(--bs-theme18-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme18{background-color: var(--bs-theme18-sub);color: var(--bs-gray-900);}
.strong-letter-theme18{color:var(--bs-cred);}
.bg-theme18{background-color: var(--bs-theme18-base);}
.bg-light-theme18{background-color: var(--bs-theme18-base2);}
.bg-heavy-theme18{background-color: var(--bs-theme18-sub);}
.message-theme18{color: var(--bs-gray-900);background-color: var(--bs-theme18-base2);}
.message-theme18.active{color: var(--bs-gray-900);background-color: var(--bs-theme18-sub);}
.table18 tr:nth-child(odd){background-color:var(--bs-theme18-base2); }
.question_column18{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme18-base); border-radius: 7px;}
.bg-verylight-theme18{background-color:var(--bs-theme18-base3)!important;}
.logo-letter-theme18{color:var(--bs-gray-100);}
.version-theme18{color: var(--bs-gray-900);}
.comment-theme18{color: var(--bs-gray-900);}
.bc-theme18{border-color: transparent var(--bs-theme18-base);}
.bc2-theme18{border-color: transparent var(--bs-theme18-base2);}
.bottom-theme18{background-color: var(--bs-theme18-sub);color: var(--bs-gray-200);}

/* テーマtheme19 NormalFontベーシック　青と白の事務的な感じ。✓*/
.btn-theme19{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-white);background-color: var(--bs-theme0-accent);border-color: var(--bs-theme0-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme19{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme0-sub);color: var(--bs-gray-900);}
.strong-letter-theme19{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-cred);}
.bg-theme19{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme0-base);}
.bg-light-theme19{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme0-base2);}
.bg-heavy-theme19{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme0-accent);}
.message-theme19{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme0-base2);}
.message-theme19.active{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme0-sub);}
.table19 tr:nth-child(odd){font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme0-base2); }
.question_column19{font-family: 'Kosugi Maru', sans-serif;width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme0-base); border-radius: 7px;}
.bg-verylight-theme19{font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme0-base3)!important;}
.logo-letter-theme19{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-gray-100);}
.version-theme19{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-200);}
.comment-theme19{color: var(--bs-gray-900);}
.bc-theme19{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme0-base);}
.bc2-theme19{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme0-base2);}
.bottom-theme19{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme0-sub);color: var(--bs-gray-200);}


/* テーマtheme20 オーガニック✓*/
.btn-theme20{color: var(--bs-gray-700);background-color: var(--bs-theme20-accent);border-color: var(--bs-theme20-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme20{background-color: var(--bs-theme20-sub);color: var(--bs-gray-900);}
.strong-letter-theme20{color:var(--bs-cred);}
.bg-theme20{background-color: var(--bs-theme20-base);}
.bg-light-theme20{background-color: var(--bs-theme20-base2);}
.bg-heavy-theme20{background-color: var(--bs-theme20-sub);}
.message-theme20{color: var(--bs-gray-900);background-color: var(--bs-theme20-base2);}
.message-theme20.active{color: var(--bs-gray-900);background-color: var(--bs-theme20-sub);}
.table20 tr:nth-child(odd){background-color:var(--bs-theme20-base2); }
.question_column20{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme20-base); border-radius: 7px;}
.bg-verylight-theme20{background-color:var(--bs-theme20-base3)!important;}
.logo-letter-theme20{color:var(--bs-gray-100);}
.version-theme20{color: var(--bs-gray-900);}
.comment-theme20{color: var(--bs-gray-900);}
.bc-theme20{border-color: transparent var(--bs-theme20-base);}
.bc2-theme20{border-color: transparent var(--bs-theme20-base2);}
.bottom-theme20{background-color: var(--bs-theme20-sub);color: var(--bs-gray-200);}

/* テーマtheme21　パンプキン*/
.btn-theme21{color: var(--bs-white);background-color: var(--bs-theme21-accent);border-color: var(--bs-theme21-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme21{background-color: var(--bs-theme21-sub);color: var(--bs-gray-100);}
.strong-letter-theme21{color:var(--bs-dred);}
.bg-theme21{background-color: var(--bs-theme21-base);color:var(--bs-gray-100);}
.bg-light-theme21{background-color: var(--bs-theme21-base2);}
.bg-heavy-theme21{background-color: var(--bs-theme21-accent);}
.message-theme21{color: var(--bs-gray-100);background-color: var(--bs-theme21-base2);}
.message-theme21.active{color: var(--bs-gray-100);background-color: var(--bs-theme21-sub);}
.table21 tr:nth-child(odd){background-color:var(--bs-theme21-base2); }
.question_column21{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme21-base); border-radius: 7px;}
.bg-verylight-theme21{background-color:var(--bs-theme21-base3)!important;}
.logo-letter-theme21{color:var(--bs-gray-100);}
.version-theme21{color: var(--bs-gray-200);}
.bg-graph-theme21{background-color: var(--bs-light);}
.comment-theme21{color: var(--bs-gray-900);}
.bc-theme21{border-color: transparent var(--bs-theme21-base);}
.bc2-theme21{border-color: transparent var(--bs-theme21-base2);}
.bottom-theme21{background-color: var(--bs-theme21-sub);color: var(--bs-gray-200);}

/* テーマtheme22　フレグランス*/
.btn-theme22{color: var(--bs-white);background-color: var(--bs-theme22-accent);border-color: var(--bs-theme22-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme22{background-color: var(--bs-theme22-sub);color: var(--bs-gray-100);}
.strong-letter-theme22{color:var(--bs-dred);}
.bg-theme22{background-color: var(--bs-theme22-base);color:var(--bs-gray-100);}
.bg-light-theme22{background-color: var(--bs-theme22-base2);}
.bg-heavy-theme22{background-color: var(--bs-theme22-accent);}
.message-theme22{color: var(--bs-gray-100);background-color: var(--bs-theme22-base2);}
.message-theme22.active{color: var(--bs-gray-100);background-color: var(--bs-theme22-sub);}
.table22 tr:nth-child(odd){background-color:var(--bs-theme22-base2); }
.question_column22{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme22-base); border-radius: 7px;}
.bg-verylight-theme22{background-color:var(--bs-theme22-base3)!important;}
.logo-letter-theme22{color:var(--bs-gray-100);}
.version-theme22{color: var(--bs-gray-200);}
.bg-graph-theme22{background-color: var(--bs-light);}
.comment-theme22{color: var(--bs-gray-200);}
.bc-theme22{border-color: transparent var(--bs-theme22-base);}
.bc2-theme22{border-color: transparent var(--bs-theme22-base2);}
.bottom-theme22{background-color: var(--bs-theme22-sub);color: var(--bs-gray-200);}

/* テーマtheme23 モイスチャー*/
.btn-theme23{color: var(--bs-white);background-color: var(--bs-theme23-accent);border-color: var(--bs-theme23-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme23{background-color: var(--bs-theme23-sub);color: var(--bs-gray-900);}
.strong-letter-theme23{color:var(--bs-cred);}
.bg-theme23{background-color: var(--bs-theme23-base);}
.bg-light-theme23{background-color: var(--bs-theme23-base2);}
.bg-heavy-theme23{background-color: var(--bs-theme23-accent);}
.message-theme23{color: var(--bs-gray-900);background-color: var(--bs-theme23-base2);}
.message-theme23.active{color: var(--bs-gray-900);background-color: var(--bs-theme23-sub);}
.table23 tr:nth-child(odd){background-color:var(--bs-theme23-base2); }
.question_column23{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme23-base); border-radius: 7px;}
.bg-verylight-theme23{background-color:var(--bs-theme23-base3)!important;}
.logo-letter-theme23{color:var(--bs-gray-100);}
.version-theme23{color: var(--bs-gray-900);}
.comment-theme23{color: var(--bs-gray-900);}
.bc-theme23{border-color: transparent var(--bs-theme23-base);}
.bc2-theme23{border-color: transparent var(--bs-theme23-base2);}
.bottom-theme23{background-color: var(--bs-theme23-sub);color: var(--bs-gray-800);}

/* テーマtheme24 ロマンティック*/
.btn-theme24{color: var(--bs-white);background-color: var(--bs-theme24-accent);border-color: var(--bs-theme24-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme24{background-color: var(--bs-theme24-sub);color: var(--bs-gray-900);}
.strong-letter-theme24{color:var(--bs-cred);}
.bg-theme24{background-color: var(--bs-theme24-base);}
.bg-light-theme24{background-color: var(--bs-theme24-base2);}
.bg-heavy-theme24{background-color: var(--bs-theme24-accent);}
.message-theme24{color: var(--bs-gray-900);background-color: var(--bs-theme24-base2);}
.message-theme24.active{color: var(--bs-gray-900);background-color: var(--bs-theme24-sub);}
.table24 tr:nth-child(odd){background-color:var(--bs-theme24-base2); }
.question_column24{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme24-base); border-radius: 7px;}
.bg-verylight-theme24{background-color:var(--bs-theme24-base3)!important;}
.logo-letter-theme24{color:var(--bs-gray-100);}
.version-theme24{color: var(--bs-gray-900);}
.comment-theme24{color: var(--bs-gray-900);}
.bc-theme24{border-color: transparent var(--bs-theme24-base);}
.bc2-theme24{border-color: transparent var(--bs-theme24-base2);}
.bottom-theme24{background-color: var(--bs-theme24-sub);color: var(--bs-gray-200);}

/* テーマtheme25　漆塗り*/
.btn-theme25{color: var(--bs-white);background-color: var(--bs-theme25-accent);border-color: var(--bs-theme25-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme25{background-color: var(--bs-theme25-sub);color: var(--bs-gray-100);}
.strong-letter-theme25{color:var(--bs-dred);}
.bg-theme25{background-color: var(--bs-theme25-base);color:var(--bs-gray-100);}
.bg-light-theme25{background-color: var(--bs-theme25-base2);}
.bg-heavy-theme25{background-color: var(--bs-theme25-accent);}
.message-theme25{color: var(--bs-gray-100);background-color: var(--bs-theme25-base2);}
.message-theme25.active{color: var(--bs-gray-100);background-color: var(--bs-theme25-sub);}
.table25 tr:nth-child(odd){background-color:var(--bs-theme25-base2); }
.question_column25{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme25-base); border-radius: 7px;}
.bg-verylight-theme25{background-color:var(--bs-theme25-base3)!important;}
.logo-letter-theme25{color:var(--bs-gray-100);}
.version-theme25{color: var(--bs-gray-200);}
.bg-graph-theme25{background-color: var(--bs-light);}
.comment-theme25{color: var(--bs-gray-900);}
.bc-theme25{border-color: transparent var(--bs-theme25-base);}
.bc2-theme25{border-color: transparent var(--bs-theme25-base2);}
.bottom-theme25{background-color: var(--bs-theme25-sub);color: var(--bs-gray-200);}

/* テーマtheme26 Normal３ 色ははんなり✓*/
.btn-theme26{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-white);background-color: var(--bs-theme12-accent);border-color: var(--bs-theme12-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme26{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme12-sub);color: var(--bs-gray-900);}
.strong-letter-theme26{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-cred);}
.bg-theme26{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme12-base);}
.bg-light-theme26{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme12-base2);}
.bg-heavy-theme26{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme12-accent);}
.message-theme26{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme12-base2);}
.message-theme26.active{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme12-sub);}
.table26 tr:nth-child(odd){font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme12-base2); }
.question_column26{font-family: 'Kosugi Maru', sans-serif;width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme12-base); border-radius: 7px;}
.bg-verylight-theme26{font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme12-base3)!important;}
.logo-letter-theme26{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-gray-100);}
.version-theme26{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);}
.comment-theme26{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);}
.bc-theme26{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme12-base);}
.bc2-theme26{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme12-base2);}
.bottom-theme26{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme12-sub);color: var(--bs-gray-200);}

/* テーマtheme27 Normalフォント４　色はフルーツ✓*/
.btn-theme27{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-white);background-color: var(--bs-theme7-accent);border-color: var(--bs-theme7-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme27{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme7-sub);color: var(--bs-gray-900);}
.strong-letter-theme27{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-cred);}
.bg-theme27{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme7-base);}
.bg-light-theme27{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme7-base2);}
.bg-heavy-theme27{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme7-accent);}
.message-theme27{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme7-base2);}
.message-theme27.active{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);background-color: var(--bs-theme7-sub);}
.table27 tr:nth-child(odd){font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme7-base2); }
.question_column27{font-family: 'Kosugi Maru', sans-serif;width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme7-base); border-radius: 7px;}
.bg-verylight-theme27{font-family: 'Kosugi Maru', sans-serif;background-color:var(--bs-theme7-base3)!important;}
.logo-letter-theme27{font-family: 'Kosugi Maru', sans-serif;color:var(--bs-gray-100);}
.version-theme27{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);}
.comment-theme27{font-family: 'Kosugi Maru', sans-serif;color: var(--bs-gray-900);}
.bc-theme27{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme7-base);}
.bc2-theme27{font-family: 'Kosugi Maru', sans-serif;border-color: transparent var(--bs-theme7-base2);}
.bottom-theme27{font-family: 'Kosugi Maru', sans-serif;background-color: var(--bs-theme7-sub);color: var(--bs-gray-200);}

/* テーマtheme28 白っすよ白。*/
.btn-theme28{color: var(--bs-gray-700);background-color: var(--bs-theme28-accent);border-color: var(--bs-theme28-accent);margin-bottom: 10px;font-weight: bold;font-size: 1rem;}
.theme28{background-color: var(--bs-theme28-sub);color: var(--bs-gray-900);}
.strong-letter-theme28{color:var(--bs-cred);}
.bg-theme28{background-color: var(--bs-theme28-base);}
.bg-light-theme28{background-color: var(--bs-theme28-base2);}
.bg-heavy-theme28{background-color: var(--bs-theme28-sub);}
.message-theme28{color: var(--bs-gray-900);background-color: var(--bs-theme28-base2);}
.message-theme28.active{color: var(--bs-gray-900);background-color: var(--bs-theme28-sub);}
.table28 tr:nth-child(odd){background-color:var(--bs-theme28-base2); }
.question_column28{width: 90%; padding: 5px 5px 5px 6px; font-size: 0.6rem; margin: 1px;border: solid 2px var(--bs-theme28-base); border-radius: 7px;}
.bg-verylight-theme28{background-color:var(--bs-theme28-base3)!important;}
.logo-letter-theme28{color:var(--bs-gray-700);}
.version-theme28{color: var(--bs-gray-900);}
.comment-theme28{color: var(--bs-gray-900);}
.bc-theme28{border-color: transparent var(--bs-theme28-base);}
.bc2-theme28{border-color: transparent var(--bs-theme28-base2);}
.bottom-theme28{background-color: var(--bs-theme28-sub);color: var(--bs-gray-700);}



  /* バッジ */
.badge2 {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
}

/* 状態別カラー */
.badge2-started {
  background-color: #1e90ff; /* 青：受講中 */
}
.badge2-complete {
  background-color: #28a745; /* 緑：完了 */
}
.badge2-pending {
  background-color: #ff9800; /* オレンジ：未開始 */
}
.badge2-stopped {
  background-color: #9e9e9e; /* グレー：中断中など */
}

/* ちょっとしたアニメーション */
.badge2-started {
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(30,144,255,0.5); }
  70% { box-shadow: 0 0 0 6px rgba(30,144,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(30,144,255,0); }
}