@charset "UTF-8";


/* --------------------------------------------------------------------
　共通設定
-------------------------------------------------------------------- */
main#page-main-wrapper > .ranking-contentainer{
margin:auto;
}

@media screen and (min-width:769px){
	main#page-main-wrapper > .ranking-contentainer{
	width:1180px;
	padding:0 2rem;
	margin:auto;
	}
}
@media screen and (max-width:768px){
	main#page-main-wrapper > .ranking-contentainer{
	width:100%;
	padding:0;
	}
}

/* --------------------------------------------------------------------
　タイトル設定
-------------------------------------------------------------------- */
main#page-main-wrapper > h1{
width:100%;
font-weight:600;
letter-spacing:.02em;
text-align:center;
display:block !important;
line-height:1;
}
main#page-main-wrapper > h1 > span{
font-size:1.2rem;
margin-top:.8rem;
display:block;
opacity:.6;
}

@media screen and (min-width:769px){
	main#page-main-wrapper > h1{
	font-size:3rem;
	padding:6rem 0;
	}
}
@media screen and (max-width:768px){
	main#page-main-wrapper > h1{
	font-size:2.2rem;
	padding:4rem 2rem;
	}
	#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;
	}
}


/* --------------------------------------------------------------------
　タブ切替・プルダウン設定
-------------------------------------------------------------------- */
main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap{
position:relative;
}
main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap:before{
content:"";
display:block;
width:100%;
height:1px;
background:#ddd;
position:absolute;
bottom:0;
left:0;
}
main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap > div{
position:relative;
margin:0 auto;
}

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

/*-- タブパネル --*/
#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;
}

/*-- プルダウン --*/
#ranking-btn-wrap{
display:flex;
align-items:center;
justify-content:center;
gap:0 10px;
}
#ranking-btn-wrap > .pulldown{
position:relative;
height:max-content;
}
#ranking-btn-wrap > .pulldown > .title{
font-size:1.3rem;
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;
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 (min-width:769px){
	main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap{
	width:100%;
	height:6rem;
	padding:0;
	background:#efefef;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	}
	main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap > div{
	width:1140px;
	height:6rem;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	}

	/*-- タブメニュー --*/
	.tab-group-list{
	height:6rem;
	}
	.tab-group-list > .ranking-tab-link{
	font-size:1.4rem;
	}
	.tab-group-list > .ranking-tab-link.is-active:after{
	bottom:.25rem;
	left:0;
	}

	/*-- タブパネル --*/
	#ranking-panel-wrap{
	padding:4rem 1.5rem 18rem 1.5rem !important;
	}

	/*-- プルダウン --*/
	#ranking-btn-wrap{
	position:absolute;
	bottom:1.3rem;
	right:0;
	}
	#ranking-btn-wrap > .sub{
	font-size:1.3rem;
	}
	#ranking-btn-wrap > .pulldown{
	width:115px;
	}
	#ranking-btn-wrap > .pulldown > .title{
	height:3.5rem;
	}
}

@media screen and (max-width:768px){
	main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap{
	width:100%;
	padding:0;
	}
	main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap.nonetab{
	padding-bottom:.5rem;
	}
	main#page-main-wrapper > .ranking-contentainer#ranking-tab-wrap > div{
	}

	/*-- タブメニュー --*/
	.tab-group-list{
	order:2;
	margin:auto;
	width:100%;
	height:5rem;
	background:#efefef;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	justify-content:center;
	}
	.tab-group-list > .ranking-tab-link{
	font-size:1.1rem;
	}
	.tab-group-list > .ranking-tab-link.is-active:after{
	transform:translateX(-50%);
	left:50%;
	bottom:0;
	}

	/*-- タブパネル --*/
	#ranking-panel-wrap{
	padding:3rem 0 8rem 0 !important;
	}

	/*-- プルダウン --*/
	#ranking-btn-wrap{
	margin:0 auto 1.5rem auto;
	padding:0;
	}
	#ranking-btn-wrap > .sub{
	font-size:1.3rem;
	}
	#ranking-btn-wrap > .pulldown{
	width:108px;
	}
	#ranking-btn-wrap > .pulldown > .title{
	font-size:1.2rem;
	padding:0 5px 0 10px;
	height:3.5rem;
	margin:0;
	}
	#ranking-btn-wrap > .pulldown > ul{
	font-size:1.3rem;
	padding:10px;
	}
	#ranking-btn-wrap > .pulldown > p.title:after{
	margin:0 0 0 10px:
	}
}

/* --------------------------------------------------------------------
　商品掲載エリア設定
-------------------------------------------------------------------- */
/*-- 任意商品スライド解除 --*/
.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: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;
}
@media screen and (min-width:769px){
	.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(6,1fr) !important;
	width:100% !important;
	transform:none !important;
	gap:3rem 1.5rem !important;
	}
}
@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;
	}
	#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
	}
}


/* --------------------------------------------------------------------
　ボタン設定
-------------------------------------------------------------------- */


@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
}