@media all and (min-width:961px) {
  .newSwiper .swiper-slide-active{
    width: min(calc((467 / var(--pc))*100vw),467px) !important;
  }
  .newSwiper .swiper-wrapper{
    padding-top: min(calc((61 / var(--pc))*100vw),61px);
    padding-left: calc((100% - min(calc((467 / var(--pc))*100vw),467px)) / 2);
  }
  .newSwiper .swiper-button_wrapper{
    top: min(calc((100 / var(--pc))*100vw),100px);
  }
  .rankSwiper .swiper-slide,.brandSwiper .swiper-slide {
    padding-right: 16px;
  }
}
@media all and (min-width:961px) and (max-width:1280px){
  .newSwiper .swiper-button_wrapper{
    top: min(calc((60 / var(--pc))*100vw),100px) ;
  }
}
@media all and (max-width:960px) {
  .newSwiper{
    overflow: hidden;
  }
  .newSwiper .swiper-wrapper{
    padding-top: min(calc((5 / var(--pc))*100vw),5px);
    padding-left: calc((100% - calc((208 / var(--sp))*100vw)) / 2);
  }
  .newSwiper .swiper-button_wrapper{
    top: min(calc((100 / var(--sp))*100vw),100px);
  }
  .newSwiper .swiper-slide-active{
    width: calc((208 / var(--sp))*100vw) !important;
  }
}

@media all and (min-width:0px) {
  .newSwiper .swiper-wrapper{
    height: calc((190 / var(--sp))*100vw)
  }
}
@media all and (min-width:350px) {
  .newSwiper .swiper-wrapper{
    height: calc((180 / var(--sp))*100vw)
  }
}
@media all and (min-width:400px) {
  .newSwiper .swiper-wrapper{
    height: calc((170 / var(--sp))*100vw)
  }
}
@media all and (min-width:500px) {
  .newSwiper .swiper-wrapper{
    height: calc((165 / var(--sp))*100vw)
  }
}
@media all and (min-width:600px) {
  .newSwiper .swiper-wrapper{
    height: calc((160 / var(--sp))*100vw)
  }
}
@media all and (min-width:700px) {
  .newSwiper .swiper-wrapper{
    height: calc((155 / var(--sp))*100vw)
  }
}
@media all and (min-width:800px) {
  .newSwiper .swiper-wrapper{
    height: calc((150 / var(--sp))*100vw)
  }
}
@media all and (min-width:961px) {
  .newSwiper .swiper-slide-active{
    width: min(calc((467 / var(--pc))*100vw),467px) !important;
  }
  .newSwiper .swiper-wrapper{
    height: min(calc((330 / var(--pc))*100vw),330px);
  }
}

@media all and (max-width:960px) {
  .rankSwiper .swiper-slide,.brandSwiper .swiper-slide {
    padding-right: 8px;
  }
  .rankSwiper .c-slider_list-item:nth-of-type(1) .c-rank_flag img{
    aspect-ratio: 8/16;
  }
  .rankSwiper .c-slider_list-item:nth-of-type(2) .c-rank_flag img{
    aspect-ratio: 12/16;
  }
  .rankSwiper .c-slider_list-item:nth-of-type(3) .c-rank_flag img{
    aspect-ratio: 13/17;
  }
  .rankSwiper .c-slider_list-item:nth-of-type(4) .c-rank_flag img{
    aspect-ratio: 15/16;
  }
  .rankSwiper .c-slider_list-item:nth-of-type(5) .c-rank_flag img{
    aspect-ratio: 12/16;
  }
}

/* icon */

.c-slider_list-item_upper::after{
  content: "";
  position: absolute;
  width: 68px;
  height: 68px;
  bottom: 0;
  right: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}

.c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  content: "";
  position: absolute;
  width: 76px;
  height: 38px;
  top: 0;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}

.c-slider_list-item[data-play="on"] .c-slider_list-item_upper::before{
  content: "";
  position: absolute;
	width: 50px;
  height: 50px;
  bottom: 0;
  right: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  background-image: url(../../img/common/icon/play.svg);
}

.c-slider_list-item[data-collabo="cookpad"] .c-slider_list-item_upper::after{
  width: 135px;
  background-image: url(../../img/common/icon/collabo-cookpad.png);
}

.c-slider_list-item[data-collabo="nadia"] .c-slider_list-item_upper::after{
  background-image: url(../../img/common/icon/collabo-nadia.png);
}

.c-slider_list-item[data-collabo="kurashiru"] .c-slider_list-item_upper::after{
  background-image: url(../../img/common/icon/collabo-kurashiru.png);
}

.c-slider_list-item[data-collabo="cookpad"] .c-slider_list-item_upper::after{
  background-image: url(../../img/common/icon/collabo-cookpad.png);
}

.c-slider_list-item[data-collabo="delishkitchen"] .c-slider_list-item_upper::after{
  background-image: url(../../img/common/icon/collabo-delishkitchen.png);
}

.c-slider_list-item[data-collabo="sotorecipe"] .c-slider_list-item_upper::after{
  background-image: url(../../img/common/icon/collabo-sotorecipe.png);
}

.ly-misoTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-misoDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/miso/top/new.svg);
}
.ly-oatmilkTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-oatmilkDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/oatmilk/new.svg);
}
.ly-tonyuTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-tonyuDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/tonyu/new.svg);
}
.ly-almondmilkTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-almondmilkDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/almond-milk/new.svg);
}
.ly-tonyugurtTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-tonyugurtDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/tonyugurt/new.svg);
}
.ly-tonyucheeseTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
.ly-tonyucheeseDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
  background-image: url(../../img/brand/tonyucheese/new.svg);
}
@media all and (max-width:960px){
    .ly-misoTop .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before,
    .ly-misoDetail .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
      background-image: url(../../img/brand/miso/new.svg);
  }
}

@media all and (max-width:960px) {
  .c-slider_list-item[data-new="on"] .c-slider_list-item_upper::before{
    width: 42px;
    height: 21px;
  }
  .c-slider_list-item_upper::after{
    width: 39px;
    height: 39px;
    margin-right: 4px;
    margin-bottom: 4px;
  }
  .c-slider_list-item[data-collabo="cookpad"] .c-slider_list-item_upper::after{
    width: 100px;
  }
  .c-slider_list-item[data-play="on"] .c-slider_list-item_upper::before{
    width: 30px;
    height: 30px;
  }
}