/**
 * Media Query
 *
 */
/*
@media screen and (max-width: 1104px) {
  .left {
    width: 100% !important;
    height: 100VH !important;
  }
  .left #addSmallDisplay {
    display: none;
  }
  .left_item-pc {
    display: none;
  }
  .left_item-mobile {
    display: block !important;
    padding: 2%;
    text-align: center;
  }
  .left_item-mobile img {
    max-width: 100%;
    max-height: 90vh;
  }

  .right {
    display: none;
  }
}
*/

​ html,
body {
  max-width: 1600px;
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0 auto;
  font-size: 1em;
  background-color: #fff;
  font-family: "Noto Sans Japanese", "Productsans", "Arial", "メイリオ", "ヒラギノ角ゴシック";
}

#div_join_screen {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
  background-color: #888;
}

video {
  width: 100%;
}

#1 {
  border: 3px solid red;
}

#div_chat_main {
  display: flex;
  width: 100%;
}

.left {
  width: 75%;
  height: 100vh;
  background-color: #646464;
}
.left_item-pc {
  padding: 3%;
}
canvas {
  width: 100%;
}
.left_item-pc img {
  width: 100%;
}
.left_item-mobile {
  display: none;
}

.right {
  width: 25%;
  height: 100vh;
  overflow-y: scroll;
  background-color: #969696;
}
.right_item {
  padding: 5%;
}
.right_item video {
  width: 100%;
  height: auto;
}
.right_item img {
  width: 100%;
}

/*# sourceMappingURL=app.css.map*/