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.TableHeader
{
  position:sticky;
  top:0%;
  left:0%;
  width:100%;
  height:50px;
  font-weight:bold;
  background-color:#F8F8F8;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
  z-index:1;
}

div.TableLine
{
  position:relative;
  width:100%;
  height:30px;
  border-bottom:1px solid black;
  border-right:1px solid black;
}

div.TableCell
{
  position:absolute;
  height:100%;
  font-size:12px;
  padding:5px;
  border-left:1px solid black;
}
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.Full
{
  position:relative;
  width:100%;
  height:100%;
}
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:0px;
  top:0px;
  width:100%;
  height:100%;
    background-color:#fdf8db;
  }

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.Logo
{
  position:relative;
  width:200px;
  height:50px;
}
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.UserMainBody
{
  position:absolute;
  width:100%;
  height:100%;
  padding-bottom:70px;
  padding-top:70px;
  background-image:url(https://develpwa.rickock.com/image.php?IMG=_DhKNttJ1bRurHlLkX9BqBxHsS6jhXpkB3O_1FeHnt1dsv2Kqy0cyZjNF1h_1Xi513VLgYUUYNkJThR5gpccLQ,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserHeaderBody
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:70px;
}
div.UserFooterBody
{
  position:absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:70px;
  background-color:lightgray;
}

div.UserFooterIcon
{
  width:50px;
  height:50px;
  margin-left:20px;
  margin-right:20px;
  font-size:12px;
  float:left;
  cursor:pointer;
}

div.UserFooterIcon_home
{
  background-image:url(https://develpwa.rickock.com/image.php?IMG=PDFQ9LqBfBcz5pwd9GqApTZtHUqiuqFwnWQSgs1NI4lI15bKlbtHQ0Ytb3LTYW_l13VLgYUUYNkJThR5gpccLQ,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_setting
{
  background-image:url(https://develpwa.rickock.com/image.php?IMG=2g3oYdB6ItsrdKZfuYg21IrdlHGuJJXmFqqTU_B6pAnlIbuQwQR_BXhg3WEvTqx9RMWyNjFUJCBB0ijBGK54sw,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_logout
{
  background-image:url(https://develpwa.rickock.com/image.php?IMG=ixPAiy79iaodX92LcupGsEOqHrjOJhqknlSB9UU3mvvoVpHrNuG_3TRyHcGcdgYD14ygzcPWhMa05M3fabyFQg,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_admin
{
  background-image:url(https://develpwa.rickock.com/image.php?IMG=dt0bmgs_wBo4E-kM1STtfjAX0fn6iSxO4AUxwAF36r4WdOuIXw46Y2t0NkuBoBH2BJqd8Vsx3PG8DRmmhajR0g,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_feed
{
  background-image:url(https://develpwa.rickock.com/image.php?IMG=8zKYQuZrQkgljlgop-Fy60OPMFF2MtCCnkz9LEhNeXA39VaExi7hQ0HjVS9PLqeUzovkIQPjqx4sdb6-qGG9qA,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.AdminMainBody
{
  position:absolute;
  width:100%;
  height:100%;
  padding-left:120px;
}
div.AdminMainBodyContents
{
  position:absolute;
  width:100%;
  height:100%;
  padding-top:80px;
}
div.AdminMainBodyTitle
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:80px;
  background-color:#CCCCEE;
  opacity:0.7;
}
div.AdminSideMenuBody
{
  position:absolute;
  width:120px;
  height:100%;
  background-color:lightgray;
  opacity:0.7;
}
div.AdminSideMenuContents
{
  position:relative;
  width:100%;
  height:15px;
  font-size:12px;
  margin-top:20px;
  padding:5px;
  cursor:pointer;
}
div.FeedListContents
{
  position:relative;
  width:200px;
  height:300px;
  float:left;
  cursor:pointer;

  }
div.FeedListContentsPhoto
{
  position:absolute;
  width:180px;
  height:180px;
  margin:10px;
  overflow:hidden;

  }
div.FeedListContentsDescription
{
  position:absolute;
  top:190px;
  width:180px;
  height:90px;
  margin:10px;

  }
div.FeedListContentsDescriptionTitle
{
  position:absolute;
  width:100%;
  height:15%;
  overflow-x:none;
  overflow-y:auto;
  font-size:12px;
  }
div.FeedListContentsDescriptionBody
{
  position:absolute;
  width:100%;
  height:85%;
  top:15%;
  overflow-x:none;
  overflow-y:auto;
  font-size:10px;
  }
div.FeedContents
{
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;

  }
div.FeedContentsImageArea
{
  position:absolute;
  width:100%;
  height:40%;
  top:0%;
  left:0%;
}
div.FeedContentsTextArea
{
  position:absolute;
  width:100%;
  height:40%;
  top:40%;
  left:0%;
}
div.FeedContentsButtonArea
{
  position:absolute;
  width:100%;
  height:20%;
  top:80%;
  left:0%;
  }
div.FeedContentsPhoto
{
  width:60%;
  height:80%;

  }
div.FeedContentsTitle
{
  position:absolute;
  width:100%;
  height:20px;

  }
div.FeedContentsDetail
{
  position:absolute;
  width:100%;
  height:100%;
  padding-top:20px;
  }
div.FeedContentsSetButton
{
  position:absolute;
  width:150px;
  height:50px;
  background-color:darkgray;
  color:white;
  cursor:pointer;
}
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;
  }
}