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://www3.tech-a.co.jp/image.php?IMG=23bgyvpr7G7UH7rwa93anxxHsS6jhXpkB3O_1FeHnt1dsv2Kqy0cyZjNF1h_1Xi5txaDQdB9qHk1_Bq6xLlu3A,,);
  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://www3.tech-a.co.jp/image.php?IMG=uAuYeB2NIw5ABAIBjB9xzDZtHUqiuqFwnWQSgs1NI4lI15bKlbtHQ0Ytb3LTYW_ltxaDQdB9qHk1_Bq6xLlu3A,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_setting
{
  background-image:url(https://www3.tech-a.co.jp/image.php?IMG=D7RINu-t0XF-KKZI-O2U-ordlHGuJJXmFqqTU_B6pAnlIbuQwQR_BXhg3WEvTqx9n6yLs_eSKw4vQuMKOnqwLw,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_logout
{
  background-image:url(https://www3.tech-a.co.jp/image.php?IMG=qgIm3imoXq0UNULohTJtSEOqHrjOJhqknlSB9UU3mvvoVpHrNuG_3TRyHcGcdgYDjpwip_NEP9PwsZlnDEjz2A,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_admin
{
  background-image:url(https://www3.tech-a.co.jp/image.php?IMG=LK5Gu3xV91RhMTh3BdbiV_jV97K5FYk84uA7zaK3-t62_kWGbhd3NQ4sh9uHjPNLb6DDAfr_Wp70kCgk9La0NQ,,);
  background-size:cover;
  background-repeat:no-repeat;
}
div.UserFooterIcon_feed
{
  background-image:url(https://www3.tech-a.co.jp/image.php?IMG=VI0iVy6cstxZYpNpGURcglNS6fjjFeJ91b2T1ZLKCSN12m7IMi1JWCrVdk1iaJlVwNV_5BfrMchtvKPWPOKfPg,,);
  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;

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

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

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

    border:1px solid red;}
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%;
    border:1px solid blue;}
div.FeedContentsPhoto
{
  width:60%;
  height:80%;

    border:1px solid green;}
div.FeedContentsTitle
{
  position:absolute;
  width:100%;
  height:20px;

    border:1px solid cyan;}
div.FeedContentsDetail
{
  position:absolute;
  width:100%;
  height:100%;
  padding-top:20px;
    border:1px solid pink;}
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;
  }
}