* {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    font-family: "Times New Roman", Times, serif;
}

html {
/*
  box-sizing: border-box;
  font-size: 150%;
*/
}

header {
/*
  position: relative;
  height: 35vh;
  border-bottom: 7px solid #eee;
*/
}

body {
  color: #000;
  background-color: #FFF;
  font-size: 150%;
}

/* Setup form */
#questionform {
    position: sticky;
    top: 0px;
    background: rgb(255 255 255 / 100%);
}

.setup_div {
    border: solid 2px;
    border-radius: 10px;
    margin: 1px;
    /*font-size: 150%;*/
}

fieldset {
    display: flex;
    flex-direction: row;
}

#select_level {
    font-size: 100%;
}

.levels {
    min-width: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.levels_text_shuzan {
    text-align: center;
}

.levels_text_anzan {
    text-align: center;
}

.hidden {
    display: none;
}

.digits {
    width: 1.5em;
    font-size: 1em;
    /*appearance: none;*/
}

.qn {
    width: 2em;
    font-size: 1em;
}

.startbutton {
    font-size: 1em;
    padding: 10px;
}

h1 {
    /*color: red;*/
    text-align: center;
    font-size: 1em;
}

/* Answer form */
.questionlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px;
    padding: 5px;
}

.customquestion {
    list-style-type: none;
    /*width: 16em;*/ /* width is programmed */
    height: 2em;
    padding: 0px;
    margin: 1px;
    border: solid 1px;
    display: flex;
    /*background-color: lightblue;*/
}

.question_number_container {
    /*background-color: blue;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 100%;
    border-right: solid 1px;
}

.question_number {
    /*color: red;*/
}

.custom_form {
    /*background-color: lightgreen;*/
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /*grid-template-areas:
        'q a r';*/
}

label.question {
    /*background-color: grey;
    color: white;*/
    /*grid-area: q;*/
    /*display: inline-block;*/
    /*flex: 1;*/
    /*width: 5em;*/
    /*height: 2em;*/
    /*margin: 10;*/
    /*padding: 10;*/
    /*background-color: green;*/
    /*color: blue;*/
    text-align: center;
    font-style: italic;
}

.custom_input {
    /*display: inline;*/
    /*grid-area: a;*/
    font-size: 100%;
    /*flex: 2;*/
    /*width: 30%;*/
    /*height: 100%;*/
    /*margin-left: 1em;*/
    /*background-color: yellow;*/
}

.timer {
    min-width: 4em;
    text-align: center;
}

/* mitori */
.mitori_li {
    list-style-type: none;
    width: 8em;
    /*padding: 5px;*/
    margin: 1px;
    border: solid 1px;
}

.mitori_questionnumber {
    border: solid 1px;
    text-align: center;
}

.mitori_numbers {
    list-style-type: none;
    border: solid 1px;
    text-align: right;
}

.mitori_numbers li {
    font-style: italic;
    white-space: pre;
}

.mitori_answer {
    border: solid 1px;
    margin: 0px;
}

.mitori_input {
    display: inline;
    font-size: 100%;
    margin: 0px;
    border: solid 0px;
    width: 100%;
    height: 100%;
}