/**
 * VENUE-ZOO STYLE
 * 施設案内
 * 360°動画 [parent-360]
 */

/* MAIN */
/* 屋根 */
.parts-celling {
  width: 100%;
  height: 7.71%;
  /* 70.1473615244531px / 910px */
  top: 0%;
  left: 0%;
  z-index: 2;
}

.ceiling-left {
  width: 16.58%;
  /* 318.312660975638px / 1920px */
  height: 16.24%;
  /* 147.797290093849px / 910px */
  top: -0.00%;
  /* 0px / 910px */
  left: 0.00%;
  /* 0px / 1920px */
  z-index: 1;
}

.ceiling-right {
  width: 16.58%;
  /* 318.31266097564px / 1920px */
  height: 16.24%;
  /* 147.797290093849px / 910px */
  top: -0.00%;
  /* 0px / 910px */
  left: 83.54%;
  /* 1603.99015595854px / 1920px */
  z-index: 1;
}

/* 背景 */
.background {
  width: 100.00%;
  /* 1920.00003296816px / 1920px */
  height: 34.20%;
  /* 311.224585412572px / 910px */
  top: 65.80%;
  /* 598.775414587428px / 910px */
  left: 0.00%;
  /* 7.64885044191033e-10px / 1920px */
  z-index: 1;
}

/* サブアバター */
/* parts-sub-avatar1 基準ここから */
.parts-sub-avatar1 {
  width: 9.55%;
  /* 183.34589899163px / 1920px * 100 */
  height: 29.60%;
  /* 269.355848538002px / 910px * 100 */
  top: 61.52%;
  /* 559.860996263395px / 910px * 100 */
  left: 9.70%;
  /* 186.312218329972px / 1920px * 100 */
  aspect-ratio: 183 / 269;
  height: auto;
  z-index: 4;
}

.sub-avatar1-head {
  width: 88.10%;
  /* 161.535501811848px / 183.345898991629px * 100 */
  height: 67.59%;
  /* 182.059364691015px / 269.355848538002px * 100 */
  top: 0.00%;
  /* 0px / 269.355848538002px */
  left: 0.00%;
  /* 9.09494701772928e-13px / 183.345898991629px */
  z-index: 4;
}

.sub-avatar1-body {
  width: 67.01%;
  /* 122.861371535573px / 183.345898991629px * 100 */
  height: 52.37%;
  /* 141.05298383053px / 269.355848538002px * 100 */
  top: 47.63%;
  /* 128.302864707472px / 269.355848538002px */
  left: 10.41%;
  /* 19.0798311455064px / 183.345898991629px */
  z-index: 2;
}

.move-sub-avatar1-arm-r1 {
  width: 37.53%;
  /* 68.8097482409194px / 183.345898991629px * 100 */
  height: 11.78%;
  /* 31.7348032784721px / 269.355848538002px * 100 */
  top: 42.82%;
  /* 115.329578819723px / 269.355848538002px */
  left: 62.47%;
  /* 114.53615075071px / 183.345898991629px */
  z-index: 3;
}

.move-sub-avatar1-arm-r2 {
  width: 35.30%;
  /* 64.7176520983376px / 183.345898991629px * 100 */
  height: 14.11%;
  /* 37.9942677811687px / 269.355848538002px * 100 */
  top: 47.73%;
  /* 128.566865385994px / 269.355848538002px */
  left: 63.93%;
  /* 117.214726371482px / 183.345898991629px */
  z-index: 3;
}

.move-sub-avatar1-arm-r3 {
  width: 32.78%;
  /* 60.1097450422349px / 183.345898991629px * 100 */
  height: 16.77%;
  /* 45.1581787273662px / 269.355848538002px * 100 */
  top: 49.54%;
  /* 133.449363442884px / 269.355848538002px */
  left: 63.32%;
  /* 116.101721798473px / 183.345898991629px */
  z-index: 3;
}

/* /parts-sub-avatar1 基準ここまで */

.sub-avatar2 {
  width: 8.63%;
  /* 165.654117501516px / 1920px */
  height: 33.04%;
  /* 300.6313738703px / 910px */
  top: 62.48%;
  /* 568.603455146888px / 910px */
  left: 21.95%;
  /* 421.445139154287px / 1920px */
  z-index: 2;
}

