@charset "UTF-8";
/*--------------------------------------

　ズーム出席者側チャット画面 PC 対応

--------------------------------------*/
.join-dialog {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  height: 100vh !important;
  width: 100vw !important;
}
.join-dialog__tabs {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100vw !important;
}
.join-dialog__close {
  display: none !important;
}
.join-dialog__tabs .zmu-tabs__tab-container {
  display: none !important;
}
.join-audio-by-voip__join-btn {
  margin-top: 0 !important;
}
.q-a-entry-button-container {
  display: none !important;
}
body:not(.page-loaded) div {
  visibility: visible !important;
  animation: tf-hrz-loader infinite .75s cubic-bezier(.2, .68, .18, 1.08) !important;
  animation-delay: -.4s !important;
  transition: opacity .3s ease-in-out !important;
}
.reaction-simple-picker__container {
  display: block !important;
}
.mini-layout {
  margin-top: 0 !important;
}
.reaction-option-menu__pop-menu-header {
  display: none !important;
}
.reaction-option-menu__pop-menu-item {
  display: none !important;
}
.meeting-info-container {
  display: none !important;
}
.window-merge-disabled {
  display: none !important;
}
.video-avatar__avatar-name {
  line-height: 160px !important;
}
.chat-container .wrapper {
  max-width: 400px !important;
}
.disclaimer__button-wrap {
  margin: 0.5rem 0 !important;
}
.chat-box__chat-textarea, .chat-message__text-box {
  line-height: 1.5 !important;
}
.disclaimer__button-text {
  line-height: 16px !important;
  text-align: left !important;
  padding-left:10px!important;
}
.body-live-detail b{
    font-size: clamp(2.6rem, 2.454rem + 0.388vw, 3.2rem);
    line-height: 1.3;
    color: var(--mainColor);
    display: block;
}
.body-live-detail .col-lg-4 .form-group{
	margin-top:2rem;
}
@media screen and (max-width: 1800px) {}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1560px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1368px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 959px) {
  /*--------------------------------------

　ズーム出席者側チャット画面 SP 対応（画面横）

--------------------------------------*/
  .mini-layout-body .waiting-pannel-title {
    margin-bottom: -10px !important;
  }
  .mini-layout-body .waiting-pannel-title p {
    margin-bottom: -5px !important;
  }
  .waiting-pannel-content p {
    margin-bottom: -10px !important;
  }
  .waiting-pannel .form-group {
    margin-bottom: -30px !important;
  }
  .join-dialog__tabs .zmu-tabs__tab-container {
    top: -10vh !important;
  }
  .join-audio-by-voip__join-btn {
    top: -5vh !important;
    margin-top: 0 !important;
  }
  .join-dialog {
    width: 100vw !important;
    height: 100vh !important;
    bottom: 0 !important;
  }
  #chat-window {
    height: 85vh !important;
    width: 43vw !important;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .window-header {
    background: rgba(170, 170, 170, 0.7) !important;
  }
  .disclaimer__button-wrap {
    background: none !important;
  }
  .chat-container {
    background: none !important;
  }
  #chat-window .window-content {
    height: calc(100% - 10vh) !important;
  }
  #chat-window .wrapper {
    padding: 0 2vw !important;
  }
  .chat-box__chat-textarea {
    background: none !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    margin-top: 5px !important;
    border-radius: 5px !important;
    line-height: 1.5 !important;
    padding: 10px !important;
  }
  .chat-message__text-box {
    line-height: 1.3 !important;
    border-radius: 5px !important;
    letter-spacing: 0.05em !important;
    width: 31vw;
  }
  #chat-window textarea {
    min-height: auto !important;
    height: 25vh !important;
  }
  .chat-box__chat-content-send {
    height: 30vh !important;
  }
  .chat-box__send-btn {
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
  }
  .ReactModal__Content--after-open {
    transform: translate(0%, -50%) !important;
  }
  .q-a-entry-button-container {
    display: none !important;
  }
  .video-avatar__avatar-name {
    line-height: 100px !important;
  }
  .mini-layout-body {
    margin-top: 0 !important;
    transform: translate(0%, 10%) !important;
  }
  .mini-layout-body-title {
    margin: 0 !important;
  }
}
@media screen and (max-width: 559px) {
  /*--------------------------------------

　　ズーム出席者側チャット画面 SP 対応（画面縦）

--------------------------------------*/
  /*コンピューターでオーディオに接続画面*/
  .page-template-default .join-dialog__tabs .zmu-tabs__tab-container .zmu-tabs__tabs-list .zmu-tabs__tab-bar .tab-bar-node__icon {
    width: 25px !important;
    padding-right: 1rem !important;
  }
  .join-dialog__tabs .zmu-tabs__tab-container .zmu-tabs__tabs-list .zmu-tabs__tab-bar {
    min-width: 40% !important;
  }
  .join-audio-by-voip__join-btn {
    margin-top: 0 !important;
    position: absolute !important;
    top: 40% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .join-dialog__tabs .zmu-tabs__tab-container {
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, -100%) !important;
  }
  .join-dialog__close {
    display: none !important;
  }
  .join-audio-by-phone {
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, -14%) !important;
    width: 90% !important;
    padding: 3% !important;
    background-color: rgba(50, 50, 50, 0.8) !important;
    line-height: 1;
  }
  .join-audio-by-phone__country-tolls {
    display: block !important;
  }
  .join-audio-by-phone__toll-number-list-content {
    top: 0.5rem !important;
    line-height: 1.3 !important;
    padding: 0 0 1rem !important;
  }
  .join-audio-by-phone__step {
    margin: 0 !important;
    line-height: 1.3 !important;
  }
  ul.more-button__pop-menu li:nth-child(1), ul.more-button__pop-menu li:nth-child(3) {
    display: none !important;
  }
  .common-ui-component__dropdown-divider {
    display: none !important;
  }
  #chat-window {
    width: 90vw !important;
  }
  #chat-window textarea {
    height: 28vh !important;
  }
  .ReactModal__Content--after-open {
    transform: translate(-50%, -50%) !important;
  }
  .chat-message__text-box {
    width: 65vw !important;
  }
}