@charset "UTF-8";
/* ================================================
   ライブカメラ
================================================ */
/*------- mixin -------*/
@media all and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media not all and (min-width: 768px) {
  .pc {
    display: none !important;
  }
}
/* ================================================
   main style
================================================ */
.live-camera ul {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px 8.3333333333%;
}
@media not all and (min-width: 768px) {
  .live-camera ul {
    width: calc(100% - 40px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.live-camera ul li {
  width: 45.8333333333%;
}
@media not all and (min-width: 768px) {
  .live-camera ul li {
    width: 100%;
  }
}
.live-camera ul li .camera1 {
  aspect-ratio: 1.1363636364;
}
.live-camera ul li .camera2 {
  aspect-ratio: 1.4285714286;
}
.live-camera ul li .camera3 {
  aspect-ratio: 1.1363636364;
}
/*# sourceMappingURL=style_livecamera.css.map */