@charset "UTF-8";

html,
body {
  width: 100%;
  height: 100%;
  margin: 0%;
  touch-action: manipulation;
  background-size: contain;
  overflow: scroll;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}

/*Google Chrome、Safariへの対応*/
body::-webkit-scrollbar {
  display: none;
}

div#panelbox {
  /*ゲームボタンの大外枠*/
  width: 100%;
  height: 10vh;
  margin: 0%;
  bottom: 0;
  text-align: center;
  justify-content: space-between;
  position: fixed;
  z-index: 10;
}

div#allboard {
  height: max-content;
}

input.gamepanelbutton {
  /*ゲームボタンそれぞれ統一要素*/
  width: 19vw;
  height: 100%;
  font-size: 1em;
  text-align: center;
  font-family: serif;
  border-radius: 2vw 2vw 0 0;
  margin: 1px;
  padding: 0;
  background-color: #1b2474;
  color: #fff;
  border: solid 2px #fff;
  border-bottom: solid 1.5vh #4751a9;
}
.gamepanelbutton:hover {
  background-color: #4751a9;
  border-bottom: solid 1.5vh #1b2474;
}

div {
  text-align: center;
  width: auto;
}

table {
  width: 100%;
  height: 100%;
}

tr {
  width: 100%;
  height: auto;
}

th {
  width: auto;
  height: auto;
  border: solid 0.5vw;
  font-family: "SimSun"; /*"Mv Boli"(英風)*/
  border-radius: 5px;
}

/*<<<<<<<<<<数式表示>>>>>>>>>>*/
/*<<<<<<<<<<タイムアタックパネル>>>>>>>>>>*/
/*----------メニュー表示箇所----------*/
#timeattackpanel_table {
  width: 90%;
  height: 15%;
  border: solid 0px;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#battle_unitmenu_th {
  width: 70%;
  height: 20%;
  border: solid 0px;
  margin-top: 0.1%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#battle_ready_th {
  background-color: #fff;
  font-size: 1em;
}
/*----------問題表示箇所----------*/

#battle_questions_table {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: auto;
}
.battle_questions_th {
  width: 12vw;
  height: 12vw;
  background-color: #fff;
}

/*----------箇所----------*/

/*<<<<<<<<<<実績一覧パネル>>>>>>>>>>*/
/*----------実績名説明箇所----------*/
#ac_description_table {
  width: 55vw;
  height: auto;
  border: solid 0px;
  top: 4%;
  left: 3%;
  user-select: none;
  position: fixed;
}

#ac_playerInformation_th {
  width: 100%;
  height: 30vw;
  user-select: none;
  border: none;
  vertical-align: middle;
}

#playerlevel_UI_div {
  width: 50%;
  height: 30vw;
  margin-left: 5%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#playerlevel_UI_text {
  font-size: 19vw;
  font-family: serif;
  margin: auto;
  color: white;
  /*color: rgb(172, 205, 252);*/
}

#ac_description_th {
  width: 100%;
  height: 25vw;
  user-select: none;
  background-color: #fff;
  font-size: 1em;
}

#ac_changeBackground_th {
  width: 100%;
  height: auto;
  user-select: none;
  border: none;
}

#background_List_table {
  width: auto;
  height: auto;
  margin: auto;
}

#background_List_tr {
  width: 100%;
  height: auto;
}

.background_List_th {
  width: 10vw;
  height: 10vw;
  border: solid white 2px;
  border-radius: 50%;
  vertical-align: middle;
}

.background_Image_div {
  margin: auto;
  width: 90%;
  height: 90%;
  border: solid black 2px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 150%;
  background-repeat: no-repeat;
}

/*----------実績名表示箇所----------*/
#achievements_table {
  width: 35vw;
  height: auto;
  border: solid 0px;
  margin-top: 5%;
  margin-left: auto;
  margin-right: 3%;
  margin-bottom: 15vh;
  user-select: none;
}

.achievements_th {
  height: 5vh;
  background-color: #fff;
  font-size: 0.7em;
}

/*<<<<<<<<<<計算問題パネル>>>>>>>>>>*/
/*----------学年選択箇所----------*/
#select_table {
  width: 90%;
  height: 5%;
  border: solid 0px;
  padding-top: 5%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#gradepanel_th {
  font-size: 0.8em;
  width: auto;
  background-color: white;
  font-family: serif;
}

/*----------問題選択箇所----------*/
#unitpanel_th {
  width: 45%;
  background-color: white;
}

#calc_unitmenu_select {
  font-size: 0.8em;
  text-align: center;
  width: 95%;
  height: 80%;
  border: hidden;
  user-select: none;
  font-family: serif;
}

/*----------難易度選択箇所----------*/
#difficultypanel_th {
  width: 25%;
  background-color: white;
}

#calc_unitdifficulty_select {
  font-size: 0.8em;
  text-align: center;
  width: 95%;
  height: 80%;
  border: hidden;
  user-select: none;
  font-family: serif;
}

/*----------問題文表示箇所----------*/
#calc_questions_message_table {
  width: 60%;
  height: 2%;
  border: solid 0px;
  margin-top: 0.5%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#calc_questions_message_th {
  font-size: 1.5vh;
  background-color: white;
  font-family: serif;
}

/*----------問題表示箇所----------*/
#calc_questions_table {
  width: 80%;
  height: 18vh;
  border: solid 0px;
  margin-top: 0.1%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#calc_questions_th {
  width: 100%;
  border: solid 4px;
  font-size: 7vmin;
  background-color: white;
}

