/*---------------------------------------------------!Game_EduGrammicon------*/

.Game_EduGrammicon_KBPanel{

    &.KB_Grammicons {  text-align: left; font-size:2em; margin-top: 2em;  }

    .GrammiconsKB_ItemDesc{ font-size:.1em; }
    
    .KBBox{ margin-bottom: 1.2em; } 
    
} /* END Game_EduGrammicon_KBPanel */



/* -------------------------------------------------- Game_Education ------------ */

@scope( .MainDispCont_Game_Education ){

    .SentenceDisp_WordMainCont{
        position: relative;
        display:block;
        margin: 0.2em;
        font-size: 1em;
        border: 0.1em dashed #80808054;
        padding: 0.2em;
        border-radius: 0.4em;
        width: 100%;

        &  .SentenceDisp_DescPic { font-size: 0.3em; }
        
    }

    .NoSmallTextOneWordCont{  font-size: 1.2em; }

     .Game_Education_AllTextCont{
        
         .SentenceDisp_OneWordCont_Eng{ margin-bottom: 0em; }

         .SentenceDisp_OneWordCont{ background-color:#e6e4e47a; }

         .Game_Education_SentNum{
             position:absolute;
             top: 0em;
             left:0.2em;
             color:blue;
             font-size: 0.7em;
         }
    }

    .Game_Education_Title{ display:block; text-align: center; }
    
    .GameGrammicons_DescPic{ vertical-align:top; display:inline-block;  margin: 0 0.4em 0 0 ; }

    .SentenceDisp_Word{ margin: 0.1em 0.1em 0em 0.3em; }


    
    .GameEducation_KBCont{
        font-size: 0.7em;
        text-align: center;
        width:90vw;
        left: 5vw;
        
        .GameEducation_KBBox{
            height:1.5em;
            padding: 0.2em 0.3em ;
            vertical-align:top;
            margin:0.05em;
            font-size: 2em;
        }

    }
    
    .GameEducation_KB{
            display: inline-block;
            text-align:left;
            font-size:1.3em;
            padding: 0.5em;
            background-color: lightgray;
    }

} /* END @scope MainDispCont_Game_Education */