/* parts-sub-avatar3 基準ここから */
.parts-sub-avatar3 {
  width: 9.83%;
  /* 188.768335451892px / 1920px * 100 */
  height: 33.55%;
  /* 305.315928452749px / 910px * 100 */
  top: 60.51%;
  /* 550.610304547631px / 910px * 100 */
  left: 37.95%;
  /* 728.610476668461px / 1920px * 100 */
  aspect-ratio: 189 / 305;
  height: auto;
  z-index: 2;
}

.sub-avatar3-body {
  width: 100.00%;
  /* 188.768335451892px / 188.768335451892px * 100 */
  height: 54.12%;
  /* 165.224827190616px / 305.31592845275px * 100 */
  top: 45.88%;
  /* 140.091101262135px / 305.31592845275px */
  left: 0.00%;
  /* 0px / 188.768335451892px */
  z-index: 2;
}

.move-sub-avatar3-head1 {
  width: 74.05%;
  /* 139.77403027147px / 188.768335451892px * 100 */
  height: 48.10%;
  /* 146.854574770137px / 305.31592845275px * 100 */
  top: 0.00%;
  /* 0px / 305.31592845275px */
  left: 9.95%;
  /* 18.7796229703899px / 188.768335451892px */
  z-index: 3;
}

.move-sub-avatar3-head2 {
  width: 77.37%;
  /* 146.054241738137px / 188.768335451892px * 100 */
  height: 48.76%;
  /* 148.869745053505px / 305.31592845275px * 100 */
  top: 0.27%;
  /* 0.8227593937072px / 305.31592845275px */
  left: 10.00%;
  /* 18.8828029881624px / 188.768335451892px */
  z-index: 3;
}

.move-sub-avatar3-head3 {
  width: 74.05%;
  /* 139.77403027147px / 188.768335451892px * 100 */
  height: 48.10%;
  /* 146.854574770137px / 305.31592845275px * 100 */
  top: 0.00%;
  /* 0px / 305.31592845275px */
  left: 9.95%;
  /* 18.7796229703908px / 188.768335451892px */
  z-index: 3;
}

/* /parts-sub-avatar3 基準ここまで */

/* parts-sub-avatar4 基準ここから */
.parts-sub-avatar4 {
  width: 9.51%;
  /* 182.556234879161px / 1920px * 100 */
  height: 32.13%;
  /* 292.414543034845px / 910px * 100 */
  top: 62.75%;
  /* 571.007884191857px / 910px * 100 */
  left: 70.38%;
  /* 1351.3698679062px / 1920px * 100 */
  aspect-ratio: 183 / 292;
  height: auto;
  z-index: 4;
}

.sub-avatar4-head {
  width: 85.51%;
  /* 156.104276950416px / 182.556234879161px * 100 */
  height: 57.20%;
  /* 167.265150620332px / 292.414543034848px * 100 */
  top: 0.00%;
  /* 0px / 292.414543034848px */
  left: 12.08%;
  /* 22.0480342977608px / 182.556234879161px */
  z-index: 4;
}

.sub-avatar4-body {
  width: 50.88%;
  /* 92.8851609597896px / 182.556234879161px * 100 */
  height: 53.64%;
  /* 156.846664154467px / 292.414543034848px * 100 */
  top: 46.36%;
  /* 135.567878880381px / 292.414543034848px */
  left: 24.94%;
  /* 45.53605286532px / 182.556234879161px */
  z-index: 3;
}

.move-sub-avatar4-arm-r1 {
  width: 41.06%;
  /* 74.9614541998908px / 182.556234879161px * 100 */
  height: 12.11%;
  /* 35.409977839663px / 292.414543034848px * 100 */
  top: 44.30%;
  /* 129.530745005434px / 292.414543034848px */
  left: 58.94%;
  /* 107.59478067927px / 182.556234879161px */
  z-index: 2;
}

.move-sub-avatar4-arm-r2 {
  width: 35.77%;
  /* 65.3069459027611px / 182.556234879161px * 100 */
  height: 16.23%;
  /* 47.462068312765px / 292.414543034848px * 100 */
  top: 47.80%;
  /* 139.766771622962px / 292.414543034848px */
  left: 63.62%;
  /* 116.137501653369px / 182.556234879161px */
  z-index: 2;
}

