/**
 * Course Block - Default Pattern CSS
 * 親テーマのスタイルを活用するパターン
 * blocks-default.cssの共通スタイルを継承
 */

/* このファイルは空のままにしておきます */
/* 親テーマのスタイルを最大限活用するため */



.course-item{
    padding: 0 0.5em;
}

.ark-block-buttons{
    gap: 0.5em;
}

.course-block .ark-block-button{
    width: 49%;
}
.course-details li{
    margin-bottom:1rem;
}

.course-block .ark-block-button a{
    width: 100%;
}

@media not all and (min-width: 768px) {
.course-block .ark-block-button{
    width: 100%;
}

.course-details{
    padding: 1rem;
}
.course-item {
    padding: 0;
}
.course-item-box{
    padding: 0;
}
.course-details-main li{
    padding-left:0;
}
.course-details-main li::before{
   display:none;
}

}