@charset "UTF-8";
/*------------------------------------

おすすめ特集

------------------------------------*/
#recommendWrap {
	margin-top: 80px;
}
#recommendWrap.bg-gray {background: rgba(0,0,0,.04);/* 背景色 */    padding-bottom: 50px;
    padding-top: 40px;}
#recommendWrap .recommendTitleWrap{width: calc(100% - (0.9375rem*2));max-width:1170px;margin:0 auto;}
#recommendWrap .mainTitle {margin-bottom: 0.875rem;padding-bottom: 0.275rem;display: flex;align-items: center;border-bottom: 1px solid #dcdcdc;}
#recommendWrap .mainTitle span { font-size: 1.05rem;display: block; font-weight: 700; margin-top: 2px; }
#recommendWrap .recommendLead { font-size: 0.875rem;display: block; font-weight: 400; margin: 5px 0;}
#recommendWrap .recommendTitle { font-size: 1.275rem;display: block; font-weight: 700; margin: 5px 0;}
#recommendWrap .recommendTitleWrap div:last-child {margin-bottom:15px;}
@media (max-width: 768px) {/* 768px以下の処理 */
    #recommendWrap .mainTitle { margin-bottom: calc(.5rem + 3px); }
	#recommendWrap .mainTitle span { font-size: 0.875rem; font-weight: 600; }
	#recommendWrap .recommendTitleWrap {}
    #recommendWrap .recommendTitle { font-size: 1.075rem; }
}

/*------------------------------------

ファッションアイテム

------------------------------------*/
#recommendWrap .fs_circles {
    margin-top: 0;
}
#recommendWrap .fs_page-fs-home__intro-banners02:not(:first-child) {
    margin-top: 1.275rem;
}
@media (max-width: 768px) {/* 768px以下の処理 */
#recommendWrap .fs_circles {
    width: calc(100% - (0.9375rem*2)); margin:0 auto;
}
}
/*------------------------------------

商品読み込みエリア

------------------------------------*/
#recommendWrap .inner { max-width: 1170px; margin-right: auto; margin-left: auto; }
#recommendWrap .recommendList {    padding-bottom: 50px;}

.recommendSlider { list-style: none; margin: 0; padding: 0; counter-reset: listnum; }
.recommendSlider > li { position: relative; }
.recommendSlider > li figure{ position: relative;}
.recommendSlider > li figure::before {
	counter-increment: listnum;
	content: counter(listnum);
	position: absolute;
	left: 0;
	top: 0;
	font-size: .8rem;
    width: 1.25rem;
    text-align: center;
	color: #fff;
    background: #202020; 
}	
.recommendSlider > li:nth-child(1) figure:before { background: #d0b545; }
.recommendSlider > li:nth-child(2) figure:before { background: #ababab; }
.recommendSlider > li:nth-child(3) figure:before { background: #ae7b48; }
.recommendSlider a { display: block; text-decoration: none; }
.recommendSlider img { width: 100%; height: auto; }
.recommendSlider figure { margin-bottom: 0; }
.recommendSlider figcaption > p { margin-bottom: 0; margin-top: 0.5rem; }
.recommendSlider a figure { margin-bottom: 0; }
.recommendSlider .tagline { font-size: 0.75rem; line-height: 1.4; margin-top: 0.5rem; margin-bottom: 0; }
.recommendSlider .title {
	font-size: 0.9375rem;
    line-height: 1.4;
	margin-top: 0.5rem;
	margin-bottom: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

#recommendWrap .swiper-button-next, #recommendWrap .swiper-button-prev {
	top: 40%;
    height: 100px;
    background: rgba(255,255,255,.5);
    width: 60px;
    margin-top: -50px;
    color: #000;
    transition: opacity 200ms;
}#recommendWrap .recommendList .swiper-button-next, #recommendWrap .recommendList .swiper-button-prev {
	top: 50%;
}
#recommendWrap .swiper-button-next { border-radius: 100px 0 0 100px; box-shadow: -5px 0 8px rgba(0,0,0,.1); }
#recommendWrap .swiper-button-prev { border-radius: 0 100px 100px 0; box-shadow: 5px 0 8px rgba(0,0,0,.1); }
#recommendWrap .swiper-button-next, #recommendWrap .swiper-container-rtl .swiper-button-prev { right: 0; }
#recommendWrap .swiper-button-prev, #recommendWrap .swiper-container-rtl .swiper-button-next { left: 0; }
#recommendWrap .swiper-button-disabled {opacity: 0;}
.swiper-button-next:after,
.swiper-button-prev:after { font-size: 30px; }
.swiper-button-next:after { margin-left: 5px; }
.swiper-button-prev:after { margin-right: 5px; }

.recommendSlider .fca_labels__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
    padding: 0;
    line-height: 1;
}
.recommendSlider .fca_labels__item { margin-right: 0.375rem; margin-top: 0.25rem; line-height: 1; width: auto; height: auto; }
.recommendSlider .price,
.recommendSlider .sale_price,
.recommendSlider .strike_price {
	font-family: "Roboto", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
	line-height: 1;
	font-size: 0.9375rem;
	font-weight: 900;
	display: block;
}
.recommendSlider .sale_price { color: #c73339; }
.recommendSlider .strike_price {
	color: #999999;
	text-decoration: line-through;
    text-decoration-color: #c73339;
    text-decoration-style: double;
}

/* margin */

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

@media (max-width: 1180px) {
	#recommendWrap .swiper-button-next, #recommendWrap .swiper-container-rtl .swiper-button-prev { right: -0.9375rem; }
	#recommendWrap .swiper-button-prev, #recommendWrap .swiper-container-rtl .swiper-button-next { left: -0.9375rem; }
}
@media (max-width: 768px) {
	.recommendSlider .tagline { font-size: 0.625rem; }
	.recommendSlider .title { font-size: 0.75rem; }
	.recommendSlider .price,
	.recommendSlider .sale_price,
	.recommendSlider .strike_price { font-size: 0.6875rem; }
	
	.swiper-button-next:after,
	.swiper-button-prev:after { font-size: 20px; }
}


/*------------------------------------

特集M（おすすめブランド）

------------------------------------*/
/* 呼び出しのために使用して非表示 */
#recommendIncludeArea {display: none;}

/* 特集をswiper化 */
#recommendWrap .swiper-container{margin-bottom: calc(3.5rem + 3px);}
#recommendWrap .recommendList .swiper-container{margin-bottom: calc(1.875rem + 3px);}
#recommendWrap .recommendList .fca_section__btn{margin-top:0;}
#recommendWrap .recommendCategoryBlock .fs_container__in{position:relative;}
#recommendWrap .recommendCategoryBlock .fs_thumbs__items{ flex-wrap: nowrap;}
#recommendBland .swiper-button-next,
#recommendBland .swiper-button-prev{display: none;}
#recommendWrap .fs_thumbs__items {align-items: flex-start;}
#recommendWrap .fs_thumbs__items .fs_thumbs__item{width: 23.0773%;margin-top: 0;}
#recommendWrap .fs_page-fs-home__feature__items.is-m .fs_thumbs__item:nth-child(odd):last-child {
    display: block;
}

/* プログレスバー */
#recommendWrap .swiper-pagination {
  position: relative;
  height: 3px;
  background: #e6e6e6;
  border-radius: 3px;
  width: 50%;
  max-width: 400px;
  margin: 20px auto;
}

