@charset "UTF-8";
/*==========================================
  course
--------------------------------------------

  202605_Ph4.5
  /article/detail/article.html

--------------------------------------------*/

/* style_page-title.css より */
.p-hero_lower {
  height: auto !important;
}
  .p-hero_lower .p-hero_lower__hdg__title {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px !important;
    max-width: 1124px !important;
    min-height: 130px !important;
  }
@media (min-width: 600px) {
  .p-hero_lower {
    min-height: 230px !important;
  }
    .p-hero_lower .p-hero_lower__hdg__title {
      min-height: 160px !important;
    }
}
.p-hero_lower__hdg {
  height: auto !important;
}

/* style_class_ph1-5.css より */
.p-course_badge_display__item__content__head__tag {
  flex-shrink: 0;
}




/* 2026.05 コース likeボタン追加
   scourse-like__area
--------------------------------------------*/
/* コース一覧*/
@media (max-width: 599.99px) {
    .c-course_hdg__title{
      position: relative;
      padding-right: 82px;
    }
    .c-course_hdg__title .c-like{
      position: absolute;
      top: -5px;
      right: 0;
    }
    .c-course_hdg__title .c-like label span{
      display: flex;
      flex-direction:row-reverse;
      justify-content: flex-end;
      align-items: center;
      gap: 3px;
    }

    .c-course_hdg__title .c-like span{
    }
}

@media (min-width: 600px) {
    .c-course_hdg__title .c-like{
      padding-left: 10px;
    }
      .c-course_hdg__title .c-like span::after{
        display: none !important;
    }
}

/* コース詳細 */
.course-like__area{
    display: flex;
    padding: 0 0 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.course-like__area .c-like label{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 230px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #E4EDEB;
}
.course-like__area .c-like span{
    display: flex;
    width: 230px;
    height: 50px;
    padding: 0 9px;
    flex-direction:row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
    border-radius: 50px;
}
.course-like__area .c-like span::before{
    flex-shrink: 0;
}
.course-like__area .c-like span::after{
    width: 100%;
    content: "このコースをお気に入りに追加";
    text-align: center;
}
.course-like__area .c-like input[type=checkbox]:checked + span::after {
  content: "このコースをお気に入りに追加済";
}