@charset "UTF-8";


.bookSection .bookArticle.Pa12 .bookH3Group .left.article1{
background: url(../images/course/bgBook12Pa.png) no-repeat;
background-size: 100% auto;
}

/* SpeechBubbleLineH2 ------------------ */
.SpeechBubbleLineH2.yellow::before{ background: #F5B700; }
.SpeechBubbleLineH2.yellow::after { background: #F5B700; }
.SpeechBubbleLineH2.yellow h2 div{ background: #F5B700; }
.SpeechBubbleLineH2.yellow h2 div::before{ background: #F5B700; }
/* SpeechBubbleLineH2 end ------------------ */




/* CourseDescription ------------------ */
.CourseDescription.yellow .teachingMaterialsSection .label{ background: #FDDF89; }
.CourseDescription.yellow .curriculumSection aside{  background: #FFFCDA;}
/* CourseDescription end ------------------ */




/* classSection------------------ */
.classArticle.yellow{
  background: url(../images/course/classArticle12Pa.png) repeat-y;
  background-size: 100% auto;
}

.classArticle header .className p.kangarooClass{ color: #796027 }
.classArticle header .className p.redClass{ color: #DE0615 }

.classArticle.yellow .classCard .texGroup h4{ background: #FABF13;}


.classArticle.yellow .classCard .texGroup ul li::before{ background: #FABF13;}
/* classSection end------------------ */




/* classSection------------------ */
.summarySection.yellow .texGroup dl div dt{ background: #FABF13;}
.summarySection.yellow .texGroup dl div dd{ background: #FFF8E3;}
/* classSection end------------------ */




/* commentSection ------------------ */
.commentSection.yellow { background: #FFF9E8;}

.commentSection.yellow article .texGroup p:last-of-type{ color: #FFA100; }


.commentSection.yellow .texGroup b{ color: #FF8800; }
/* commentSection end ------------------ */