.move-sub-avatar4-arm-r3 {
  width: 28.77%;
  /* 52.5260728446192px / 182.556234879161px * 100 */
  height: 20.64%;
  /* 60.3623811540983px / 292.414543034848px * 100 */
  top: 48.06%;
  /* 140.543296441786px / 292.414543034848px */
  left: 64.17%;
  /* 117.15271042335px / 182.556234879161px */
  z-index: 2;
}

.move-sub-avatar4-arm-l1 {
  width: 41.29%;
  /* 75.3812295582793px / 182.556234879161px * 100 */
  height: 13.68%;
  /* 39.989046035862px / 292.414543034848px * 100 */
  top: 42.94%;
  /* 125.557377715723px / 292.414543034848px */
  left: 0.00%;
  /* 0px / 182.556234879161px */
  z-index: 2;
}

.move-sub-avatar4-arm-l2 {
  width: 36.42%;
  /* 66.4929819019508px / 182.556234879161px * 100 */
  height: 17.08%;
  /* 49.9536632327108px / 292.414543034848px * 100 */
  top: 48.31%;
  /* 141.260899987553px / 292.414543034848px */
  left: 4.18%;
  /* 7.62652500190961px / 182.556234879161px */
  z-index: 2;
}

.move-sub-avatar4-arm-l3 {
  width: 28.69%;
  /* 52.37729936287px / 182.556234879161px * 100 */
  height: 21.20%;
  /* 62.0057030253829px / 292.414543034848px * 100 */
  top: 48.25%;
  /* 141.076775363291px / 292.414543034848px */
  left: 11.91%;
  /* 21.7422075409904px / 182.556234879161px */
  z-index: 2;
}

/* /parts-sub-avatar4 基準ここまで */

.sub-avatar5 {
  width: 9.83%;
  /* 188.768335451879px / 1920px */
  height: 31.85%;
  /* 289.848743575547px / 910px */
  top: 59.99%;
  /* 545.916009938524px / 910px */
  left: 82.00%;
  /* 1574.37815099448px / 1920px */
  z-index: 2;
}

/* parts-monitor 基準ここから */
.parts-monitor {
  width: 13.33%;
  /* 256.000000000008px / 1920px * 100 */
  height: 34.51%;
  /* 314.044353858108px / 910px * 100 */
  top: 63.62%;
  /* 578.968831818991px / 910px * 100 */
  left: 48.95%;
  /* 939.934808426581px / 1920px * 100 */
  aspect-ratio: 128 / 157;
  height: auto;
  z-index: 3;
}

/* メインアバター */
.monitor {
  width: 100.00%;
  /* 256.000000000008px / 256.000000000008px * 100 */
  height: 45.85%;
  /* 144px / 314.044353858108px * 100 */
  top: 0.00%;
  /* 0px / 314.044353858108px */
  left: 0.00%;
  /* 0px / 256.000000000008px */
  aspect-ratio: 16 / 9;
  height: auto;
  z-index: 3;
}

/* モニターオーバーレイ */
.monitor-overlay {
  height: auto;
  top: 0;
  left: 0;
}

.main-man-body {
  width: 55.10%;
  /* 141.06494887669px / 256.000000000008px * 100 */
  height: 54.44%;
  /* 170.976659041624px / 314.044353858108px * 100 */
  top: 45.56%;
  /* 143.067694816484px / 314.044353858108px */
  left: 31.20%;
  /* 79.8845553819983px / 256.000000000008px */
  z-index: 3;
}

.move-main-man-arm-1 {
  width: 27.38%;
  /* 70.0931472731691px / 256.000000000008px * 100 */
  height: 17.27%;
  /* 54.242099155932px / 314.044353858108px * 100 */
  top: 46.09%;
  /* 144.73037186132px / 314.044353858108px */
  left: 13.29%;
  /* 34.0246178427096px / 256.000000000008px */
  z-index: 2;
}

