@charset "UTF-8";
/******************************************************************/
/******************************************************************/
html {
  background: #FFFFFF;
  overflow: hidden;
  margin: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body {
  margin: 0px;
}

/* ウィンドウサイズ　スケール変更用 */
#bodyframe {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  overflow: hidden;
  background: #FFFFFF;
}

.top-area, .quiz-area, .result-area, .touch_cover, .q_parts {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 0;
  left: 0;
  overflow: hidden;
}

.t_bg, .q_bg, .r_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#btn_top01, #btn_top02, #btn_top03 {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

#btn_top01:hover, #btn_top02:hover, #btn_top03:hover {
  opacity: 0.8;
  cursor: pointer;
}

#btn_top01 {
  top: 350px;
}

#btn_top02 {
  top: 575px;
}

#btn_top03 {
  top: 800px;
}

.quiz-area {
  display: none;
}

.q_no {
  position: absolute;
  top: 300px;
  left: 150px;
}

.q_sentence {
  position: absolute;
  top: 300px;
  left: 0;
}

.q_select_maru, .q_select_batu {
  position: absolute;
  display: none;
  top: 700px;
}

.q_select_maru:hover, .q_select_batu:hover {
  opacity: 0.8;
  cursor: pointer;
}

.q_select_maru {
  left: 390px;
}

.q_select_batu {
  left: 1010px;
}

.select01, .select02, .select03 {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  margin: auto;
}

.select01:hover, .select02:hover, .select03:hover {
  opacity: 0.8;
  cursor: pointer;
}

.select01 {
  top: 575px;
}

.select02 {
  top: 725px;
}

.select03 {
  top: 875px;
}

.result-area {
  display: none;
}

.r_q1 {
  position: absolute;
  top: 320px;
  left: 405px;
}

.r_q2 {
  position: absolute;
  top: 502px;
  left: 405px;
}

.r_q3 {
  position: absolute;
  top: 684px;
  left: 405px;
}

.r_q4 {
  position: absolute;
  top: 320px;
  left: 1265px;
}

.r_q5 {
  position: absolute;
  top: 502px;
  left: 1265px;
}

.r_point {
  position: absolute;
  top: 681px;
  left: 0px;
}

.result-answer, .result-back {
  position: absolute;
  top: 880px;
}

.result-answer:hover, .result-back:hover {
  opacity: 0.8;
  cursor: pointer;
}

.result-answer {
  left: 390px;
}

.result-back {
  left: 1010px;
}

.q1_answer, .q2_answer, .q3_answer, .q4_answer, .q5_answer {
  font-weight: bolder;
}

.modal {
  position: absolute;
  display: none;
  width: 1920px;
  height: 1080px;
  top: 0;
}

.modal_bg {
  position: absolute;
  width: 1920px;
  height: 1080px;
  background: rgba(0, 0, 0, 0.7);
}

.modal_content {
  position: absolute;
  width: 1400px;
  height: 780px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 50px;
  font-size: 2em;
  background: #FFFFFF;
  overflow: auto;
}

.text_red {
  color: red;
}

.touch_cover {
  display: none;
}
/*# sourceMappingURL=bousai_quiz.css.map */