/* 2023年8月追加
*  futureAIRecommend周りのCSS */

/* デフォルトでついているタイトルを消す
---------------------------------------------------*/
.flywheel-recommend__frame .fs-p-heading--lv2 {
  display: none;
}

/* スクロールスライダー
使用箇所：トップページ、商品グループページ
---------------------------------------------------*/
.scrollslider.flywheel-recommend__frame {
  position: relative;
}
.scrollslider.flywheel-recommend__frame:before {
  content: "";
  position: absolute;
  top: 25%;
  right: 0.8em;
  border: 10px solid transparent;
  border-top-width: 15px;
  border-bottom-width: 15px;
  border-left-color: #0000009c;
  opacity: 0;
  animation: arrow 1.2s infinite;
  z-index: 10;
}
.scrollslider.flywheel-recommend__frame > div {
  white-space: nowrap;
  overflow-x: scroll;
  padding: 0;
  gap: 10px;
}
.scrollslider.flywheel-recommend__frame article {
  position: relative;
}
.scrollslider.flywheel-recommend__frame .fr3-item__productName {
  white-space: normal;
  /* font-size: 1.3rem; */
  /* font-size: 2.8vw; */
  line-height: 1.6;
  font-size: 2.7vw;
}
.scrollslider.flywheel-recommend__frame .fr3-item__productPrice span {
  color: #905f5f;
  font-weight: bold;
}
@media screen and (max-width: 961px) {
  .scrollslider.flywheel-recommend__frame > div {
    display: inherit;
  }
  .scrollslider.flywheel-recommend__frame article {
    width: 140px;
    margin: 0 5px;
  }
  .scrollslider.flywheel-recommend__frame .fr3-item__productPrice span {
    font-size: 11px;
  }
}

/* ランキングのみ 
 * 左上に番号入れる
---------------------------------------------------*/
.ranking.flywheel-recommend__frame article:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  background-size: 100%;
}
.ranking.flywheel-recommend__frame article:nth-child(1):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_1.png);
}
.ranking.flywheel-recommend__frame article:nth-child(2):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_2.png);
}
.ranking.flywheel-recommend__frame article:nth-child(3):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_3.png);
}
.ranking.flywheel-recommend__frame article:nth-child(4):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_4.png);
}
.ranking.flywheel-recommend__frame article:nth-child(5):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_5.png);
}
.ranking.flywheel-recommend__frame article:nth-child(6):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_6.png);
}
.ranking.flywheel-recommend__frame article:nth-child(7):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_7.png);
}
.ranking.flywheel-recommend__frame article:nth-child(8):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_8.png);
}
.ranking.flywheel-recommend__frame article:nth-child(9):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_9.png);
}
.ranking.flywheel-recommend__frame article:nth-child(10):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_10.png);
}
.ranking.flywheel-recommend__frame article:nth-child(11):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_11.png);
}

.ranking.flywheel-recommend__frame article:nth-child(12):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_12.png);
}

.ranking.flywheel-recommend__frame article:nth-child(13):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_13.png);
}

.ranking.flywheel-recommend__frame article:nth-child(14):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_14.png);
}

.ranking.flywheel-recommend__frame article:nth-child(15):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_15.png);
}

.ranking.flywheel-recommend__frame article:nth-child(16):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_16.png);
}

.ranking.flywheel-recommend__frame article:nth-child(17):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_17.png);
}

.ranking.flywheel-recommend__frame article:nth-child(18):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_18.png);
}

.ranking.flywheel-recommend__frame article:nth-child(19):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_19.png);
}

.ranking.flywheel-recommend__frame article:nth-child(20):before {
  background-image: url(https://www.inns.jp/images/index/2023/rank_20.png);
}

.ranking.flywheel-recommend__frame .fr3-item__rankContainer {
  display: none;
}

/* テンプレートがカルーセルの場合
---------------------------------------------------*/
.fr3-productListCarousel {
  padding: 30px 0;
}
.fr3-productListCarousel__Button {
  width: 48px;
  height: 48px;
  border-radius: 5px;
  background-color: #fff;
  z-index: 10;
}

.fr3-productListCarousel__Button img {
  display: none;
}

.fr3-productListCarousel__prevButton {
  margin-right: -20px;
}
.fr3-productListCarousel__nextButton {
  margin-left: -20px;
}
.fr3-productListCarousel__prevButton:before,
.fr3-productListCarousel__nextButton:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain !important;
}
.fr3-productListCarousel__prevButton::before {
  background: url(../img/productDetail/prev.png);
}
.fr3-productListCarousel__nextButton::before {
  background: url(../img/productDetail/next.png);
}

