@charset "utf-8";

/* --------------------------------------------------------------------------------
カテゴリ
-------------------------------------------------------------------------------- */

/*   パンくず   */
.fs-body-category .fs-c-breadcrumb {
	margin: 40px 0 30px 0;
}

/*   独自コメント   */
.fs-body-category .category-detail-inner {
	width: 900px;
	margin-bottom: 95px;
}
.fs-body-category .img-main {
	margin: 0 0 50px;
}
.fs-body-category .category-detail-inner h2 {
	font-size: 30px;
	text-align: center;
	padding-bottom: 30px;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
}
.fs-body-category .category-detail-inner h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.67;
	text-align: center;
	margin: 0 0 30px;
}
.fs-body-category .category-detail-inner p {
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 2.14;
	text-align: center;
}




.fs-body-category .recommend-box{
	margin: 50px 0 0
}
.fs-body-category .recommend-box h2{
	margin: 0 0 30px;
	font-size: 24px;
	text-align: center;
}

/* ------ レコメンド ランキング -------- */
/* タイトル */
.fs-body-category h2{
	margin: 0 0 30px;
}
.fs-body-category h2 .en{
	font-size: 22px;
	color: #be0061;
	position: relative;
}
.fs-body-category h2 .en:after{
	content: "";
	background: #cccccc;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -10px;
}
.fs-body-category h2 .ja{
	font-size: 14px;
	color: #666666;
	margin: 0 0 0 30px;
}

.fs-body-category .ranking{
	margin: 0 0 100px;
}
.fs-body-category .recommend-box .ranking{
	margin: 0 0 40px
}

