@charset "utf-8";

/* 授業カードのカスタム */
.title-trunk{
    color: #334e6f!important;
    font-size: 100%!important;
    font-weight: bold;
}
.title-trunk:hover{
    cursor: pointer;
    color: #4DB7FE!important;
}
.ct-wrap{
    height: 416px;
}
.ct-class-title{
    height: 40px;
}
.ct-class-location{
    height: 68px;
}
.ct-slick-slide-item{
    width : calc(100% / 4) ;
}
@media screen and (max-width:1150px){
    .ct-slick-slide-item{
        width : calc(100% / 2) ;
    }
}
@media screen and (max-width:800px){
    .ct-slick-slide-item{
        width : 100%;
    }
}
@media screen and (max-width:800px){
    .ct-slick-slide-item{
        width : 100%;
    }
}
/* 広告 */
@media screen and (max-width:800px){
    .smazemi-ad{
        width : 100%;
    }
}
/* trunk.8で...を効かせるためにwidthを設定する必要がある */
.popular-slick-slide-item{
    width : calc(100% / 5) ;
}
@media screen and (max-width:1500px){
    .popular-slick-slide-item{
        width : calc(100% / 4) ;
    }
}
@media screen and (max-width:1224px){
    .popular-slick-slide-item{
        width : calc(100% / 3) ;
    }
}
@media screen and (max-width:1024px){
    .popular-slick-slide-item{
        width : calc(100% / 2) ;
    }
}
@media screen and (max-width:800px){
    .popular-slick-slide-item{
        width : calc(100% / 1) ;
    }
}
/* section2のはみ出るバグを修正 */
@media screen and (max-width:1150px) and (min-width:1064px) {
    #sec2 .container{
        width: 1095px !important;
    }
}
/* section3のはみ出るバグを修正 */
@media screen and (max-width:1178px) and (min-width:1064px) {
    #sec3 .container{
        width: 980px !important;
    }
}

/* カテゴリ選択ボタン */
.category-form-btn:hover{
    cursor: pointer;
}

/* 新着と初回無料のもっとみるリンク */
.more-link:hover{
    cursor: pointer;
}

/* section-ララボマガジン */
.mg-list{
    margin-bottom:48px;
}
.mg-list-panel{
    border-bottom: 1px solid #f2f5f5;
    display: block;
    padding: 16px 0;
    margin: 0 6%;
}
.mg-list-img{
    border-radius: 6px;
    display: inline-block;
    margin-right: 16px;
    height: 100px;
    width: 100px;
}
.mg-list-contents{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 121px);
    text-align:left ;
    padding-top: 15px;
}
.mg-list-title{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 1px;
}
.mg-list-desc{
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.65;
    margin: 6px 0;
}
@media screen and (max-width: 414px) {
    .mg-list-desc{
        display: none;
    }
}