/**
  * ------------------------------
  * tl-lesson.css
  * ------------------------------
  * @purpose
  * 下記対象ページのcss
  *
  * @pages
  * ・講座TOPより下の階層(講座TOPは含めない)
  *   ・レッスン
  *   ・QuietNote
  *
  * @note
  * ・.wm-css：自作cssは区別のため、ラッパーコンテナにwm-cssクラスを付している
  *
  * @version
  * 1.0.1
  */

/**
  * ----------------------------------------
  *  # 共通（レッスン/QuietNoteページ）
  * ----------------------------------------
  */

/***
   * [TutorLMSレッスンヘッダ(青バー)]
   */
.tutor-course-topic-single-header.tutor-single-page-top-bar {
  display: none !important;
}
/***
   * [TutorLMSレッスンフッタ(前へ/次へ)]
   */
.tutor-course-topic-single-footer {
  display: none !important;
}

/***
 * [ハンバーガーメニュー（フロートボタン）]
 */
#wm-course-menu-btn {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #3e64de;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

/**
 * ----------------------------------------
 *  # レッスンページ
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 *  # Quiet Note
 * ----------------------------------------
 */
.wm-qn-goal {
  background-color: #ffe6e6;
  padding: 16px 20px;
  border-radius: 6px;
  margin: 20px 0;
  border: 1px solid #f5b5b5; /* 淡い境界線 */
  color: #333;
}
.wm-qn-goal .subtitle {
  font-size: 1rem;
  font-weight: bold;
  margin: 1% auto;
}
.wm-qn-goal .title {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 1% auto;
}
.wm-qn-goal .desc {
  font-size: 0.9rem;
}
.wm-qn-goal .liner {
  margin: 3%;
  font-size: 1.2rem;
  text-align: center;
}

/**
* ----------------------------------------
*  # 講座ページ・レッスンページ
* ----------------------------------------
*/
/* TODO -  ⇩共通なので、tl-commmon.cssへ移したほうがよさそう  */
/* デフォルトのwidthが狭いため、拡大 */
.tutor-col-xl-8 {
  width: 90%;
}