.fs-body-category .ranking .slider.rcmd-slick-initialized {
	display: block;
}
.fs-body-category .ranking .slider .rcmd-slick-prev::before {
	background-image: url("../images/index/btn-ranking-prev.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .ranking .slider .rcmd-slick-next::before {
	background-image: url("../images/index/btn-ranking-next.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .ranking .slider .rcmd-slick-prev {
	width: 15px;
	height: 28px;
	left: 0;
}
.fs-body-category .ranking .slider .rcmd-slick-next {
	width: 15px;
	height: 28px;
	right: 0;
}
.fs-body-category .ranking .slider .rcmd-slick-prev.rcmd-slick-disabled:before,
.fs-body-category .ranking .slider .rcmd-slick-next.rcmd-slick-disabled:before{
	opacity: 1;
}
.fs-body-category .ranking .slider .rcmd-slick-list {
	width: auto;
	margin: 0 21px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box{
	position: relative;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(1):after{
	content:"";
	background: url("../images/index/icon-rank1.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(2):after{
	content:"";
	background: url("../images/index/icon-rank2.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(3):after{
	content:"";
	background: url("../images/index/icon-rank3.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(4):after{
	content:"";
	background: url("../images/index/icon-rank4.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(5):after{
	content:"";
	background: url("../images/index/icon-rank5.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(6):after{
	content:"";
	background: url("../images/index/icon-rank6.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(7):after{
	content:"";
	background: url("../images/index/icon-rank7.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(8):after{
	content:"";
	background: url("../images/index/icon-rank8.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(9):after{
	content:"";
	background: url("../images/index/icon-rank9.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(10):after{
	content:"";
	background: url("../images/index/icon-rank10.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}


.fs-body-category .ranking .category-slider.rcmd-slick-initialized {
	display: block;
}
.fs-body-category .ranking .category-slider .rcmd-slick-prev::before {
	background-image: url("../images/index/btn-ranking-prev.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .ranking .category-slider .rcmd-slick-next::before {
	background-image: url("../images/index/btn-ranking-next.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .ranking .category-slider .rcmd-slick-prev {
	width: 15px;
	height: 28px;
	left: 0;
}
.fs-body-category .ranking .category-slider .rcmd-slick-next {
	width: 15px;
	height: 28px;
	right: 0;
}
.fs-body-category .ranking .category-slider .rcmd-slick-prev.rcmd-slick-disabled:before,
.fs-body-category .ranking .category-slider .rcmd-slick-next.rcmd-slick-disabled:before{
	opacity: 1;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list {
	width: auto;
	margin: 0 21px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box{
	position: relative;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(1):after{
	content:"";
	background: url("../images/index/icon-rank1.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(2):after{
	content:"";
	background: url("../images/index/icon-rank2.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(3):after{
	content:"";
	background: url("../images/index/icon-rank3.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(4):after{
	content:"";
	background: url("../images/index/icon-rank4.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(5):after{
	content:"";
	background: url("../images/index/icon-rank5.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(6):after{
	content:"";
	background: url("../images/index/icon-rank6.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(7):after{
	content:"";
	background: url("../images/index/icon-rank7.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(8):after{
	content:"";
	background: url("../images/index/icon-rank8.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(9):after{
	content:"";
	background: url("../images/index/icon-rank9.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}
.fs-body-category .ranking .category-slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(10):after{
	content:"";
	background: url("../images/index/icon-rank10.png") no-repeat;
	background-size:100%;
	width: 30px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 12px;
}

.fs-body-category .ranking .item-box {
	box-sizing: border-box;
	padding: 0 12px;
	word-break: break-all;
}
.fs-body-category .ranking .item-box a {
	color: inherit;
	text-decoration: none;
}
.fs-body-category .ranking .item-box img {
	max-width: 100%;
}
.fs-body-category .ranking .item-box .name{
	display: block;
	font-size: 12.6px;
	line-height: 1.7;
	margin: 0 0 5px;
	text-align: left;
}
.fs-body-category .ranking .item-box .price-box{
	display: flex;
}
.fs-body-category .ranking .item-box .price-box .yen{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}
.fs-body-category .ranking .item-box .price-box .price{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}
.fs-body-category .ranking .item-box .price-box .tax{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}




/* ------ レコメンド 閲覧履歴 -------- */

.fs-body-category .pickup{
	margin: 0 0 100px;
}
.fs-body-category .pickup .category-slider.rcmd-slick-initialized {
	display: block;
}
.fs-body-category .pickup .category-slider .rcmd-slick-prev::before {
	background-image: url("../images/index/btn-ranking-prev.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .pickup .category-slider .rcmd-slick-next::before {
	background-image: url("../images/index/btn-ranking-next.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 15px;
	height: 28px;
	content: "\002003";
	cursor: pointer;
}
.fs-body-category .pickup .category-slider .rcmd-slick-prev {
	width: 15px;
	height: 28px;
	left: 0;
}
.fs-body-category .pickup .category-slider .rcmd-slick-next {
	width: 15px;
	height: 28px;
	right: 0;
}
.fs-body-category .pickup .category-slider .rcmd-slick-prev.rcmd-slick-disabled:before,
.fs-body-category .pickup .category-slider .rcmd-slick-next.rcmd-slick-disabled:before{
	opacity: 1;
}
.fs-body-category .pickup .category-slider .rcmd-slick-list {
	width: auto;
	margin: 0 21px;
}
.fs-body-category .pickup .category-slider .rcmd-slick-list .rcmd-slick-track .item-box{
	position: relative;
}
.fs-body-category .pickup .item-box {
	box-sizing: border-box;
	padding: 0 12px;
	word-break: break-all;
}
.fs-body-category .pickup .item-box a {
	color: inherit;
	text-decoration: none;
}
.fs-body-category .pickup .item-box img {
	max-width: 100%;
}
.fs-body-category .pickup .item-box .name{
	display: block;
	font-size: 12.6px;
	line-height: 1.7;
	margin: 0 0 5px;
	text-align: left;
}
.fs-body-category .pickup .item-box .price-box{
	display: flex;
}
.fs-body-category .pickup .item-box .price-box .yen{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}
.fs-body-category .pickup .item-box .price-box .price{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}
.fs-body-category .pickup .item-box .price-box .tax{
	font-size: 12.6px;
	color: #666666;
	font-weight: bold;
}


/* ------ 商品一覧 -------- */

.fs-c-productList__list__item {
	padding: 16px 16px;
}
.fs-c-productName__name {
	display: block;
	position: relative;
	overflow: hidden;
	height: 2.4em;
    font-size: 12px;
}
/*.fs-c-productName__name::before ,
.fs-c-productName__name::after {
	position: absolute;
	background: #fff;
}
.fs-c-productName__name::before {
	content: '\FF65\FF65\FF65';
	bottom: 0;
	right: 0;
	padding-left: 3px;
}
.fs-c-productName__name::after {
	content: '';
	width: 100%;
	height: 100%;
}*/
.fs-c-productName__name::before {
	position: absolute;
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	content: '';
	bottom: 0;
	right: 0;
	width: 2em;
	height: 1.2em;
}
/* ------ レコメンド 閲覧履歴 -------- */
.fs-body-category .history h2 {
  margin: 0 0 30px;
  font-size: 24px;
  text-align: center;
}
.fs-body-category .history {
  margin: 0 0 100px;
}
.fs-body-category .history .slider.rcmd-slick-initialized {
  display: block;
}
.fs-body-category .history .slider .rcmd-slick-prev::before {
  background-image: url("../images/index/btn-ranking-prev.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 15px;
  height: 28px;
  content: "\002003";
  cursor: pointer;
}
.fs-body-category .history .slider .rcmd-slick-next::before {
  background-image: url("../images/index/btn-ranking-next.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 15px;
  height: 28px;
  content: "\002003";
  cursor: pointer;
}
.fs-body-category .history .slider .rcmd-slick-prev {
  width: 15px;
  height: 28px;
  left: 0;
}
.fs-body-category .history .slider .rcmd-slick-next {
  width: 15px;
  height: 28px;
  right: 0;
}
.fs-body-category .history .slider .rcmd-slick-prev.rcmd-slick-disabled:before, .fs-body-category .history .slider .rcmd-slick-next.rcmd-slick-disabled:before {
  opacity: 1;
}
.fs-body-category .history .slider .rcmd-slick-list {
  width: auto;
  margin: 0 21px;
}
.fs-body-category .history .slider .rcmd-slick-list .rcmd-slick-track .item-box {
  position: relative;
}
.fs-body-category .history .item-box {
  box-sizing: border-box;
  padding: 0 12px;
  word-break: break-all;
}
.fs-body-category .history .item-box a {
  color: inherit;
  text-decoration: none;
}
.fs-body-category .history .item-box img {
  max-width: 100%;
}
.fs-body-category .history .item-box .name {
  display: block;
  font-size: 12.6px;
  line-height: 1.7;
  margin: 0 0 5px;
}
.fs-body-category .history .item-box .price-box {
  display: flex;
}
.fs-body-category .history .item-box .price-box .yen {
  font-size: 12.6px;
  font-weight: bold;
}
.fs-body-category .history .item-box .price-box .price {
  font-size: 12.6px;
  font-weight: bold;
}
.fs-body-category .history .item-box .price-box .tax {
  font-size: 12.6px;
  font-weight: bold;
}