#fullOverlay{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  padding:0;
  margin:0;
  background: rgba(100, 100, 100, .9);
  z-index: 2147483647;
}

#retry{
    display: none;
    margin-left: auto;
    margin-right:auto;
}
#reset{
    display: none;
    margin-left: auto;
    margin-right:auto;
}
.explain{
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    width:800px;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    background: rgba(255, 255, 255, .9);
    padding:50px;
}

.explain p {
    margin: 0; 
    padding: 0;
    font-size: 24px;

}
.text{
    width:1000px;
    height:24px;
    margin-left:auto;
    margin-right:auto;
    margin:20px auto;
    padding:1em;
    background:#D0F0D0;
    color:#000;
    border:8px ridge chocolate;
}

.text p{
font-family: 'Kosugi', sans-serif;
line-height:24px;
font-size:24px;
margin:0;
padding:0;
font-weight: 400;
}

.siki{
    margin:25px;
    display: flex;
    font-size:36px;
}
.siki .sikaku:first-child{
    font-size:24px;
    line-height: 24px;
    text-align: center;
    border:none;
    margin:0 25px;
}
.sikaku{
    width:70px;
    height:50px;
    border:solid 1px black;
}
.red{

    color:#F15B5B;
}

.gamen{
    display: flex;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin:20px auto;
    padding:1em;
    background:#D0F0D0;
    color:#000;
    border:8px ridge chocolate;
}

.math{
    width:400px;
    margin:20px;
}



.sisoku{
font-size:32px;
display:flex;
flex-wrap:wrap;
align-items:center;
height:50px;
width:300px;
-webkit-justify-content: space-between; /* Safari */
justify-content:space-between;
text-align:center;

}

#right{
width:50px;
height:50px;
}

#mid{
width:50px;
height:50px;
}

#left{
width:50px;
height:50px;
}

#ans{
width:50px;
height:50px;
font-size:32px;
}

#prg{

}

#RoW{
display:flex;
align-items:center;
position:relative;
height:200px;
font-size:164px;
color:red;
}

#RoW .right{
	position:absolute;
	left:50px;
	top:-120px;
}

#RoW .wrong{
	position:absolute;
	left:65px;
	top:-120px;

}

#history{
    display:flex;
    align-items:center;
    width:400px;
    display:none;
}

#history p{
    justify-content:space-between;
    width:50px;
    height:50px;
    border:solid 1px black;
    margin:10px;
    font-size:50px;
    text-align: center;
    line-height:50px;
    border-radius: 5px;
}

#role{
    display:flex;
    margin-top:100px;
    width:800px;
    align-items:center;
    display:none;
}

#role p{
    justify-content:space-between;
    width:50px;
    height:50px;
    border:solid 2px red;
    margin:9px;
    font-size:50px;
    text-align: center;
    line-height:50px;
    border-radius: 5px;
}

#role p:nth-child(5){
    border:none;
    width:50px;
    height:50px;
    font-size:5px;
    text-align: center;
    line-height:5px;
}
#remain{
    font-size:30px;
    line-height:55px;
}
#enemylife {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  vertical-align: -0.2em;
}

#enemylife::-webkit-progress-bar {
  background: #ccc;
}

#enemylife::-webkit-progress-value {
  background-color: #00cc00;
}

#mylife {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  vertical-align: -0.2em;
}

#mylife::-webkit-progress-bar {
  background: #ccc;
}

#mylife::-webkit-progress-value {
  background-color: #00cc00;
}



.e_disp{
    position:relative;
    display:flex;
}

#e_hit{
    position:absolute;
    left:0;
    top:0;
    width:150px;
    display:none;
}

#damage{
    position:absolute;
    left:0;
    top:20px;
}

.m_disp{
    position:relative;
}

#m_hit{
    position:absolute;
    left:0;
    top:0;
    width:150px;
    display:none;
}

.battle{
    position: relative;
    margin-top:23px;
    width:600px;
}

.enemy{
    position:absolute;
    left:300px;
    
}
.status{
    position:absolute;
    left:0;
    top:80px;
}

.statusarea{
    display:flex;
    margin-left:-20px;
}

.battleimg{
    margin:5px;
    width:auto;
    height:150px;

}