@charset "utf-8";
.p-rental-cycle{
  background-color: #fff;
}

/* ------------------------------------------
  Tour Price Recommend
------------------------------------------ */
.tour-price-recommend img {
  width: 100px;
}

.tour-price-recommend {
  top: -25px;
  left: 0;
}

.tour-price-recommend-text {
  position: absolute;
  top: 7px;
  width: 100%
}

.tour-price-card-price {
  color: #ebe3d2;
}
.tour-price-card-price-list li{
  border-bottom: dashed 1px #ebe3d2;
}


@media screen and (min-width: 1024px) {
  .tour-price-card-media {
    width: 542px;
    padding-left: 32px;
  }

  .tour-price-recommend {
    top: -25px;
    left: 0;
  }

  .tour-price-recommend img {
    width: 119px;
  }

  .tour-price-recommend-text {
    top: 11px;
  }
}

/* ------------------------------------------
  Tour Course
------------------------------------------ */
.tour-course {
  background-image: url("/img/rental-cycle/map-sp.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.tour-course-card {
  background-image: url("/img/tour-list/deco-frame.png");
  background-size: contain;
  min-height: 300px;
  background-repeat: no-repeat;
}

.tour-course-card-media {
  height: 159px;
}

.tour-course-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.tour-course-card-copy {
  line-height: 30px;
}

.tour-course-card-icon {
  right: 10px;
  bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .tour-course {
    background-image: url("/img/rental-cycle/map-pc.png");
    background-size: 100% 310px;
  }

  .tour-course-card {
    min-height: 370px;
  }

  .tour-course-card-media {
    height: 201px;
  }

  .tour-course-card-copy {
    line-height: 34px;
  }

  .tour-course-card-icon {
    right: 14px;
    bottom: 10px;
  }
}

.tour-recommend-box{
  max-width: 770px;
}

/* ------------------------------------------
  Tour Bike
------------------------------------------ */
.ui-card {
  width: 300px;
  min-height: 323px;
}

@media screen and (min-width: 1024px) {
  .ui-card {
    width: 380px;
    min-height: 368px;
  }
}