@charset "UTF-8";
.videotitle{
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.bxslider {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 68px;
}

.bxslider li {
    position: relative;
    width: 124px;
    text-align: center;
}

.bxslider .avatar_common {
    margin-left:auto;
    margin-right:auto;
}

.bxslider .videotitle{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.bxslider .rl_wd:hover a,
.bxslider .rl_wd:hover .title-text{
  color:var(--link-color-default-hover);
  text-decoration: none;
}
.bxslider .title-text strong{
    color: var(--link-color-default);
}

.bxslider .rl_wd img {
    width: auto;
}
@media (max-width : 768px) {
    .bxslider .avatar_common.avatar_common_large{
        width: 100%;
    }

    .bxslider {
        gap: 50px 24px;
    }
    .bxslider li {
        width: calc((100% - 96px) / 5);
         max-width: initial;
    }
}

@media (max-width : 660px) {
  .bxslider li {
    width: calc((100% - 72px) / 4);
  }
}
@media(max-width: 480px) {
    .bxslider li {
        width: calc((100% - 48px) / 3);
    }
}