/*20220810 ルーキーミッション改修 レッスンの残り数表示マーク*/
.lesson_remain_mark{
    position:absolute;              /*画像に重ねる*/
    top:-0.5em;                      /* 上からの距離 */
    left:50%;
    transform: translate(80%, -80%);
    font-size: 1em;
    padding: 0.1em;
    display: inline-block;
    background: #ff0000;            /*赤色*/
    border: 0.1em solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

.select_lesson_remain_mark{
    position:absolute;              /*画像に重ねる*/
    top:-0.5em;                      /* 上からの距離 */
    left:50%;
    transform: translate(80%, 20%);
    font-size: 1em;
    padding: 0.1em;
    display: inline-block;
    background: #ff0000;            /*赤色*/
    border: 0.1em solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

/*20220810 ルーキーミッション改修 レッスンの残り数表示テキスト*/
.lesson_remain_text{
    font-size:0.8em;
    /*
    文字間隔の調整
    letter-spacing:0.2em;
    -webkit-text-stroke: 0.2px #000;
    text-stroke: 0.2px #000;*/
}


.all_lesson_remain_mark{
    position:absolute;              /*画像に重ねる*/
    top:-0.5em;                      /* 上からの距離 */
    left:50%;
    transform: translate(300%, -30%);
    font-size: 1em;
    padding: 0.1em;
    display: inline-block;
    background: #ff0000;            /*赤色*/
    border: 0.1em solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

.all_lesson_remain_text{
    font-size:0.8em;
    /*
    文字間隔の調整
    letter-spacing:0.2em;
    -webkit-text-stroke: 0.2px #000;
    text-stroke: 0.2px #000;*/
}