@charset "UTF-8";
html {
  scroll-behavior: smooth;
  overscroll-behavior: none;
  height: 100%;
  max-height: 100dvh;
}
body {
  height: 100%;
  max-height: 100dvh;
  overflow: hidden;
  font-size: 16px;
  font-family: sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
}
@media (orientation: landscape) {
  body {
    background-color: rgb(242, 231, 227);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgb(238, 227, 222) 10px, rgb(238, 227, 222) 14px);
    background-size: auto auto;
  }
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
  word-break: break-all;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*:not(input) {
  -webkit-user-select: none;
}
*::-webkit-scrollbar {
  display: none;
}
*:focus {
  outline: none;
}
ul, li {
  list-style: none;
}
/* form */
button, input[type=date], input[type=text], select, textarea {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  outline: none;
  border-radius: 0;
}
input[type=date], input[type=text], select, textarea {
  font-size: 1rem;
  border: 1px solid #999;
}
input[type=date]:focus, input[type=text]:focus, select:focus, textarea:focus {
  border-color: #000;
}
select::-ms-expand {
  display: none;
}
::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder {
  opacity: 0.5;
}
::placeholder {
  opacity: 0.5;
}
img {
  height: auto;
  width: 100%;
  object-fit: cover;
  vertical-align: middle;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
}
svg {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  height: 10px;
  width: 10px;
}
a {
  color: #000;
  text-decoration: none; /* delete underline */
}
.common-input,
.common-input[type=text] {
  height: 2.75em;
  width: 100%;
  border: 1px solid rgb(255, 128, 44);
  background: #fff;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1em;
  padding: 0.5em 1em;
}
.common-input-error {
  color: #f66;
  font-size: 14px;
  font-weight: 400;
}
.form_hide {
  display: none;
}
.display_block {
  display: block;
}
.display_inline {
  display: inline;
}
.display_inline_block {
  display: inline-block;
}
.position_relative {
  position: relative;
}
.position_absolute {
  position: absolute;
}
.position_fixed {
  position: fixed;
}
.position_sticky {
  position: sticky;
}
/* flex 汎用 */
.flex_setBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_setCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.flex_co_lt {
  display: flex;
  flex-direction: column;
}
.flex_co_ct {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex_co_lar {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.flex_co_cbe {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex_ro_lt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex_ro_lc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex_ro_ct {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.flex_ro_cc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_ro_bet {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_ro_bec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_ro_evc {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.flex_co_cev {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.grid_ro_lt {
  display: -ms-grid;
  display: grid;
  align-items: start;
  justify-content: start;
}
.grid_ro_ct {
  display: -ms-grid;
  display: grid;
  align-items: start;
  justify-content: center;
}
.grid_ro_cc {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: center;
}
.grid_ro_art {
  display: -ms-grid;
  display: grid;
  justify-content: space-around;
  align-items: start;
}
@supports not (display: grid) {
  .grid_ro_lt,
  .grid_ro_ct,
  .grid_ro_cc,
  .grid_ro_art {
    display: flex;
    flex-wrap: wrap;
  }
}
.select-avatar {
  height: 100dvh;
  max-width: 100%;
  margin: 1px auto 0;
  background: #ddd;
  overflow: hidden;
}
@supports (-webkit-touch-callout: none) {
  .select-avatar {
    height: 100dvh !important;
  }
}
/* vr-chat全体包みエリア */
.vr-chat-area {
  height: 100%;
  max-width: 100%;
  margin: 1px auto 0;
}
@supports (-webkit-touch-callout: none) {
  .vr-chat-area {
    height: 100dvh !important;
  }
}
/*
.vr-chat-canvas {
  height: 100%;
  width: 100%;
  pointer-events: none;
  transition: all 0.2s;
  background-image: url('./image/diamondSampleBack.png');
  background-size: contain;
}
 */
.main-operating {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) {
    display: flex;
  }
  .vr-chat-area:not(.profile) .vr-chat-canvas {
    flex: 0 0 auto;
    width: 100%;
    padding-top: 138px;
    background: rgba(255, 255, 255, 0.3);
  }
  .vr-chat-area:not(.profile) .main-operating {
    flex: 1 1 auto;
    position: relative;
    padding-bottom: env(safe-area-inset-bottom);
  }
  @supports (aspect-ratio: 412/790) {
    .vr-chat-area:not(.profile) .vr-chat-canvas {
      width: auto;
      padding-top: 0;
      aspect-ratio: 412/790;
    }
  }
}
/* UI 画面上部表示項目 */
.vr-chat-header-button-area {
  top: 0;
  left: 0;
  z-index: 2;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-header-button-area {
    padding: 8px 2vw;
  }
}
/* 画面上部表示ボタン */
.header-button {
  min-height: 48px;
  min-width: 48px;
  padding: 0 1em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #4f4943;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 16px;
  cursor: pointer;
  cursor: hand;
}
.header-button.light-color {
  color: #1f1f1f;
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.1);
}
.header-button.light-color svg {
  fill: #1f1f1f;
}
.header-button.light-color .header-button-svg.back .cls-2 {
  stroke: #1f1f1f;
}
@media (hover: hover) {
  .header-button:hover {
    background: #1f1f1f;
  }
  .header-button.light-color:hover {
    background: #fff;
  }
}
@media (hover: none) {
  .header-button:active {
    background: #1f1f1f;
  }
  .header-button.light-color:active {
    background: #fff;
  }
}
.header-button-svg {
  fill: #fff;
  stroke: none;
  height: 32px;
  width: 32px;
  margin: 0 -12px;
}
.header-button-svg .cls-1 {
  fill: none;
}
.header-button-svg .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.vr-select-command-position {
  top: 0;
  width: 100%;
  height: calc(100% - 4px);
  z-index: 0; /* 下部のエディターより下になるように */
}
.vr-select-command-position.profile-image {
  top: 64px;
  z-index: 1;
}
@media (orientation: portrait) {
  .vr-select-command-position.profile-image {
    height: calc(100% - 64px);
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-select-command-position {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    padding: 0 2vw;
  }
}
/* UI 画面左側表示項目 */
.vr-select-command-left {
  position: absolute;
  top: 0;
  left: 12px;
  gap: 15px 0;
  height: fit-content;
  max-height: calc(100% - 40vh);
  width: 72px;
  overflow-x: visible;
  overflow-y: scroll;
  z-index: 2;
}
#party-menu-reverse:checked ~ .vr-select-command-left {
  left: unset;
  right: 12px;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-select-command-left {
    flex: 0 0 auto;
    position: relative;
    top: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    max-height: none;
    width: auto;
    max-width: 100%;
    overflow-x: scroll;
    z-index: 2;
  }
  .vr-chat-area:not(.profile) .vr-select-command-left:after {
    display: none;
  }
  .vr-chat-area:not(.profile) .vr-select-command-left > span {
    flex: 0 0 auto;
    display: inline-block;
    width: 72px;
  }
}
/* 画面左側・右側表示ボタン */
.ui-button-size {
  flex: 0 0 auto;
  height: 64px;
  width: 64px;
}
.vr-chat-ui-select-button {
  height: 64px;
  width: 64px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.1);
  transition: all 0.2s;
}
input:checked + .vr-chat-ui-select-button {
  background: #fff;
  color: #ff802c;
}
@media (hover: hover) {
  .vr-chat-ui-select-button:hover {
    background: #fff;
    color: #ff802c;
  }
}
@media (hover: none) {
  .vr-chat-ui-select-button:active {
    background: #fff;
    color: #ff802c;
  }
}
.vr-chat-ui-select-svg {
  fill: rgba(79, 73, 67, 0.5);
  stroke: none;
  height: 40px;
  width: 40px;
  transition: fill 0.2s;
}
.vr-chat-ui-select-svg .cls-1 {
  fill: transparent;
}
.vr-chat-ui-select-svg .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  transition: stroke 0.2s;
}
.vr-chat-ui-select-svg:not(.view-icon) .cls-2 {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.54px;
}
.vr-chat-ui-select-svg.view-icon .cls-2 {
  stroke-dasharray: 0 0 2 2;
  stroke-miterlimit: 10;
}
.vr-chat-ui-select-svg.facical-expression .cls-2 {
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg {
  fill: #ff802c;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg .cls-2 {
  stroke: #ff802c;
}
.vr-chat-ui-select-svg.party-page-menu .st0 {
  opacity: 0.5;
}
.vr-chat-ui-select-svg.party-page-menu .st1 {
  opacity: 1;
  fill: #4F4943;
}
.vr-chat-ui-select-svg.party-page-menu .st2 {
  fill: none;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg.party-page-menu .st0 {
  opacity: 1;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg.party-page-menu .st1 {
  fill: #ff802c;
}
@media (hover: hover) {
  .vr-chat-ui-select-button:hover .st0 {
    opacity: 1;
  }
  .vr-chat-ui-select-button:hover .st1 {
    fill: #ff802c;
  }
}
@media (hover: none) {
  .vr-chat-ui-select-button:active .st0 {
    opacity: 1;
  }
  .vr-chat-ui-select-button:active .st1 {
    fill: #ff802c;
  }
}
/* UI アバター登録選択チェックマーク */
.selected-check {
  top: 50%;
  right: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 16px;
  min-width: 16px;
  background: #80FFB3;
  border-radius: 50%;
  transform: translate(0, -50%);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0;
}
.selected-check svg {
  stroke: #1f1f1f;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8px;
}
input:checked + .selected-check {
  opacity: 1;
}
/* UI 画面右側表示項目 */
.vr-select-command-right {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 2;
  height: fit-content;
  max-height: calc(100% - 0vh);
  overflow: scroll;
}
.vr-select-command-right.left-side {
  right: unset;
  left: 12px;
}
#party-menu-reverse:checked ~ div .vr-select-command-right {
  right: unset;
  left: 12px;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-select-command-right {
    flex: 0 0 auto;
    position: relative;
    right: unset;
    flex-direction: row;
    height: 55px;
    max-height: none;
    width: auto;
    max-width: 100%;
    overflow-x: scroll;
    align-items: center;
  }
  .vr-chat-area:not(.profile) .vr-select-command-right:after {
    display: none;
  }
}
/* UI ポップアップ表示 */
.vr-chat-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: top 0.2s;
}
#vr-chat-how-to-dialog:checked ~ .vr-chat-modal,
#vr-chat-check-error:checked ~ .vr-chat-modal,
#party-request-ending:checked ~ .vr-chat-modal,
#party-request-two-shot:checked ~ .vr-chat-modal,
#party-request-video-call:checked ~ .vr-chat-modal,
#profile-image-edit-confirm:checked ~ .vr-chat-modal,
#vr-confirm-dialog:checked ~ .vr-chat-modal,
#setting-active:checked ~ .vr-chat-modal,
#setting-delete-confirm:checked ~ .vr-chat-modal,
#party-costume-change-confirm:checked ~ .vr-chat-modal,
#party-costume-list:checked ~ .vr-chat-modal {
  top: 0;
}
#vr-chat-check-error:checked ~ .vr-chat-modal .check-error-area,
#setting-active:checked + .vr-chat-modal .re-edit-acitve,
#profile-image-edit-confirm:checked ~ .vr-chat-modal .profile-image-edit-confirm-area,
#party-costume-list:checked ~ .vr-chat-modal .party-costume-list {
  display: block;
}
#setting-delete-confirm:checked + .vr-chat-modal .vr-modal-back {
  display: flex;
  flex-direction: column;
}
#vr-chat-how-to-dialog:checked ~ .vr-chat-modal .how-to-camera,
#party-costume-change-confirm:checked ~ .vr-chat-modal .party-costume-change-confirm {
  display: flex;
  flex-direction: column;
  padding-bottom: 112px;
}
/* ポップアップ表示閉じるボタン */
.vr-chat-modal-close-button {
  top: 10px;
  right: 10px;
  z-index: 3;
  height: 48px;
  width: 48px;
}
.vr-chat-modal-close-svg {
  height: 48px;
  width: 48px;
}
.vr-chat-modal-close-svg .st0 {
  fill: rgba(31, 31, 31, 0.8);
}
@media (hover: hover) {
  .vr-chat-modal-close-svg:hover .st0 {
    fill: rgb(31, 31, 31);
  }
}
@media (hover: none) {
  .vr-chat-modal-close-svg:active .st0 {
    fill: rgb(31, 31, 31);
  }
}
/* ポップアップ内の決定キャンセル */
.vr-chat-modal-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 12px 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  transition: all 0.2s;
}
.vr-chat-modal-button.submit-button {
  background: #ff802c;
}
.vr-chat-modal-button.cancel-button {
  background: #4f4943;
}
@media (hover: hover) {
  .vr-chat-modal-button.submit-button:hover {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:hover {
    background: #1f1f1f;
    color: #fff;
  }
}
@media (hover: none) {
  .vr-chat-modal-button.submit-button:active {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:active {
    background: #1f1f1f;
    color: #fff;
  }
}
/* ポップアップ内容表示の背景 */
.vr-modal-back {
  z-index: 2;
  height: 100%;
  max-height: 100%;
  max-height: 100dvh;
  overflow: scroll;
  background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgb(255, 255, 255));
  backdrop-filter: blur(5px);
  color: #ff802c;
  font-size: 20px;
  font-weight: 700;
}
.vr-modal-back > *:first-child {
  margin-top: auto;
}
.vr-modal-back > *:last-child {
  margin-bottom: auto;
}
@supports (-webkit-touch-callout: none) {
  .vr-modal-back {
    max-height: 100% !important;
    max-height: 100dvh !important;
  }
}
.vr-chat-modal-title {
  padding: 18px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 2;
}
.alert-icon-svg {
  height: 72px;
  width: 72px;
  margin: 0 auto 24px;
}
.alert-icon-svg .cls-2 {
  fill: none;
  stroke: #ff802c;
  stroke-miterlimit: 10;
}
.alert-icon-svg .cls-3 {
  fill: #ff802c;
  stroke: none;
}
.vr-modal-button-block {
  width: 100%;
}
.vr-modal-button-block > *:not(:last-child) {
  margin-bottom: 20px;
}
@supports (gap: 20px) {
  .vr-modal-button-block {
    gap: 20px;
  }
  .vr-modal-button-block > *:not(:last-child) {
    margin-bottom: 0;
  }
}
/* UI アバターの姿を切り替えるスイッチ群 :beforeに背景デザインを表示 */
.vr-chat-ui-cloth-block {
  position: relative;
  width: 40px;
  border-radius: 20px;
  margin-right: -8px;
  margin-left: 4px;
}
.vr-chat-ui-cloth-block:before {
  content: "";
  position: absolute;
  top: 8px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 12px);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.8);
}
.vr-chat-ui-cloth-block .vr-chat-ui-select-button {
  background: transparent;
  height: 32px;
  width: 32px;
  transition: background 0.2s, color 0.2s;
  border: 0;
}
.vr-chat-ui-cloth-block .ui-button-size:first-child {
  padding-top: 8px;
}
.vr-chat-ui-cloth-block input:checked + .vr-chat-ui-select-button {
  background: rgba(0, 0, 0, 0.15);
  color: #1f1f1f;
}
@media (hover: hover) {
  .vr-chat-ui-cloth-block .vr-chat-ui-select-button:hover {
    color: #1f1f1f;
    background: rgba(31, 31, 31, 0.1);
  }
}
@media (hover: none) {
  .vr-chat-ui-cloth-block .vr-chat-ui-select-button:active {
    color: #1f1f1f;
    background: rgba(31, 31, 31, 0.1);
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block {
    flex-direction: row;
    height: 40px;
    width: auto;
    margin: 0;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block:before {
    top: 0;
    height: 100%;
    border-radius: 24px;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block .vr-chat-ui-select-button {
    height: 36px;
    width: 36px;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block .ui-button-size:first-child {
    padding-top: 0;
  }
}
/* UI サブウィンドウ */
.vr-chat-dialog-base {
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  min-height: 0;
  max-height: calc(100% - 64px);
  width: 100%;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgb(255, 255, 255));
  background-size: 100%;
  border-top: 1px solid rgba(31, 31, 31, 0.1);
  transform: none !important;
}
.vr-chat-dialog-base.fit-height {
  max-height: 100%;
  position: absolute;
  z-index: 3;
}
.vr-chat-dialog-base > div {
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 54px);
  background-size: 100%;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-dialog-base {
    min-height: env(safe-area-inset-bottom);
  }
}
/* UI サブウィンドウのサイズ調整つまみに関するデザイン編集 */
.__dbk__dragger.Vertical.moveable-control-box.moveable-line {
  opacity: 0;
}
.__dbk__dragger.Vertical.moveable-control-box.moveable-control {
  top: -34px !important;
  left: calc(50% - 42px) !important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 34px !important;
  width: 84px !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  cursor: col-resize;
  z-index: 3;
}
.moveable-control-box .moveable-control:before {
  content: "";
  height: 24px;
  width: 64px;
  background: #fff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.moveable-control-box .moveable-control:after {
  position: absolute;
  bottom: 12px;
  left: 50%;
  content: "";
  height: 8px;
  width: 20px;
  border-top: 2px solid rgba(31, 31, 31, 0.2);
  border-bottom: 2px solid rgba(31, 31, 31, 0.2);
  transform: translate(-50%, 50%);
}
/* サブウィンドウ内のタブデザイン
.ui-chat-tab-list {
  flex: 0 0 auto;
  width: 100%;
  margin: 0 auto;
  padding: 10px 12px;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 15px),
  linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgb(255 128 44 / 100%)),
  linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 15px),
  linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(255 128 44 /100%));
  background-repeat: no-repeat;
  background-attachment: local, scroll, local, scroll;
  background-position: 0 0, 0 0, 100% 0, 100% 0;
  background-size: 50px 100%, 20px 100%, 50px 100%, 20px 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: scroll;
}
*/
.ui-chat-tab-area {
  flex: 0 0 auto;
  padding: 0 10px;
}
.ui-chat-tab-list .ui-chat-tab-area:first-child,
.ui-chat-tab-list .position_relative:first-child {
  margin-left: auto;
}
.ui-chat-tab-list .ui-chat-tab-area:last-child,
.ui-chat-tab-list .position_relative:last-child {
  margin-right: auto;
}
.vr-chat-ui-tab {
  min-width: 48px;
  padding: 10px 1em;
  border-radius: 17px;
  background-color: transparent;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 0.2s;
}
input[id$=select-tab-1]:checked ~ div label[for$=select-tab-1] .vr-chat-ui-tab,
input[id$=select-tab-2]:checked ~ div label[for$=select-tab-2] .vr-chat-ui-tab,
input[id$=select-tab-3]:checked ~ div label[for$=select-tab-3] .vr-chat-ui-tab,
input[id$=select-tab-4]:checked ~ div label[for$=select-tab-4] .vr-chat-ui-tab,
input[id$=select-tab-5]:checked ~ div label[for$=select-tab-5] .vr-chat-ui-tab,
input[id$=select-tab-6]:checked ~ div label[for$=select-tab-6] .vr-chat-ui-tab,
input[id$=select-tab-7]:checked ~ div label[for$=select-tab-7] .vr-chat-ui-tab {
  /* サブウィンドウないで選択中のタブ */
  background-color: rgba(31, 31, 31, 0.1);
}
.vr-chat-choice-category-title {
  gap: 12px;
  padding: 0 12px 6px;
  font-size: 12px;
  font-weight: 700;
}
/* UI アバター作成中に表示する気付きラベル */
.vr-chat-choice-now-announce {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #bd1b87;
  background: #D31E79;
  opacity: 1;
}
input:checked ~ .vr-chat-choice-category-title {
  opacity: 1;
}
.vr-dialog-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* 選択中のタブに関する本文の表示非表示 */
.vr-chat-ui-tab-element {
  flex: 1 1 auto;
  width: 100%;
  max-width: 736px;
  overflow-y: scroll;
  margin: 0 auto;
  padding: 0 2vw 12px;
  height: 200px;
}
input[id$=select-tab-1]:checked ~ .vr-chat-ui-tab-element.list-1,
input[id$=select-tab-2]:checked ~ .vr-chat-ui-tab-element.list-2,
input[id$=select-tab-3]:checked ~ .vr-chat-ui-tab-element.list-3,
input[id$=select-tab-4]:checked ~ .vr-chat-ui-tab-element.list-4,
input[id$=select-tab-5]:checked ~ .vr-chat-ui-tab-element.list-5,
input[id$=select-tab-6]:checked ~ .vr-chat-ui-tab-element.list-6,
input[id$=select-tab-7]:checked ~ .vr-chat-ui-tab-element.list-7 {
  display: block;
}
.vr-chat-dialog-select-area {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding-bottom: 12px;
}
.vr-chat-choice-list {
  width: fit-content;
  max-width: 100%;
  overflow-x: scroll;
  padding: 0 10px 10px;
  margin: 0 auto;
}
.vr-chat-choice-list li {
  margin: 0 8px 8px 0;
}
.vr-chat-choice-item {
  flex: 0 0 auto;
  height: 104px;
  width: 104px;
}
@supports (gap: 8px) {
  .vr-chat-choice-list {
    gap: 8px;
  }
  .vr-chat-choice-list li {
    margin: 0;
  }
}
/* 選択するアイテムのボタン */
.vr-chat-choice-item-button {
  height: 104px;
  width: 104px;
  border: 1px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  font-weight: 700;
  transition: all 0.2s;
}
.vr-chat-choice-item-button svg {
  height: 16px;
  width: 16px;
  stroke-width: 5px;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h]:not(.adjustment) .vr-chat-choice-item-button,
input[name=vr-motion]:checked + .vr-chat-choice-item-button {
  /* アイテム選択中表示 */
  border: 4px solid #ff802c;
}
/* アイテムのサムネイル */
.vr-chat-choice-item-image {
  height: 96px;
  width: 96px;
  border-radius: 8px;
}
/* アイテムの説明帯 */
.vr-chat-choice-item-name-tag {
  bottom: 3px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-shadow: 4px 4px 4px #FFF, -4px -4px 4px #FFF, -4px 4px 4px #FFF, 4px -4px 4px #FFF, 0px 4px 4px #FFF, 0 -4px 4px #FFF, -4px 0 4px #FFF, 4px 0 4px #FFF;
  transition: bottom 0.2s;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[name=vr-motion]:checked + .vr-chat-choice-item-button .vr-chat-choice-item-name-tag {
  bottom: 0;
}
/* カラー・バリエーション・「着衣しない」選択スイッチ */
.adjustment {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  transition: background 0.2s;
}
.adjustment[for$=-none],
.adjustment.on_off {
  background: #ff802c;
}
.adjustment .vr-chat-choice-item-button {
  box-sizing: content-box;
  height: 32px;
  width: 32px;
  border: 1px solid rgba(31, 31, 31, 0.3);
  background: #fff;
  border-radius: 50%;
  color: #1F1F1F;
}
.adjustment .vr-chat-choice-item-button svg {
  stroke: rgba(31, 31, 31, 0.3);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8px;
  transition: stroke 0.2s;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a],
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b],
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c],
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d],
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e],
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f],
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g],
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g],
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h],
input[id$=-i]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-i],
#select-eye-color-same:checked + div .adjustment[for=select-eye-color-same],
.vr-chat-confirm-item .adjustment {
  /* カラー・バリエーション・「着衣しない」選択中 */
  background: #ff802c;
}
input[id$=-none]:checked ~ div .adjustment[for$=-none] .vr-chat-choice-item-button svg,
input:checked + .adjustment-switch-area .adjustment.on_off svg {
  stroke: #1F1F1F;
}
.adjustment-switch-area {
  max-width: 768px;
  margin: 0 auto;
  padding: 20px 12px;
}
.adjustment-switch-area > .adjustment {
  margin-right: 12px;
}
@supports (gap: 12px) {
  .adjustment-switch-area {
    gap: 12px;
  }
  .adjustment-switch-area > .adjustment {
    margin-right: 0;
  }
}
/* つまみを引っ張るタイプのフォーム */
.range-container-unit {
  padding: 20px 0 50px;
}
.range-container-unit > *:not(:last-child) {
  margin-bottom: 50px;
}
@supports (gap: 12px) {
  .range-container-unit {
    gap: 50px;
  }
  .range-container-unit *:not(:last-child) {
    margin-bottom: 0;
  }
}
.range-container {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
.range-text {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
}
input[type=range] {
  width: 300px;
  margin: 16px 0;
  height: 6px;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(79, 73, 67, 0.5);
  background-image: linear-gradient(to bottom, #ff802c, #ff802c);
  background-size: 50% 100%;
  background-repeat: no-repeat;
}
input[type=range]:focus {
  outline: none;
}
/* つまみを引っ張るタイプのフォームにつける吹き出し */
.range-speech-bubble {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  padding: 0 5px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0 0 4px 4px;
  transform: translateY(calc(100% + 10px));
  transform-origin: center center;
}
.range-speech-bubble:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  height: 5px;
  width: 100%;
  border: 25px solid transparent;
  border-top: 0;
  border-bottom: 5px solid #ddd;
}
/* Chrome & Safari ハック */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  background: #aaa;
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.5);
  cursor: pointer;
}
/* Firefox ハック */
input[type=range]::-moz-range-track {
  width: 100%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  background: #aaa;
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.5);
  cursor: pointer;
}
/* 顔サイズ調整リセットボタン */
.range-reset {
  margin: 20px auto 0;
}
.range-reset .default-button {
  color: #1f1f1f;
}
.default-button {
  line-height: 1;
  padding: 12px;
  background: #ddd;
  border: 1px solid #1f1f1f;
  border-radius: calc(0.5em + 12px);
}
/* 初期値で操作不能部分の動作 */
input[type=checkbox]:not(:checked) ~ .setting-open,
input[name=select-tops]:checked ~ .setting-open,
input[name=select-bottoms]:checked ~ .setting-open,
input[name=select-socks]:checked ~ .setting-open,
input[name=select-shoes]:checked ~ .setting-open,
input[name=select-hair-clips]:checked ~ .setting-open,
input[name=select-ribbon]:checked ~ .setting-open,
input[name=select-Animal]:checked ~ .setting-open,
input[name=select-heir-accessory-another]:checked ~ .setting-open,
input[name=select-head-accessory-another]:checked ~ .setting-open {
  pointer-events: all;
  opacity: 1;
}
/* カメラ操作ガイド */
.camera-use {
  width: auto;
  width: fit-content;
  height: auto;
  height: fit-content;
  max-width: 100vw;
  margin: auto;
  padding: 30px;
}
.camera-use > .flex_co_ct {
  width: 50%;
  margin-bottom: 30px;
}
@supports (grid-template-columns: 1fr 1fr) {
  .camera-use {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
  .camera-use > .flex_co_ct {
    width: auto;
    margin-bottom: 0;
  }
}
.camera-use-svg {
  fill: #ff802c;
  stroke: none;
  height: 72px;
  width: 72px;
}
.camera-use-action {
  line-height: 1;
  padding: 0.75em 1.5em;
  margin: 8px 0 16px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1.5em;
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 700;
}
.camera-use-text {
  font-size: 14px;
  color: #1f1f1f;
}
/* 必要項目未記入表示 */
.check-error-area {
  padding: 64px 12vw 96px;
  height: 100%;
  overflow-y: scroll;
}
.check-error-area .alert-icon-svg {
  margin-bottom: 48px;
}
.check-error-title {
  margin-bottom: 48px;
  text-align: center;
}
.check-error-text {
  margin-bottom: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #1f1f1f;
}
.check-error-button {
  display: block;
  width: 100%;
  padding: 0.5em 1.5em;
  line-height: 1em;
  border-radius: 1em;
  text-align: center;
  border: 1px solid #000;
}
.check-error-window {
  min-height: 100%;
}
.check-error-window > *:first-child {
  margin-top: auto;
}
.check-error-window > *:last-child {
  margin-bottom: auto;
}
@supports (gap: 48px) {
  .check-error-window {
    gap: 48px;
  }
  .check-error-area .alert-icon-svg,
  .check-error-title,
  .check-error-text {
    margin-bottom: 0;
  }
}
/* 登録確認ぺーじ */
/* 登録確認サブウィンドウテキスト部位 */
.vr-chat-confirm-heading {
  max-width: 90%;
  margin: 12px auto;
  padding: 1em;
  border: 1px solid #ff802c;
  background: #fff;
  color: #ff802c;
  font-weight: 700;
  border-radius: 10px;
}
.vr-chat-confirm-text {
  text-align: center;
  margin-bottom: 12px;
  font-weight: 700;
}
.vr-chat-confirm-area {
  overflow-y: scroll;
}
/* 登録確認内容スクロールジャンプ */
.confirm-jump-list-background {
  top: 0;
  z-index: 2;
  width: 100%;
  overflow: scroll;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/*
.confirm-jump-list-background:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:68px;
    background-image: linear-gradient(to left,rgba(255,255,255,0),rgb(255,255,255,1) 15px),
                        linear-gradient(to right,rgba(255,255,255,0),rgb(255,255,255,1) 15px);
    background-repeat: no-repeat;
    background-attachment: local,local;
    background-position: 0 0,right;
    background-size: 25px 100%,25px 100%;
    pointer-events: none;
    z-index: 3;
}
.confirm-jump-list:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:68px;
    background-image: linear-gradient(to left,rgba(0,0,0,0)50%,rgb(255 128 44 / 100%)),
                        linear-gradient(to right,rgba(0,0,0,0)50%,rgb(255 128 44 /100%));
    background-repeat: no-repeat;
    background-attachment:scroll,scroll;
    background-position: 0 0,right;
    background-size: 20px 100%,20px 100%;
    pointer-events: none;
    z-index:2;
}
*/
/* 登録確認内容表示項目 */
.vr-chat-confirm-group {
  scroll-margin-top: 68px;
  margin-bottom: 20px;
}
.vr-chat-confirm-group-title {
  max-width: 768px;
  margin: 0 auto 20px;
  border-left: 16px solid rgba(79, 73, 67, 0.3);
  padding: 0.3em 0 0.3em 3vw;
  font-size: 20px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1;
}
.vr-chat-confirm-item {
  max-width: 768px;
  margin: 0 auto;
  padding: 0 7vw;
}
.vr-chat-confirm-item-title {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 20px;
}
.vr-chat-confirm-item-title.color-select {
  font-size: 12px;
  margin: 8px 0;
}
.vr-chat-confirm-item-text {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
}
.vr-chat-confirm-item-main {
  margin-bottom: 20px;
}
.vr-chat-confirm-item-main .vr-chat-choice-item-button {
  height: 100%;
  width: 100%;
  border: 4px solid #fff;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.vr-chat-confirm-item-main .adjustment {
  background: transparent;
}
.vr-chat-confirm-item-main .adjustment .vr-chat-choice-item-button {
  border-radius: 50%;
}
.vr-chat-confirm-item-main .vr-chat-choice-item {
  margin-right: 20px;
}
@supports (grid-template-columns: 1fr 1fr) {
  .vr-chat-confirm-item-main {
    gap: 20px;
  }
  .vr-chat-confirm-item-main .vr-chat-choice-item {
    margin-right: 0;
  }
}
.vr-chat-choice-item .no-check {
  height: 36px;
  width: 36px;
  stroke: #ff802c;
}
.vr-chat-choice-item .no-check .cls-0 {
  fill: #ff802c;
}
.vr-chat-choice-item .no-check .cls-1 {
  fill: rgba(255, 255, 255, 0.5);
}
/* 着衣しない項目の確認 */
.confirm-off,
.confirm-on {
  display: none;
}
input[value=off]:checked ~ .confirm-off {
  display: block;
}
input[value=on]:checked ~ .confirm-on {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vr-chat-confirm-area .vr-chat-ui-select-button {
  border-color: rgba(79, 73, 67, 0.2);
}
/* 片方しか選択できない項目に対する表示管理 */
.confirm-item-select {
  display: none;
}
input[value=tops]:checked ~ .confirm-tops,
input[value=one-piece-suit]:checked ~ .confirm-one-piece-suit,
input[value=skirt]:checked ~ .confirm-skirt,
input[value=pants]:checked ~ .confirm-pants {
  display: block;
}
/* 登録確認ポップアップ表示 */
.re-confirm, .re-complete {
  height: 100%;
  padding: 64px 12vw 96px;
  overflow-y: scroll;
  font-weight: 700;
  overscroll-behavior: contain;
}
#vr-registration-confirm:checked ~ .re-confirm {
  display: flex;
  flex-direction: column;
}
#vr-registration-complete:checked ~ .re-complete {
  display: flex;
  flex-direction: column;
}
.re-confirm > *, .re-complete > * {
  flex: 0 0 auto;
  margin-bottom: 48px;
}
@supports (gap: 48px) {
  .re-confirm, .re-complete {
    gap: 48px;
  }
  .re-confirm > *, .re-complete > * {
    margin-bottom: 0;
  }
}
.vr-chat-cofirm-button {
  display: block;
  width: 80%;
  padding: 12px 20px;
  background: #fff;
  font-weight: 700;
  border: 1px dashed #000;
  font-size: 12px;
  border-radius: 16px;
}
.resign-dialog-svg {
  fill: #ff802c;
  stroke: none;
  height: 72px;
  width: 72px;
}
.resign-complete-cirlce {
  border: 2px solid #ff802c;
  border-radius: 50%;
  height: 72px;
  width: 72px;
}
.resign-complete-svg {
  stroke: #ff802c;
  height: 42px;
  width: 42px;
  stroke-width: 4px;
}
/* コーディネート登録に関する説明文のアコーディオン */
.about-costume-set {
  list-style: none;
  width: 100%;
  max-width: 512px;
  height: 40px;
  text-align: left;
  color: #1f1f1f;
}
.about-costume-set[open] {
  height: auto;
  transition: height 0.5s;
}
.about-costume-set summary {
  display: block;
  list-style: none;
}
.about-costume-set summary::-webkit-details-marker {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}
.about-coustome-title {
  display: inline-flex;
  width: fit-content;
  font-size: 18px;
  color: #ff802c;
}
.about-costume-set-accordion {
  display: inline-flex;
  height: 40px;
  width: 40px;
  margin-left: auto;
  border-radius: 50%;
}
.about-cosutume-set-accordion-icon {
  stroke: none;
  height: 28px;
  width: 28px;
}
.about-costume-set[open] .about-cosutume-set-accordion-icon {
  transform: rotate(180deg);
}
.about-cosutume-set-accordion-icon .st0 {
  fill: rgba(255, 255, 255, 0);
}
.about-cosutume-set-accordion-icon .st1 {
  fill: #ff802c;
}
.about-cosutume-set-accordion-icon .st2 {
  fill: rgba(255, 128, 44, 0.5);
}
.about-costume-text {
  padding: 1em;
  border-left: 1px solid #ff802c;
  font-size: 15px;
  color: #1f1f1f;
  font-weight: 400;
  line-height: 1.7em;
}
.costume-set-input-content {
  width: 100%;
  max-width: 512px;
  margin-bottom: 40px;
  text-align: left;
  font-size: 16px;
}
.costume-set-input-content > *:not(:last-child) {
  margin-bottom: 4px;
}
@supports (gap: 4px) {
  .costume-set-input-content {
    gap: 4px;
  }
  .costume-set-input-content > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.costume-set-input[type=text] {
  border-width: 2px;
  font-weight: 600;
}
/* 配信画面 */
/* コントローラ隠し用 */
.delivery-now {
  overflow-y: hidden;
}
/* 現在の状況表示欄 */
.delivery-heading-information {
  flex-grow: 2;
  gap: 10px;
  min-width: 0;
}
/* 配信画面サブウィンドウ内選択リスト */
.vr-chat-delivery-subwindow-select-list {
  padding: 0 clamp(10px, 0.625rem + (1vw - 3.2px) * 2.2321, 20px) 20px;
}
.vr-chat-delivery-subwindow-select-list.up-padding {
  padding: 20px clamp(10px, 0.625rem + (1vw - 3.2px) * 2.2321, 20px);
}
.vr-chat-delivery-subwindow-select-list li {
  margin: 0 30px 4px 0;
}
@supports (display: grid) {
  .vr-chat-delivery-subwindow-select-list {
    grid-template-columns: repeat(auto-fit, 72px);
    gap: 4px clamp(4px, 0.25rem + (1vw - 3.2px) * 8.0357, 40px);
  }
  .vr-chat-delivery-subwindow-select-list li {
    margin: 0;
  }
}
/* 配信画面サブウィンドウ内選択ボタン */
.vr-chat-delivery-subwindow-select-button {
  height: 72px;
  width: 72px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 31, 31, 0.2);
  border-radius: 10px;
  transition: all 0.2s;
}
input:checked + .vr-chat-delivery-subwindow-select-button {
  border: 4px solid rgba(255, 128, 44, 0.5);
}
.delivery-subwindow-button-svg {
  stroke: none;
  fill: rgba(79, 73, 67, 0.5);
  transition: all 0.2s;
}
input:checked + .vr-chat-delivery-subwindow-select-button .delivery-subwindow-button-svg {
  fill: #ff802c;
}
/* 横向き時に非表示 */
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .landscape-hidden {
    display: none;
  }
}
/* 配信画面サブウィンドウ内選択のタイトル */
.vr-chat-delivery-subwindow-caption {
  padding: 0.5em 0;
  color: #1f1f1f;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}
/* 配信画面サブウィンドウ内タイトル */
.vr-chat-delivery-title {
  text-align: center;
  font-weight: 700;
  padding: 8px 0;
}
/* 配信画面サブウィンドウ内スクロール */
.vr-chat-delivery-subwindow-scroll {
  height: fit-content;
  overflow-y: scroll;
  padding-bottom: 60px;
}
/* 衣装設定 */
.vr-chat-delivery-all-buttons {
  gap: 12px;
}
.vr-chat-cloth-setting-label {
  padding: 10px;
}
.cloth-all-setting-button {
  padding: 12px 2em;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 31, 31, 0.2);
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10px;
}
@media (hover: hover) {
  .cloth-all-setting-button:hover {
    background: rgba(31, 31, 31, 0.1);
  }
}
@media (hover: none) {
  .cloth-all-setting-button:active {
    background: rgba(31, 31, 31, 0.1);
  }
}
.vr-cloth-setting-menu {
  padding: 0 clamp(10px, 0.625rem + (1vw - 3.2px) * 2.2321, 20px) 20px;
}
.vr-cloth-setting-menu-title {
  font-size: 12px;
  font-weight: 700;
  color: #1f1f1f;
}
.cloth-setting-buttons {
  gap: 0 clamp(4px, 0.25rem + (1vw - 3.2px) * 8.0357, 40px);
  padding: 12px 0;
}
.cloth-setting-switch {
  overflow: hidden;
}
.cloth-setting-button {
  height: 48px;
  width: 48px;
}
.cloth-setting-disabled-sign {
  top: 50%;
  left: 50%;
  pointer-events: none;
  stroke: #ff802c;
  height: 48px;
  width: 48px;
  background: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
}
input[name=cloth-setting]:disabled + .cloth-setting-switch .cloth-setting-disabled-sign {
  opacity: 1;
}
.cloth-setting-button .stroke-color {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  transition: stroke 0.2s;
}
.cloth-setting-button .fill-color {
  fill: rgba(79, 73, 67, 0.5);
  transition: fill 0.2s;
}
input:checked + .cloth-setting-switch .stroke-color {
  stroke: #ff802c;
}
input:checked + .cloth-setting-switch .fill-color {
  fill: #ff802c;
}
.cloth-setting-button .stroke-shape {
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.cloth-setting-button .stroke-line {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
}
.cloth-setting-button .stroke-shape-2 {
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
/* カメラアングル */
.camera-angle-menu {
  padding: 0 20px;
}
.camera-angle-menu > li:not(:last-child) {
  display: flex;
  margin-right: 28px;
}
@supports (margin-right: clamp(0px, calc(0rem + (1vw - 3.2px) * 12.5), 56px)) {
  .camera-angle-menu > li:not(:last-child) {
    margin-right: clamp(0px, 0rem + (1vw - 3.2px) * 12.5, 56px);
  }
}
@supports (gap: 0 clamp(0px, calc(0rem + (1vw - 3.2px) * 12.5), 56px)) {
  .camera-angle-menu {
    gap: 0 clamp(0px, 0rem + (1vw - 3.2px) * 12.5, 56px);
  }
  .camera-angle-menu > li:not(:last-child) {
    margin-right: 0;
  }
}
.camera-angle-reset-text {
  margin-bottom: -15px;
  font-size: 10px;
  font-weight: 700;
  color: #1f1f1f;
}
.camera-angle-button {
  height: 56px;
  width: 56px;
}
.camera-angle-svg {
  height: 40px;
  width: 40px;
  stroke: none;
}
.camera-angle-arrow.left {
  transform: rotate(-90deg);
}
.camera-angle-arrow.right {
  transform: rotate(90deg);
}
.camera-angle-arrow.down {
  transform: rotate(180deg);
}
.camera-angle-svg .st0 {
  fill: rgba(255, 255, 255, 0.9);
}
.camera-angle-svg .st1 {
  fill: #FF802C;
}
.camera-angle-svg .st2 {
  fill: rgba(255, 128, 44, 0.5);
}
@media (hover: hover) {
  .camera-angle-button:hover .st0 {
    fill: rgba(255, 128, 44, 0.1);
  }
}
@media (hover: none) {
  .camera-angle-button:active .st0 {
    fill: rgba(255, 128, 44, 0.1);
  }
}
.camera-zoom-text {
  display: inline-block;
  width: 1em;
  height: 3em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size: 10px;
  font-weight: 700;
  color: #1f1f1f;
}
/* 表情の変更 */
.facial-expression-menu {
  padding: 12px;
  gap: clamp(0px, 0rem + (1vw - 3.2px) * 2.8409, 20px);
}
@supports (grid-template-columns: repeat(auto-fit, 56px)) {
  .facial-expression-menu {
    grid-template-columns: repeat(auto-fit, 56px);
  }
}
.facial-expression-type {
  fill: #000;
  stroke: none;
  height: 48px;
  width: 48px;
  margin: 4px;
  transition: fill 0.2s;
}
.facial-expression-type .cls-2 {
  fill: none;
  stroke: #000;
  transition: stroke 0.2s;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: fill 0.2s;
}
input:checked + .facial-expression-type {
  fill: #ff802c;
}
input:checked + .facial-expression-type .cls-2 {
  stroke: #ff802c;
}
.facial-expression-type .base {
  fill: rgba(255, 255, 255, 0.9);
  transition: fill 0.2s;
}
.facial-expression-type .stroke {
  fill: rgba(79, 73, 67, 0.5);
  transition: fill 0.2s;
}
input:checked + .facial-expression-type .base {
  fill: #ffefe0;
}
input:checked + .facial-expression-type .stroke {
  fill: #ff802c;
}
.facial-expression-type-name {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}
/* コーディネート一覧 */
.vr-chat-delivery-cosutme-select-list {
  gap: 12px;
  padding: 12px 20px 60px;
}
.vr-chat-delivery-costume-select-unit {
  width: 100%;
  gap: 12px;
  padding: 12px 0 17px;
  border-bottom: 1px solid rgba(79, 73, 67, 0.5);
}
input:disabled + .vr-chat-delivery-costume-select-unit .vr-chat-delivery-costume-select-button,
input:disabled + .vr-chat-delivery-costume-select-unit .vr-chat-delivery-cosutme-title {
  opacity: 0.5;
}
.vr-chat-delivery-costume-select-button {
  height: 48px;
  width: 48px;
  stroke: none;
}
.vr-chat-delivery-costume-select-button .inner1 {
  fill: rgba(79, 73, 67, 0.5);
  transition: fill 0.2s;
}
.vr-chat-delivery-costume-select-button .inner2 {
  fill: rgba(79, 73, 67, 0.3);
  transition: fill 0.2s;
}
input:checked + .vr-chat-delivery-costume-select-unit .vr-chat-delivery-costume-select-button .inner1,
input:checked + .vr-chat-delivery-costume-select-unit .vr-chat-delivery-costume-select-button .inner2 {
  fill: #ff802c;
}
.vr-chat-delivery-cosutme-title {
  flex-grow: 2;
  color: #1f1f1f;
  font-size: 15px;
  font-weight: 700;
}
.vr-chat-delivery-cosutme-title-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.vr-chat-costume-fist-setting {
  gap: 5px 0;
  margin-bottom: -15px;
  font-size: 10px;
  line-height: 1;
}
.vr-chat-delivery-first-costume-button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.2s;
}
.vr-chat-delivery-first-costume-button-svg {
  height: 24px;
  width: 24px;
  stroke: none;
}
.vr-chat-delivery-first-costume-button-svg .inner {
  stroke: rgba(79, 73, 67, 0.5);
  stroke-width: 1px;
}
input:checked + .vr-chat-costume-fist-setting .vr-chat-delivery-first-costume-button {
  border-color: #ff802c;
}
input:checked + .vr-chat-costume-fist-setting .vr-chat-delivery-first-costume-button-svg .inner {
  fill: #ff802c;
  stroke: #ff802c;
}
.vr-chat-delivery-costume-using-label {
  display: block;
  top: 0;
  left: 0;
  padding: 0.2em 1em;
  background: #e21e79;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  border-radius: 1em;
  transform: translateY(-100%);
  opacity: 0;
  transition: opacity 0.2s;
}
input:checked + .vr-chat-delivery-costume-select-unit .vr-chat-delivery-costume-using-label {
  opacity: 1;
}
.vr-chat-delivery-cosutme-detail-view-button {
  height: 48px;
  width: 48px;
  background: transparent;
}
.costume-set-detail-view {
  height: 48px;
  width: 48px;
  stroke: none;
}
.costume-set-detail-view .st0 {
  fill: rgba(255, 255, 255, 0.9);
}
.costume-set-detail-view .st1 {
  fill: rgba(79, 73, 67, 0.5);
}
.costume-set-detail-view .st2 {
  fill: rgba(79, 73, 67, 0.5);
}
@media (hover: hover) {
  .costume-set-detail-view:hover .st2 {
    fill: rgb(31, 31, 31);
  }
}
@media (hover: none) {
  .costume-set-detail-view:active .st2 {
    fill: rgb(31, 31, 31);
  }
}
.vr-chat-delivery-costume-detail {
  height: calc(100% - 72px);
  max-width: 512px;
  margin: 0 auto;
}
.vr-chat-delivery-costume-detail-name {
  padding: 0 min(10vw, 51px) 20px;
  font-weight: 700;
  color: #1f1f1f;
}
.vr-chat-delivery-costume-detail-scroll {
  overflow-y: scroll;
}
.delivery-costume-jump-list-background {
  top: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
}
.delivery-costume-jump-list {
  padding: 12px;
  margin: 0 auto;
}
/* 配信画面  機能 */
.vr-chat-option-svg {
  height: 48px;
  width: 48px;
}
.vr-chat-option-svg .st0 {
  fill: rgba(79, 73, 67, 0.5);
  transition: all 0.2s;
}
.vr-chat-option-svg .st1 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 1;
  transition: all 0.2s;
}
input:checked + .vr-chat-option-button .vr-chat-option-svg,
input:checked + .vr-chat-option-button .vr-chat-option-svg .st0 {
  fill: #ff802c;
}
input:checked + .vr-chat-option-button .vr-chat-option-svg .st1 {
  stroke: #ff802c;
}
/* アダルトモーション用コントローラ */
.motion-control-window {
  bottom: -100%;
  left: 0;
  right: 0;
  z-index: 10000;
  gap: 4px;
  width: 90vw;
  min-width: 300px;
  max-width: 355px;
  margin: 0 auto;
  padding-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: rgba(79, 67, 67, 0.9);
  border-radius: 16px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#motion-control:checked ~ .motion-control-window {
  bottom: 12px;
}
#motion-control-mini:checked + .motion-control-window {
  left: unset;
  right: 12px;
  padding-bottom: 0;
  width: auto;
  min-width: 1px;
  border-radius: 19px;
}
#motion-control-mini:checked + .motion-control-window .motion-control-min-size-hidden {
  display: none;
}
.motion-control-size-change-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  min-width: 48px;
}
#motion-control-mini:checked + .motion-control-window .motion-control-size-change-button {
  position: relative;
  padding: 4px 8px;
  height: 34px;
  min-width: 34px;
}
.motion-control-mini-size-text {
  display: none;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
#motion-control-mini:checked + .motion-control-window .motion-control-mini-size-text {
  display: block;
}
.motion-control-mini-size-switch {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
#motion-control-mini:checked + .motion-control-window .motion-control-mini-size-switch {
  border: 0;
}
.motion-control-mini-size-switch-svg {
  height: 24px;
  width: 24px;
  stroke: none;
}
.motion-control-mini-size-switch-svg .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  transform: rotate(0deg);
  transform-origin: center;
  transition: 0.5s;
}
@media (hover: hover) {
  .motion-control-size-change-button:hover .st0 {
    fill: rgba(255, 255, 255, 0.2);
  }
}
@media (hover: none) {
  .motion-control-size-change-button:active .st0 {
    fill: rgba(255, 255, 255, 0.2);
  }
}
.minimised .motion-controller-minimise-size-switch .motion-control-mini-size-switch-svg .st1 {
  transform: rotate(180deg);
}
#motion-control-mini:checked + .motion-control-window .motion-control-mini-size-switch-svg {
  transform: rotate(180deg);
}
.motion-control-title {
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.motion-variation-title {
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
}
.motion-control-variation {
  gap: 12px;
  max-width: 100%;
  overflow-x: scroll;
}
.motion-variation-button {
  height: 36px;
  width: 36px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
input:checked + .motion-variation-button {
  background: #ccc;
}
.motion-control-button-list {
  gap: clamp(0px, 0rem + (1vw - 3.2px) * 2.0089, 9px);
  width: 100%;
  overflow: scroll;
  padding: 0 clamp(0px, 0rem + (1vw - 3.2px) * 2.6786, 12px);
}
.motion-control-button-svg {
  height: 48px;
  width: 48px;
  stroke: none;
}
.motion-control-button-svg .base {
  fill: rgba(31, 31, 31, 0.1);
}
input:checked + .motion-control-button .base {
  fill: #ff802c;
}
.motion-control-button-svg .white {
  fill: #fff;
}
.motion-control-button-svg .translucent {
  fill: rgba(255, 255, 255, 0.3);
}
.motion-control-button-name {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
/* アバター コーディネート編集 */
.select-avatar-header-caption {
  width: 100%;
  padding-right: 48px;
  text-align: center;
  font-weight: 700;
}
.select-avatar-base {
  display: flex;
}
input:checked + .select-avatar-base {
  display: flex;
  height: 100%;
}
.vr-avatar-select-main-area {
  flex: 1 1 auto;
  width: 100%;
  max-width: 608px;
  padding: 0 10% 48px;
  overflow-y: scroll;
}
.vr-avatar-select-main-area > *:not(:last-child) {
  margin-bottom: 24px;
}
.vr-avatar-select-text {
  margin: 12px auto;
}
@supports (gap: 24px) {
  .vr-avatar-select-main-area {
    gap: 24px;
  }
  .vr-avatar-select-main-area > *:not(:last-child) {
    margin-bottom: 0;
  }
  .vr-avatar-select-main-area > .vr-avatar-select-text {
    margin-bottom: 12px;
  }
}
.vr-avatar-select-list {
  align-items: stretch;
}
.vr-avatar-select-button {
  width: 100%;
  max-width: 90vw;
  min-height: 40px;
  padding: 0.25em 12px;
  border-radius: 10px;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
}
.vr-avatar-select-button.new-create {
  background: #ff802c;
  border-color: #ff802c;
  color: #fff;
  text-align: center;
}
.vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
  margin-bottom: 20px;
}
@supports (gap: 20px) {
  .vr-avatar-select-list {
    gap: 20px;
  }
  .vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.vr-avatar-select-icon {
  top: 7px;
  right: 0;
  height: 32px;
  width: 32px;
  transform: rotate(-90deg);
}
@supports (gap: 20px) {
  .vr-avatar-select-icon {
    top: unset;
  }
}
.vr-avatar-select-svg {
  height: 100%;
  width: 100%;
}
.vr-avatar-select-svg .cls-2,
.header-button-svg .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.header-button-svg .cls-2 {
  stroke: #fff;
}
.vr-avatar-select-check-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}
.vr-avatar-select-check-area *:not(:last-child) {
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-select-check-area {
    gap: 10px;
  }
  .vr-avatar-select-check-area *:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-select-back .header-button-svg {
  transform: rotate(90deg);
}
.vr-avatar-delete-label {
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.vr-avatar-delete-switch {
  height: 28px;
  width: 28px;
  stroke-width: 1;
}
.vr-avatar-delete-switch .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
}
.vr-avatar-delete-switch .cls-3 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-width: 2px;
}
.vr-avatar-delete-switch .cls-4 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.vr-avatar-title-text {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  padding-bottom: 0.5em;
}
.vr-avatar-title-text span:not(:last-child) {
  display: inline-block;
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-title-text {
    gap: 10px;
  }
  .vr-avatar-title-text span:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-edit-now {
  padding: 4px 1em;
  border-radius: 1em;
  background: #DD1F79;
  color: #fff;
  line-height: 1;
}
.vr-avatar-select-sentence {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 0.5em;
}
.vr-avatar-fist-setting {
  gap: 5px 0;
  margin-bottom: -15px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(79, 73, 67, 0.8);
  line-height: 1;
}
.vr-avatar-first-costume-button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.2s;
}
.vr-avatar-first-costume-button-svg {
  height: 24px;
  width: 24px;
}
.vr-avatar-first-costume-button-svg .inner {
  stroke: rgba(79, 73, 67, 0.5);
  stroke-width: 1px;
}
input:checked + .vr-avatar-fist-setting .vr-avatar-first-costume-button {
  border-color: #ff802c;
}
input:checked + .vr-avatar-fist-setting .vr-avatar-first-costume-button-svg .inner {
  fill: #ff802c;
  stroke: #FF802C;
}
.setting-delete-confirm-unit {
  width: fit-content;
  padding: 30px;
  margin: 0 auto;
  overflow-y: scroll;
  text-align: center;
  font-weight: 700;
  overscroll-behavior: contain;
}
.setting-delete-confirm-unit *:not(:last-child) {
  margin-bottom: 40px;
}
@supports (gap: 40px) {
  .setting-delete-confirm-unit {
    gap: 40px;
  }
  .setting-delete-confirm-unit *:not(:last-child) {
    margin-bottom: 0;
  }
}
.setting-delete-confirm-text {
  width: 100%;
  font-weight: 700;
  text-align: left;
}
.delete-confirm-costume-set-title {
  width: 100%;
  font-weight: 700;
  text-align: left;
}
.costume-set-delete-confirm-button {
  width: 100%;
  margin: 0 auto;
  padding: 12px 20px;
  background: #fff;
  border: 1px dashed #000;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  border-radius: 10px;
}
.re-edit-active-layout {
  height: 100%;
  padding: 64px 12vw 96px;
  overflow: scroll;
}
.re-edit-active-layout > * {
  margin: 0 0 48px 0;
}
.re-edit-active-layout > *:first-child {
  margin-top: auto;
}
.re-edit-active-layout > *:last-child {
  margin-bottom: auto;
}
@supports (gap: 48px) {
  .re-edit-active-layout {
    gap: 48px;
  }
  .re-edit-active-layout > * {
    margin: 0;
  }
}
/* プロフィール画像作成 */
.profile-header-title {
  font-size: 14px;
  font-weight: 700;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.profile-select-list {
  flex-wrap: wrap;
  padding: 0 12px;
}
.profile-select-list-li {
  margin: 0 16px 16px 0;
}
@supports (gap: 16px) {
  .profile-select-list {
    gap: 16px;
  }
  .profile-select-list-li {
    margin: 0;
  }
}
.select-profile-button {
  min-width: 74px;
  background: #fff;
  margin: 3px 0;
  padding: 0.25em 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 31, 31, 0.2);
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  transition: all 0.2s;
}
input[id$=-a]:checked ~ .profile-select-list .select-profile-button[for$=-a],
input[id$=-b]:checked ~ .profile-select-list .select-profile-button[for$=-b],
input[id$=-c]:checked ~ .profile-select-list .select-profile-button[for$=-c],
input[id$=-d]:checked ~ .profile-select-list .select-profile-button[for$=-d],
input[id$=-e]:checked ~ .profile-select-list .select-profile-button[for$=-e],
input[id$=-f]:checked ~ .profile-select-list .select-profile-button[for$=-f],
input[id$=-g]:checked ~ .profile-select-list .select-profile-button[for$=-g],
input[id$=-h]:checked ~ .profile-select-list .select-profile-button[for$=-h],
input[id$=-i]:checked ~ .profile-select-list .select-profile-button[for$=-i] {
  border: 4px solid #ff802c;
  color: #ff5c13;
  margin: 0;
  padding: 0.25em 10px;
}
.image-edit-confirm, .image-edit-complete {
  display: flex;
  height: 100%;
  padding: 30px;
  overflow-y: scroll;
  text-align: center;
  font-weight: 700;
  overscroll-behavior: contain;
}
#vr-profile-edit-confirm:checked ~ .image-edit-confirm,
#vr-profile-edit-complete:checked ~ .image-edit-complete {
  display: flex;
}
#vr-profile-edit-complete:checked ~ .image-edit-complete {
  justify-content: space-around;
}
.image-edit-confirm > *,
.image-edit-complete > * {
  flex: 0 0 auto;
  margin: 0 20px 20px 0;
}
.profile-image-confirm {
  width: 100%;
  max-width: 320px;
  height: 100%;
  max-height: 240px;
  background: #fff;
  object-fit: cover;
}
@supports (gap: 20px) {
  .image-edit-confirm, .image-edit-complete {
    gap: 20px;
  }
  .image-edit-confirm > *,
  .image-edit-complete > * {
    margin: 0;
  }
}
@supports (aspect-ratio: 320/240) {
  .profile-image-confirm {
    aspect-ratio: 320/240;
  }
}
/* パーティページ */
/* パーティ 流れる文字アナウンス */
.live-party-marquee {
  top: 0;
  width: 100%;
  padding: 1px 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
}
.live-party-marquee-text {
  display: inline-block;
  margin: 0;
  padding: 0.5em 0 0.5em 100%;
  font-size: 16px;
  color: #1f1f1f;
  white-space: nowrap;
  line-height: 1em;
  transform: translateX(0%);
  animation: liveMarquee 10s linear infinite;
}
@keyframes liveMarquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.party-now .vr-chat-header-button-area {
  /*top: 34px;*/
  padding: 10px 10px 20px;
}
.party-now .vr-chat-header-button-area .header-button {
  flex: 0 0 auto;
}
.party-now .vr-select-command-position {
  top: 64px;
  height: calc(100% - 64px);
}
.party-now .vr-select-command-right {
  height: 100%;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .party-now .vr-chat-header-button-area {
    padding: 10px 2vw 20px;
  }
  .vr-chat-area:not(.profile) .party-now .vr-select-command-position {
    top: 120px;
    height: fit-content;
    pointer-events: none;
  }
  .vr-chat-area:not(.profile) .ui-button-size {
    pointer-events: auto;
  }
  .vr-chat-area:not(.profile) .party-now .vr-select-command-right {
    max-height: 100% !important;
  }
}
/* ヘッダに表示する文字列 */
.party-status-list {
  flex-wrap: wrap;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.party-status-list > * {
  margin: 0 10px 4px 0;
}
.party-status-svg {
  stroke: none;
  height: 20px;
  width: 20px;
}
.party-status-svg .st0,
.party-status-svg .st1 {
  fill: #fff;
}
.party-status-svg .st2 {
  fill: #FF802C;
}
.party-status {
  display: none;
}
input[value=peeking]:checked ~ .peeking,
input[value=two-shot]:checked ~ .two-shot,
input[value=video-call]:checked ~ .video-call {
  display: flex;
}
@supports (gap: 4px 10px) {
  .party-status-list {
    gap: 4px 10px;
  }
  .party-status-list > * {
    margin: 0;
  }
}
/* モーション */
.party-motion-base-list {
  padding-top: 10px;
  font-size: 10px;
  color: #1f1f1f;
}
.party-motion-base-list-item {
  width: 64px;
}
.party-motion-base-list .party-motion-base-list-item:not(:last-child) {
  margin-right: 30px;
}
@supports (column-gap: clamp(20px, calc(1.25rem + (1vw - 3.2px) * 4.4643), 40px)) {
  .party-motion-base-list {
    column-gap: clamp(20px, 1.25rem + (1vw - 3.2px) * 4.4643, 40px);
  }
  .party-motion-base-list .party-motion-base-list-item:not(:last-child) {
    margin-right: 0;
  }
}
.party-motion-base-status-switch {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 31, 31, 0.2);
  transition: all 0.2s;
}
input:checked + .party-motion-base-status-switch {
  background-color: #ff802c;
  border-color: #ff802c;
}
.party-motion-base-status-svg {
  fill: rgba(79, 73, 67, 0.5);
  stroke: none;
  height: 36px;
  width: 36px;
  transition: fill 0.2s;
}
input:checked + .party-motion-base-status-switch .party-motion-base-status-svg {
  fill: #fff;
}
.party-motion-base-status-svg .st0 {
  fill: none;
}
.party-motion-base-status-svg .st1 {
  opacity: 0.5;
}
.party-motion-base-status-svg .st2 {
  fill: #4F4943;
}
input:checked + .party-motion-base-status-switch .party-motion-base-status-svg .st1 {
  opacity: 1;
}
input:checked + .party-motion-base-status-switch .party-motion-base-status-svg .st2 {
  fill: #fff;
}
.party-request-popup {
  display: none;
  height: 100%;
  padding: 64px 36px;
  overflow: scroll;
}
@supports (padding: 64px clamp(24px, calc(1.5rem + (1vw - 3.2px) * 5.3571), 48px)) {
  .party-request-popup {
    padding: 64px clamp(24px, 1.5rem + (1vw - 3.2px) * 5.3571, 48px);
  }
}
#party-request-ending:checked ~ .vr-chat-modal .ending,
#party-request-video-call:checked ~ .vr-chat-modal .video-call,
#party-request-two-shot:checked ~ .vr-chat-modal .two-shot {
  display: flex;
}
.party-request-svg {
  fill: #ff802c;
  stroke: none;
  height: 72px;
  width: 72px;
  margin-bottom: 48px;
}
.party-request-svg .st0,
.party-request-svg .st1 {
  fill: #FFF;
}
.party-request-svg .st2 {
  fill: #FF802C;
}
.party-request-title {
  color: #ff802c;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 48px;
}
.party-request-text {
  font-size: 16px;
  color: #1f1f1f;
  margin-bottom: 40px;
}
.party-request-sub-text {
  font-size: 14px;
  color: #1f1f1f;
  padding: 10px 0;
}
.party-request-submit {
  margin-bottom: 20px;
}
.party-requset-button {
  width: 272px;
  height: 48px;
  padding: 12px 24px;
  border-radius: 16px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.execute {
  background: #ff802c;
}
.cancel {
  background: #4f4943;
}
@media (hover: hover) {
  .execute:hover {
    background: #ff5c13;
  }
  .cancel:hover {
    background: #1f1f1f;
  }
}
@media (hover: none) {
  .execute:active {
    background: #ff5c13;
  }
  .cancel:active {
    background: #1f1f1f;
  }
}
/* コーディネート変更確認 */
.costume-change-confirm-title {
  margin-bottom: 48px;
  color: #ff802c;
  font-size: 20px;
  font-weight: 700;
}
.costume-change-confirm-text {
  margin-bottom: 40px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
}
.costume-change-confirm-submit > * {
  margin-bottom: 20px;
}
@supports (gap: 20px) {
  .costume-change-confirm-submit {
    gap: 20px;
  }
  .costume-change-confirm-submit > * {
    margin-bottom: 0;
  }
}
.costume-change-confirm-button {
  width: 272px;
  height: 48px;
  padding: 12px 24px;
  border-radius: 16px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
/* ビデオ通話 */
.video-call-sub-window {
  display: none;
  top: 115px;
  left: 12px;
  height: auto;
  width: 72px;
  padding-top: 138px;
  border-radius: 10px;
  background: #0ff;
  transition: all 0.2s;
}
.video-call-change-switch {
  display: none;
  top: 115px;
  left: 12px;
  z-index: 2;
  height: auto;
  width: 72px;
  padding-top: 138px;
  border-radius: 10px;
  border: 2px solid #fff;
}
@supports (aspect-ratio: 412/790) {
  .video-call-sub-window,
  .video-call-change-switch {
    padding-top: 0;
    aspect-ratio: 412/790;
  }
}
.view.video-call-sub-window,
.view.video-call-change-switch {
  display: block;
}
#party-menu-reverse:checked ~ .video-call-sub-window,
#party-menu-reverse:checked ~ .video-call-change-switch {
  left: unset;
  right: 12px;
}
#video-call-change:checked ~ .vr-chat-canvas {
  position: absolute;
  top: 115px;
  left: 12px;
  height: auto;
  width: 72px;
  padding-top: 138px;
  border-radius: 10px;
}
@supports (aspect-ratio: 412/790) {
  #video-call-change:checked ~ .vr-chat-canvas {
    padding-top: 0;
    aspect-ratio: 412/790;
  }
}
#video-call-change:checked ~ .video-call-sub-window {
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  pointer-events: none;
  border-radius: 0;
}
#party-menu-reverse:checked + #video-call-change:checked ~ .vr-chat-canvas {
  left: unset;
  right: 12px;
}
#party-menu-reverse:checked + #video-call-change:checked ~ .video-call-sub-window {
  left: unset;
  right: 0;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .video-call-sub-window {
    top: 12px;
    left: 12px;
    right: unset;
  }
  .vr-chat-area:not(.profile) .video-call-change-switch {
    top: 12px;
    left: 12px;
    right: unset;
  }
  .vr-chat-area:not(.profile) .view.video-call-sub-window,
  .vr-chat-area:not(.profile) .view.video-call-change-switch {
    display: block;
  }
  .vr-chat-area:not(.profile) #party-menu-reverse:checked ~ .video-call-sub-window,
  .vr-chat-area:not(.profile) #party-menu-reverse:checked ~ .video-call-change-switch {
    top: 12px;
    left: 12px;
    right: unset;
  }
  .vr-chat-area:not(.profile) #video-call-change:checked ~ .vr-chat-canvas {
    top: 12px;
    left: 12px;
    right: unset;
  }
  .vr-chat-area:not(.profile) #video-call-change:checked ~ .video-call-sub-window {
    position: relative;
    flex: 0 0 auto;
    width: auto;
  }
  .vr-chat-area:not(.profile) #party-menu-reverse:checked + #video-call-change:checked ~ .vr-chat-canvas {
    top: 12px;
    left: 12px;
    right: unset;
  }
  .vr-chat-area:not(.profile) #party-menu-reverse:checked + #video-call-change:checked ~ .video-call-sub-window {
    top: 0;
  }
}
/* モーション */
.party-motion-list {
  gap: 0 clamp(4px, 0.25rem + (1vw - 3.2px) * 8.0357, 40px);
  padding: 12px clamp(10px, 0.625rem + (1vw - 3.2px) * 2.2321, 20px);
}
.party-motion-item-label-button {
  flex: 0 0 auto;
  overflow: hidden;
}
.party-motion-item-svg {
  height: 48px;
  width: 48px;
}
.party-motion-item-svg-color {
  fill: rgba(79, 73, 67, 0.5);
  transition: all 0.2s;
}
input[name=vr-motion]:checked + .party-motion-item-label-button .party-motion-item-svg .party-motion-item-svg-color {
  fill: #ff802c;
}
.party-adult-motion-list {
  padding: 20px 20px 0;
}
.party-adult-motion-item {
  display: block;
  margin-bottom: 10px;
}
.party-adult-motion-list-menu li:not(:last-child) {
  margin-right: 10px;
}
@supports (gap: 10px) {
  .party-adult-motion-list {
    gap: 10px;
  }
  .party-adult-motion-item {
    margin-bottom: 0;
  }
  .party-adult-motion-list-menu {
    gap: 10px;
  }
  .party-adult-motion-list-menu li:not(:last-child) {
    margin-right: 0;
  }
}
.party-adult-motion-image {
  width: 72px;
  flex: 0 0 auto;
}
.party-adult-motion-image-svg {
  height: 48px;
  width: 48px;
  fill: #ff802c;
  stroke: none;
}
.party-adult-motion-image-svg .st0 {
  fill: #FF802C;
}
.party-adult-motion-image-title {
  font-size: 10px;
  font-weight: 700;
  color: #1f1f1f;
}
.party-adult-motion-navigate-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 63px;
  width: 6px;
}
.party-adult-motion-navigate-arrow-svg {
  display: block;
  height: 10px;
  width: 6px;
  stroke: none;
}
.party-adult-motion-navigate-arrow-svg .st0 {
  fill: rgba(31, 31, 31, 0.3);
}
.party-adult-motion-button-list {
  flex-wrap: wrap;
}
.party-adult-motion-button-list .party-adult-motion-button:not(:last-child) {
  margin: 0 15px 10px 0;
}
@supports (gap: 10px clamp(10px, calc(0.625rem + (1vw - 3.2px) * 2.2321), 20px)) {
  .party-adult-motion-button-list {
    gap: 10px clamp(10px, 0.625rem + (1vw - 3.2px) * 2.2321, 20px);
  }
  .party-adult-motion-button-list .party-adult-motion-button:not(:last-child) {
    margin: 0;
  }
}
.party-adult-motion-shape {
  height: 64px;
  width: calc(4.5rem + (1vw - 3.2px) * 3.5714);
  min-width: 72px;
  max-width: 88px;
  padding: 0 0.3em;
  overflow: hidden;
  color: rgba(31, 31, 31, 0.6);
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
}
input:checked + .party-adult-motion-shape {
  color: #ff5c13;
}
.party-adult-motion-disabled-sign {
  display: none;
}
input:disabled + .party-adult-motion-shape .party-adult-motion-disabled-sign {
  top: 50%;
  left: 50%;
  display: block;
  height: 48px;
  width: auto;
  background: rgba(255, 255, 255, 0.5);
  stroke: #ff802c;
  stroke-width: 1px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
input:disabled + .party-adult-motion-shape .party-adult-motion-disabled-sign .cls-0 {
  fill: #ff802c;
}
/* シーン・背景のボタン */
.scenes-and-background-switch {
  overflow: hidden;
}
.scenes-and-background-image {
  height: 100%;
  width: 100%;
}
.scenes-and-background-svg {
  height: 48px;
  width: 48px;
}
.splitter {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.splitter-panel {
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 8px;
  overflow-x: scroll;
  overflow-y: auto;
  white-space: nowrap;
  border-radius: 8px;
}
.custom-gutter-horizontal {
  height: 0;
  content: "";
}
.custom-gutter-horizontal:hover {
  cursor: col-resize;
}
.custom-dragger-horizontal {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 104px !important;
  height: 4px !important;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  z-index: 2;
}
.custom-dragger-horizontal::before {
  position: absolute;
  width: 64px;
  height: 24px;
  content: "";
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 0;
  pointer-events: auto;
  border-radius: 4px 4px 0 0;
}
.custom-dragger-horizontal::after {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 20px;
  height: 8px;
  content: "";
  border-top: 2px solid rgba(31, 31, 31, 0.2);
  border-bottom: 2px solid rgba(31, 31, 31, 0.2);
  pointer-events: auto;
  transform: translate(-50%, 50%);
}
.confirm + .__dbk__container .vr-select-command-position {
  display: none;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .__dbk__container .custom-gutter-horizontal {
    pointer-events: none;
  }
  .vr-chat-area:not(.profile) .__dbk__container .custom-dragger-horizontal:before, .vr-chat-area:not(.profile) .__dbk__container .custom-dragger-horizontal:after {
    display: none;
  }
}
/* UI サブウィンドウのサイズ調整つまみに関するデザイン編集 */
.movable-control-box {
  position: inherit;
  flex-wrap: wrap;
  align-content: center;
}
.movable-control-box.movable-control {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 84px !important;
  height: 34px !important;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.movable-control-box.movable-control::before {
  width: 64px;
  height: 24px;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}
.movable-control-box.movable-control::after {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 20px;
  height: 8px;
  content: "";
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: translate(-50%, 50%);
}
html {
  scroll-behavior: smooth;
  overscroll-behavior: none;
  height: 100%;
  max-height: 100dvh;
}
body {
  height: 100%;
  max-height: 100dvh;
  overflow: hidden;
  background-color: rgb(242, 231, 227);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgb(238, 227, 222) 10px, rgb(238, 227, 222) 14px);
  background-size: auto auto;
  font-size: 16px;
  font-family: sans-serif;
  line-height: 1.5;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
  word-break: break-all;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*:not(input) {
  -webkit-user-select: none;
}
*:focus {
  outline: none;
}
*::-webkit-scrollbar {
  display: none;
}
ul, li {
  list-style: none;
}
/* form */
button, input[type=date], input[type=text], select, textarea {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  outline: none;
  border-radius: 0;
}
input[type=date], input[type=text], select, textarea {
  font-size: 1rem;
  border: 1px solid #999;
}
input[type=date]:focus, input[type=text]:focus, select:focus, textarea:focus {
  border-color: #000;
}
select::-ms-expand {
  display: none;
}
::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder {
  opacity: 0.5;
}
::placeholder {
  opacity: 0.5;
}
img {
  height: auto;
  width: 100%;
  object-fit: cover;
  vertical-align: middle;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
}
svg {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  height: 10px;
  width: 10px;
}
a {
  color: #000;
  text-decoration: none; /* delete underline */
}
iframe {
  border: 0;
}
.common-input,
.common-input[type=text] {
  height: 2.75em;
  width: 100%;
  border: 1px solid rgb(255, 128, 44);
  background: #fff;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1em;
  padding: 0.5em 1em;
}
.common-input:focus,
.common-input[type=text]:focus {
  border-color: rgb(255, 128, 44);
}
.common-input-error {
  color: #f66;
  font-size: 14px;
  font-weight: 400;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.position-sticky {
  position: sticky;
}
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.__dbk__child-wrapper {
  pointer-events: none;
}
.__dbk__child-wrapper * {
  pointer-events: auto;
}
.profile .__dbk__child-wrapper:has(.vr-chat-dialog-base) {
  min-height: calc(100% - clamp(318px, 100vmin, 640px));
}
.edit .vr-select-command-position {
  top: 64px;
  height: calc(100% - 64px);
}
.edit .__dbk__child-wrapper {
  z-index: 2;
}
@media (orientation: landscape) {
  .edit .vr-select-command-position {
    height: auto;
  }
  .profile .__dbk__child-wrapper:has(.vr-chat-dialog-base) {
    min-height: calc(100% - clamp(318px, 60vmin, 640px));
  }
}
.party-now .__dbk__child-wrapper {
  z-index: 2;
}
/* flex 汎用 */
.flex-set-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-set-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.flex-set-center {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.flex-direction-column {
  display: flex;
  flex-direction: column;
}
.flex-align-center-content-start {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
.flex-direction-column-align-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-direction-column-content-space-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.flex-direction-column-align-center-content-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-align-content-flex-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-align-center-content-flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-content-center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.flex-align-center-content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align-flex-start-content-space-between {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-align-center-content-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-direction-row-content-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.grid-common {
  display: grid;
}
.grid-center {
  display: grid;
  align-items: center;
  justify-content: center;
}
.grid-align-start-content-start {
  display: grid;
  align-items: start;
  justify-content: start;
}
.grid-align-start-content-center {
  display: -ms-grid;
  display: grid;
  align-items: start;
  justify-content: center;
}
.grid-align-center-content-center {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: center;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hide {
  visibility: hidden;
  opacity: 1;
  animation: fade-out 1s ease-in-out forwards;
  animation-fill-mode: forwards;
}
.show {
  display: block;
  visibility: visible;
  opacity: 0;
  animation: fade-in 1s ease-in-out forwards;
}
.live-chat-main-panel {
  max-width: 100%;
}
.live-chat-main-canvas {
  pointer-events: none;
}
.form-hide {
  display: none;
}
.select-avatar {
  height: 100%;
  height: 100dvh;
  max-width: 100%;
  margin: 1px auto 0;
  background: #ddd;
  overflow: hidden;
}
@supports (-webkit-touch-callout: none) {
  .select-avatar {
    height: 100dvh !important;
  }
}
/* loading */
.loading-window {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(150deg, rgb(255, 128, 44) 15%, rgb(255, 160, 44) 85%);
  z-index: 100;
}
.loading-animation-image {
  height: fit-content;
  width: fit-content;
  mix-blend-mode: multiply;
}
.HYPE_document {
  box-sizing: content-box;
}
.HYPE_document * {
  box-sizing: content-box;
}
.HYPE_document svg {
  fill: unset;
  stroke: unset;
  stroke-width: unset;
  height: unset;
  width: unset;
}
/* vr-chat全体包みエリア */
.vr-chat-area {
  height: 100%;
  max-width: 100%;
  margin: 1px auto 0;
}
.profile .vr-chat-canvas-container {
  height: fit-content;
}
.vr-chat-canvas {
  height: 100% !important;
  width: 100% !important;
  background: transparent;
  transition: all 0.2s;
  object-position: top;
}
.edit .vr-chat-canvas {
  background: #292929;
}
.profile .vr-chat-canvas {
  height: auto !important;
  object-fit: cover !important;
  object-position: top;
  width: 100vmin !important;
  min-width: 318px; /* 仮の値 */
  max-width: 640px; /* 仮の値 */
  aspect-ratio: 1/1;
}
.vr-chat-canvas.canvas-contain {
  object-fit: contain;
}
.vr-chat-canvas.canvas-cover {
  object-fit: cover;
}
.vr-chat-canvas-container {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-canvas {
    object-position: center;
  }
  .vr-chat-area:not(.profile) .vr-chat-canvas-container {
    width: auto;
    height: 100%;
    aspect-ratio: 412/790;
  }
  .vr-chat-area:not(.profile) .vr-chat-canvas-container canvas {
    width: 100% !important;
    height: 100% !important;
    justify-content: left;
    aspect-ratio: 412/790;
  }
  .profile .vr-chat-canvas {
    width: 60vmin !important;
  }
}
.vr-select-command-position {
  top: 0;
  z-index: 0; /* 下部のエディターより下になるように */
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.main-operating {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) {
    display: flex;
  }
  .vr-chat-area:not(.profile) .vr-chat-canvas {
    flex: 0 0 auto;
    width: 100%;
    padding-top: 138px;
    background: rgba(255, 255, 255, 0.3);
  }
  .vr-chat-area:not(.profile) .main-operating {
    flex: 1 1 auto;
    position: relative;
    width: 70vw;
    padding-bottom: 0;
  }
  .vr-chat-area:not(.profile) .main-operating.audience-view {
    width: 100%;
  }
  @supports (aspect-ratio: 412/790) {
    .vr-chat-area:not(.profile) .vr-chat-canvas {
      width: auto;
      padding-top: 0;
      aspect-ratio: 412/790;
    }
    .vr-chat-area:not(.profile) .main-operating {
      width: calc(100vw - 52.1518987342vh);
    }
    .vr-chat-area:not(.profile) .main-operating.audience-view {
      width: 100%;
    }
  }
  .vr-chat-area:not(.profile) .vr-select-command-position {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    padding: 0;
    gap: 10px 0;
  }
}
/* UI 画面上部表示項目 */
.vr-chat-header-button-area {
  top: 0;
  left: 0;
  z-index: 2;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  pointer-events: auto;
}
.profile .vr-chat-header-button-area {
  width: 100vmin;
  min-width: 318px; /* .profile .vr-chat-canvasの横幅 */
  max-width: 640px; /* .profile .vr-chat-canvasの横幅 */
  left: 50%;
  transform: translateX(-50%);
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-header-button-area {
    padding: 8px 2vw;
  }
  .profile .vr-chat-header-button-area {
    width: 60vmin;
  }
}
/* 画面上部表示ボタン */
.header-button {
  min-height: 48px;
  min-width: 48px;
  padding: 0 1em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #4f4943;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 16px;
  cursor: pointer;
  cursor: hand;
}
.header-button.light-color {
  color: #1f1f1f;
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.1);
}
.header-button.light-color svg {
  fill: #1f1f1f;
}
.header-button.light-color .header-button-svg.back .cls-2 {
  stroke: #1f1f1f;
}
@media (hover: hover) {
  .header-button:hover {
    background: #1f1f1f;
  }
  .header-button.light-color:hover {
    background: #fff;
  }
}
@media (hover: none) {
  .header-button:active {
    background: #1f1f1f;
  }
  .header-button.light-color:active {
    background: #fff;
  }
}
.header-button-svg {
  fill: #fff;
  stroke: none;
  height: 32px;
  width: 32px;
  margin: 0 -12px;
}
.header-button-svg .cls-1 {
  fill: none;
}
.header-button-svg .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.vr-select-command-position {
  top: 0;
  width: 100%;
  height: calc(100% - 4px);
  z-index: 0; /* 下部のエディターより下になるように */
}
.vr-select-command-position.profile-image {
  top: 64px;
  z-index: 1;
  width: 100vmin;
  min-width: 318px; /* .profile .vr-chat-canvasの横幅 */
  max-width: 640px; /* .profile .vr-chat-canvasの横幅 */
  left: 50%;
  transform: translateX(-50%);
}
@media (orientation: portrait) {
  .vr-select-command-position.profile-image {
    height: calc(100% - 64px);
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-select-command-position {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
  }
  .vr-select-command-position.profile-image {
    width: 60vmin;
  }
}
/* UI 画面左側表示項目 */
.vr-select-command-left {
  gap: 0;
  position: absolute;
  top: 0;
  left: 12px;
  height: fit-content;
  max-height: calc(100% - 40vh);
  width: 55px;
  overflow-x: visible;
  overflow-y: scroll;
  z-index: 2;
  pointer-events: auto;
}
#party-menu-reverse:checked ~ .vr-select-command-left {
  left: unset;
  right: 12px;
}
/* スクロールナビゲーション */
.select-command-scroll-navigate {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  height: 48px;
  width: 100%;
  pointer-events: none;
  transform: translateY(-50%);
}
.select-command-scroll-navigate:has(+ .ui-chat-tab-list) {
  top: 27px;
  height: 36px;
}
.confirm + .__dbk__container .select-command-scroll-navigate:has(+ .ui-chat-tab-list) {
  top: 50%;
}
.position-relative > .select-command-scroll-navigate:has(+ .vr-chat-choice-list) {
  height: 36px;
}
.select-command-scroll-navigate .displayTopScroll,
.select-command-scroll-navigate .displayBottomScroll {
  display: none;
  pointer-events: none;
}
.select-command-scroll-navigate .displayLeftScroll,
.select-command-scroll-navigate .displayRightScroll {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
.select-command-scroll-navigate .displayLeftScroll > svg,
.select-command-scroll-navigate .displayRightScroll > svg {
  display: inline-block;
  height: 100%;
  width: 100%;
  stroke: #fff;
  pointer-events: none;
}
.select-command-scroll-navigate .displayLeftScroll {
  border-radius: 0 36px 36px 0;
}
.select-command-scroll-navigate .displayLeftScroll > svg {
  transform: rotate(180deg);
}
.select-command-scroll-navigate .displayRightScroll {
  border-radius: 36px 0 0 36px;
}
.select-command-scroll-navigate.vertical {
  flex-direction: column;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translateX(-50%);
}
.select-command-scroll-navigate.vertical:has(+ .vr-select-command-left) {
  left: 36px;
}
.select-command-scroll-navigate.vertical:has(+ .vr-select-command-right) {
  top: 0;
  left: unset;
  right: 0;
}
.select-command-scroll-navigate.vertical .displayTopScroll,
.select-command-scroll-navigate.vertical .displayBottomScroll {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 36px;
  border-radius: 36px 36px 0 0;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
.select-command-scroll-navigate.vertical .displayTopScroll > svg,
.select-command-scroll-navigate.vertical .displayBottomScroll > svg {
  display: inline-block;
  height: 36px;
  width: 18px;
  stroke: #fff;
  pointer-events: none;
}
.select-command-scroll-navigate.vertical .displayTopScroll {
  border-radius: 0 0 36px 36px;
}
.select-command-scroll-navigate.vertical .displayTopScroll svg {
  transform: rotate(-90deg);
}
.select-command-scroll-navigate.vertical .displayBottomScroll {
  border-radius: 36px 36px 0 0;
}
.select-command-scroll-navigate.vertical .displayBottomScroll svg {
  transform: rotate(90deg);
}
.select-command-scroll-navigate svg {
  display: none;
}
.select-command-scroll-navigate svg .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4px;
}
.select-command-scroll-navigate svg .cls-3 {
  stroke-width: 0;
  opacity: 0.4;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (orientation: landscape) {
  .select-command-scroll-navigate:has(+ .vr-select-command-left) {
    top: 24px;
  }
  .select-command-scroll-navigate:has(+ .vr-select-command-left) ~ .select-command-scroll-navigate {
    top: calc(50% + 24px);
  }
  .vr-chat-area:not(.profile) .vr-select-command-left {
    flex: 0 0 auto;
    position: relative;
    top: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    max-height: none;
    width: auto;
    max-width: 100%;
    padding: 0 2vw;
    overflow-x: scroll;
    z-index: 2;
  }
  .vr-chat-area:not(.profile) .vr-select-command-left:after {
    display: none;
  }
  .vr-chat-area:not(.profile) .vr-select-command-left > span {
    flex: 0 0 auto;
    display: inline-flex;
    width: 56px;
    pointer-events: none;
  }
}
/* プロフィール画像作成からアバター編集へ */
.to-edit-navigate-button {
  height: 48px;
  width: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  color: #1f1f1f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border-radius: 16px;
  cursor: pointer;
  cursor: hand;
  transition: all 0.2s;
}
.to-edit-navigate-svg {
  fill: #1f1f1f;
  stroke: none;
  height: 24px;
  width: 24px;
  transition: fill 0.2s;
}
@media (hover: hover) {
  .to-edit-navigate-button:hover {
    background: #fff;
    color: #ff802c;
  }
  .to-edit-navigate-button:hover .to-edit-navigate-svg {
    fill: #ff802c;
  }
}
@media (hover: none) {
  .to-edit-navigate-button:active {
    background: #fff;
    color: #ff802c;
  }
  .to-edit-navigate-button:active .to-edit-navigate-svg {
    fill: #ff802c;
  }
}
/* 画面左側・右側表示ボタン */
.ui-button-size {
  flex: 0 0 auto;
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.vr-chat-ui-select-button {
  height: 40px;
  width: 40px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.1);
  transition: all 0.2s;
}
input:checked + .vr-chat-ui-select-button {
  background: #fff;
  color: #ff802c;
}
@media (hover: hover) {
  .vr-chat-ui-select-button:hover {
    background: #fff;
    color: #ff802c;
  }
}
@media (hover: none) {
  .vr-chat-ui-select-button:active {
    background: #fff;
    color: #ff802c;
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-ui-select-button {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
  }
}
@media (orientation: landscape) and (hover: hover) {
  .vr-chat-area:not(.profile) .vr-chat-ui-select-button:hover {
    background: #fff;
    color: #ff802c;
  }
}
@media (orientation: landscape) and (hover: none) {
  .vr-chat-area:not(.profile) .vr-chat-ui-select-button:active {
    background: #fff;
    color: #ff802c;
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) input:checked + .vr-chat-ui-select-button {
    background: #fff;
    color: #ff802c;
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block input:checked + .vr-chat-ui-select-button {
    background: #ddd;
    color: #1f1f1f;
  }
}
/* ボタン */
.vr-chat-ui-select-svg {
  fill: rgba(79, 73, 67, 0.5);
  stroke: none;
  height: 28px;
  width: 28px;
  transition: fill 0.2s;
  pointer-events: none;
}
.vr-chat-ui-select-svg * {
  pointer-events: none;
}
.vr-chat-ui-select-svg .cls-1 {
  fill: transparent;
}
.vr-chat-ui-select-svg .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  transition: stroke 0.2s;
}
.vr-chat-ui-select-svg:not(.view-icon) .cls-2 {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.54px;
}
.vr-chat-ui-select-svg.view-icon .cls-2 {
  stroke-dasharray: 0 0 2 2;
  stroke-miterlimit: 10;
}
.vr-chat-ui-select-svg.facical-expression .cls-2 {
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg {
  fill: #ff802c;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg .cls-2 {
  stroke: #ff802c;
}
@media (hover: hover) {
  .vr-chat-ui-select-button:hover .vr-chat-ui-select-svg {
    fill: #ff802c;
  }
  .vr-chat-ui-select-button:hover .vr-chat-ui-select-svg .cls-2 {
    stroke: #ff802c;
  }
}
@media (hover: none) {
  .vr-chat-ui-select-button:active .vr-chat-ui-select-svg {
    fill: #ff802c;
  }
  .vr-chat-ui-select-button:active .vr-chat-ui-select-svg .cls-2 {
    stroke: #ff802c;
  }
}
.vr-chat-ui-select-svg.party-page-menu .st0 {
  opacity: 0.5;
}
.vr-chat-ui-select-svg.party-page-menu .st1 {
  opacity: 1;
  fill: #4F4943;
}
.vr-chat-ui-select-svg.party-page-menu .st2 {
  fill: none;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg.party-page-menu .st0 {
  opacity: 1;
}
input:checked + .vr-chat-ui-select-button .vr-chat-ui-select-svg.party-page-menu .st1 {
  fill: #ff802c;
}
@media (hover: hover) {
  .vr-chat-ui-select-button:hover .st0 {
    opacity: 1;
  }
  .vr-chat-ui-select-button:hover .st1 {
    fill: #ff802c;
  }
}
@media (hover: none) {
  .vr-chat-ui-select-button:active .st0 {
    opacity: 1;
  }
  .vr-chat-ui-select-button:active .st1 {
    fill: #ff802c;
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .ui-button-size {
    height: 48px;
    width: 48px;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-select-button {
    height: 48px;
    width: 48px;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-select-svg {
    height: 32px;
    width: 32px;
  }
}
/* UI アバター登録選択チェックマーク */
.selected-check {
  top: 50%;
  right: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 16px;
  min-width: 16px;
  background: #ff009d;
  border-radius: 50%;
  transform: translate(0, -50%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0;
}
.selected-check-svg {
  height: 16px;
  width: 16px;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.selected-check-svg .cls-2 {
  fill: none;
  stroke: none;
}
.selected-check-svg .cls-3 {
  fill: #fff;
  stroke: none;
}
input:checked + .selected-check {
  opacity: 1;
}
/* UI 画面右側表示項目 */
.vr-select-command-right {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 2;
  height: fit-content;
  max-height: 100%;
  overflow: scroll;
  pointer-events: auto;
}
.vr-select-command-right.left-side {
  right: unset;
  left: 12px;
}
#party-menu-reverse:checked ~ div .vr-select-command-right {
  right: unset;
  left: 12px;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-select-command-right {
    flex: 0 0 auto;
    position: relative;
    right: unset;
    flex-direction: row;
    height: auto;
    max-height: none;
    width: auto;
    max-width: 100%;
    padding: 0 2vw;
    overflow-x: scroll;
    align-items: center;
  }
  .vr-chat-area:not(.profile) .vr-select-command-right:after {
    display: none;
  }
  .vr-chat-area:not(.profile) .vr-select-command-right > label {
    flex: 0 0 auto;
    display: inline-block;
    width: 56px;
  }
}
/* UI サブウィンドウ */
.vr-chat-dialog-base {
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  min-height: env(safe-area-inset-bottom);
  max-height: calc(100vh - 64px);
  width: 100%;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 20%, rgba(255, 255, 255, 0.45) 80%, rgba(255, 255, 255, 0.5));
  background-size: 100%;
  border-top: 1px solid rgba(31, 31, 31, 0.1);
  pointer-events: auto;
  transform: none !important;
}
.vr-chat-dialog-base.fit-height {
  max-height: 100%;
  position: absolute;
  z-index: 3;
}
.vr-chat-dialog-base > div {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 54px);
  background-size: 100%;
}
.pc-dialog-box {
  pointer-events: auto;
}
.vr-dialog-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* UI サブウィンドウのサイズ調整つまみに関するデザイン編集 */
.__dbk__gutter.Vertical {
  padding: 0 !important;
}
.__dbk__dragger.Vertical.moveable-control-box.moveable-line {
  opacity: 0;
}
.__dbk__dragger.Vertical.moveable-control-box.moveable-control {
  top: -34px !important;
  left: calc(50% - 42px) !important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 34px !important;
  width: 84px !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  cursor: col-resize;
  z-index: 3;
}
.moveable-control-box .moveable-control:before {
  content: "";
  height: 24px;
  width: 64px;
  background: #fff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.moveable-control-box .moveable-control:after {
  position: absolute;
  bottom: 12px;
  left: 50%;
  content: "";
  height: 8px;
  width: 20px;
  border-top: 2px solid rgba(31, 31, 31, 0.2);
  border-bottom: 2px solid rgba(31, 31, 31, 0.2);
  transform: translate(-50%, 50%);
}
/* サブウィンドウ内のタブデザイン */
.ui-chat-tab-list {
  flex: 0 0 auto;
  width: 100%;
  margin: 0 auto;
  padding: 10px 12px;
  overflow: scroll;
}
.ui-chat-tab-list .ui-chat-tab-area:first-child,
.ui-chat-tab-list .position_relative:first-child {
  margin-left: auto;
}
.ui-chat-tab-list .ui-chat-tab-area:last-child,
.ui-chat-tab-list .position_relative:last-child {
  margin-right: auto;
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .ui-chat-tab-list:has(.ui-button-size) {
    gap: 0 8px;
  }
}
.ui-chat-tab-area {
  flex: 0 0 auto;
  padding: 0;
}
.vr-chat-ui-tab {
  min-width: 48px;
  padding: 10px 1em;
  border-radius: 17px;
  background-color: transparent;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 0.2s;
}
input[id$=select-tab-1]:checked ~ div label[for$=select-tab-1] .vr-chat-ui-tab,
input[id$=select-tab-2]:checked ~ div label[for$=select-tab-2] .vr-chat-ui-tab,
input[id$=select-tab-3]:checked ~ div label[for$=select-tab-3] .vr-chat-ui-tab,
input[id$=select-tab-4]:checked ~ div label[for$=select-tab-4] .vr-chat-ui-tab,
input[id$=select-tab-5]:checked ~ div label[for$=select-tab-5] .vr-chat-ui-tab,
input[id$=select-tab-6]:checked ~ div label[for$=select-tab-6] .vr-chat-ui-tab,
input[id$=select-tab-7]:checked ~ div label[for$=select-tab-7] .vr-chat-ui-tab {
  /* サブウィンドウないで選択中のタブ */
  background-color: rgba(31, 31, 31, 0.1);
}
.vr-chat-choice-category-title {
  display: none;
  gap: 12px;
  padding: 0 12px 6px;
  font-size: 12px;
  font-weight: 700;
}
/* 選択中のタブに関する本文の表示非表示 */
.vr-chat-ui-tab-element {
  flex: 1 1 auto;
  width: 100%;
  max-width: 736px;
  overflow-y: scroll;
  margin: 0 auto;
  padding: 0;
  height: 200px;
}
input[id$=select-tab-1]:checked ~ .vr-chat-ui-tab-element.list-1,
input[id$=select-tab-2]:checked ~ .vr-chat-ui-tab-element.list-2,
input[id$=select-tab-3]:checked ~ .vr-chat-ui-tab-element.list-3,
input[id$=select-tab-4]:checked ~ .vr-chat-ui-tab-element.list-4,
input[id$=select-tab-5]:checked ~ .vr-chat-ui-tab-element.list-5,
input[id$=select-tab-6]:checked ~ .vr-chat-ui-tab-element.list-6,
input[id$=select-tab-7]:checked ~ .vr-chat-ui-tab-element.list-7 {
  display: block;
}
.vr-chat-dialog-select-area {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding-bottom: 0;
}
.vr-chat-choice-list {
  width: fit-content;
  max-width: 100%;
  overflow-x: scroll;
  padding: 0 10px 5px;
  margin: 0 auto;
}
.vr-chat-choice-list li {
  margin: 0;
}
.vr-chat-choice-list li:first-child {
  margin-left: auto;
}
.vr-chat-choice-list li:last-child {
  margin-right: auto;
}
.vr-chat-choice-list:has(.range-container-unit) {
  width: 100%;
  padding: 0 10vw 5px;
}
.vr-chat-choice-list:has(.range-container-unit) li {
  width: 100%;
}
.vr-chat-choice-list:has(.vr-chat-choice-item.adjustment) {
  width: 100%;
  padding: 5px 10px;
  background-color: rgb(255, 255, 255);
}
.vr-chat-choice-item {
  flex: 0 0 auto;
  height: 80px;
  width: 80px;
}
@supports (gap: 8px) {
  .vr-chat-choice-list {
    gap: 8px 0;
  }
  .vr-chat-choice-list li {
    margin: 0;
  }
  .vr-chat-choice-list:has(.vr-chat-choice-item.adjustment) {
    gap: 8px 0;
  }
}
/* UI アバター作成中に表示する気付きラベル */
.vr-chat-choice-now-announce {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #bd1b87;
  background: #D31E79;
  opacity: 1;
}
input:checked ~ .vr-chat-choice-category-title {
  opacity: 1;
}
/* 選択するアイテムのボタン */
.vr-chat-choice-item-button {
  height: 80px;
  width: 80px;
  border: 1px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  font-weight: 700;
  transition: all 0.2s;
}
.vr-chat-choice-item-button svg {
  height: 16px;
  width: 16px;
  stroke-width: 5px;
}
.vr-chat-choice-item-button svg.no-wearing-button {
  height: 50px;
  width: 50px;
  stroke-width: 2px;
}
/* アイテムのサムネイル */
.vr-chat-choice-item-image {
  height: 72px;
  width: 72px;
  border-radius: 8px;
  background: #f5f5f5;
}
/* アイテムの説明帯 */
.vr-chat-choice-item-name-tag {
  bottom: 3px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 2px 2px 2px #FFF, -2px -2px 2px #FFF, -2px 2px 2px #FFF, 2px -2px 2px #FFF, 0px 2px 2px #FFF, 0 -2px 2px #FFF, -2px 0 2px #FFF, 2px 0 2px #FFF;
  transition: bottom 0.2s;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g]:not(.adjustment) .vr-chat-choice-item-button,
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h]:not(.adjustment) .vr-chat-choice-item-button,
input[name=vr-motion]:checked + .vr-chat-choice-item-button {
  border: 4px solid #ff802c;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h]:not(.adjustment) .vr-chat-choice-item-button .vr-chat-choice-item-name-tag,
input[name=vr-motion]:checked + .vr-chat-choice-item-button .vr-chat-choice-item-name-tag {
  bottom: 0;
}
/* カラー・バリエーション・「着衣しない」選択スイッチ */
.adjustment {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  transition: background 0.2s;
}
.adjustment[for$=-none], .adjustment.on_off {
  background: #ff802c;
}
.adjustment .vr-chat-choice-item-button {
  position: relative;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  color: #1F1F1F;
}
.adjustment .vr-chat-choice-item-button svg {
  stroke: rgba(31, 31, 31, 0.3);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8px;
  transition: stroke 0.2s;
}
input[id$=-a]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-a],
input[id$=-b]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-b],
input[id$=-c]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-c],
input[id$=-d]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-d],
input[id$=-e]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-e],
input[id$=-f]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-f],
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g],
input[id$=-g]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-g],
input[id$=-h]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-h],
input[id$=-i]:checked ~ .vr-chat-choice-list .vr-chat-choice-item[for$=-i],
#select-eye-color-same:checked + div .adjustment[for=select-eye-color-same],
.vr-chat-confirm-item .adjustment {
  /* カラー・バリエーション・「着衣しない」選択中 */
  background: #ff802c;
}
input[id$=-none]:checked ~ div .adjustment[for$=-none] .vr-chat-choice-item-button svg,
input:checked + .adjustment-switch-area .adjustment.on_off svg {
  stroke: #1F1F1F;
}
input:checked + .adjustment-switch-area .adjustment.vr-chat-choice-item-button {
  border: 2px solid #ff802c;
  background: transparent;
}
/* 初期値で操作不能部分の動作 */
.item-not-selectable-sign {
  display: none;
}
.item-not-selectable .item-not-selectable-sign {
  top: 50%;
  left: 50%;
  display: block;
  height: 48px;
  width: auto;
  background: rgba(255, 255, 255, 0.5);
  stroke: #ff802c;
  stroke-width: 1px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.item-not-selectable .item-not-selectable-sign .cls-0 {
  fill: #ff802c;
}
.item-not-selectable.non-select {
  border-radius: 12px;
}
.item-not-selectable.non-select .vr-chat-choice-item-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-not-selectable.non-select .vr-chat-choice-item-button:before {
  content: "";
  height: 72px;
  width: 72px;
  border-radius: 8px;
  background: #f5f5f5;
}
.item-not-selectable.non-select .item-not-selectable-sign {
  stroke: #727272;
  stroke-width: 0;
}
.item-not-selectable.non-select .item-not-selectable-sign .cls-0 {
  fill: #727272;
}
.setting-open .item-not-selectable {
  pointer-events: none;
}
.setting-open .item-not-selectable .vr-chat-choice-item {
  opacity: 0.2;
}
input[type=checkbox]:not(:checked) ~ .setting-open,
input[name=select-tops]:checked ~ .setting-open,
input[name=select-bottoms]:checked ~ .setting-open,
input[name=select-socks]:checked ~ .setting-open,
input[name=select-shoes]:checked ~ .setting-open,
input[name=select-hair-clips]:checked ~ .setting-open,
input[name=select-ribbon]:checked ~ .setting-open,
input[name=select-Animal]:checked ~ .setting-open,
input[name=select-heir-accessory-another]:checked ~ .setting-open,
input[name=select-head-accessory-another]:checked ~ .setting-open {
  pointer-events: all;
  opacity: 1;
}
/* UI アバターの姿を切り替えるスイッチ群 :beforeに背景デザインを表示 */
.vr-chat-ui-cloth-block {
  position: relative;
  width: 40px;
  border-radius: 20px;
  margin-right: -8px;
  margin-left: 4px;
}
.vr-chat-ui-cloth-block:before {
  content: "";
  position: absolute;
  top: 8px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 12px);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.8);
}
.vr-chat-ui-cloth-block .vr-chat-ui-select-button {
  background: transparent;
  height: 32px;
  width: 32px;
  transition: background 0.2s, color 0.2s;
  border: 0;
}
.vr-chat-ui-cloth-block .ui-button-size:first-child {
  padding-top: 8px;
}
.vr-chat-ui-cloth-block input:checked + .vr-chat-ui-select-button {
  background: rgba(0, 0, 0, 0.15);
  color: #1f1f1f;
}
@media (hover: hover) {
  .vr-chat-ui-cloth-block .vr-chat-ui-select-button:hover {
    color: #1f1f1f;
    background: rgba(31, 31, 31, 0.1);
  }
}
@media (hover: none) {
  .vr-chat-ui-cloth-block .vr-chat-ui-select-button:active {
    color: #1f1f1f;
    background: rgba(31, 31, 31, 0.1);
  }
}
@media (orientation: landscape) {
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block {
    flex-direction: row;
    height: 48px;
    width: auto;
    margin: 0 8px 0 0;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block:before {
    top: 0;
    height: 100%;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block .vr-chat-ui-select-button {
    height: 36px;
    width: 36px;
  }
  .vr-chat-area:not(.profile) .vr-chat-ui-cloth-block .ui-button-size:first-child {
    padding-top: 0;
  }
}
.popup-window-title {
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  text-align: center;
}
.adjustment-switch-area {
  max-width: 768px;
  margin: 0 auto;
  padding: 22px 12px 23px;
}
.adjustment-switch-area > .adjustment {
  margin-right: 12px;
  height: 40px;
  width: 40px;
}
.adjustment-switch-area > .adjustment .vr-chat-choice-item-button {
  height: 32px;
  width: 32px;
  border: 1px solid rgba(31, 31, 31, 0.3);
  background: #fff;
}
@supports (gap: 12px) {
  .adjustment-switch-area {
    gap: 12px;
  }
  .adjustment-switch-area > .adjustment {
    margin-right: 0;
  }
}
input:checked + .adjustment-switch-area svg {
  stroke: #1F1F1F;
}
.adjustment.vr-chat-choice-item-button {
  height: 40px;
  width: 40px;
  border: 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  padding: 4px;
  color: #1F1F1F;
}
.adjustment.vr-chat-choice-item-button svg {
  stroke: rgba(31, 31, 31, 0.3);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8px;
  transition: stroke 0.2s;
}
.vr-chat-choice-item-no-image {
  height: 100%;
  width: 100%;
  background: #e5e5e5;
  font-size: 18px;
  color: #000;
}
/* アバター コーディネート編集 */
.vr-chat-pose-profile .adjustment-switch-area {
  margin: 0;
}
.select-avatar-header-caption {
  width: 100%;
  padding-right: 48px;
  text-align: center;
  font-weight: 700;
}
.select-avatar-base {
  display: flex;
}
input:checked + .select-avatar-base {
  display: flex;
  height: 100%;
}
.vr-avatar-select-main-area {
  flex: 1 1 auto;
  width: 100%;
  max-width: 608px;
  padding: 0 10% 48px;
  overflow-y: scroll;
}
.vr-avatar-select-main-area > *:not(:last-child) {
  margin-bottom: 24px;
}
.vr-avatar-select-text {
  margin: 12px auto;
}
@supports (gap: 24px) {
  .vr-avatar-select-main-area {
    gap: 24px;
  }
  .vr-avatar-select-main-area > *:not(:last-child) {
    margin-bottom: 0;
  }
  .vr-avatar-select-main-area > .vr-avatar-select-text {
    margin-bottom: 12px;
  }
}
.vr-avatar-select-list {
  align-items: stretch;
}
.vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
  margin-bottom: 20px;
}
.vr-avatar-select-button {
  width: 100%;
  max-width: 90vw;
  min-height: 40px;
  padding: 0.25em 12px;
  border-radius: 10px;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
}
.vr-avatar-select-button.new-create {
  background: #ff802c;
  border-color: #ff802c;
  color: #fff;
  text-align: center;
}
@supports (gap: 20px) {
  .vr-avatar-select-list {
    gap: 20px;
  }
  .vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.vr-avatar-select-icon {
  top: 7px;
  right: 0;
  height: 32px;
  width: 32px;
  transform: rotate(-90deg);
}
@supports (gap: 20px) {
  .vr-avatar-select-icon {
    top: unset;
  }
}
.vr-avatar-select-svg {
  height: 100%;
  width: 100%;
}
.vr-avatar-select-svg .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.header-button-svg .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.vr-avatar-select-check-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}
.vr-avatar-select-check-area *:not(:last-child) {
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-select-check-area {
    gap: 10px;
  }
  .vr-avatar-select-check-area*:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-select-back .header-button-svg {
  transform: rotate(90deg);
}
.vr-avatar-delete-label {
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.vr-avatar-delete-switch {
  height: 28px;
  width: 28px;
  stroke-width: 1;
}
.vr-avatar-delete-switch .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
}
.vr-avatar-delete-switch .cls-3 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-width: 2px;
}
.vr-avatar-delete-switch .cls-4 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.vr-avatar-title-text {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  padding-bottom: 0.5em;
}
.vr-avatar-title-text span:not(:last-child) {
  display: inline-block;
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-title-text {
    gap: 10px;
  }
  .vr-avatar-title-text span:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-edit-now {
  padding: 4px 1em;
  border-radius: 1em;
  background: #DD1F79;
  color: #fff;
  line-height: 1;
}
.vr-avatar-select-sentence {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 0.5em;
}
.vr-avatar-fist-setting {
  gap: 5px 0;
  margin-bottom: -15px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(79, 73, 67, 0.8);
  line-height: 1;
}
.vr-avatar-first-costume-button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.2s;
}
.vr-avatar-first-costume-button-svg {
  height: 24px;
  width: 24px;
}
.vr-avatar-first-costume-button-svg .inner {
  stroke: rgba(79, 73, 67, 0.5);
  stroke-width: 1px;
}
input:checked + .vr-avatar-fist-setting .vr-avatar-first-costume-button {
  border-color: #ff802c;
}
input:checked + .vr-avatar-fist-setting .vr-avatar-first-costume-button-svg .inner {
  fill: #ff802c;
  stroke: #FF802C;
}
.setting-delete-confirm-unit {
  width: fit-content;
  padding: 30px;
  margin: 0 auto;
  overflow-y: scroll;
  text-align: center;
  font-weight: 700;
  overscroll-behavior: contain;
}
.setting-delete-confirm-unit *:not(:last-child) {
  margin-bottom: 40px;
}
@supports (gap: 40px) {
  .setting-delete-confirm-unit {
    gap: 40px;
  }
  .setting-delete-confirm-unit *:not(:last-child) {
    margin-bottom: 0;
  }
}
.setting-delete-confirm-text {
  width: 100%;
  font-weight: 700;
  text-align: left;
}
.delete-confirm-costume-set-title {
  width: 100%;
  font-weight: 700;
  text-align: left;
}
.costume-set-delete-confirm-button {
  width: 100%;
  margin: 0 auto;
  padding: 12px 20px;
  background: #fff;
  border: 1px dashed #000;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  border-radius: 10px;
}
.re-edit-active-layout {
  height: 100%;
  padding: 64px 12vw 96px;
  overflow: scroll;
}
.re-edit-active-layout > * {
  margin: 0 0 48px 0;
}
.re-edit-active-layout > *:first-child {
  margin-top: auto;
}
.re-edit-active-layout > *:last-child {
  margin-bottom: auto;
}
@supports (gap: 48px) {
  .re-edit-active-layout {
    gap: 48px;
  }
  .re-edit-active-layout > * {
    margin: 0;
  }
}
.re-direct-text {
  max-width: 100%;
  width: fit-content;
  margin: auto auto 0;
}
/* 確認画面 */
/* 登録確認サブウィンドウテキスト部位 */
.vr-chat-confirm-heading {
  max-width: 90%;
  margin: 12px auto;
  padding: 1em;
  border: 1px solid #ff802c;
  background: #fff;
  color: #ff802c;
  font-weight: 700;
  border-radius: 10px;
}
.vr-chat-confirm-text {
  text-align: center;
  margin-bottom: 12px;
  font-weight: 700;
}
.vr-chat-confirm-area {
  overflow-y: scroll;
}
/* 登録確認内容スクロールジャンプ */
.confirm-jump-list-background {
  top: 0;
  z-index: 2;
  width: 100%;
  overflow: scroll;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/*
.confirm-jump-list-background:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:68px;
    background-image: linear-gradient(to left,rgba(255,255,255,0),rgb(255,255,255,1) 15px),
                        linear-gradient(to right,rgba(255,255,255,0),rgb(255,255,255,1) 15px);
    background-repeat: no-repeat;
    background-attachment: local,local;
    background-position: 0 0,right;
    background-size: 25px 100%,25px 100%;
    pointer-events: none;
    z-index: 3;
}
.confirm-jump-list:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:68px;
    background-image: linear-gradient(to left,rgba(0,0,0,0)50%,rgb(255 128 44 / 100%)),
                        linear-gradient(to right,rgba(0,0,0,0)50%,rgb(255 128 44 /100%));
    background-repeat: no-repeat;
    background-attachment:scroll,scroll;
    background-position: 0 0,right;
    background-size: 20px 100%,20px 100%;
    pointer-events: none;
    z-index:2;
}
*/
/* 登録確認内容表示項目 */
.vr-chat-confirm-group {
  margin-bottom: 20px;
}
.vr-chat-confirm-group-title {
  max-width: 768px;
  margin: 0 auto 10px;
  border-left: 16px solid rgba(255, 128, 45, 0.3);
  padding: 0.3em 0 0.3em 3vw;
  font-size: 20px;
  font-weight: 700;
  color: #ff802c;
  line-height: 1;
}
.vr-chat-confirm-item {
  max-width: 768px;
  margin: 0 auto;
  padding: 0 7vw;
}
.vr-chat-confirm-item-title {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 10px;
}
.vr-chat-confirm-item-title.vr-chat-choice-item-small-title {
  font-size: 12px;
  margin: 8px 0;
}
.vr-chat-confirm-item-text {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
}
.vr-chat-confirm-item-main {
  margin-bottom: 10px;
}
.vr-chat-confirm-item-main .vr-chat-choice-item-button {
  height: 100%;
  width: 100%;
  border: 4px solid #fff;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.vr-chat-confirm-item-main .adjustment {
  background: transparent;
}
.vr-chat-confirm-item-main .adjustment .vr-chat-choice-item-button {
  border-radius: 50%;
}
.vr-chat-confirm-item-main .vr-chat-choice-item {
  margin-right: 10px;
}
@supports (grid-template-columns: 1fr 1fr) {
  .vr-chat-confirm-item-main {
    gap: 10px;
  }
  .vr-chat-confirm-item-main .vr-chat-choice-item {
    margin-right: 0;
  }
}
.vr-chat-choice-item .no-check {
  height: 36px;
  width: 36px;
  stroke: #ff802c;
}
.vr-chat-choice-item .no-check .cls-0 {
  fill: #ff802c;
}
.vr-chat-choice-item .no-check .cls-1 {
  fill: rgba(255, 255, 255, 0.5);
}
/* 着衣しない項目の確認 */
.confirm-off,
.confirm-on {
  display: none;
}
input[value=off]:checked ~ .confirm-off {
  display: block;
}
input[value=on]:checked ~ .confirm-on {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vr-chat-confirm-area .vr-chat-ui-select-button {
  border-color: rgba(79, 73, 67, 0.2);
  pointer-events: none;
}
/* 片方しか選択できない項目に対する表示管理 */
.confirm-item-select {
  display: none;
}
input[value=tops]:checked ~ .confirm-tops,
input[value=one-piece-suit]:checked ~ .confirm-one-piece-suit,
input[value=skirt]:checked ~ .confirm-skirt,
input[value=pants]:checked ~ .confirm-pants {
  display: block;
}
.confirm-button-outer {
  height: 40px;
  width: 40px;
  border: 4px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.confirm-button-inner {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  font-weight: 700;
  color: #1f1f1f;
}
/* アバターが存在しません */
.not-found-base {
  height: 100%;
  width: 100%;
  gap: 40px;
  padding: 64px 12vw;
}
.not-found-text {
  font-size: 20px;
  font-weight: 700;
}
/* 確認 */
.vr-chat-confirm-area {
  overflow-y: scroll;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding-bottom: 42px;
}
/* プロフィール画像作成 */
.profile-header-title {
  font-size: 14px;
  font-weight: 700;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.profile-select-list {
  flex-wrap: wrap;
  padding: 0 12px;
}
.profile-select-list-li {
  margin: 0 16px 16px 0;
}
@supports (gap: 16px) {
  .profile-select-list {
    gap: 16px;
  }
  .profile-select-list-li {
    margin: 0;
  }
}
.screenshot-canvas {
  width: 250px;
}
.select-profile-button {
  min-width: 74px;
  background: #fff;
  padding: calc(0.25em + 3px) 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 31, 31, 0.2);
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  transition: all 0.2s;
}
input[id$=-a]:checked ~ .profile-select-list .select-profile-button[for$=-a],
input[id$=-b]:checked ~ .profile-select-list .select-profile-button[for$=-b],
input[id$=-c]:checked ~ .profile-select-list .select-profile-button[for$=-c],
input[id$=-d]:checked ~ .profile-select-list .select-profile-button[for$=-d],
input[id$=-e]:checked ~ .profile-select-list .select-profile-button[for$=-e],
input[id$=-f]:checked ~ .profile-select-list .select-profile-button[for$=-f],
input[id$=-g]:checked ~ .profile-select-list .select-profile-button[for$=-g],
input[id$=-h]:checked ~ .profile-select-list .select-profile-button[for$=-h],
input[id$=-i]:checked ~ .profile-select-list .select-profile-button[for$=-i] {
  border: 4px solid #ff802c;
  color: #ff5c13;
  margin: 0;
  padding: 0.25em 10px;
}
.image-edit-confirm,
.image-edit-complete {
  display: flex;
  height: 100%;
  padding: 30px;
  overflow-y: scroll;
  text-align: center;
  font-weight: 700;
  overscroll-behavior: contain;
}
.image-edit-confirm > *,
.image-edit-complete > * {
  flex: 0 0 auto;
  margin: 0 20px 20px 0;
}
#vr-profile-edit-confirm:checked ~ .image-edit-confirm,
#vr-profile-edit-complete:checked ~ .image-edit-complete {
  display: flex;
}
#vr-profile-edit-complete:checked ~ .image-edit-complete {
  justify-content: space-around;
}
.profile-image-confirm {
  width: 100%;
  max-width: 320px;
  height: 100%;
  max-height: 240px;
  background: #fff;
  object-fit: cover;
}
@supports (gap: 20px) {
  .image-edit-confirm,
  .image-edit-complete {
    gap: 20px;
  }
  .image-edit-confirm > *,
  .image-edit-complete > * {
    margin: 0;
  }
}
@supports (aspect-ratio: 320/240) {
  .profile-image-confirm {
    aspect-ratio: 320/240;
  }
}
.vrc-loader {
  z-index: 99999;
}
.vrc-loader.fullscreen-loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.vrc-loader.fullscreen-loader svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
}
@keyframes slide-in-from-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.vr-modal-back-content {
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  animation: slide-in-from-bottom 0.2s ease-in-out forwards;
  background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 20% 80%, rgb(255, 255, 255));
  backdrop-filter: blur(5px);
  border-top: 1px solid rgba(31, 31, 31, 0.1);
}
.vr-modal-back-content > div {
  background: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 54px);
}
.coordinate-editor-content {
  width: 100%;
  height: 100%;
  background: #ccc;
}
.vrc .vr-chat-modal-close-button {
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 36px;
  height: 36px;
}
.vrc .vr-modal-back {
  height: 100%;
}
.vrc.modal-popup {
  height: 100%;
  max-height: 100dvh;
  overflow: scroll;
}
/* ポップアップ内の決定キャンセル */
.vr-chat-modal-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 12px 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  transition: all 0.2s;
}
.vr-chat-modal-button.submit-button {
  background: #ff802c;
}
.vr-chat-modal-button.cancel-button {
  background: #4f4943;
}
.vr-chat-modal-button.end-button {
  background: #fff;
  color: #333;
  border: 1px solid #333;
}
@media (hover: hover) {
  .vr-chat-modal-button.submit-button:hover {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:hover {
    background: #1f1f1f;
    color: #fff;
  }
}
@media (hover: none) {
  .vr-chat-modal-button.submit-button:active {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:active {
    background: #1f1f1f;
    color: #fff;
  }
}
/* UI ポップアップ表示 */
.vr-chat-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: top 0.2s;
}
/* ポップアップ表示閉じるボタン */
.vr-chat-modal-close-button {
  top: 10px;
  right: 10px;
  z-index: 3;
  height: 48px;
  width: 48px;
}
.vr-chat-modal-close-svg {
  height: 48px;
  width: 48px;
}
.vr-chat-modal-close-svg .st0 {
  fill: rgba(31, 31, 31, 0.8);
}
@media (hover: hover) {
  .vr-chat-modal-close-svg:hover .st0 {
    fill: rgb(31, 31, 31);
  }
}
@media (hover: none) {
  .vr-chat-modal-close-svg:active .st0 {
    fill: rgb(31, 31, 31);
  }
}
/* ポップアップ内の決定キャンセル */
.vr-chat-modal-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 12px 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  transition: all 0.2s;
}
.vr-chat-modal-button.submit-button {
  background: #ff802c;
}
.vr-chat-modal-button.cancel-button {
  background: #4f4943;
}
@media (hover: hover) {
  .vr-chat-modal-button.submit-button:hover {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:hover {
    background: #1f1f1f;
    color: #fff;
  }
}
@media (hover: none) {
  .vr-chat-modal-button.submit-button:active {
    background: #ff5c13;
    color: #fff;
  }
  .vr-chat-modal-button.cancel-button:active {
    background: #1f1f1f;
    color: #fff;
  }
}
/* ポップアップ内容表示の背景 */
.vr-modal-back {
  z-index: 2;
  height: 100%;
  max-height: 100%;
  max-height: 100dvh;
  overflow: scroll;
  background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgb(255, 255, 255));
  backdrop-filter: blur(5px);
  color: #ff802c;
  font-size: 20px;
  font-weight: 700;
}
.vr-modal-back > *:first-child {
  margin-top: auto;
}
.vr-modal-back > *:last-child {
  margin-bottom: auto;
}
.vr-chat-modal-title {
  padding: 18px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 2;
}
@supports (-webkit-touch-callout: none) {
  .vr-modal-back {
    max-height: 100% !important;
    max-height: 100dvh !important;
  }
}
.alert-icon-svg {
  height: 72px;
  width: 72px;
  margin: 0 auto 24px;
}
.alert-icon-svg .cls-2 {
  fill: none;
  stroke: #ff802c;
  stroke-miterlimit: 10;
}
.alert-icon-svg .cls-3 {
  fill: #ff802c;
  stroke: none;
}
.vr-modal-button-block {
  width: 100%;
}
.vr-modal-button-block > *:not(:last-child) {
  margin-bottom: 20px;
}
@supports (gap: 20px) {
  .vr-modal-button-block {
    gap: 20px;
  }
  .vr-modal-button-block > *:not(:last-child) {
    margin-bottom: 0;
  }
}
/* カメラ操作ガイド */
.camera-use {
  width: auto;
  width: fit-content;
  height: auto;
  height: fit-content;
  max-width: 100vw;
  margin: auto;
  padding: 30px;
  overflow: scroll;
}
.camera-use > .flex-direction-column-align-center {
  width: 50%;
  margin-bottom: 30px;
}
@supports (grid-template-columns: 1fr 1fr) {
  .camera-use {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
  .camera-use > .flex-direction-column-align-center {
    width: auto;
    margin-bottom: 0;
  }
}
.camera-use-svg {
  fill: #ff802c;
  stroke: none;
  height: 72px;
  width: 72px;
}
.camera-use-action {
  line-height: 1;
  padding: 0.75em 1.5em;
  margin: 8px 0 16px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1.5em;
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 700;
}
.camera-use-text {
  font-size: 14px;
  color: #1f1f1f;
}
/* つまみを引っ張るタイプのフォーム */
.range-container-unit {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding: 20px 0 30px;
}
.range-container-unit > *:not(:last-child) {
  margin-bottom: 50px;
}
@supports (gap: 12px) {
  .range-container-unit {
    gap: 50px;
  }
  .range-container-unit > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.range-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.range-text {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
}
input[type=range] {
  width: 100%;
  margin: 16px 0;
  height: 6px;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(79, 73, 67, 0.5);
  background-image: linear-gradient(to bottom, #ff802c, #ff802c);
  background-size: 50% 100%;
  background-repeat: no-repeat;
}
input[type=range]:focus {
  outline: none;
}
/* つまみを引っ張るタイプのフォームにつける吹き出し */
.range-speech-bubble {
  position: absolute;
  display: block;
  bottom: -5px;
  left: 50%;
  min-width: 50px;
  padding: 0 5px;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0 0 4px 4px;
  transform: translateY(calc(100% + 10px));
  transform-origin: center center;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.range-speech-bubble:before {
  display: none;
}
.range-speech-bubble-before {
  position: absolute;
  top: -8px;
  left: -1px;
  display: block;
  height: 9px;
  width: 50px;
  stroke-width: 1px;
}
.range-speech-bubble-before .cls-1 {
  fill: #fff;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-miterlimit: 10;
}
@media (hover: hover) {
  input[type=range]:hover + .range-speech-bubble {
    transform: translateY(-10px);
    bottom: 20px;
    border-radius: 4px 4px 0 0;
  }
  input[type=range]:hover + .range-speech-bubble .range-speech-bubble-before {
    top: unset;
    bottom: -8px;
    transform: rotate(180deg);
  }
}
@media (hover: none) {
  input[type=range]:active + .range-speech-bubble {
    transform: translateY(-10px);
    bottom: 20px;
    border-radius: 4px 4px 0 0;
  }
  input[type=range]:active + .range-speech-bubble .range-speech-bubble-before {
    top: unset;
    bottom: -8px;
    transform: rotate(180deg);
  }
}
/* Chrome & Safari ハック */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  background: #aaa;
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.5);
  cursor: pointer;
}
/* Firefox ハック */
input[type=range]::-moz-range-track {
  width: 100%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  background: #aaa;
  border-radius: 50%;
  border: 1px solid rgba(79, 73, 67, 0.5);
  cursor: pointer;
}
/* 顔サイズ調整リセットボタン */
.range-reset {
  margin: 20px auto 0;
}
.range-reset .default-button {
  color: #1f1f1f;
}
.default-button {
  line-height: 1;
  padding: 12px;
  background: #ddd;
  border: 1px solid #1f1f1f;
  border-radius: calc(0.5em + 12px);
}
/* 必要項目未記入表示 */
.check-error-area {
  padding: 64px 12vw 96px;
  height: 100%;
  overflow-y: scroll;
}
.check-error-area .alert-icon-svg {
  margin-bottom: 48px;
}
.check-error-title {
  margin-bottom: 48px;
  text-align: center;
}
.check-error-text {
  margin-bottom: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #1f1f1f;
}
.check-error-button {
  display: block;
  width: 100%;
  padding: 0.5em 1.5em;
  line-height: 1em;
  border-radius: 1em;
  text-align: center;
  border: 1px solid #000;
}
.check-error-window {
  min-height: 100%;
}
.check-error-window > *:first-child {
  margin-top: auto;
}
.check-error-window > *:last-child {
  margin-bottom: auto;
}
@supports (gap: 48px) {
  .check-error-window {
    gap: 48px;
  }
  .check-error-area .alert-icon-svg,
  .check-error-title,
  .check-error-text {
    margin-bottom: 0;
  }
}
/* コーディネート選択 */
.select-avatar-base {
  height: 100%;
}
.vr-avatar-select-main-area {
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  max-width: 608px;
  padding: 48px 10%;
  overflow-y: scroll;
}
.vr-avatar-select-main-area > *:not(:last-child) {
  margin-bottom: 24px;
}
.vr-avatar-select-text {
  margin: 12px auto;
}
@supports (gap: 24px) {
  .vr-avatar-select-main-area {
    gap: 24px;
  }
  .vr-avatar-select-main-area > *:not(:last-child) {
    margin-bottom: 0;
  }
  .vr-avatar-select-main-area > .vr-avatar-select-text {
    margin-bottom: 12px;
  }
}
.vr-avatar-select-list {
  align-items: stretch;
  width: 100%;
}
.vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
  margin-bottom: 20px;
}
.vr-avatar-select-button {
  width: 100%;
  max-width: 90vw;
  min-height: 40px;
  padding: 0.25em 12px;
  border-radius: 10px;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
}
.vr-avatar-select-button.new-create {
  background: #ff802c;
  border-color: #ff802c;
  color: #fff;
  text-align: center;
}
@supports (gap: 20px) {
  .vr-avatar-select-list {
    gap: 20px;
  }
  .vr-avatar-select-list .vr-avatar-select-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.vr-avatar-select-icon {
  top: 7px;
  right: 0;
  height: 32px;
  width: 32px;
  transform: rotate(-90deg);
}
@supports (gap: 20px) {
  .vr-avatar-select-icon {
    top: unset;
  }
}
.vr-avatar-select-svg {
  height: 100%;
  width: 100%;
}
.vr-avatar-select-svg .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.header-button-svg .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.vr-avatar-select-check-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}
.vr-avatar-select-check-area *:not(:last-child) {
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-select-check-area {
    gap: 10px;
  }
  .vr-avatar-select-check-area *:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-select-back .header-button-svg {
  transform: rotate(90deg);
}
.vr-avatar-delete-label {
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.vr-avatar-delete-switch {
  height: 28px;
  width: 28px;
  stroke-width: 1;
}
.vr-avatar-delete-switch .cls-2 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
}
.vr-avatar-delete-switch .cls-3 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-width: 2px;
}
.vr-avatar-delete-switch .cls-4 {
  fill: none;
  stroke: rgba(79, 73, 67, 0.5);
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.vr-avatar-title-text {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  padding-bottom: 0.5em;
}
.vr-avatar-title-text span:not(:last-child) {
  display: inline-block;
  margin-right: 10px;
}
@supports (gap: 10px) {
  .vr-avatar-title-text {
    gap: 10px;
  }
  .vr-avatar-title-text span:not(:last-child) {
    margin-right: 0;
  }
}
.vr-avatar-first-costume-button-svg {
  height: 24px;
  width: 24px;
}
/* エラー */
.check-error-item-list {
  gap: 0 10px;
}
/* コーディネート */
.coordinate-delete-confirm-area {
  margin: auto 0;
  color: #ff802c;
  font-size: 20px;
  font-weight: 700;
}
.costume-set-input[type=text] {
  border-width: 2px;
  font-weight: 600;
}
.vr-chat-cofirm-button {
  display: block;
  width: 80%;
  padding: 12px 20px;
  background: #fff;
  font-weight: 700;
  border: 1px dashed #000;
  font-size: 12px;
  border-radius: 16px;
}
.resign-dialog-svg {
  fill: #ff802c;
  stroke: none;
  height: 72px;
  width: 72px;
}
.resign-complete-cirlce {
  border: 2px solid #ff802c;
  border-radius: 50%;
  height: 72px;
  width: 72px;
}
.resign-complete-svg {
  stroke: #ff802c;
  height: 42px;
  width: 42px;
  stroke-width: 4px;
}
/* コーディネート登録に関する説明文のアコーディオン */
.about-costume-set {
  list-style: none;
  width: 100%;
  max-width: 512px;
  height: 40px;
  text-align: left;
  color: #1f1f1f;
}
.about-costume-set[open] {
  height: auto;
  transition: height 0.5s;
}
.about-costume-set summary {
  display: block;
  list-style: none;
}
.about-costume-set summary::-webkit-details-marker {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}
.about-coustome-title {
  display: inline-flex;
  width: fit-content;
  font-size: 18px;
  color: #ff802c;
}
.about-costume-set-accordion {
  display: inline-flex;
  height: 40px;
  width: 40px;
  margin-left: auto;
  border-radius: 50%;
}
.about-cosutume-set-accordion-icon {
  stroke: none;
  height: 28px;
  width: 28px;
}
.about-cosutume-set-accordion-icon .st0 {
  fill: rgba(255, 255, 255, 0);
}
.about-cosutume-set-accordion-icon .st1 {
  fill: #ff802c;
}
.about-cosutume-set-accordion-icon .st2 {
  fill: rgba(255, 128, 44, 0.5);
}
.about-costume-set[open] .about-cosutume-set-accordion-icon {
  transform: rotate(180deg);
}
.about-costume-text {
  padding: 1em;
  border-left: 1px solid #ff802c;
  font-size: 15px;
  color: #1f1f1f;
  font-weight: 400;
  line-height: 1.7em;
}
.costume-set-input-content {
  width: 100%;
  max-width: 512px;
  margin: 0 auto 40px;
  text-align: left;
  font-size: 16px;
}
.costume-set-input-content > *:not(:last-child) {
  margin-bottom: 4px;
}
@supports (gap: 4px) {
  .costume-set-input-content {
    gap: 4px;
  }
  .costume-set-input-content > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.costume-set-input[type=text] {
  border-width: 2px;
  font-weight: 600;
}
/* 登録確認ポップアップ表示 */
.re-confirm, .re-complete {
  height: 100%;
  padding: 64px 12vw 96px;
  overflow-y: scroll;
  font-weight: 700;
  overscroll-behavior: contain;
}
.re-confirm > *, .re-complete > * {
  flex: 0 0 auto;
  margin-bottom: 48px;
}
#vr-registration-confirm:checked ~ .re-confirm {
  display: flex;
  flex-direction: column;
}
#vr-registration-complete:checked ~ .re-complete {
  display: flex;
  flex-direction: column;
}
@supports (gap: 48px) {
  .re-confirm, .re-complete {
    gap: 48px;
  }
  .re-confirm > *, .re-complete > * {
    margin-bottom: 0;
  }
}
/* 通信不備 */
#my-network-error-container {
  display: none;
}
#my-network-error-container.network-error-open {
  display: block;
}
/* プロフィール画像保存レイアウト */
.download-select-area {
  text-align: center;
  font-size: 14px;
}
.download-select-area > *:not(:last-child) {
  margin-bottom: 24px;
}
.download-select-switch-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.download-select-switch-group > *:not(:last-child) {
  margin-right: 12px;
}
@supports (gap: 4px) {
  .download-select-area {
    gap: 24px;
  }
  .download-select-area > *:not(:last-child) {
    margin-bottom: 0;
  }
  .download-select-switch-group {
    gap: 12px;
  }
  .download-select-switch-group > *:not(:last-child) {
    margin-right: 0;
  }
}
.download-select-switch {
  min-height: 64px;
  width: 100%;
  padding: 1em 10px;
  border: 2px solid #ff802c;
  border-radius: 16px;
  background: #f9f9f9;
  color: #ff5c13;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.download-select-switch:hover {
  background: rgba(255, 128, 44, 0.1);
}
.download-select-switch-icon {
  top: 0;
  left: 50%;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #ff802c;
  transform: translate(-50%, -50%);
}
.download-select-switch-icon .download-icon {
  height: 16px;
  width: 16px;
}
.download-select-switch-icon .download-icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
body.live-chat {
  height: 100dvh; /* ツールバー対策 */
  overflow: hidden;
  font-family: "Lato", "Noto Sans JP", sans-serif;
  background-color: #F0DAC7;
  line-height: normal;
  background-image: none;
}
.live-chat {
  /*======================
  	スクショモード
  =======================*/
  /*======================
  	双方向テスト用ボタン
  =======================*/
  /*===================
  	男性側video
  ===================*/
  /*===================
  	カメラ拡大縮小
  ===================*/
  /*===================
  	Header
  ===================*/
  /*お気に入りアイコン*/
  /* =================
  	dialog
  ================= */
  /* アダルトモーション中  */
  /*バツ印アイコン*/
  /*-----------
  	設定
  -----------*/
  /*---------------
  	男性詳細
  ---------------*/
  /*------------------------
  	共通ダイアログスタイル
  -------------------------*/
  /*-------------------------
  	お気に入り解除ダイアログ
  --------------------------*/
  /*---------------------
  	会話終了ダイアログ
  ----------------------*/
  /*--------------------------------
  	会話終了ボタン押下後ダイアログ
  ---------------------------------*/
  /*---------------------------
  	双方向リクエストダイアログ
  ----------------------------*/
  /*-------------------------
  スクショモード説明ダイアログ
  -------------------------*/
  /*-----------
  	表情
  -----------*/
  /* 通常アイコン */
  /* 笑顔アイコン */
  /* 喜ぶアイコン */
  /* 照れるアイコン */
  /* 怒るアイコン */
  /* 困るアイコン */
  /* 驚くアイコン */
  /* ジト目アイコン */
  /*---------------
  	ソファー/床
  ----------------*/
  /*ソファーアイコン*/
  /*床アイコン*/
  /*-----------------------------------
  	ソファー/床_アダルトモーション中
  ------------------------------------*/
  /*ソファーアイコン*/
  /*床アイコン*/
  /*-------------------
  	通常モーション
  --------------------*/
  /* 470px以上 */
  /* 375px以上 */
  /* 390px以上 */
  /* 414px以上 */
  /* 430px以上 */
  /* 手を振るアイコン */
  /* 喜ぶアイコン */
  /* 怒るアイコン */
  /* 悲しいアイコン */
  /* 驚くアイコン */
  /* 拍手アイコン */
  /* 恥ずかしいアイコン */
  /* うなずくアイコン */
  /* 首を振るアイコン */
  /* かしげるアイコン */
  /*----------------------
  	アダルトモーション
  -----------------------*/
  /* 414px以上 */
  /* 430px以上 */
  /* アダルト操作に戻る */
  /* オナニーアイコン */
  /* 電マアイコン */
  /* 手コキアイコン */
  /* 正常位アイコン */
  /* バックアイコン */
  /* パイズリアイコン */
  /* 足コキアイコン */
  /* フェラアイコン */
  /* 棒立ちフェラアイコン */
  /*----------------------
  アダルトシーン選択ダイアログ
  -----------------------*/
  /* ソファーアイコン */
  /* 床アイコン */
  /*-------------------------
  	アダルトモーション操作
  --------------------------*/
  /* カメラアングル操作 */
  /* アダルトモーションレベル */
  /*絶頂アイコン*/
  /*--------------------
  	カメラ位置
  ----------------------*/
  /*-----------------
  	衣装着脱
  -----------------*/
  /* トップスアイコン */
  /* スカートアイコン */
  /* ブラジャーアイコン */
  /* ショーツアイコン */
  /* ソックスアイコン */
  /* 眼鏡アイコン */
  /* 腕アイコン */
  /*===================
  	Footer
  ====================*/
  /*------------------
  アダルトモーション中
  -------------------*/
  /* アダルト中アイコン */
  /*===============
  トースト
  ================*/
  /*----------------------------------------------
  アダルトモーション開始時footer表示切替アニメーション
  -----------------------------------------------*/
  /*--------------------------------------------------------
  pcアダルトモーション中にspに切り替えた時のfooterボタン位置調整
  --------------------------------------------------------*/
  /*=====================================================================================

  pc表示(landscape時)

  ======================================================================================*/
}
.live-chat * {
  margin: 0;
  padding: 0;
}
.live-chat *:not(input) {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.live-chat .cancel {
  background-color: initial;
}
.live-chat html {
  height: 100%;
}
.live-chat a {
  text-decoration: none;
}
.live-chat li {
  list-style: none;
}
.live-chat svg {
  width: 100%;
  height: 100%;
  stroke-width: 0px;
}
.live-chat img {
  vertical-align: middle;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
}
.live-chat .form-hide {
  display: none;
}
.live-chat .pc-show {
  display: none;
}
.live-chat .show {
  opacity: 1;
  animation: none;
}
.live-chat .two-shot-contents .my-video-box.sub-video {
  position: absolute;
  top: 140px;
  left: 10px;
  width: 72px;
  aspect-ratio: 750/1275;
  border-radius: 5px;
  overflow: hidden;
  z-index: 999;
}
.live-chat #mainScreenCanvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: fit-content;
  height: 100%;
  aspect-ratio: 750/1275;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  object-position: center;
  transform: translate(-50%, -50%);
}
.live-chat #root {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
.live-chat .loading-window {
  z-index: 10000;
}
.live-chat body.screen-shot-contents .virtual-interface {
  display: none;
}
.live-chat .orange-btn {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  padding: 9px 0;
  background-color: #FF8D2A;
  color: #fff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  bottom: 14px;
  left: calc(50% - 130px);
  transition: 0.4s;
}
.live-chat #end_screen_shot_mode.hide {
  visibility: hidden;
  opacity: 0;
}
.live-chat .hide-without-video > *:not(video) {
  display: none;
}
.live-chat .two-shot-test-button,
.live-chat .two-shot-test-end-button {
  position: absolute;
  top: 66px;
  right: 10px;
  font-size: 12px;
  padding: 5px 10px;
  background-color: rgba(250, 250, 250, 0.9);
  border-radius: 5px;
  color: #576072;
  z-index: 1000;
}
.live-chat .two-shot-contents .two-shot-test-button,
.live-chat .two-shot-test-end-button {
  display: none;
}
.live-chat .two-shot-test-button,
.live-chat .two-shot-contents .two-shot-test-end-button {
  display: block;
}
.live-chat .talk-video {
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 72px;
  background-color: #F0DAC7;
  border-radius: 5px;
  top: 140px;
  left: 10px;
  overflow: hidden;
  z-index: 999;
}
.live-chat .two-shot-contents .talk-video.main-video {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: fit-content;
  height: 100%;
  aspect-ratio: 750/1275;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.live-chat .talk-video video {
  width: 100%;
}
.live-chat .two-shot-contents .talk-video {
  display: flex;
}
.live-chat .camera-wrap {
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background-color: rgba(37, 37, 41, 0.1607843137);
  border-radius: 10px;
  top: 191px;
  left: 14px;
}
.live-chat .two-shot-contents .camera-wrap {
  top: 240px;
}
.live-chat .two-shot-contents .camera-wrap.adjust {
  top: 300px;
}
.live-chat .zoom {
  position: relative;
  width: 48px;
  height: 52px;
}
.live-chat .zoom .icon {
  position: absolute;
  border-radius: 50%;
  top: 5px;
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
}
.live-chat .zoom::before {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 8px;
  color: #fff;
}
.live-chat .zoom.in::before {
  content: "拡大";
}
.live-chat .zoom.out::before {
  content: "縮小";
}
.live-chat .camera-wrap .ratio {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 6px auto;
}
.live-chat .camera-wrap .ratio span {
  margin-left: 1px;
  font-size: 10px;
}
.live-chat .virtual-main-talk-header {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  pointer-events: auto;
}
.live-chat .header-inner {
  margin-top: 10px;
  padding: 0 10px;
}
.live-chat .header-contents {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}
.live-chat .contents-block {
  box-sizing: border-box;
}
.live-chat .virtual-main-talk-prf {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  background-color: rgba(45, 44, 52, 0.35);
  padding: 6px 5px;
  border-radius: 8px;
}
.live-chat .virtual-main-talk-prf-info,
.live-chat .partner-detail-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-chat .partner-detail-box {
  margin-right: 5px;
}
.live-chat .thumbnail-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.live-chat .partner-thumbnail {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  margin-right: 5px;
}
.live-chat .partner-thumbnail::after {
  content: "";
  position: absolute;
}
.live-chat .party-conversational-partner {
  max-width: 200px;
}
.live-chat .partner-name {
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-chat .partner-status {
  display: inline-block;
  font-size: 10px;
  background-color: rgba(84, 213, 192, 0.7);
  color: #fff;
  text-align: center;
  padding: 1px 6px;
  min-width: 72px;
  border-radius: 3px;
  margin-top: 3px;
  box-sizing: border-box;
}
.live-chat .two-shot-contents .partner-status {
  background-color: rgba(221, 103, 230, 0.7);
}
.live-chat .partner-favorite-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ccc;
}
.live-chat .partner-favorite-btn svg {
  width: 12px;
  height: 12px;
}
.live-chat .partner-favorite-btn.faved {
  background-color: #FFB55D;
}
.live-chat .virtual-main-talk-close {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 50px;
  color: #fff;
  background-color: rgba(45, 44, 52, 0.35);
  border-radius: 7px;
  z-index: 1;
  box-sizing: border-box;
}
.live-chat .virtual-main-talk-close span {
  font-size: 10px;
}
.live-chat .virtual-main-talk-close-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
.live-chat .virtual-main-talk-close-btn svg {
  height: auto;
}
.live-chat .virtual-main-talk-option {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 6px;
  font-size: 11px;
  margin-top: 6px;
  bottom: -24px;
  left: 0;
}
.live-chat .flex-align-center-content-flex-start.party-status-list-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  padding: 2px 7px;
  background-color: rgba(45, 44, 52, 0.35);
  border-radius: 50px;
  box-sizing: border-box;
}
.live-chat .video-call,
.live-chat .talk-pt-detail {
  position: relative;
  display: flex;
  align-items: center;
}
.live-chat .talk-pt-detail span {
  font-size: 9px;
  margin-left: 1px;
}
.live-chat .clock-icon,
.live-chat .reward-icon {
  width: 14px;
  height: 14px;
}
.live-chat .virtual-main-talk-header-btn {
  position: absolute;
  top: 92px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.live-chat .virtual-main-talk-header-btn label {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 36px;
  background-color: rgba(250, 250, 250, 0.9);
  border-radius: 5px;
  color: #576072;
}
.live-chat .virtual-main-talk-header-btn label .icon {
  width: 17px;
  height: 17px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.live-chat .virtual-main-talk-header-btn label .text {
  font-size: 8px;
}
.live-chat .virtual-main-talk-dialog-wrap {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 24px !important;
  bottom: 64px;
  z-index: 999;
}
.live-chat .back-black {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 1000;
}
.live-chat .contents-dialog-wrap.show {
  display: flex;
}
.live-chat #motion_dialog.virtual-main-talk-dialog-wrap {
  height: 235px;
}
.live-chat .virtual-main-talk-dialog-wrap.show {
  display: flex;
}
.live-chat .virtual-main-talk-dialog-wrap.show::after {
  content: "";
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 206px;
  background: linear-gradient(to top, rgba(35, 35, 41, 0.33), rgba(35, 35, 41, 0));
  z-index: -1;
}
.live-chat .virtual-main-talk-dialog-wrap.back-black.show::after {
  content: none;
}
.live-chat .virtual-main-talk-dialog-contents {
  position: relative;
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
}
.live-chat .contents-dialog-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.live-chat .dialog-contents-box {
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.live-chat .dialog-contents-select-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 16px;
  border-radius: 100px;
  background-color: rgba(37, 37, 41, 0.65);
  padding: 4px 6px;
}
.live-chat .adult-motioning-contents {
  display: none;
}
.live-chat .adult-motioning .adult-motioning-contents {
  display: flex;
}
.live-chat .adult-motioning .dialog-contents-select-box {
  display: none;
}
.live-chat .dialog-contents-select-box label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 6px 16px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  word-break: keep-all;
}
.live-chat .dialog-contents-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px 0 6px;
  background-color: rgba(37, 37, 41, 0.65);
  border-radius: 8px;
  box-sizing: border-box;
}
.live-chat .dialog-contents-btn .icon {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.live-chat input:checked + .dialog-contents-btn {
  background-color: #FE8C29;
}
.live-chat #facial_expression_dialog .icon,
.live-chat #scene_and_background_dialog .icon,
.live-chat #motion_dialog .icon,
.live-chat #costume_dialog .icon {
  opacity: 0.9;
}
.live-chat .dialog-contents-btn .text {
  color: #fff;
  font-size: 10px;
}
.live-chat .dialog-contents-btn span {
  position: relative;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 9px;
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.live-chat .virtual-main-talk-dialog-contents .cross-icon {
  position: absolute;
  top: 9px;
  right: 11px;
  width: 20px;
  height: 20px;
  padding: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.live-chat #settings_dialog .virtual-main-talk-dialog-contents {
  max-width: 345px;
  background-color: #fff;
  border-radius: 10px;
  padding: 45px 14px 30px;
  grid-template-columns: repeat(auto-fit, 70px);
}
.live-chat #settings_dialog .button-4columns {
  gap: 5px 12px;
}
.live-chat #settings_dialog .button-3columns {
  gap: 5px 24px;
}
.live-chat #settings_dialog .dialog-contents-btn {
  width: 70px;
  height: 110px;
  padding: 2px 0 4px;
  background-color: transparent;
  border: 1px solid #A3ACBE;
  border-radius: 8px;
  box-sizing: border-box;
}
.live-chat #settings_dialog input:checked + .dialog-contents-btn {
  border: 2px solid #FE8C29;
}
.live-chat #settings_dialog #screen_shot_mode:checked + .dialog-contents-btn {
  border: 1px solid #A3ACBE;
}
.live-chat #settings_dialog .icon {
  width: 60px;
  height: 60px;
}
.live-chat #settings_dialog .text {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 2px;
  text-align: center;
  color: #A3ACBE;
  font-weight: bold;
  line-height: 1.3;
}
.live-chat #settings_dialog input:checked + .dialog-contents-btn .text {
  color: #FE8C29;
}
.live-chat #settings_dialog #screen_shot_mode:checked + .dialog-contents-btn .text {
  color: #A3ACBE;
}
.live-chat #partner_detail_dialog .virtual-main-talk-dialog-contents {
  display: flex;
  padding: 24px 16px;
  background-color: #fff;
  border-radius: 10px;
}
.live-chat #partner_detail_dialog .dialog-contents-box {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 0 10px;
}
.live-chat #partner_detail_dialog .flex-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.live-chat #partner_detail_dialog .icon {
  width: 72px;
  height: 72px;
  border: 1px solid #D6DCE6;
  border-radius: 9px;
}
.live-chat #partner_detail_dialog .partner-detail-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}
.live-chat #partner_detail_dialog .partner-detail-list li {
  display: flex;
  justify-content: left;
  align-items: baseline;
  width: 100%;
  margin-top: 8px;
}
.live-chat #partner_detail_dialog .partner-detail-list .title {
  width: 72px;
  color: #959EB1;
  font-size: 13px;
}
.live-chat #partner_detail_dialog .partner-detail-list .value {
  color: #333;
  font-size: 13px;
  font-weight: bold;
}
.live-chat #partner_detail_dialog .dialog-contents-box .partner-detail-list {
  width: calc(100% - 84px);
}
.live-chat #partner_detail_dialog .dialog-contents-box .partner-detail-list .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 72px);
}
.live-chat #partner_detail_dialog .text-box {
  width: 100%;
  margin-top: 16px;
}
.live-chat #partner_detail_dialog .text-box .partner-detail-list li {
  gap: 0 10px;
  margin-top: 20px;
}
.live-chat #partner_detail_dialog .text-box .partner-detail-list .title {
  width: 10%;
}
.live-chat #partner_detail_dialog .text-box .partner-detail-list .value {
  width: 90%;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  overflow-y: scroll;
}
.live-chat #partner_detail_dialog .text-box .hobby .value {
  max-height: calc(35dvh - 120px);
}
.live-chat #partner_detail_dialog .text-box .memo .value {
  max-height: calc(65dvh - 120px);
}
.live-chat #partner_detail_dialog.virtual-main-talk-dialog-wrap {
  padding-top: 0;
  padding-bottom: 0 !important;
}
.live-chat #partner_detail_dialog .partner-detail-list li:nth-child(1) {
  margin-top: 0;
}
.live-chat #partner_detail_dialog .text-box .partner-detail-list:first-child {
  margin-top: 0;
}
.live-chat .common-dialog .virtual-main-talk-dialog-contents {
  width: 298px;
  padding: 20px 36px 28px;
  background-color: rgba(255, 255, 255, 0.9019607843);
  border-radius: 11px;
}
.live-chat .virtual-main-talk-dialog-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 368px;
}
.live-chat .common-dialog .title {
  font-size: 15px;
  font-weight: bold;
}
.live-chat .common-dialog .note {
  font-size: 14px;
  margin-top: 12px;
}
.live-chat .common-dialog .party-request-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 14px 0;
  font-size: 15px;
  border-radius: 100px;
}
.live-chat .common-dialog .party-request-button.execute {
  color: #fff;
  border: none;
}
.live-chat .common-dialog .party-request-button.cancel {
  color: #333;
  border: 1px solid #888;
}
.live-chat #fav_remove_dialog .party-request-button.execute {
  background-color: #FE8C29;
}
.live-chat #end_talk_dialog .party-request-button.execute {
  background-color: #FF5252;
}
.live-chat #end_dialog .virtual-main-talk-dialog-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 298px;
  padding: 55px 36px 30px;
  background-color: rgba(255, 255, 255, 0.9019607843);
  border-radius: 11px;
}
.live-chat #end_dialog .title {
  font-size: 15px;
  font-weight: bold;
}
.live-chat #end_dialog a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 14px 0;
  font-size: 15px;
  border-radius: 100px;
  color: #333;
  border: 1px solid #888;
}
.live-chat #two_shot_dialog .virtual-main-talk-dialog-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 298px;
  padding: 24px 28px 28px;
  background-color: rgba(255, 255, 255, 0.9019607843);
  border-radius: 11px;
}
.live-chat #two_shot_dialog .title {
  font-size: 16px;
  font-weight: bold;
}
.live-chat #two_shot_dialog .note-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 15px 0 15px 5px;
  gap: 7px 0;
}
.live-chat #two_shot_dialog .note-list li {
  position: relative;
  font-size: 13px;
}
.live-chat #two_shot_dialog .note-balloon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 9px 0;
  background: #FFF8E0;
  border: 1px solid #F0CA50;
  border-radius: 8px;
}
.live-chat #two_shot_dialog .note-balloon .balloon-title {
  font-size: 13px;
}
.live-chat #two_shot_dialog .note-balloon .price-box {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 75%;
  margin-top: 6px;
}
.live-chat #two_shot_dialog .note-balloon .price {
  font-size: 18px;
  font-weight: bold;
  word-break: keep-all;
}
.live-chat #two_shot_dialog .note-balloon .price span {
  font-size: 13px;
  margin-left: 2px;
  letter-spacing: 1px;
}
.live-chat #two_shot_dialog .note-balloon .triangle-right {
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid rgba(37, 37, 41, 0.63);
  border-right: 0;
}
.live-chat #two_shot_dialog .party-request-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 16px auto 0;
  padding: 14px;
  border-radius: 100px;
  font-size: 15px;
}
.live-chat #two_shot_dialog .note-list li:before {
  display: block;
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  top: 8px;
  left: -10px;
  border-radius: 50%;
  background-color: #000;
}
.live-chat #two_shot_dialog .note-balloon:before,
.live-chat #two_shot_dialog .note-balloon:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.live-chat #two_shot_dialog .note-balloon::before {
  border-color: rgba(240, 202, 80, 0);
  border-top-color: #F0CA50;
  border-width: 9px;
  margin-left: -9px;
}
.live-chat #two_shot_dialog .note-balloon:after {
  border-color: rgba(255, 248, 224, 0);
  border-top-color: #FFF8E0;
  border-width: 8px;
  margin-left: -8px;
}
.live-chat #two_shot_dialog .note-balloon .price.orange {
  color: #FE8C29;
  text-align: right;
}
.live-chat #two_shot_dialog .party-request-button.execute {
  background-color: #FE8C29;
  color: #fff;
  border: none;
}
.live-chat #two_shot_dialog .party-request-button.cancel {
  color: #333;
  border: 1px solid #888;
}
.live-chat #screen_shot_dialog .text-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 248px;
  margin: 0 auto;
  padding: 12px;
}
.live-chat #screen_shot_dialog .text-box {
  margin-top: 36px;
}
.live-chat #screen_shot_dialog .text-box .title {
  margin-bottom: 10px;
  color: #FFE414;
  font-size: 16px;
  font-weight: bold;
}
.live-chat #screen_shot_dialog .text-box .text {
  color: #fff;
  font-size: 14px;
  margin-top: 8px;
}
.live-chat #screen_shot_dialog #screen_shot_start_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 268px;
  margin-top: 32px;
  padding: 15px 0;
  background-color: #fff;
  border-radius: 100px;
  font-size: 16px;
  font-weight: bold;
}
.live-chat #screen_shot_dialog.back-black {
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(7px);
}
.live-chat #screen_shot_dialog .text-box:first-child {
  margin-top: 0;
}
.live-chat #screen_shot_dialog .text:first-child {
  margin-top: 0;
}
.live-chat #facial_expression_dialog {
  padding-bottom: 16px;
}
.live-chat #facial_expression_dialog .virtual-main-talk-dialog-contents {
  grid-template-columns: repeat(auto-fit, 80px);
  gap: 8px 10px;
}
.live-chat #facial_expression_dialog .dialog-contents-btn {
  width: 80px;
  padding: 2px 0 6px;
}
.live-chat #facial_expression_dialog .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 45px;
  height: 45px;
}
.live-chat #facial_expression_dialog .icon svg {
  height: auto;
}
.live-chat #facial_expression_dialog .text {
  margin-top: 0;
}
.live-chat #normal:checked + label .icon {
  opacity: 1;
}
.live-chat #smile:checked + label .icon {
  opacity: 1;
}
.live-chat #joy:checked + label .icon {
  opacity: 1;
}
.live-chat #shy:checked + label .icon {
  opacity: 1;
}
.live-chat #angry:checked + label .icon {
  opacity: 1;
}
.live-chat #sorrow:checked + label .icon {
  opacity: 1;
}
.live-chat #surprise:checked + label .icon {
  opacity: 1;
}
.live-chat #jitome:checked + label .icon {
  opacity: 1;
}
.live-chat #scene_and_background_dialog {
  padding-bottom: 28px;
}
.live-chat #scene_and_background_dialog .btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 0 15px;
}
.live-chat #scene_and_background_dialog .dialog-contents-btn {
  width: 100px;
  padding: 10px 0 5px;
}
.live-chat #scene_and_background_dialog .icon {
  width: 58px;
  height: 58px;
}
.live-chat #sofa:checked + label .icon {
  opacity: 1;
}
.live-chat #floor:checked + label .icon {
  opacity: 1;
}
.live-chat .adult-motioning #scene_and_background_dialog .virtual-main-talk-dialog-contents {
  position: relative;
  width: 298px;
  padding: 40px 0 30px;
  background-color: rgba(255, 255, 255, 0.9019607843);
  border-radius: 11px;
  bottom: auto;
}
.live-chat .adult-motioning #scene_and_background_dialog .adult-motioning-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.live-chat .adult-motioning #scene_and_background_dialog .title {
  font-size: 16px;
  font-weight: bold;
}
.live-chat .adult-motioning #scene_and_background_dialog .note {
  font-size: 14px;
  margin-top: 13px;
}
.live-chat .adult-motioning #scene_and_background_dialog .btn-box {
  justify-content: center;
  margin-top: 20px;
  gap: 0 17px;
}
.live-chat .adult-motioning #scene_and_background_dialog .dialog-contents-btn {
  background-color: #fff;
  border: 1px solid #FAB06F;
}
.live-chat .adult-motioning #scene_and_background_dialog .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 40px;
  height: 24px;
}
.live-chat .adult-motioning #scene_and_background_dialog .icon svg {
  height: auto;
}
.live-chat .adult-motioning #scene_and_background_dialog .virtual-main-talk-dialog-contents::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background-size: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FF7C7C;
  border-radius: 50%;
  top: -30px;
  left: calc(50% - 30px);
}
.live-chat .adult-motioning #sofa + label .icon {
  opacity: 1;
}
.live-chat .adult-motioning #floor + label .icon {
  opacity: 1;
}
.live-chat .adult-motioning #scene_and_background_dialog .text {
  color: #585E6A;
}
.live-chat #motion_dialog {
  padding-bottom: 16px;
}
.live-chat #motion_dialog .virtual-main-talk-dialog-contents {
  height: 100%;
  display: flex;
  max-width: 100%;
}
@media (min-width: 470px) {
  .live-chat #motion_dialog .virtual-main-talk-dialog-contents:not(:has(#adult_motion_box)) {
    max-width: 430px;
  }
}
@media (orientation: landscape) and (min-width: 934px) {
  .live-chat #motion_dialog .virtual-main-talk-dialog-contents:not(:has(#adult_motion_box)) {
    max-width: none;
  }
}
.live-chat #live_chat_menu_tab_normal_motion:checked ~ .dialog-contents-select-box .tab-1,
.live-chat #live_chat_menu_tab_adult_motion:checked ~ .dialog-contents-select-box .tab-2 {
  background-color: #FE8C29;
}
.live-chat #motion_dialog #normal_motion_box {
  display: grid;
  grid-template-columns: repeat(auto-fit, 60px);
  gap: 8px 10px;
}
.live-chat #normal_motion_box .dialog-contents-btn {
  width: 60px;
}
@media (min-width: 375px) and (max-width: 933px) {
  .live-chat #motion_dialog #normal_motion_box {
    grid-template-columns: repeat(auto-fit, 63px);
  }
  .live-chat #normal_motion_box .dialog-contents-btn {
    width: 63px;
  }
}
@media (min-width: 390px) and (max-width: 933px) {
  .live-chat #motion_dialog #normal_motion_box {
    grid-template-columns: repeat(auto-fit, 66px);
  }
  .live-chat #normal_motion_box .dialog-contents-btn {
    width: 66px;
  }
}
@media (min-width: 414px) and (max-width: 933px) {
  .live-chat #motion_dialog #normal_motion_box {
    grid-template-columns: repeat(auto-fit, 70px);
  }
  .live-chat #normal_motion_box .dialog-contents-btn {
    width: 70px;
  }
}
@media (min-width: 430px) and (max-width: 933px) {
  .live-chat #motion_dialog #normal_motion_box {
    grid-template-columns: repeat(auto-fit, 72px);
  }
  .live-chat #normal_motion_box .dialog-contents-btn {
    width: 72px;
  }
}
.live-chat #normal_motion_box .icon {
  width: 45px;
  height: 45px;
}
.live-chat #gesture_hand_wave:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_joy:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_angry:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_sorrow:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_surprised:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_clap_hands:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_shy:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_bow_head:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_shake_head:checked + label .icon {
  opacity: 1;
}
.live-chat #gesture_incline_head:checked + label .icon {
  opacity: 1;
}
.live-chat #motion_dialog #adult_motion_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  max-width: none;
  padding: 26px 18px 0;
  gap: 8px 12px;
  box-sizing: border-box;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-self: flex-end;
}
.live-chat #motion_dialog #adult_motion_box::-webkit-scrollbar {
  display: none;
}
.live-chat #motion_dialog #adult_motion_box:has(#scene_select_dialog) {
  overflow: hidden;
}
.live-chat #adult_motion_box .dialog-contents-btn {
  position: relative;
  width: auto;
  min-width: 70px;
  padding: 8px 5px 8px;
}
.live-chat #adult_motion_box .checked + .dialog-contents-btn {
  background-color: #FF7C7C;
}
.live-chat #adult_motion_box .checked + .dialog-contents-btn::after {
  content: "選択中";
  position: absolute;
  width: 100%;
  padding: 2px 17px;
  background-color: #FF7C7C;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: -25px;
  left: 0;
  box-sizing: border-box;
}
@media (min-width: 414px) and (max-width: 933px) {
  .live-chat #adult_motion_box .dialog-contents-btn {
    min-width: 75px;
  }
}
@media (min-width: 430px) and (max-width: 933px) {
  .live-chat #adult_motion_box .dialog-contents-btn {
    min-width: 78px;
  }
}
.live-chat #adult_motion_box .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 55px;
  height: 45px;
}
.live-chat #adult_motion_box .icon svg {
  height: auto;
}
.live-chat #adult_motion_control_back + .dialog-contents-btn {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 22px 5px 19px;
}
.live-chat #adult_motion_control_back + .dialog-contents-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 52px;
  height: 30px;
}
.live-chat #adult_motion_control_back + .dialog-contents-btn .icon svg {
  height: auto;
}
.live-chat #adult_motion_control_back + .dialog-contents-btn .text {
  color: #333333;
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
}
.live-chat .adult-motioning #adult_motion_control_back + .dialog-contents-btn {
  display: flex;
}
.live-chat #masturbation_normal_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #masturbation_massage_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #hand_normale_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #vibration_normal_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #vibration_back_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #paizuri_normal_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #foot_normal_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #mouth_normal_btn:checked + label .icon {
  opacity: 1;
}
.live-chat #mouth_knee_btn:checked + label .icon {
  opacity: 1;
}
.live-chat .floor-scene + .dialog-contents-btn span {
  padding: 11px 0 8px;
}
.live-chat #scene_select_dialog .contents-dialog-layout {
  position: absolute;
  width: 275px;
  padding: 11px 0 20px;
  background-color: rgba(255, 255, 255, 0.9019607843);
  border-radius: 11px;
  bottom: 205px;
}
.live-chat #scene_select_dialog .title {
  text-align: center;
  font-size: 12px;
}
.live-chat #scene_select_dialog .scene-select-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  gap: 0 16px;
}
.live-chat #scene_select_dialog .scene-select-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 8px 0 5px;
  background-color: #fff;
  border: 1px solid #FAB06F;
  color: #585E6A;
  border-radius: 10px;
}
.live-chat #scene_select_dialog .none + .scene-select-btn {
  filter: grayscale(1);
  background-color: #CECECE;
  color: #7A7F89;
  border: none;
  pointer-events: none;
}
.live-chat #scene_select_dialog .scene-select-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 42px;
  height: 29px;
}
.live-chat #scene_select_dialog .scene-select-btn .icon svg {
  height: auto;
  width: auto;
}
.live-chat .scene-select-btn.checked-motion:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.live-chat .scene-select-btn.checked-motion::after {
  content: "選択中";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  background-color: #FF7C7C;
  color: #fff;
  font-size: 10px;
  border-radius: 4px;
  bottom: -11px;
  left: calc(50% - 31px);
}
@media (orientation: landscape) and (min-width: 934px) {
  .live-chat #motion_dialog #adult_motion_box:has(#scene_select_dialog) {
    overflow: visible;
  }
}
.live-chat #scene_select_dialog .scene-select-btn.sofa .icon {
  opacity: 1;
}
.live-chat #scene_select_dialog .scene-select-btn.floor .icon {
  opacity: 1;
}
.live-chat #scene_select_dialog .scene-select-btn .text {
  font-size: 11px;
}
.live-chat #adult_motion_control_dialog {
  padding-bottom: 16px;
}
.live-chat #adult_motion_control_dialog .virtual-main-talk-dialog-contents {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.live-chat #adult_motion_control_dialog .adult-motion-control-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}
.live-chat #adult_motion_control_dialog .adult-motion-control-box .title {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.live-chat #adult_motion_control_dialog .adult-motion-control-box .btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
.live-chat #adult_motion_control_dialog .adult-motion-control-box .btn-box label:not(:last-child) {
  margin-right: auto;
}
.live-chat #adult_motion_control_dialog:not(:has(#adult_motion_level)):has(#camera_angle_control) .virtual-main-talk-dialog-contents {
  align-items: center;
}
.live-chat #camera_angle_control .btn-box {
  margin-top: 8px;
  gap: 0 18px;
}
.live-chat #camera_angle_control .control-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(37, 37, 41, 0.65);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.live-chat #camera_angle_control .control-btn svg {
  width: 24px;
  height: 24px;
}
.live-chat #camera_angle_control .no-roll.control-btn:before {
  content: "指回転不可";
  position: absolute;
  width: 48px;
  padding: 2px 0;
  background-color: rgba(37, 37, 41, 0.8);
  border-radius: 2px;
  text-align: center;
  font-size: 9px;
  font-weight: normal;
  color: #fff;
  bottom: -14px;
  left: calc(50% - 24px);
  box-sizing: border-box;
}
.live-chat #camera_angle_control input:checked + .control-btn {
  background-color: #FE8C29;
}
.live-chat #adult_motion_level {
  width: 100%;
  margin-top: 20px;
}
.live-chat #adult_motion_level .btn-box {
  margin-top: 5px;
  gap: 10px;
}
.live-chat #adult_motion_level .control-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  padding: 16px 0 10px;
  background-color: rgba(37, 37, 41, 0.65);
  color: #fff;
  border-radius: 5px;
}
.live-chat #adult_motion_level input:checked + .control-btn {
  background-color: #FE8C29;
}
.live-chat #adult_motion_level .level {
  font-size: 15px;
  font-weight: bold;
}
.live-chat #adult_motion_level .level span {
  font-size: 17px;
}
.live-chat #adult_motion_level .text {
  font-size: 10px;
  font-weight: bold;
  margin-top: 12px;
}
.live-chat #adult_motion_level .icon {
  width: 28px;
  height: 21px;
  display: flex;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
}
.live-chat #adult_motion_control_dialog.camera-only {
  padding-bottom: 22px;
}
.live-chat #adult_motion_control_dialog.camera-only .virtual-main-talk-dialog-contents {
  align-items: center;
}
.live-chat #adult_motion_control_dialog.camera-only #adult_motion_level {
  display: none;
}
.live-chat #costume_dialog {
  padding-bottom: 22px;
}
.live-chat #costume_dialog .virtual-main-talk-dialog-contents {
  grid-template-columns: repeat(auto-fit, 80px);
  gap: 8px 10px;
}
.live-chat #costume_dialog .dialog-contents-btn {
  width: 80px;
}
.live-chat #costume_dialog .icon {
  width: 45px;
  height: 45px;
}
.live-chat #tops:checked + label .icon {
  opacity: 1;
}
.live-chat #bottoms:checked + label .icon {
  opacity: 1;
}
.live-chat #bra:checked + label .icon {
  opacity: 1;
}
.live-chat #bra:disabled + label .icon {
  opacity: 1;
}
.live-chat #shorts:checked + label .icon {
  opacity: 1;
}
.live-chat #socks:checked + label .icon {
  opacity: 1;
}
.live-chat #socks:disabled + label .icon {
  opacity: 1;
}
.live-chat #face:checked + label .icon {
  opacity: 1;
}
.live-chat #face:disabled + label .icon {
  opacity: 1;
}
.live-chat #body:checked + label .icon {
  opacity: 1;
}
.live-chat #body:disabled + label .icon {
  opacity: 1;
}
.live-chat #costume_dialog input:disabled + label .text {
  color: #7e8084;
}
.live-chat .virtual-main-talk-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 999;
  pointer-events: auto;
}
.live-chat .virtual-main-talk-footer-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.9);
}
.live-chat .virtual-main-talk-footer-contents {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 744px) and (max-width: 933px) {
  .live-chat .virtual-main-talk-footer-contents {
    width: 90%;
  }
}
.live-chat .virtual-main-talk-footer-contents label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
}
.live-chat .virtual-main-talk-footer-contents label .icon {
  width: 34px;
  height: 34px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.live-chat .virtual-main-talk-footer-contents label .text {
  font-size: 9px;
  font-weight: bold;
  color: #9099AA;
}
.live-chat .virtual-main-talk-footer-contents label.pc-show {
  display: none;
}
.live-chat .virtual-main-talk-footer-contents input:checked + label .text {
  color: #FFB55D;
}
.live-chat .adult-motioning .virtual-main-talk-footer-contents #scene_and_background:checked + label .text {
  color: #9099AA;
}
.live-chat .adult-motioning #control_adult_motion + label {
  position: relative;
}
.live-chat .adult-motioning #control_adult_motion + label::after {
  content: "";
  position: absolute;
  width: 76px;
  height: 76px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px #FF7C7C;
  top: calc(50% - 33px);
  left: calc(50% - 38px);
}
.live-chat .adult-motioning #control_adult_motion + label .icon {
  width: 32px;
  height: 32px;
  z-index: 1;
}
.live-chat .adult-motioning #control_adult_motion + label .text {
  color: #FF7C7C;
  font-size: 10px;
  z-index: 1;
}
.live-chat .toast-wrap {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9019607843);
  padding: 9px 22px;
  font-size: 12px;
  border-radius: 8px;
  top: -45px;
  opacity: 0;
  box-sizing: border-box;
  z-index: 9999;
}
.live-chat #fav_toast.toast-wrap {
  width: 200px;
  top: 127px;
  left: calc(50% - 100px);
}
.live-chat #scene_select_dialog .toast-wrap {
  bottom: -54px;
  top: auto;
}
.live-chat .toast-wrap.show {
  display: flex;
  animation: fade-out 1.5s ease-in-out;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.live-chat .adult-motioning #control_adult_motion + label {
  animation: up 0.5s ease-out;
  z-index: 10;
}
@keyframes up {
  0% {
    top: 64px;
  }
  100% {
    top: 0;
  }
}
.live-chat .adult-motioning #change_adult_motion + label,
.live-chat .adult-motioning #end_adult_motion + label {
  visibility: hidden;
  animation: slide 0.5s 0.6s ease-out forwards;
}
.live-chat .adult-motioning #change_adult_motion + label {
  left: 20%;
}
.live-chat .adult-motioning #end_adult_motion + label {
  left: 40%;
}
@keyframes slide {
  100% {
    left: 0;
    visibility: visible;
  }
}
.live-chat .order-1 {
  order: -1;
}
.live-chat .order-2 {
  order: -2;
}
@media (orientation: landscape) and (min-width: 934px) {
  .live-chat {
    /*--------------
    header
    ---------------*/
    /*--------------------
    ダイアログ要素のボックス
    ---------------------*/
    /*--------------------
    各種ダイアログ
    ---------------------*/
    /*各ダイアログ共通スタイル*/
    /*-----------
    設定
    -----------*/
    /*---------------
    男性詳細
    ---------------*/
    /*---------------------------
    双方向リクエストダイアログ
    ----------------------------*/
    /*------------------------------
    お気に入り解除/会話終了ダイアログ
    -------------------------------*/
    /*-----------
    表情
    -----------*/
    /*---------------
    ソファー/床
    ----------------*/
    /*-------------------
    通常モーション
    --------------------*/
    /*----------------------
    アダルトモーション
    -----------------------*/
    /*----------------------
    アダルトシーン選択ダイアログ
    -----------------------*/
    /*-------------------------
    アダルトモーション操作
    --------------------------*/
    /*-------------------------
    アダルトシーン終了ダイアログ
    --------------------------*/
    /*-----------------
    衣装着脱
    -----------------*/
    /*--------------
    カメラ操作
    ---------------*/
    /*--------------
    footer
    ---------------*/
    /*===============
    無効なボタン
    ================*/
    /*===============
    アニメーション関連
    ================*/
    /*===============
    トースト
    ================*/
    /*===============
    ホバー時
    ================*/
  }
  .live-chat #root {
    max-width: none !important;
    display: flex;
    justify-content: center;
  }
  .live-chat .pc-show {
    display: flex;
    align-items: center;
  }
  .live-chat .pc-hide {
    display: none;
  }
  .live-chat #motion_dialog {
    z-index: 2;
  }
  .live-chat .virtual-display,
  .live-chat .virtual-interface {
    position: relative;
    overflow: hidden;
  }
  .live-chat .virtual-display {
    background-color: #F0DAC7;
    width: 45%;
    padding: 34px 0;
  }
  .live-chat .virtual-interface {
    background-color: #F7F7F7;
    width: 55%;
    box-sizing: border-box;
  }
  .live-chat .my-video-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    aspect-ratio: 750/1280;
    margin: 0 64px 0 auto;
    overflow: hidden;
    border-radius: 22px;
  }
  .live-chat .two-shot-contents .my-video-box.main-video {
    top: 0 !important;
    left: 0 !important;
  }
  .live-chat .two-shot-contents .my-video-box.sub-video {
    width: 175px;
    height: auto;
    border-radius: 10px;
    top: 25px;
    left: auto;
    right: 15px;
    margin: 0;
  }
  .live-chat #mainScreenCanvas {
    border-radius: 22px;
  }
  .live-chat .talk-video {
    width: 175px;
    border-radius: 10px;
    top: 25px;
    left: auto;
    right: 15px;
  }
  .live-chat .two-shot-contents .talk-video.main-video {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    aspect-ratio: 750/1280;
    margin: 0 64px 0 auto;
    transform: none;
    overflow: hidden;
    border-radius: 22px;
  }
  .live-chat .two-shot-test-button, .live-chat .two-shot-test-end-button {
    top: 130px;
    right: 36px;
  }
  .live-chat .virtual-main-talk-header {
    position: relative;
    z-index: 0;
    background-image: none;
    padding: 36px 0;
  }
  .live-chat .header-inner {
    margin: 0;
    padding: 0 36px 0;
  }
  .live-chat .header-contents {
    align-items: flex-start;
  }
  .live-chat .virtual-main-talk-prf {
    justify-content: center;
    padding: 0;
    background-color: transparent;
    color: #333;
    border-radius: 0 0 16px 16px;
  }
  .live-chat .partner-detail-box {
    margin-right: 12px;
  }
  .live-chat .partner-thumbnail {
    width: 64px;
    height: 64px;
    margin-right: 16px;
  }
  .live-chat .partner-name {
    font-size: 18px;
  }
  .live-chat .partner-status {
    min-width: 102px;
    font-size: 15px;
  }
  .live-chat .partner-favorite-btn {
    background-size: 18px;
    width: 33px;
    height: 33px;
  }
  .live-chat .partner-favorite-btn svg {
    width: 18px;
    height: 18px;
  }
  .live-chat .virtual-main-talk-option {
    position: static;
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
    gap: 12px;
  }
  .live-chat .flex-align-center-content-flex-start.party-status-list-item {
    min-width: 92px;
    padding: 2px 10px;
  }
  .live-chat .talk-pt-detail span {
    font-size: 14px;
    margin-left: 3px;
  }
  .live-chat .video-call::before, .live-chat .talk-pt-detail::before {
    width: 18px;
    height: 18px;
    top: calc(50% - 9px);
    left: -18px;
  }
  .live-chat .clock-icon,
  .live-chat .reward-icon {
    width: 18px;
    height: 18px;
  }
  .live-chat .virtual-main-talk-close {
    width: 92px;
    height: 78px;
    background-color: #F56966;
  }
  .live-chat .virtual-main-talk-close span {
    font-size: 15px;
  }
  .live-chat .virtual-main-talk-close-btn {
    width: 30px;
    height: 30px;
  }
  .live-chat .virtual-main-talk-header-btn {
    display: none;
  }
  .live-chat .pc-dialog-box {
    position: relative;
    width: 100%;
    height: calc(100% - 171px);
    margin-top: 0;
    border-top: 4px solid #EBEBEB;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .live-chat #root .virtual-main-talk-dialog-wrap {
    position: relative;
    bottom: 0;
    justify-content: left;
    align-items: baseline;
    height: auto;
    width: auto;
    min-height: 420px;
    margin-left: 244px;
    padding: 0 !important;
  }
  .live-chat #root #motion_dialog.virtual-main-talk-dialog-wrap {
    height: auto;
  }
  .live-chat #root .virtual-main-talk-dialog-wrap.back-black {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 55%;
    margin: 0;
    top: 0;
    left: auto;
    right: 0;
  }
  .live-chat .back-black {
    width: 55%;
    left: auto;
    right: 0;
  }
  .live-chat #root .back-black .virtual-main-talk-dialog-contents {
    width: 70%;
    max-width: none;
    min-width: 425px;
    justify-content: center;
    margin: 0;
  }
  .live-chat #root .virtual-main-talk-dialog-contents {
    display: flex;
    justify-content: left;
    max-width: 530px;
    padding: 30px 0 30px;
    gap: 16px 16px;
  }
  .live-chat .virtual-main-talk-dialog-wrap .dialog-contents-box,
  .live-chat #motion_dialog #normal_motion_box {
    display: flex;
    justify-content: left;
  }
  .live-chat #root .dialog-contents-btn {
    aspect-ratio: 77/64;
  }
  .live-chat #root .virtual-main-talk-dialog-wrap .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 66%;
    height: 66%;
  }
  .live-chat #root .virtual-main-talk-dialog-wrap .icon svg {
    height: auto;
    width: 100%;
  }
  .live-chat #adult_motion_level .icon {
    height: auto !important;
    aspect-ratio: 60/74;
  }
  .live-chat .dialog-contents-btn .text {
    font-size: 15px;
  }
  .live-chat #root #settings_dialog .virtual-main-talk-dialog-contents {
    justify-content: space-evenly;
    gap: 20px 0;
  }
  .live-chat #settings_dialog .virtual-main-talk-dialog-contents {
    padding-top: 56px;
  }
  .live-chat #settings_dialog .dialog-contents-btn {
    aspect-ratio: 70/93;
    width: calc(20% - 10px);
    min-width: 120px;
    height: auto;
    max-height: 150px;
    padding: 2px 0 10px;
  }
  .live-chat .virtual-main-talk-dialog-contents .cross-icon {
    width: 35px;
    height: 35px;
  }
  .live-chat #partner_detail_dialog .virtual-main-talk-dialog-contents {
    padding: 30px 15px 30px;
  }
  .live-chat #partner_detail_dialog .virtual-main-talk-dialog-layout {
    max-width: 500px;
  }
  .live-chat #partner_detail_dialog .dialog-contents-box {
    gap: 0 25px;
  }
  .live-chat #partner_detail_dialog .dialog-contents-box .partner-detail-list {
    width: calc(100% - 128px);
  }
  .live-chat #partner_detail_dialog .dialog-contents-box .partner-detail-list .value {
    width: calc(100% - 100px);
  }
  .live-chat #partner_detail_dialog .partner-detail-list li {
    margin-top: 16px;
  }
  .live-chat #partner_detail_dialog .partner-detail-list .title, .live-chat #partner_detail_dialog .partner-detail-list .value {
    width: 100px;
    font-size: 16px;
  }
  .live-chat #partner_detail_dialog .text {
    font-size: 16px;
  }
  .live-chat #partner_detail_dialog .text-box {
    margin-top: 30px;
  }
  .live-chat #root #partner_detail_dialog .icon {
    width: 100px;
    height: 100px;
  }
  .live-chat #two_shot_dialog .title {
    font-size: 20px;
  }
  .live-chat #two_shot_dialog .note-list {
    margin: 15px auto;
  }
  .live-chat #two_shot_dialog .note-list li {
    font-size: 17px;
  }
  .live-chat #two_shot_dialog .note-balloon .balloon-title {
    font-size: 17px;
  }
  .live-chat #two_shot_dialog .note-balloon .price {
    font-size: 22px;
  }
  .live-chat #two_shot_dialog .note-balloon .price span {
    font-size: 17px;
  }
  .live-chat #two_shot_dialog .note-balloon .triangle-right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid rgba(37, 37, 41, 0.63);
  }
  .live-chat #two_shot_dialog .party-request-button {
    font-size: 17px;
  }
  .live-chat .common-dialog .title,
  .live-chat #end_dialog .title {
    font-size: 18px;
  }
  .live-chat .common-dialog .note {
    font-size: 16px;
  }
  .live-chat .common-dialog .party-request-button {
    font-size: 17px;
  }
  .live-chat #facial_expression_dialog .dialog-contents-btn {
    width: calc(25% - 10px);
    max-width: 110px;
    min-width: 80px;
  }
  .live-chat #root #facial_expression_dialog .icon {
    width: 60%;
    height: 66%;
  }
  .live-chat #scene_and_background_dialog .dialog-contents-btn {
    aspect-ratio: 100/92;
    width: 20%;
    min-width: 130px;
  }
  .live-chat #motion_dialog .virtual-main-talk-dialog-contents {
    max-width: 614px;
  }
  .live-chat #motion_dialog #normal_motion_box {
    gap: 16px 16px;
  }
  .live-chat #normal_motion_box .dialog-contents-btn {
    width: calc(20% - 10px);
    max-width: 110px;
    min-width: 80px;
  }
  .live-chat #root #normal_motion_box .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 60%;
    height: 66%;
  }
  .live-chat #root #normal_motion_box .icon svg {
    height: auto;
  }
  .live-chat .virtual-main-talk-dialog-wrap .dialog-contents-select-box {
    display: none;
  }
  .live-chat #live_chat_menu_tab_adult_motion:checked ~ #motion_dialog {
    padding-bottom: 0;
  }
  .live-chat #motion_dialog #adult_motion_box.dialog-contents-box {
    flex-wrap: wrap;
    max-width: 550px;
    padding: 0;
    gap: 35px 12px;
    overflow-x: visible;
  }
  .live-chat #adult_motion_box .dialog-contents-btn {
    aspect-ratio: 70/108;
    width: 100px;
    height: 100%;
  }
  .live-chat .dialog-contents-btn span {
    font-size: 14px;
  }
  .live-chat .floor-scene + .dialog-contents-btn span {
    padding: 14px 0 12px;
  }
  .live-chat #adult_motion_box .checked + .dialog-contents-btn::after {
    font-size: 14px;
    top: -27px;
  }
  .live-chat #scene_select_dialog .contents-dialog-layout {
    width: 50%;
    min-width: 480px;
    padding: 16px 0 25px;
    bottom: auto;
  }
  .live-chat #scene_select_dialog .scene-select-box {
    width: 100%;
  }
  .live-chat #scene_select_dialog .title {
    font-size: 16px;
  }
  .live-chat #scene_select_dialog .scene-select-btn {
    aspect-ratio: 102/60;
    width: 25%;
  }
  .live-chat #scene_select_dialog .scene-select-btn .text {
    font-size: 15px;
    margin-top: 5px;
  }
  .live-chat .virtual-main-talk-dialog-wrap #scene_select_dialog .icon {
    width: 50%;
    overflow: auto;
  }
  .live-chat .scene-select-btn.checked-motion::after {
    font-size: 12px;
  }
  .live-chat #adult_motion_control_dialog #adult_motion_level {
    display: none;
  }
  .live-chat #adult_motion_control_dialog.show #adult_motion_level {
    position: absolute;
    top: -378px;
    display: flex;
    width: 90%;
    max-width: none;
    padding: 16px 30px 16px 40px;
  }
  .live-chat #adult_motion_control_dialog .adult-motion-control-box .title {
    color: #454E60;
    font-size: 15px;
    text-shadow: none;
  }
  .live-chat #adult_motion_level.adult-motion-control-box .btn-box {
    justify-content: left;
  }
  .live-chat #adult_motion_level .control-btn {
    aspect-ratio: 60/74;
    width: calc(20% - 10px);
    min-width: 70px;
  }
  .live-chat #adult_motion_level .level {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66%;
    aspect-ratio: 60/74;
    font-size: 20px;
    font-weight: bold;
  }
  .live-chat #adult_motion_level .level span {
    font-size: 22px;
  }
  .live-chat #adult_motion_level .text {
    font-size: 14px;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .virtual-main-talk-dialog-contents {
    padding: 50px 0 30px;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .end-adult-heart {
    top: -23px;
    height: 46px;
    width: 46px;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .title {
    font-size: 20px;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .note {
    font-size: 17px;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .icon {
    width: 50%;
    height: 50%;
  }
  .live-chat .adult-motioning #scene_and_background_dialog .virtual-main-talk-dialog-contents::before {
    width: 80px;
    height: 80px;
    background-size: 46px;
    top: -40px;
    left: calc(50% - 40px);
  }
  .live-chat #costume_dialog .dialog-contents-btn {
    width: calc(25% - 10px);
    max-width: 120px;
    min-width: 112px;
  }
  .live-chat #root #adult_motion_control_dialog {
    z-index: 1;
    width: auto;
    margin: 420px 0 0 212px;
    min-height: fit-content;
    border-top: 4px solid #EBEBEB;
  }
  .live-chat .show:not(#settings_dialog) ~ #adult_motion_control_dialog {
    margin-top: 0;
  }
  .live-chat .adult-motioning #null_toast + #adult_motion_control_dialog,
  .live-chat .adult-motioning #scene_and_background_dialog ~ #adult_motion_control_dialog {
    margin-top: 420px;
  }
  .live-chat #adult_motion_control_dialog .virtual-main-talk-dialog-contents {
    max-width: none;
    padding: 0;
  }
  .live-chat #adult_motion_control_dialog .pc-overflow-box {
    position: relative;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: left;
    justify-items: center;
    align-items: baseline;
    width: 100%;
    max-width: none;
    padding: 16px 30px 16px 40px;
    gap: 40px;
    box-sizing: border-box;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .live-chat .camera-wrap {
    position: relative;
    top: auto;
    left: auto;
    flex-direction: row;
    background-color: transparent;
    padding: 0;
  }
  .live-chat .camera-wrap .ratio {
    width: 46px;
    margin: 0 22px;
    text-align: center;
    color: #333;
    font-size: 18px;
  }
  .live-chat .camera-wrap .ratio span {
    margin-left: 2px;
    font-size: 15px;
  }
  .live-chat .two-shot-contents .camera-wrap {
    top: 0;
  }
  .live-chat .zoom {
    width: 40px;
    height: 40px;
    background-position: center;
    border-radius: 50%;
  }
  .live-chat .zoom::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  .live-chat .zoom-icon {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
  }
  .live-chat .camera-wrap .zoom::before {
    content: none;
  }
  .live-chat #adult_motion_control_dialog .adult-motion-control-box {
    width: 100%;
    max-width: 448px;
    min-width: 385px;
  }
  .live-chat #adult_motion_control_dialog #camera_angle_control .title {
    display: none;
  }
  .live-chat #adult_motion_control_dialog #camera_angle_control .btn-box {
    position: relative;
    margin: 0;
    box-sizing: border-box;
  }
  .live-chat #camera_angle_control .control-btn {
    background-color: rgba(37, 40, 41, 0.4);
  }
  .live-chat #camera_angle_control .btn-box {
    gap: 0;
  }
  .live-chat #camera_angle_control .control-btn:nth-last-child(1) {
    margin-right: 0;
  }
  .live-chat .virtual-main-talk-footer {
    top: 175px;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: 212px;
    height: calc(100vh - 180px);
    border-right: 4px solid #EBEBEB;
  }
  .live-chat .virtual-main-talk-footer-inner {
    padding: 24px 0;
    background-color: transparent;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .live-chat .virtual-main-talk-footer-contents {
    max-width: none !important;
    flex-direction: column;
    justify-content: flex-start;
  }
  .live-chat .virtual-main-talk-footer-contents label {
    flex-direction: row;
    justify-content: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 16px 0 16px 24px;
    box-sizing: border-box;
  }
  .live-chat .virtual-main-talk-dialog-wrap.show::after {
    content: none;
  }
  .live-chat .virtual-main-talk-footer-contents #facial_expression + label,
  .live-chat .virtual-main-talk-footer-contents .footer-facial-expression {
    margin-top: 0;
  }
  .live-chat .adult-motioning .virtual-main-talk-footer-contents #change_adult_motion + label,
  .live-chat .adult-motioning .virtual-main-talk-footer-contents #end_adult_motion + label {
    margin-top: 8px;
    padding: 16px 0 16px 38px;
  }
  .live-chat .virtual-main-talk-footer-contents input:checked + label {
    background-color: rgba(255, 141, 42, 0.14);
  }
  .live-chat .virtual-main-talk-footer-contents label.pc-show {
    display: flex;
  }
  .live-chat .virtual-main-talk-footer-contents label.pc-hide {
    display: none;
  }
  .live-chat .virtual-main-talk-footer-contents label .text {
    margin-left: 20px;
    font-size: 18px;
    color: #454E60;
  }
  .live-chat .adult-motioning #control_adult_motion + label::after {
    content: none;
  }
  .live-chat .adult-motioning #control_adult_motion + label .text {
    font-size: 18px;
  }
  .live-chat .adult-motioning .virtual-main-talk-footer-contents #change_adult_motion + label .text,
  .live-chat .adult-motioning .virtual-main-talk-footer-contents #end_adult_motion + label .text {
    margin-left: 10px;
  }
  .live-chat .order-1,
  .live-chat .order-2 {
    order: 0;
  }
  .live-chat .null-btn {
    opacity: 0.3;
  }
  .live-chat .null-btn:hover {
    background-color: transparent !important;
  }
  .live-chat .adult-motioning #adult_motion_control + label,
  .live-chat .adult-motioning #change_adult_motion + label,
  .live-chat .adult-motioning #end_adult_motion + label {
    transition: none;
  }
  .live-chat .toast-wrap {
    font-size: 16px;
    background-color: rgba(255, 238, 181, 0.9019607843);
  }
  .live-chat #fav_toast.toast-wrap {
    width: auto;
  }
  .live-chat #invalid_costume_toast.toast-wrap {
    top: 254px;
    left: 50%;
    transform: translateX(-50%);
  }
  .live-chat #null_toast {
    top: 254px;
    left: 50%;
    transform: translateX(-50%);
  }
  .live-chat .dialog-contents-btn:hover,
  .live-chat #adult_motion_level .control-btn:hover,
  .live-chat .zoom:hover,
  .live-chat #camera_angle_control .control-btn:hover {
    background-color: #e9b485;
  }
  .live-chat .zoom:hover circle {
    fill: transparent;
  }
  .live-chat .virtual-main-talk-footer-contents label:hover {
    background-color: rgba(69, 78, 96, 0.0705882353);
  }
  .live-chat .footer-menu-icon .st1 {
    fill: #454e60;
  }
  .live-chat input:checked + .selectable-label .st1 {
    fill: #ff802c;
  }
}
.live-chat .input-video {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
}
.live-chat .adult-select-dialog .st0 {
  fill: #ff802c;
}
.live-chat .end-adult-heart {
  position: absolute;
  width: 38px;
  height: 38px;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
}
.live-chat input:checked + .dialog-contents-btn .st0 {
  fill: #fff;
}
.live-chat .live-chat-option-svg {
  width: 100%;
  height: 100%;
}
.live-chat input:checked + .dialog-contents-btn .live-chat-option-svg .st0 {
  fill: #ff802c;
}
.live-chat .footer-menu-icon {
  width: 34px;
  height: 34px;
}
.live-chat input:checked + .selectable-label .st1 {
  fill: #ff802c;
}
.live-chat .camera-contents-pc-title {
  width: 148px;
}
.live-chat .camera-contents-pc-title svg {
  width: 28px;
  height: 28px;
}
.live-chat .camera-contents-pc-title span {
  margin-left: 14px;
}
.live-chat .camera-zoom-disabled {
  opacity: 0.4;
}
.live-chat .climax-svg {
  width: 28px;
  height: 28px;
}
/*--------------------------------
待機中ダイアログ
---------------------------------*/
.vt-waiting-progress-box {
  position: fixed;
  left: 50%;
  bottom: 80px;
  z-index: 1000;
  width: 90%;
  max-width: 480px;
  margin: 30px auto 0;
  padding: 15px 22px;
  border-radius: 14px;
  transform: translateX(-50%);
  background-color: rgba(45, 44, 52, 0.8);
  box-sizing: border-box;
}
.vt-progress-nav {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0 auto;
}
.progress-nav-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.next-triangle {
  position: relative;
  top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #fff;
  border-right: 0;
}
.progress-nav-box:nth-last-of-type(1):after {
  content: none;
}
.progress-nav-box .nav-icon {
  width: 36px;
  height: 36px;
}
.progress-nav-box .nav-icon.bell .cls-1 {
  fill: none;
  stroke-width: 0;
}
.progress-nav-box .nav-icon.bell .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}
.progress-nav-box .nav-icon.bell .cls-3 {
  fill: #fff;
  stroke-width: 0;
}
.waiting .progress-nav-box .nav-icon.bell {
  animation: icon-shake 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.waiting .progress-nav-box .nav-icon.bell .cls-2 {
  stroke: #ffc748;
}
.waiting .progress-nav-box .nav-icon.bell .cls-3 {
  fill: #ffc748;
}
.progress-nav-box .nav-icon.check .cls-1 {
  fill: none;
  stroke-width: 0;
}
.progress-nav-box .nav-icon.check .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-width: 2.6667;
}
.progress-nav-box .nav-icon.check .cls-3 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}
.end .progress-nav-box .nav-icon.check .cls-2 {
  stroke: #ffc748;
}
.end .progress-nav-box .nav-icon.check .cls-3 {
  stroke: #ffc748;
}
@keyframes icon-shake {
  0% {
    transform: translateX(0);
  }
  8% {
    transform: translateX(-2px) rotate(2.2deg);
  }
  16% {
    transform: translateX(2px) rotate(-2.2deg);
  }
  24% {
    transform: translateX(-2px) rotate(2.2deg);
  }
  32% {
    transform: translateX(2px) rotate(-2.2deg);
  }
  40% {
    transform: translateX(-1.5px) rotate(1.7deg);
  }
  48% {
    transform: translateX(1.1px) rotate(-1.3deg);
  }
  56% {
    transform: translateX(-0.8px) rotate(1deg);
  }
  64% {
    transform: translateX(0.4px) rotate(-0.6deg);
  }
  72% {
    transform: translateX(0px);
  }
}
.progress-nav-box .nav-text {
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.waiting .nav-icon.bell + .nav-text,
.prepare .nav-icon.hourglass + .nav-text,
.end .nav-icon.check + .nav-text {
  color: #fff;
  font-weight: bold;
}
.progress-bar {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 14px auto 11px;
  background-color: #fff;
  border-radius: 50px;
  overflow: hidden;
}
.progress-bar-gauge {
  position: absolute;
  height: 100%;
  background-image: linear-gradient(90deg, #FFC646, #FF7B53);
}
.waiting .progress-bar-gauge {
  animation: progress-waiting 1s ease-in-out forwards;
}
.end .progress-bar-gauge {
  animation: progress-end 1s ease-in-out forwards;
}
@keyframes progress-waiting {
  0% {
    width: 0;
  }
  100% {
    width: calc(50% - 6px);
  }
}
@keyframes progress-end {
  0% {
    width: calc(50% - 6px);
  }
  100% {
    width: 100%;
  }
}
.progress-bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.progress-bottom-box .progress-note {
  font-size: 14px;
}
@media (orientation: landscape) and (min-width: 934px) {
  .vt-waiting-progress-box {
    width: 45%;
    padding: 40px 20px;
    max-width: 680px;
    bottom: 70px;
  }
  .progress-nav-box .nav-icon {
    width: 46px;
    height: 46px;
  }
  .progress-nav-box .nav-text {
    font-size: 16px;
  }
  .next-triangle {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 15px solid #fff;
  }
  .progress-bar {
    height: 8px;
    margin: 20px auto 11px;
  }
  .progress-bottom-box .progress-note {
    font-size: 18px;
  }
}
#root {
  width: 100%;
  height: 100%;
}
#root > div {
  height: 100%;
}
.__dbk__child-wrapper {
  position: relative;
}
input[type=radio][id^=select_tab_]:checked + .vr-chat-ui-tab {
  /* アイテム選択中表示 */
  -webkit-backdrop-filter: invert(10%) contrast(40%) blur(20px) opacity(0.3);
  backdrop-filter: invert(10%) contrast(40%) blur(20px) opacity(0.3);
}
input[type=radio][id^=form_]:checked + .vr-chat-choice-item-button {
  /* アイテム選択中表示 */
  border: 4px solid #ff802c;
}
.adjustment > input[type=radio][id^=form_]:checked + .vr-chat-choice-item-button {
  border-width: 2px;
}
.adjustment > input[type=radio][id^=form_]:checked + .vr-chat-choice-item-button:before {
  height: 13px;
  width: 13px;
}
input[type=checkbox][id^=form_]:checked + .vr-chat-choice-item-button {
  /* アイテム選択中表示 */
  border: 4px solid #ff802c;
}
.setting-close {
  pointer-events: none;
  opacity: 0.2;
}
.setting-close * {
  pointer-events: none;
}
input[type=checkbox][id$=_not_wearing]:checked + span {
  border: 4px solid #ff802c;
  background: transparent;
}
input[type=checkbox][id$=_not_wearing]:checked + span > svg {
  stroke: #1F1F1F;
}
.text-margin-left {
  margin-left: 10px;
}
.sample-li-disabled {
  pointer-events: none;
  opacity: 0.2;
}
input[type=radio][name^=live_chat_menu_]:checked + .vr-chat-ui-tab {
  background-color: rgba(31, 31, 31, 0.1);
}
/* 選択中のタブ */
input[id^=tab_]:checked + .vr-chat-ui-tab {
  background-color: rgba(31, 31, 31, 0.1);
}
.adjustment-check:checked + .flex_ro_lc .adujstment-switch-area .vr-chat-choice-item-button svg {
  stroke: #1F1F1F;
}
input[id^=profile_image]:checked + label {
  border: 4px solid #ff802c;
  color: #ff5c13;
  margin: 0;
  padding: 0.25em 10px;
}
input[id^=profile_image_background]:checked + .vr-chat-choice-item-button {
  /* アイテム選択中表示 */
  border: 4px solid #ff802c;
}
input[name^=color]:checked + .vr-chat-choice-item-button {
  /* アイテム選択中表示 */
  border: 2px solid #ff802c;
}