@charset "UTF-8";

/* OVERWRITE #vb_side--guide 
------------------------------------------------*/

.vb-side  {
  user-select: none;
  pointer-events: none;
}
.vb-side * {
  user-select: none;
  pointer-events: auto;
}

#vb_side--guide {
    top: 70px;
    z-index: 100;
}
#vb_side--guide--trigger {
    height: 165px;
}

#vb_side--guide .vb-side--content {
  height: calc(100dvh - 90px);
  max-height: 650px;
  padding-bottom: 0;
}
#vb_side--guide .vb-side--content div {
  overflow: hidden;
}
#vb_side--guide .vb-side--content div img {
  margin-top: -20px;
}
#vb_side--guide .vb-side--content div::-webkit-scrollbar {
  display: none;
}
#vb_side--guide .vb-side--content div {
  overflow: auto;
  height: 100%;
  width: 280px;
  padding-bottom: 15px;
  scrollbar-width: none;
}

#vb_side--map {
    top: 250px;
    z-index: 2;
}
#vb_side--map--trigger {
    height: 185px;
}
@media screen and (max-width: 768px) {
  #vb_side--guide {
      top: 150px;
  }
  #vb_side--guide--trigger {
      height: 50px;
  }
  #vb_side--guide .vb-side--content {
    height: calc(100dvh - 170px);
  }
  #vb_side--guide .vb-side--content div img {
    margin-top: 0;
  }
  #vb_side--map {
      top: 210px;
  }
  #vb_side--map--trigger {
      height: 50px;
  }
}

/* OVERWRITE #vb_menu--headernav 
------------------------------------------------*/

#vb_menu--headernav ul {
  display: flex;
}
#vb_menu--headernav ul li {
  width: 100%;
}
.vb_obj--chat {
    overflow: hidden;
}

/* OVERWRITE .vb_obj--chat 
------------------------------------------------*/

@media screen and (max-width: 680px) {
  .vb_obj--chat {
  }
  .vb_obj--chat > span:nth-child(1) {
  }
  .vb_obj--chat > span:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0;
  }
  body.sw-on .vb_obj--chat {
    width: 50px;
  }
  body.sw-on .vb_obj--chat > span:nth-child(1) {
    margin-right: 0;
  }
  body.sw-on .vb_obj--chat > span:nth-child(2) {
    width: 0;
  }
}