@charset "UTF-8";
#App__recommend:empty,
#App_section_same_category_recommend:empty {
  display: none;
}

.recommend_unit__wrapper {
  max-width: none;
  background-color: #cddcdc;
  background-image: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  background-blend-mode: screen, overlay;
  box-sizing: border-box;
  text-align: left;
}
.recommend_unit__wrapper li {
  margin: 0;
  padding: 0;
}
.recommend_unit__wrapper a:hover {
  text-decoration: none;
}

.recommend_unit__innner,
.recommend_unit__product_search {
  width: 100%;
  max-width: var(--width_max_pc_l);
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
  gap: 1em;
}

@media screen and (min-width: 769px) {
  .recommend_unit__innner {
    display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 40rem;
    grid-template-rows: repeat(3, auto);
  }
  .recommend_unit__app {
    grid-area: 1/1/2/3;
  }
  .recommend_unit__pt_feature {
    grid-area: 2/1/3/2;
  }
  .recommend_unit__special_feature {
    grid-area: 2/2/3/3;
  }
  .recommend_unit__product_search {
    grid-area: 3/1/4/3;
  }
}
#same_category_list,
#new_recommend,
#App__recommend {
  background: #fff;
  padding: 1em;
}

#same_category_list {
  margin: 0 0 1em;
}

/*共通*/
#App__recommend.recommend_unit__app,
.recommend_unit__pt_feature,
.recommend_unit__special_feature,
.recommend_unit__product_search {
  background: #fff;
  padding: 1em;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: none;
}

@media screen and (max-width: 768px) {
  .recommend_unit__app,
.recommend_unit__pt_feature,
.recommend_unit__special_feature,
.recommend_unit__product_search {
    margin: 1em auto;
  }
}
.recommend_unit__pt_feature__title,
.recommend_unit__special_feature__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#App_section_same_category_recommend.recommend_unit__app .recommend_title,
#App__recommend.recommend_unit__app .recommend_title,
.recommend_unit__pt_feature__h,
.recommend_unit__special_feature__h,
.recommend_unit__product_search__h {
  font-size: var(--size_h_m);
  text-align: left;
  margin: 0 0 1em 0;
}

.recommend_unit__pt_feature__title a,
.recommend_unit__special_feature__title a {
  margin: 0 0 1em 0;
}

/*本日のおすすめセール*/
.recommend_unit__pt_feature {
  overflow: hidden;
}
.recommend_unit__pt_feature .splide .pt_slider_item {
  width: 17.6rem;
  max-width: 17.6rem;
}
.recommend_unit__pt_feature .splide .pt_slider_item__img {
  width: 17.6rem;
  height: 17.6rem;
}
.recommend_unit__pt_feature .pt_slider {
  margin-top: 0;
}

/*特集*/
.recommend_unit__special_feature .special_feature {
  display: flex;
  list-style: none;
  gap: 1em;
  padding: 0;
}
.recommend_unit__special_feature .special_feature__item {
  width: 50%;
  max-width: 17.6rem;
  cursor: pointer;
}
.recommend_unit__special_feature .special_feature__item p {
  margin-top: 0.8em;
}
.recommend_unit__special_feature .special_feature__imgbox {
  display: flex;
  overflow: hidden;
  box-shadow: var(--shadow_mid);
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  max-width: 17.6rem;
  max-height: 17.6rem;
}
.recommend_unit__special_feature .special_feature__img {
  filter: brightness(1);
  transition: transform 0.3s, filter 0.3s;
}
.recommend_unit__special_feature .special_feature__item:hover .special_feature__img {
  transform: scale(1.05);
  filter: brightness(1.15);
}
.recommend_unit__special_feature .special_feature__item img {
  width: 100%;
  height: auto;
}
.recommend_unit__special_feature .special_feature__item a {
  color: var(--color_font_mid);
  font-size: var(--size_txt_s);
  text-decoration: none;
}

/*製品検索*/
.recommend_unit__product_search input::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.7rem;
  background: url(/~/media/img/common/icon/icon_search_bl_outline.svg) no-repeat center center/auto;
}

.recommend_none {
  display: none;
}