@charset "UTF-8";


/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
main#page-main-wrapper > .ranking-contentainer{
width:100%;
max-width:1024px;
min-width:1024px;
padding:0 20px;
margin:auto;
}

@media screen and (max-width:768px){
	main#page-main-wrapper > .ranking-contentainer{
	padding:0;
	max-width:unset;
	min-width:unset;
	}
}

/* --------------------------------------------------------------------
　タイトル設定
-------------------------------------------------------------------- */
h1#ranking-title{
font-size:2.8rem;
letter-spacing:.02em;
text-align:center;
line-height:1;
margin:0 auto;
padding:80px 0 0 0;
font-weight:300;
}
@media screen and (max-width:768px){
	h1#ranking-title{
	font-size:2rem;
	font-weight:600;
	padding:60px 0 0 0;
	}
	#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 11){
	display:block !important;
	}
}


/* --------------------------------------------------------------------
　タブ切替設定
-------------------------------------------------------------------- */
/*-- タブメニュー --*/
#ranking-tab-wrap > .tab-group-list{
display:flex;
justify-content:center;
align-items:center;
}
#ranking-tab-wrap > .tab-group-list > .ranking-tab-link{
line-height:40px;
opacity:.65;
width:max-content;
position:relative;
font-size:15px;
font-weight:600;
padding:0;
margin:0 20px 0 0;
letter-spacing:0;
cursor:pointer;
}
#ranking-tab-wrap > .tab-group-list > .ranking-tab-link.is-active{
opacity:1;
color:#000;
}
#ranking-tab-wrap > .tab-group-list > .ranking-tab-link.is-active:after{
content:"";
width:100%;
height:4px;
background:#000;
position:absolute;
bottom:0;
left:0;
}
#ranking-tab-wrap > .tab-group-list > .ranking-tab-link:last-child{
margin:0;
}

/*-- タブパネル --*/
#ranking-panel-wrap{
padding:40px 1.5rem 180px 1.5rem !important;
}
#ranking-panel-wrap.nonetab{
padding:20px 1.5rem 180px 1.5rem !important;
}
#ranking-panel-wrap > .ranking-panel{
display:none;
opacity:0;
transition:all 1.2s ease;
}
#ranking-panel-wrap > .ranking-panel.is-show{
display:block;
opacity:1;
}

@media screen and (max-width:768px){
	/*-- タブメニュー --*/
	#ranking-tab-wrap{
	min-width:unset !important;
	height:max-content;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-top:0 !important;
	}
	#ranking-tab-wrap > p{
	order:1;
	margin:0 auto 15px auto;
	font-size:1rem;
	display:block;
	}
	#ranking-tab-wrap > .tab-group-list{
	justify-content:center;
	order:2;
	margin:auto;
	width:100%;
	position:relative;
	}
	#ranking-tab-wrap > .tab-group-list:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#ddd;
	position:absolute;
	bottom:0;
	left:0;
	}
	#ranking-tab-wrap > .tab-group-list > .ranking-tab-link{
	font-size:1.2rem;
	line-height:50px;
	}
	#ranking-tab-wrap > .tab-group-list > .ranking-tab-link.is-active:after{
	transform:translateX(-50%);
	left:50%;
	}

	/*-- タブパネル --*/
	#ranking-panel-wrap,
	#ranking-panel-wrap.nonetab{
	padding:3rem 2rem!important;
	}
}

