/*==========================================================================
	設問数表示
============================================================================*/
.quizTitle{
  margin-bottom:15px;
  font-weight:bold;
  font-size:30px;
  border-bottom:#666 1px solid;
}
.quizText{
  font-size:20px;
  text-align:left;
  /*
  min-height:300px;
  background-image:url(../quiz/img/quiz_bg.jpg);
  background-size: cover;
  */
  
}

/* 黒板 */
.kokuban-t5 {
 position: relative;
 margin: 2em auto;
 padding: 2.4em 1em 2em;
 width: 84%; /* ボックス幅 */
 background-color: #0062a9; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
 font-weight:bold;
}
.kokuban-t5::before,
.kokuban-t5::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-t5::before {
 width: 17px; 
 right: 20px;
 border: solid 3px #ffff00; /*チョーク黄 */
 border-radius: 3px 2px 0 2px;
}
.kokuban-t5::after {
 width: 13px; 
 right: 55px;
 border: solid 3px #ffffff; /*チョーク */
 border-radius: 15px 10px 2px 5px;
}
.title-t5 {
 position: absolute;
 top: .5em;
 right: 0;
 left: 0;
 text-align: center;
 font-weight: 600;
 font-size: 1.6rem;
 color: #FFFFF; /* タイトル色 */
}

/*解説文
----------------------------------------------*/
.box01 {
  margin: 2em auto;
   background-color: #F5F5F5;
    padding: 25px;
    width: 84%;
   border-radius: 3px; /* 角の丸み */
}


.quizNumber{
  margin-bottom: 20px;
  background-color:#e5f4fe;
  border-radius: 0px 0px 0px 5px;
  color: #0062a9;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.quizQue{
  text-align:left;
  line-height:1.3;
}
.quizAns{
  font-size:24px;
  text-align:center;
  color:#FF0000;
  font-weight:bold;
}
.quizAnsNo{
  font-size:24px;
  text-align:center;
  font-weight:bold;
}
.grading_a{
  font-size:36px;
  color:#FF0000;
}
.grading_b{
  font-weight:bold;
  font-size:30px;
  text-align:center;
}
.quizComment{
  font-weight:bold;
  font-size:22px;
  /*text-align:center;*/
  overflow:hidden;
}
.quizCommentImg{
  float:left;
  padding: 10px;
}

/*==========================================================================
	設問エリア
============================================================================*/
#contents .quizArea {
  padding: 25px 10px;
}
#contents .quizArea ul {
  overflow: hidden;
  list-style: none;
}
#contents .quizArea ul .quizBox {
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
}
/*--- リンク ---*/
#contents .quizArea ul .quizBox a:link,
#contents .quizArea ul .quizBox a:visited {
	  color: #FFFFFF;
	  text-decoration: none;
  }
#contents .quizArea ul .quizBox a:hover,
#contents .quizArea ul .quizBox a:active {
	  color: #b6d9b7;
	  text-decoration: none;
  }
#contents .quizArea ul .quizBox:nth-child(odd) {
  padding-right: 5px;
}
#contents .quizArea ul .quizBox:nth-child(even) {
  padding-left: 5px;
}
/*-- 画像部 --*/
#contents .quizArea ul .quizBox .pic {
  margin-bottom: 5px;
}
/*-- テキスト部 --*/
#contents .quizArea ul .quizBox .txt {
  background-color: #0062a9;
  text-align: center;
  border-bottom-left-radius: 15px;
  padding: 10px;
  font-size: 18px;
}
/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  #contents .quizArea ul .quizBox {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
  }
  #contents .quizArea ul .quizBox:nth-child(odd) {
    padding-right: 0px;
  }
  #contents .quizArea ul .quizBox:nth-child(even) {
    padding-left: 0px;
  }
  #contents .quizArea ul .quizBox {
      margin-bottom: 30px;
  }
}
/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 414px) {
  .quizCommentImg{
    float:none;
    width:100%;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  #contents .quizArea ul .quizBox {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 30px;
  }
  .quizText{
    font-size:20px;
    text-align:left;
  }
  .quizCommentImg{
    float:left;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  #contents .quizArea {
    max-width: 1280px;
    padding: 10px 0px;
    margin: 0px auto;
  }
  #contents .quizArea ul .quizBox {
    float: left;
    width: 33.333333%;
  }
  #contents .quizArea ul .quizBox:nth-child(odd) {
    padding-right: 10px;
    padding-left: 10px;
  }
  #contents .quizArea ul .quizBox:nth-child(even) {
    padding-right: 10px;
    padding-left: 10px;
  }
  /*-- テキスト部 --*/
  #contents .quizArea ul .quizBox .txt {
    font-size: 18px;
  }
  
  .quizText{
    font-size:20px;
    text-align:center;
  }
}