/* 売れ筋ランキングと特集のタイトル・バナー・リンク 
---------------------------------------------------*/
/* 売れ筋ランキング・特集共通 */

.ranking-cat .btn-link,
.featured-cat .btn-link {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ranking-cat .btn-txt,
.featured-cat .btn-txt {
  text-decoration: none;
  border: solid 1px #7b6c74;
  color: #666666;
  border-radius: 100px;
  padding: 2% 4.5%;
  text-align: center;
  margin: 0 auto;
  background-color: #f7f6f5;
  font-size: 13px;
}

/* 売れ筋ランキング */
.ranking-cat {
  padding: 5px 0 27px;
}
.ranking-cat .ttl {
  width: 65%;
  margin: 18px auto 12px;
}
.ranking-cat .update {
  padding: 0 10px;
  text-align: right;
  margin: 3rem 0 0;
  /* font-weight: bold; */
  font-size: 11px;
  color: #333;
}

.ranking-cat.drape .ttl img {
  width: 56%;
}
.ranking-cat.lace .ttl img {
  width: 50%;
}

.ranking-cat .ttl .sub {
  margin: 2vw 0 0;
  color: #333;
}

.ranking-cat.drape .ttl .sub {
  margin: 1vw 0 0;
}

/* 特集 */
.featured-section .featured-cat .featured-wrap {
  position: relative;
  margin: 0 auto 30px;
}

.featured-section .featured-cat .scrollslider.flywheel-recommend__frame > div {
  padding: 0px 0 22px;
}

.featured-section .ttl {
  margin: 20px auto 2px;
  font-size: 3.2vw;
  line_hight: 1.6;
}
.featured-section .ttl.-set img {
  width: 33%;
}
.featured-section .ttl.-set .sub {
  margin: 3vw 0 0;
  color: #333;
}
.featured-section .featured-cat .banner-single {
  margin-bottom: 10px;
}
.featured-section .ttl.-drape img {
  width: 62%;
}
.featured-section .ttl.-drape .sub {
  margin: 1.5vw 0 0;
  color: #333;
}
.featured-section .ttl.-lace img {
  width: 57%;
}
.featured-section .ttl.-lace .sub {
  margin: 1.5vw 0 0;
  color: #333;
}
.featured-section .txt {
  margin: 10px auto 0;
}
.featured-section .txt a {
  font-size: 3.2vw;
}
.featured-section .btn-link .btn-txt {
  transition: all 0.3s;
}
.featured-section .btn-link .btn-txt:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

/* 殿堂入り表示
---------------------------------------------------*/

.ttl_dendo img {
  margin: 0 auto 15px;
  display: block;
  width: 50%;
}

.best .fr3-item__image {
  width: 100%;
  padding: 3px;
  border: 3px solid #e3d4b6;
}

.best .fr3-item__productPrice span {
  display: none;
}

.ttl_dendo .sub {
  margin-bottom: 10px;
  text-align: center;
}

#dendo_drape_sp .flywheel-recommend__frame .fr3-item__productPrice span {
  display: none;
}

.dendo.flywheel-recommend__frame article:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 45px;
  background-size: 100%;
  margin: 10px;
}

.dendo.flywheel-recommend__frame article:nth-child(1):before {
  background-image: url(https://www.inns.jp/images/index/2023/dendo.png);
}
.dendo.flywheel-recommend__frame article:nth-child(2):before {
  background-image: url(https://www.inns.jp/images/index/2023/dendo.png);
}
.dendo.flywheel-recommend__frame article:nth-child(3):before {
  background-image: url(https://www.inns.jp/images/index/2023/dendo.png);
}
.dendo.flywheel-recommend__frame article:nth-child(4):before {
  background-image: url(https://www.inns.jp/images/index/2023/dendo.png);
}
.dendo.flywheel-recommend__frame article:nth-child(5):before {
  background-image: url(https://www.inns.jp/images/index/2023/dendo.png);
}

.dendo.flywheel-recommend__frame .fr3-item__rankContainer {
  display: none;
}