/* --------------------------------------------------------------------
　商品掲載エリア設定
-------------------------------------------------------------------- */
/*-- 任意商品スライド解除 --*/
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick{
display:block;
width:100%;
padding:0;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > span.fs-c-productListCarousel__ctrl{
display:none !important;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list{
display:block;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list{
margin:0 auto;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track{
display:grid !important;
grid-template-columns:repeat(5,1fr) !important;
width:100% !important;
transform:none !important;
gap:3rem 1.5rem !important;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track:after{
content:unset;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide{
width:100%;
padding:0;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > div > div > .slick-track::before {
content:none !important;
}
.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 13){
display:block !important;
}
/*-- ナンバリング --*/
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > div > .fs-c-productImage > a{
posision:relative;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > div > .fs-c-productImage > a:after{
width:26px;
height:26px;
padding:2px 0 0 0;
display:flex;
align-items:center;
justify-content:center;
background:#f4f4f4;
color:#000;
position:absolute;
left:6px;
top:6px;
font-size:1.2rem;
border-radius:100%;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(1) > div > article > div > .fs-c-productImage > a:after{
content:"1";
background:#dbc029;
color:#fff;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(2) > div > article > div > .fs-c-productImage > a:after{
content:"2";
background:#a5a8b4;
color:#fff;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(3) > div > article > div > .fs-c-productImage > a:after{
content:"3";
background:#a38352;
color:#fff;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(4) > div > article > div > .fs-c-productImage > a:after{
content:"4";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(5) > div > article > div > .fs-c-productImage > a:after{
content:"5";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(6) > div > article > div > .fs-c-productImage > a:after{
content:"6";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(7) > div > article > div > .fs-c-productImage > a:after{
content:"7";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(8) > div > article > div > .fs-c-productImage > a:after{
content:"8";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(9) > div > article > div > .fs-c-productImage > a:after{
content:"9";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(10) > div > article > div > .fs-c-productImage > a:after{
content:"10";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(11) > div > article > div > .fs-c-productImage > a:after{
content:"11";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(12) > div > article > div > .fs-c-productImage > a:after{
content:"12";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(13) > div > article > div > .fs-c-productImage > a:after{
content:"13";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(14) > div > article > div > .fs-c-productImage > a:after{
content:"14";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(15) > div > article > div > .fs-c-productImage > a:after{
content:"15";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(16) > div > article > div > .fs-c-productImage > a:after{
content:"16";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(17) > div > article > div > .fs-c-productImage > a:after{
content:"17";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(18) > div > article > div > .fs-c-productImage > a:after{
content:"18";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(19) > div > article > div > .fs-c-productImage > a:after{
content:"19";
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(20) > div > article > div > .fs-c-productImage > a:after{
content:"20";
}

#fsFlickerCommonsRecommend.ranking > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 10){
display:block;
}
/*-- フォントサイズ調整 --*/
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__copy{
font-size:1.3rem;
}
.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__name{
font-size:1.2rem;
-webkit-line-clamp:2;
}
.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > #item-price{
margin-top:1.5rem;
}
.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > #item-price > div{
font-size:1.6rem;
}
@media screen and (max-width:768px){
	.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__name{
	display:-webkit-box !important;
	}
	.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track{
	gap:30px 5px !important;
	}
	.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__copy{
	font-size:1rem;
	}
	#fsFlickerCommonsRecommend.ranking > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 10){
	display:block;
	}
	#fsFlickerCommonsRecommend > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track{
	grid-template-columns:repeat(2,1fr) !important
	}
}


/* --------------------------------------------------------------------
　ボタン設定
-------------------------------------------------------------------- */
#ranking-btn-wrap{
width:max-content;
height:max-content;
margin:30px auto;
display:flex;
align-items:center;
justify-content:center;
gap:0 10px;
}
#ranking-btn-wrap > .sub{
font-size:1.6rem;
}
#ranking-btn-wrap > .pulldown{
position:relative;
width:max-content;
height:max-content;
}
#ranking-btn-wrap > .pulldown > .title{
font-size:1.5rem;
border:1px solid #ddd;
padding:0 5px 0 15px;
border-radius:5px;
background:#fff;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
line-height:45px;
letter-spacing:0;
}
#ranking-btn-wrap > .pulldown > .title:after{
font-family:"Material Symbols Outlined";
content:"\e5c5";
font-size:25px;
margin:0 0 0 1.5rem;
}
#ranking-btn-wrap > .pulldown > p.title.is-active:after{
transform:rotate(180deg);
}
#ranking-btn-wrap > .pulldown > ul{
position:absolute;
width:100%;
padding:10px 20px 10px 15px;
top:48px;
left:0;
background:#fff;
border:1px solid #ddd;
border-radius:0 0 5px 5px;
z-index:1;
font-size:1.5rem;
display:none;
}
#ranking-btn-wrap > .pulldown > ul > li{
width:100%;
line-height:40px;
}
#ranking-btn-wrap > .pulldown > ul > li > a{
display:block;
letter-spacing:0;
font-size:1.35rem;
}

@media screen and (max-width:768px){
	#ranking-btn-wrap{
	margin:30px auto 10px auto;
	}
	#ranking-btn-wrap > .sub{
	font-size:1.4rem;
	}
	#ranking-btn-wrap > .pulldown > .title{
	font-size:1.4rem;
	padding:0 5px 0 10px;
	}
	#ranking-btn-wrap > .pulldown > ul{
	font-size:1.4rem;
	padding:10px;
	}
	#ranking-btn-wrap > .pulldown > p.title:after{
	margin:0 0 0 10px:
	}
	.feauture-ranking.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__name{
	margin-top:5@x;
	}
	.commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > #item-price > div{
	font-size:1.6rem;
	}
}