/*----------テキスト表示箇所----------*/
#text_table {
  width: 75%;
  height: 7vh;
  border: solid 0px;
  margin-top: 0.5%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#textpanel_th {
  width: 80%;
  background-color: white;
  font-size: 7vmin;
}

#writing_text_input {
  text-align: center;
  font-size: 7vmin;
  border: solid 0px;
  width: 80%;
  height: 98%;
  font-family: serif;
}

/*----------バックスペース表示箇所----------*/
#backspacepanel_th {
  width: 20%;
  font-size: 1em;
  background-color: white;
}

/*----------数字・記号表示箇所----------*/
#numberbutton_table,
#signbutton_table {
  width: 80%;
  height: auto;
  border: solid 0px;
  margin-top: 0.2%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

.numberbutton_th,
.signbutton_th {
  user-select: none;
  width: 7vh;
  height: 7vh;
  font-size: 7vmin;
  background-repeat: no-repeat;
  background-size: 500%;
  background-position: 64% 2%;
}

/*----------レベル表示箇所----------*/
.level_table {
  width: 70%;
  height: auto;
  border: solid 0px;
  margin-top: 0.5%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
  table-layout: fixed;
  border-collapse: collapse;
}

.playerlevel_th,
.questionslevel_th {
  width: auto;
  height: 2vh;
  border: solid 0px;
  border-radius: 0px;
  padding: 0px;
  font-size: 0.5em;
  font-family: serif;
}

/*<<<<<<<<<<問題印刷パネル>>>>>>>>>>*/
/*----------印刷用_unit選択箇所----------*/
#print_unitmenu_select {
  font-size: 0.8em;
  text-align: center;
  width: 95%;
  height: 80%;
  border: hidden;
  user-select: none;
  font-family: serif;
}

/*----------印刷用_難易度選択箇所----------*/
#print_unitdifficulty_select {
  font-size: 0.8em;
  text-align: center;
  width: 95%;
  height: 80%;
  border: hidden;
  user-select: none;
  font-family: serif;
}

/*----------印刷用_詳細選択箇所----------*/
#select_option_table {
  width: 90vw;
  height: 5vh;
  border: solid 0px;
  margin-top: 0.2vh;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

/*----------印刷用_名前箇所----------*/
#spacepanel_th {
  font-size: 0.7em;
  text-align: left;
  width: auto;
  height: auto;
  border: solid 0px;
  border-radius: 0%;
  border-bottom: solid 2px;
}

/*----------印刷用_問題数選択箇所----------*/
#print_numpanel_th {
  font-size: 1em;
  text-align: center;
  width: 15%;
  height: auto;
  background-color: #fff;
}

/*----------印刷用_問題生成箇所----------*/
#print_startpanel_th {
  font-size: 1em;
  text-align: center;
  width: 12%;
  height: auto;
  background-color: #fff;
}

/*----------印刷用_答え生成箇所----------*/
#print_answerpanel_th {
  font-size: 1em;
  text-align: center;
  width: 12%;
  height: auto;
  background-color: #fff;
}

/*----------印刷用_下部パネル表示切替箇所----------*/
#panelbox_expression_th {
  font-size: 1em;
  text-align: center;
  width: 12%;
  height: auto;
  background-color: #fff;
}

/*----------印刷用_印刷箇所----------*/
#print_printer_th {
  font-size: 1em;
  text-align: center;
  width: 12%;
  height: auto;
  background-color: #4751a9;
  color: #fff;
  border-color: black;
}

/*----------印刷用_問題文表示箇所----------*/
#print_questions_message_table {
  width: 60%;
  height: 2vh;
  border: solid 0px;
  margin-top: 0.1%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

#print_questions_message_th {
  border: solid 2px black;
  background-color: #fff;
  border-radius: 0px;
  font-size: 1.5vh;
}

/*----------印刷用_計算問題表示箇所----------*/
#print_questions_table {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 80%;
}

/*----------印刷用_計算問題questions_th箇所----------*/
.print_questions_th {
  font-size: 1em;
  border-radius: 2px;
  border: solid 2px;
  width: 35%;
  background-color: #fff;
}

/*----------印刷用_計算問題answers_th箇所----------*/
.print_answers_th {
  font-size: 0.8em;
  border-radius: 2px;
  border: solid 3px;
  width: 15%;
  background-color: #fff;
}

/*<<<<<<<<<<計算問題パネル>>>>>>>>>>*/
/*----------参考用_table----------*/

/*----------スライドショー----------*/
.slidesBox {
  position: relative;
  width: 100%;
}

.slide {
  width: 80vw;
  height: 45vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.swiper-button-prev {
  width: 10vw;
  height: 45vw;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  font-size: 10vw;
  background-color: #4751a9;
  border-radius: 20px 0px 0px 20px;
}

.swiper-button-prev p {
  opacity: 30%;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  user-select: none;
}

.swiper-button-next {
  width: 10vw;
  height: 45vw;
  position: absolute;
  left: 89vw; /*90だと少し隙間ができる*/
  top: 0;
  display: flex;
  justify-content: center;
  font-size: 10vw;
  background-color: #4751a9;
  border-radius: 0px 20px 20px 0px;
}

.swiper-button-next p {
  opacity: 30%;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  user-select: none;
}

.swiper-pegination {
  width: 100vw;
  height: 12px;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 3px;
}

.swiper-pegination-items {
  opacity: 30%;
  background-color: black;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 0.5vw;
  margin-right: 0.5vw;
  cursor: pointer;
}