@charset "UTF-8";

/*course-list のデフォルトスタイル*/
.post_content .course-list-{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
       flex-wrap:wrap;
}

.post_content .course-list-item{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-flex:0;
   -ms-flex:0 0 50%;
       flex:0 0 50%;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
       flex-direction:column;
   margin-bottom:16px;
   padding:.5em;
}

@media (min-width: 1020px){
   .post_content .course-list-item{
      -webkit-box-flex:0;
      -ms-flex:0 0 calc(100% / 4);
          flex:0 0 calc(100% / 4);
   }
}

.post_content .course-list-item__inner{
   overflow:hidden;
}

.post_content .course-list-item__link{
   text-decoration:none;
   color:#333;
}

.post_content .course-list-item__link:hover .course-list-item__image img{
   -webkit-transform:scale(1.06);
           transform:scale(1.06);
}

.post_content .course-list-item__image{
   overflow:hidden;
}

.post_content .course-list-item__image img{
   width:100%;
   height:100%;
   -webkit-transition:-webkit-transform .25s;
           transition:-webkit-transform .25s;
           transition:        transform .25s;
           transition:        transform .25s, -webkit-transform .25s;
   vertical-align:middle;

   -o-object-fit:cover;
      object-fit:cover;
}

.post_content .course-list-item__body{
   padding:16px;
}

.post_content .course-list-item__title{
   font-size:16px;
   line-height:1;
   margin:0;
   padding:0;
   border:none;
}

.post_content .course-list-item .progress-item__bar{
   width:100%;
}

.post_content .course-list-item .progress-item__bar[value]{
   overflow:hidden;
   height:6px;
   color:#63cf0c;
   border:none;
   border-radius:6px;
   background-color:#eee;

   -webkit-appearance:none;
      -moz-appearance:none;
           appearance:none;
}

.post_content .course-list-item .progress-item__bar[value]::-webkit-progress-bar{
   background-color:#eee;
}

.post_content .course-list-item .progress-item__bar[value]::-webkit-progress-value{
   background:-webkit-gradient(linear, left top, right top, from(#7e7), to(var(--color_main)));
   background:linear-gradient(to right, #7e7, var(--color_main));
}

.post_content .course-list-item .progress-item__bar[value]::-moz-progress-bar{
   background-color:var(--color_main);
}

.post_content .course-list-item .progress-item__count{
   font-size:12px;
   line-height:1;
}

.post_content .course-list-item.complete .course-list-item__image{
   position:relative;
}

.post_content .course-list-item.complete .course-list-item__image::after{
   position:absolute;
   top:0;
   left:0;
   display:block;
   width:100%;
   height:100%;
   content:"";
   background:url(../images/complete.png) no-repeat center/cover;
}

/*# sourceMappingURL=course-list.css.map */

@media screen and (max-width: 570px){
   .post_content .course-list-item{
      flex:0 0 100%;
   }
}