@charset "utf-8";



/********** ページ見出し非表示に　※h2が代わりになります **********/
/*.fs-l-pageMain .fs-c-heading.fs-c-heading--page{
	display: none;
}
*/

/* --------------------------------------------------------------------------------
	ranking
-------------------------------------------------------------------------------- */
#ranking .ranking {
	margin: 0 0 95px;
}


#ranking .ranking > h2{
	margin: 0 0 34px;
	text-align: center;
    color: #333333;
}
#ranking .ranking > h2 .label{
	position: relative;
	display: block;
	
	margin: 0 0 20px;
	padding: 0 0 8px;
	letter-spacing: 0.1em;
	font-size: 28px;
}
#ranking .ranking > h2 .label::after{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -45px;
	
	content: '';
	width: 90px;
	height: 2px;
	background: #333;
}
#ranking .ranking > h2 .ruby{
	display: block;
	font-size: 16px;
}

#ranking .ranking .ranking-box{
	padding: 0 0 55px;
}

#ranking .ranking .slick-slide{
	width: 228px;
	margin: 0 7px 40px 8px;
	display: block;
}

/* 矢印 */
#ranking .ranking .slick-arrow{
	display: none !important;
}

#ranking .ranking .fs-c-productListCarousel__list__item{
	flex-basis: unset;
	max-width: none;
	min-width: none;
}

#ranking .ranking .fs-c-slick .slick-track{
	display: flex;
	flex-wrap: wrap;
	
	left: 8px;
}
#ranking .ranking .slick-track{
	width: auto !important;
	transform: none !important;
}
#ranking .ranking .slick-track .fs-c-productListItem__imageContainer{
	padding: 0 0 5px;
}
#ranking .ranking .slick-track a{
	display: block;
	padding: 0 0 2px;
	line-height: 1.55;
	text-decoration: none;
	color: #000;
}
#ranking .ranking .slick-track .fs-c-productImage a{
	position: relative;
	display: block;
}
#ranking .ranking .slick-slide{
	float: none;
}
#ranking .ranking .slick-slide:nth-of-type(1) .fs-c-productImage a::before{
	content: url(../../images/common/icon-rank1.png);
	transform: scale(0.48);
	position: absolute;
	top: -15px;
	left:-15px;
	z-index: 10;
}
#ranking .ranking .slick-slide:nth-of-type(2) .fs-c-productImage a::before{
	content: url(../../images/common/icon-rank2.png);
	transform: scale(0.48);
	position: absolute;
	top: -15px;
	left:-15px;
	z-index: 10;
}
#ranking .ranking .slick-slide:nth-of-type(3) .fs-c-productImage a::before{
	content: url(../../images/common/icon-rank3.png);
	transform: scale(0.48);
	position: absolute;
	top: -15px;
	left:-15px;
	z-index: 10;
}
#ranking .ranking .slick-slide:nth-child(n+4) .fs-c-productImage a::before{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	
	border: solid 1px #646464;
	font-weight: bold;
	font-size: 15px;
	color: #646464;
	background: #fff;
}
#ranking .ranking .slick-slide:nth-of-type(4) .fs-c-productImage a::before{
	content: '4';
}
#ranking .ranking .slick-slide:nth-of-type(5) .fs-c-productImage a::before{
	content: '5';
}
#ranking .ranking .slick-slide:nth-of-type(6) .fs-c-productImage a::before{
	content: '6';
}
#ranking .ranking .slick-slide:nth-of-type(7) .fs-c-productImage a::before{
	content: '7';
}
#ranking .ranking .slick-slide:nth-of-type(8) .fs-c-productImage a::before{
	content: '8';
}
#ranking .ranking .slick-slide:nth-of-type(9) .fs-c-productImage a::before{
	content: '9';
}
#ranking .ranking .slick-slide:nth-of-type(10) .fs-c-productImage a::before{
	content: '10';
}
#ranking .ranking .slick-slide:nth-of-type(11) .fs-c-productImage a::before{
	content: '11';
}
#ranking .ranking .slick-slide:nth-of-type(12) .fs-c-productImage a::before{
	content: '12';
}
#ranking .ranking .slick-slide:nth-of-type(13) .fs-c-productImage a::before{
	content: '13';
}
#ranking .ranking .slick-slide:nth-of-type(14) .fs-c-productImage a::before{
	content: '14';
}
#ranking .ranking .slick-slide:nth-of-type(15) .fs-c-productImage a::before{
	content: '15';
}
#ranking .ranking .slick-slide:nth-of-type(16) .fs-c-productImage a::before{
	content: '16';
}
#ranking .ranking .slick-slide:nth-of-type(17) .fs-c-productImage a::before{
	content: '17';
}
#ranking .ranking .slick-slide:nth-of-type(18) .fs-c-productImage a::before{
	content: '18';
}
#ranking .ranking .slick-slide:nth-of-type(19) .fs-c-productImage a::before{
	content: '19';
}
#ranking .ranking .slick-slide:nth-of-type(20) .fs-c-productImage a::before{
	content: '20';
}


/********** 画像リンク **********/
/* リンク通常時 */
#ranking .ranking .slick-slide .fs-c-productImage a{
	width: 228px;
	height: 304px;
	overflow: hidden;
	transition: opacity 0.5s;
}
#ranking .ranking .slick-slide .fs-c-productImage a:hover{
	opacity: 0.7;
}

/********** 画像 **********/
/* 通常時 */
#ranking .ranking .slick-slide .fs-c-productImage img{
	transition: 0.5s;
	transform: scale(1);
}
/* hover時 */
#ranking .ranking .slick-slide .fs-c-productImage a:hover img{
	transform: scale(1.1);
}


#ranking .ranking span.fs-c-productName__copy{
	display:none;
}
#ranking .ranking .fs-c-productListItem__control.fs-c-buttonContainer{
	padding: 0 0 5px;
	display: none;
}
/*#ranking .ranking .fs-c-productPrice__main__label{
	display: none;
}*/
#ranking .ranking .fs-c-productPrice__main__price{
	font-size: 16px;
	color: inherit;
}
#ranking .ranking .fs-c-productPrice__main__price .fs-c-price__value{
	font-size: 16px;
}
#ranking .ranking .fs-c-price__value{
	font-size: 12px;
}





/* --------------------------------------------------------------------------------
	商品マーク
-------------------------------------------------------------------------------- */
span.fs-c-productMark__mark {
    padding: 4px 6px;
}

/* もっと見る */
#ranking .ranking .btn-more a{
	display: block;
	width: 290px;
	margin: 0 auto;
	padding: 10px 22px 10px 0;
	text-decoration: none;
	text-align: center;
	border: solid 1px #7d7d7d;
	border-bottom: solid 2px #7d7d7d;
	font-size: 15px;
	background: url("../images/index/icon-arr-more.png") no-repeat calc(100% - 36px) 50%;
	color: #333333;
}
#ranking .ranking .btn-more a:hover{
	border: solid 1px #cc4e45;
	border-bottom: solid 2px #cc4e45;
	color: #cc4e45;
	background: url("../images/index/icon-arr-more_hover.png") no-repeat calc(100% - 36px) 50%;
}