@charset "UTF-8";

/*visumo*/
.hacobune-univideo {
  width: 50%;
  margin: 20px auto 50px;
}

.hacobune-dialog-mask {
  z-index: 999999!important;
}

.hacobune-video-item-main {
  width: 136%!important;
}

.hacobune-video-item-side {
  width: 94%!important;
  padding:  50px 0 20px 170px!important;
}

/* .hacobune-video-item-root {
  height: 60vh!important;
} */
.hacobune-video-item-video-player-container {
  padding-top: 70px!important;
  vertical-align: top!important;
}

.hacobune-video-item-description .hacobune-video-item-timeline-container:before {
  content: "時間を押すと指定箇所が再生されます";
  display: block;
  margin-bottom: 20px;
}
/*サムネイルの余白*/
.hacobune-readmore {
  margin-bottom: -10px!important;
}
/*サムネイルの余白*/
.hacobune-app-container {
  padding: 0!important;
}
/*サムネイルの余白*/
.hacobune-unit-video-outline {
  padding: 0!important;
}

@media (max-width: 720px) {
  .hacobune-univideo {
    width: 100%;
  }

  .hacobune-video-item-main {
    width: 100%!important;
  }

  .hacobune-video-item-side {
    width: 100%!important;
    padding: 0 0 0 0!important;
  }

  .hacobune-video-item-root {
    height: 65vh!important;
  }

  .hacobune-video-item-main {
    height: 40vh!important;
  }

  .hacobune-unit-video {
    margin: 0!important;
  }
}