body
{
  margin:0px;
  padding:0px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background-color:lightgray;
}

div{
  overflow-wrap:break-word;
  word-wrap: break-word;
  box-sizing: border-box;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
}

input{
  box-sizing: border-box;
}

textarea{
  box-sizing: border-box;
  resize:none;
}
div.Middle{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}
div.Center{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
}
div.Right{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.MiddleCenter{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;
}
div.MiddleRight{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.Screen
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

div.ScreenBody
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

div.ScreenCover
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}

div.ScreenCoverBackGround
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;

  background-color:darkgray;
  opacity:0.9;
}
div.ScreenCoverBody
{
  position:absolute;
  background-color:white;
}
div.MainScreen
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
}

div.MainScreenBody
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
    background-color:white;
  }

div.MainScreenCover
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
}

div.MainScreenCoverBackGround
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;

  background-color:darkgray;
  opacity:0.9;
}

div.MainScreenCoverBody
{
  position:absolute;
  background-color:white;
}
div.PopupScreen
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
}

div.PopupScreenBody
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
}

div.PopupScreenCover
{
  position:absolute;
  left:0ps;
  top:0px;
  width:100%;
  height:100%;
}

div.PopupScreenCoverBackGround
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;

  background-color:darkgray;
  opacity:0.9;
}

div.PopupScreenCoverBody
{
  position:absolute;
  background-color:white;
}

div.testaaa
{
  position: absolute;
  left: 100px;
  top:100px;
  width:200px;
  height:50px;
  border: 1px solid red;
}

@media all and (display-mode: standalone) {
  div.testaaa {
    display: none;
  }
}