.article-extras-left[data-v-7201b718] {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 20px;
    overflow-wrap: anywhere;
    word-break: normal;
}
.article-extras-left > h3[data-v-7201b718] {
        flex-basis: 100%;
        margin-bottom: 0.5em;
}
.article-extras-left > p[data-v-7201b718] {
        border-left: 0 solid #dddddd;
        flex: 0 0 calc(60% + 1px);
        font-size: 13px !important;
        margin: 0 0 0 calc(40% - 2px);
        padding: 0.1em 0.5em;
}
.article-extras-left > span[data-v-7201b718] {
        flex: 1 0 60%;
        font-size: 15px;
        line-height: 1.3em;
        min-width: 150px;
}
.article-extras-left span.course-inner[data-v-7201b718] {
        display: block;
        padding: 0.25em 0.5em;
}
.article-extras-left span.course-label[data-v-7201b718] {
        border-right: 0 solid #eeeeee;
        flex-basis: calc(40% - 1px);
        font-weight: bold;
}
.article-extras-left span.course-time[data-v-7201b718]::before,
    .article-extras-left span.course-deadline-time[data-v-7201b718]::before {
        content: "(";
}
.article-extras-left span.course-time[data-v-7201b718]::after,
    .article-extras-left span.course-deadline-time[data-v-7201b718]::after {
        content: ")";
}
.article-extras-left > span[data-v-7201b718]:nth-of-type(4n-5),
    .article-extras-left > span[data-v-7201b718]:nth-of-type(4n-4),
    .article-extras-left p[data-v-7201b718] {
        background-color: rgb(0, 0, 0, 0.05) !important;
}
.article-extras-left p[data-v-7201b718] {
        background-color: rgb(0, 0, 0, 0) !important;
}
.article-extras-left p[data-v-7201b718]:nth-child(2n-1) {
        background-color: rgb(0, 0, 0, 0.05) !important;
}
.article-extras-left > span[data-v-7201b718]:nth-of-type(4n-3) {
        border-right: 0 solid #dddddd;
}
.article-extras-left .course-buttons[data-v-7201b718] {
        display: flex;
        padding-block-start: 1em;
}
.article-extras-left .course-buttons[data-v-7201b718] > * {
            flex: 1 1 100%;
}
@media all and (width <= 679px) {
.article-extras-left > span[data-v-7201b718],
        .article-extras-left > p[data-v-7201b718] {
            border-top: 0 solid;
            flex-basis: 100% !important;
            margin-left: 0;
}
.article-extras-left > span[data-v-7201b718]:nth-of-type(4n-5),
        .article-extras-left > span[data-v-7201b718]:nth-of-type(4n-4) {
            background-color: rgb(0, 0, 0, 0.05) !important;
}
}