/* (A) WRAPPER */
#quizWrap {
/*  max-width: 600px; */
  max-width: 90%;
  margin: 0 auto;
  /* RECOMMENDED FIXED HEIGHT IF YOU HAVE CONTENT BELOW THE QUIZ */
  /* SO THAT PAGE LAYOUT DOES NOT "JUMP" */
  /* height: 250px; */
}

/* (B) QUESTION */
#quizQn {
  padding: 30px 20px;
  margin-bottom: 30px;
/*  color: #fff; */
/*  color: #803106; */
  color: #FFFFFF;
/*  background: #255874; */
/*  background: #fafafa; */
  background: #00ABEB;

  text-align: center;
  border-radius: 10px;
  font-size: 48px;
/*  font-size: 32px; */
  font-weight: bold;
}

/* (C) ANSWERS */
#quizAns {
  margin: 10px 0;
/*  display: grid; */
/*  grid-template-columns: auto auto; */
/*  grid-gap: 15px; */
}
#quizAns .option {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px 10px;
/*  font-size: 20px; */
  font-size: 42px;
  color:#BF9000;
  font-weight:bold;

  cursor: pointer;
  text-align: center;
}
#quizAns .correct {
  background: #d8ffc4;
  border: 1px solid #60a03f;
}
#quizAns .wrong {
  background: #ffe8e8;
  border: 1px solid #c78181;
}


#quizRes {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
  font-size: 24px;
  color:#000000;
  font-weight:bold;
  cursor: pointer;
  text-align: center;
}

#quizRes img {
   width: 100px;
}



/* (D) BODY... DOES NOT QUITE MATTER */
html, body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
/*	background: #EDF7D3; */
	background: #DEDEDE;
}

.swal_exp{
	font-size: 24px;
}

.button_general {
	font-size: 40px;
	margin-right: 30px;
}