/* 進捗率を表す円グラフ  */
.progress-pie {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    font-weight: 700;
    border-radius: 50%;
}

.progress-pie-rate {background-image: radial-gradient(#f2f2f2 30%, transparent 31%), conic-gradient(#28a745 0% calc(var(--lecture-progress) * 1%), #d9d9d9 calc(var(--lecture-progress) * 1%) 100%);}

/**
 * サブコースの表示・非表示を切り替えるアコーディオン
 */
.collapse-sub-course[data-toggle="collapse"][aria-expanded="true"] span:before {
    content: "サブコースを隠す";
}
.collapse-sub-course[data-toggle="collapse"][aria-expanded="false"] span:before {
    content: "サブコースを表示する";
}
.collapse-sub-course[data-toggle="collapse"] > i {
    transition: transform 0.2s ease-in-out; /* アニメーションの設定 */
}
.collapse-sub-course[data-toggle="collapse"][aria-expanded="true"] > i {
    transform: rotate(180deg); /* 回転角度を指定 */
}

/**
 * LMSダッシュボード エリアアコーディオン
 */
.lms-accordion-toggle {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    padding: 0.25rem;
    margin: -0.25rem;
}

.lms-accordion-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem;
}

.lms-accordion-toggle:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* 閉じている時はfa-caret-downを非表示 */
.lms-accordion-toggle[aria-expanded="false"] > i.fa-caret-down {
    display: none;
}

/* 開いている時はfa-caret-rightを非表示 */
.lms-accordion-toggle[aria-expanded="true"] > i.fa-caret-right {
    display: none;
}