/*------------------------------------

イチオシ特集

------------------------------------*/

#recommendFeature .fs_lazyload-wrap:not(.is-lazyloaded):before {
    padding-top: 83%;
}
/*------------------------------------

フェリシモTOPカテゴリボタン
・バナー部分非表示

------------------------------------*/
/*
#recommendWrap .fs_page-fs-home__intro-banners02 .fs_thumbs {
    display: none;
}
*/
#recommendWrap .fs_page-fs-home__intro-banners02 {
    display: none;
}


/*------------------------------------

キャンペーンバナー

------------------------------------*/
#recommendWrap .fsc_gfooter__banners {padding-top: 0;}

/*==================================
SP
==================================*/
@media (max-width: 768px) {
#recommendWrap .fs_container {
    padding: 0;
  }
#recommendWrap .swiper-container{
	overflow:inherit;
}
#recommendWrap .recommendList .swiper-container{
	overflow:inherit;
	margin-bottom: calc(1.5rem + 3px);
}
 #recommendWrap .swiper-button-next,
 #recommendWrap .swiper-button-prev{display: none;}
    
/* SPでswiperを破棄して scrollingに変更 */

#recommendWrap .swiper-wrapper {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 5px;
    gap:3.3vw;
    transform: none !important;
  }
#recommendWrap .swiper-slide {
    flex: 0 0 auto;
    width: 32.16%;
    box-sizing:inherit;
  }
#recommendWrap .swiper-slide:first-child {
	padding-left: 0.9375rem;
}
#recommendWrap .swiper-slide:last-child {
	padding-right: 0.9375rem;
}
#recommendWrap .fs_thumbs__items .fs_thumbs__item {
    width: 32.16%;
    margin-top: 0;
}
	
/* デフォルトのスクロールバー非表示 */
#recommendWrap .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
    
#recommendWrap #recommendFeature .fs_thumbs__items .fs_thumbs__item,  
#recommendWrap #recommendFeature .fs_thumbs__items .fs_thumbs__item {
    width: 37.16%;
}
    
}

/*==================================
PC
==================================*/
@media (min-width: 769px) {
    #recommendWrap .swiper-pagination {display: none;}
}