/* animation */
@keyframes scroll_img {
  100% {
    transform: translateX(100%);
  }
}
.bl_menu_imgWrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 80%;
}
.bl_menu_imgWrapper > img {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  object-fit: contain;
  background: #000;
}
.bl_menu_imgWrapper:before {
  content: "";
  background: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  position: absolute;
}

.bl_menu_imgWrapper.scroll_img::before {
  animation: scroll_img 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* block */
.bl_menu {
  position: relative;
}

.bl_menu_slideContent {
  width: 100%;
  margin: auto;
  background: none;
  padding: 30px 20px;
}

.bl_menu_arrow {
  position: absolute;
  top: 40%;
  width: 30px;
  height: 30px;
}
.bl_menu_arrow:hover {
  cursor: pointer;
}
.bl_menu_arrow.bl_arrow_left {
  left: 3%;
//  border-top: 1px solid #333;
//  border-left: 1px solid #333;
//  transform: rotate(-45deg);
}
.bl_menu_arrow.bl_arrow_right {
  right: 3%;
//  border-top: 1px solid #333;
//  border-left: 1px solid #333;
//  transform: rotate(-225deg);
}

.bl_menu .bl_img_thumbUnit {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-inline-start: 0;
}

/* for js */
.bl_menu_slideContent {
  display: none;
}

.bl_menu_slideContent.current {
  display: block;
}

.bl_img_thumbUnit {
  display: inline;
//  justify-content: flex-end;
  margin-top: 7px;
}
.bl_img_thumbUnit img {
  width: 100px;
  margin-left: 7px;
  cursor: pointer;
  object-fit: cover;
  height: 75px;
  background: #fff;
}
.bl_img_thumbUnit li img {
  border: 2px solid #fff;;
  transition: border 0.3s;
}
.bl_img_thumbUnit li.current img {
  background: #000;
}

/* for js */
.garally_img {
  display: none;
}

.garally_img.current {
  display: block;
}

.ly_section {
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}

.bl_img_thumbUnit li {
  list-style: none;
  min-width: 100px;
  width: 14%;
  float: left;
}
