/* ここでは別途作成した静的ページCSSのインポートのみ許可する */
/* インポート元のファイルを変更した場合はここも「保存する」を押さないと変更が反映されない */

/* YOCABITOのCSSをインポート */
@import url(https://yocabito.itembox.design/item/yocabito/yocabito_style.css?t=20251024092022);


.fr3-item__productName {
  display: -webkit-box!important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

span.fr3-item__productPrice__value {
  font-size: 2.4rem;
}

span.fr3-item__productPrice__currencyMark {
  font-size: 1.4rem;
}

span.fr3-item__productPrice__addon {
  font-size: 1.2rem;
}

.fr3-item__productPrice {
  margin-top: 5px;
}

.fr3-item__rank {
  width: 30px!important;
  height: 30px!important;
}

.fr3-productListCarousel__slide:first-of-type .fr3-item__rank {
  background: #f5d132;
  color: #fff;
}

.fr3-productListCarousel__slide:nth-of-type(2) .fr3-item__rank {
  background: #bebebe;
  color: #fff;
}

.fr3-productListCarousel__slide:nth-of-type(3) .fr3-item__rank {
  background: #d1894b;
  color: #fff;
}