/**
 * ------------------------------
 * tl-course.css
 * ------------------------------
 * @purpose
 * 講座ページのcss
 *
 * @pages
 * ・(サイト全体)
 *
 * @version
 * 1.1.4
 */

/**
 * ----------------------------------------
 *  # 基本スタイリング: 文字サイズ・余白
 * ----------------------------------------
 */
@media (max-width: 768px) {
  /***
    * [講座概要→ターゲット]
    */
  div.postid-2128 .wm-course-overview ul {
    font-size: 1.1rem;
  }
  div.postid-2128 .wm-course-overview ul li {
    margin-bottom: 5%;
  }
  /***
  * [ベネフィット（終了時に得られるアナタの姿）]
  */
  div.postid-2128 .wm-course-benefit ul {
    font-size: 1.1rem;
  }
  div.postid-2128 .wm-course-benefit ul li {
    margin-bottom: 8%;
  }

  /***
  * [特典]
  */
  div.postid-2128 .wm-course-bonus {
    font-size: 1.1rem !important;
    letter-spacing: 0.1rem;
  }
  div.postid-2128 .wm-course-bonus li {
    margin-top: 5%;
    margin-bottom: 1%;
  }

  /***
  * [レッスン一覧]
  */
  div.postid-2128 .wm-course-curriculum {
    font-size: 1.2rem;
  }
}

/**
 * ----------------------------------------
 *  # 基本スタイリング: 非表示枠
 * ----------------------------------------
 */
/***
 * [コースについて：　非表示]
 */
.tutor-course-details-content > h2 {
  display: none;
}
/***
 * [ このコースで学べること：　非表示]
 */
#tutor-course-details-tab-info
  > div.tutor-course-details-widget.tutor-course-details-widget-col-2.tutor-mt-lg-50.tutor-mt-32 {
  display: none;
}
/***
* [ コース内容：　非表示]
*/
#tutor-course-details-tab-info > div.tutor-mt-40 {
  display: none;
}
/***
* [ コースの進捗状況：　非表示]
*/
/* お知らせ "すべてのレッスンを完了して、このコースを完了として～" */
#content
  > div
  > div
  > div
  > aside
  > div
  > div.tutor-card.tutor-card-md.tutor-sidebar-card
  > div.tutor-card-body
  > div.tutor-alert.tutor-warning.tutor-mt-28 {
  display: none;
}
/* コース登録日 */
#content
  > div
  > div
  > div
  > aside
  > div
  > div.tutor-card.tutor-card-md.tutor-sidebar-card
  > div.tutor-card-body
  > div.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
  display: none !important;
}

/***
  * [ コース制作・このコースの内容・受講対象者：　非表示]
  */
#content
  > div
  > div
  > div
  > aside
  > div
  > div.tutor-single-course-sidebar-more.tutor-mt-24 {
  display: none;
}

/**
 * ----------------------------------------
 *  # 講座CTAサイドバーを本文下部へ配置
 * ----------------------------------------
 */

/*
 * Tutor LMSの2カラム構成を解除し、
 * 本文 → 進捗状況の1カラム表示にする
 */
.single-courses
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > main.tutor-col-xl-8,
.single-courses
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > aside.tutor-col-xl-4 {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/*
 * バンドル講座もサイドバー分の右余白を残さず、本文を全幅で表示する
 */
.course-bundle
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > main.tutor-col-xl-8,
.course-bundle
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > aside.tutor-col-xl-4 {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/*
 * 進捗状況を本文の下へ配置
 */
.single-courses
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > aside.tutor-col-xl-4 {
  margin-top: 40px;
}

.course-bundle
  .tutor-course-details-page
  > .tutor-row.tutor-gx-xl-5
  > aside.tutor-col-xl-4 {
  margin-top: 40px;
}

/*
 * Tutor LMSの自動追従を解除
 */
.single-courses .tutor-single-course-sidebar,
.single-courses .tutor-single-course-sidebar .tutor-sidebar-card {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
}

.course-bundle .tutor-single-course-sidebar,
.course-bundle .tutor-single-course-sidebar .tutor-sidebar-card {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
}

/**
 * ----------------------------------------
 *  # 講座CTAボタンのフロート表示
 * ----------------------------------------
 */
.wm-course-floating-cta {
  position: fixed;
  right: 24px;
  left: 24px;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  z-index: 9990;
  width: auto;
  box-sizing: border-box;
}

.wm-course-floating-cta__action,
.wm-course-floating-cta__action .tutor-btn,
.wm-course-floating-cta__action.tutor-btn {
  width: 100%;
  margin: 0 !important;
}

.wm-course-floating-cta form {
  width: 100%;
  margin: 0;
}

@media (max-width: 768px) {
  .wm-course-floating-cta {
    right: 14px;
    left: 14px;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .wm-course-floating-cta,
  .wm-course-floating-cta * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/**
 * ----------------------------------------
 *  # バンドル画面: 非表示枠
 * ----------------------------------------
 */
/* バンドル講座のページにだけ適用する条件 */
  /***
    * [このコースで学べること枠　：　非表示]
    * [バンドルに含まれるコース　：　非表示]
    */
  .single-course-bundle div.tutor-course-details-tab .tutor-tab .tutor-mt-32 {
    display: none !important;
  }

  /***
    * [講師枠　：　非表示]
    */
  .single-course-bundle aside .tutor-bundle-author-list {
    display: none !important;
  }
}