.move-main-man-arm-2 {
  width: 28.55%;
  /* 73.0949235095495px / 256.000000000008px * 100 */
  height: 10.99%;
  /* 34.4983853518625px / 314.044353858108px * 100 */
  top: 46.09%;
  /* 144.73037186132px / 314.044353858108px */
  left: 11.62%;
  /* 29.7439225114395px / 256.000000000008px */
  z-index: 2;
}

.move-main-man-arm-3 {
  width: 32.46%;
  /* 83.0973338291678px / 256.000000000008px * 100 */
  height: 11.30%;
  /* 35.4748391431931px / 314.044353858108px * 100 */
  top: 40.44%;
  /* 126.992952289724px / 314.044353858108px */
  left: 13.17%;
  /* 33.7210649679309px / 256.000000000008px */
  z-index: 2;
}

.main-woman-body {
  width: 64.81%;
  /* 165.910732905858px / 256.000000000008px * 100 */
  height: 54.28%;
  /* 170.459199650939px / 314.044353858108px * 100 */
  top: 45.72%;
  /* 143.585154207169px / 314.044353858108px */
  left: 22.30%;
  /* 57.0831799939406px / 256.000000000008px */
  z-index: 3;
}

.move-main-woman-arm-1 {
  width: 27.38%;
  /* 70.0931472731781px / 256.000000000008px * 100 */
  height: 17.27%;
  /* 54.242099155932px / 314.044353858108px * 100 */
  top: 46.32%;
  /* 145.473620598414px / 314.044353858108px */
  left: 12.61%;
  /* 32.2890183810705px / 256.000000000008px */
  z-index: 2;
}

.move-main-woman-arm-2 {
  width: 28.55%;
  /* 73.0949235095586px / 256.000000000008px * 100 */
  height: 10.99%;
  /* 34.4983853518625px / 314.044353858108px * 100 */
  top: 46.32%;
  /* 145.473620598414px / 314.044353858108px */
  left: 11.44%;
  /* 29.28724214469px / 256.000000000008px */
  z-index: 2;
}

.move-main-woman-arm-3 {
  width: 32.46%;
  /* 83.0973338291687px / 256.000000000008px * 100 */
  height: 11.30%;
  /* 35.4748391431949px / 314.044353858108px * 100 */
  top: 40.67%;
  /* 127.736201026817px / 314.044353858108px */
  left: 12.49%;
  /* 31.98546550629px / 256.000000000008px */
  z-index: 2;
}

/* モニター */
/* 動画 */
.monitor {
  position: absolute;
}

.monitor-movie {
  width: 100%;
  height: 100%;
}

/* サムネイル画像 */
.thumbnail-monitor-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.thumbnail-monitor-container--none .thumbnail {
  width: 100%;
  height: 100%;
}

.thumbnail-monitor {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.zoo-image {
  height: auto;
}

/**
 * Daily 視聴者用
 */
.daily-viewer,
.daily-viewer video {
  width: 100%;
  height: 100%;
}

/* 待機画面 */
.daily-waiting .thumbnail-monitor,
.daily-waiting p,
.daily-audio-only .thumbnail-monitor,
.daily-audio-only p,
.daily-ended .thumbnail-monitor,
.daily-ended p {
    position: absolute;
    top: 0;
}

/* /parts-monitor 基準ここまで */

/* 再生アイコン */
.button-play {
  width: 10.416666666667%;
  /* 200px / 1920px */
  height: 16.751274725275%;
  /* 152.4366px / 910px */
  top: 47.854351648352%;
  /* 435.4746px / 910px */
  left: 44.791666666667%;
  /* 860px / 1920px */
  z-index: 4;
}

/* MAIN ここまで */

@media screen and (min-width: 768px) {
  body {
    font-size: 1rem;
    /* 16px */
  }

  /* HEADER */
  .venue-conference {
    /* overflow: auto; */
  }

  .venue-mv {}

  .venue-mv-wrapper {}

  /* FOOTER */
  .venue-footer-inner {}
}

@media (orientation: landscape) {
  /* デバイスが横向きの場合の記述 */
}

@media (orientation: portrait) {
  /* デバイスが縦向きの場合の記述 */
}

/* タッチデバイス向けのスタイル */
@media only screen and (hover: none) {
  /* hover: none はタッチデバイスを示す条件 */
}