@charset "UTF-8";
/* .bg_common::after {
  background: url("../images/1x/top-image-prostyle.jpg");
}

.nav-sub_box ul.nav-sub_box_items li .nav-sub_box_link:after {
  background: url(../images/common/i-arrow-right-black.svg) no-repeat left top/100% auto;
}

.nav-sub_box ul.nav-sub_box_items li .nav-sub_box_link:hover:after {
  background: url("../images/common/i-arrow-right-brown.svg") no-repeat left top/100% auto;
}

.banner .sticker-wrapper-2.type-1 .content {
  background: url("../images/1x/PS_jinji_0903_pc.png");
}

.banner .sticker-wrapper-bt.type-1 .content {
  background: url("../images/1x/PS_top_PC_bnr0229_300.png");
}

.btn_brand_commitment::before {
  background: url("../images/i_down.png") no-repeat;
}

.banner .banner-wrapper.type-1 a:nth-child(2) .content {
  background-image: url("../images/1x/PS_jinji_SP_0903.jpg");
}

.banner .banner-wrapper.type-1 a:last-child .content {
  background-image: url("../images/1x/ps_top_sp.jpg");
}

@media (max-width: 823px) {
  .bg_common::after {
    background: url("../images/1x/top-image-prostyle_sp.jpg");
    background-size: 100%;
  }
} */
.banner {
  min-height: 786px;
}
.banner .title {
  position: absolute;
  top: 30%;
}

/* Keyframes chạy từ phải qua trái */
.infinite-scroll {
  --tiles: 3;
  /* sẽ được JS cập nhật động */
  --speed: 60s;
  /* tốc độ trượt */
  --tileW: 100vw;
  /* mỗi tile = 1 khung màn hình */
  aspect-ratio: 16/5;
  height: auto;
  /* tùy chỉnh */
  overflow: hidden;
  background: #fff;
}
.infinite-scroll .scroll-wrapper {
  display: flex;
  /* 2 lần bộ ảnh: A,B,C + A,B,C */
  width: calc(var(--tileW) * var(--tiles) * 2);
  height: 100%;
  animation: scroll-left var(--speed) linear infinite;
}
.infinite-scroll .scroll-wrapper > * {
  flex: 0 0 var(--tileW);
  height: 100%;
  width: var(--tileW);
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--tileW) * var(--tiles)));
  }
}
.section_ryokan .box_ryokan_item {
  margin-bottom: 30px;
  margin-right: 20px;
}
.section_ryokan .box_ryokan_item .box_division_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
}
.section_ryokan .box_ryokan_item .box_division_img img {
  width: auto;
  height: auto;
  -o-object-fit: none;
     object-fit: none;
}
@media (max-width: 767px) {
  .section_ryokan .box_ryokan_item {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .footer_sns ul li img {
    width: 40px;
    height: 40px;
  }
}/*# sourceMappingURL=styles-12045.css.map */