@charset "utf-8";
/* CSS Document */
.fs-preview-header{
	display: none;
}
/********************キービジュアル********************/
.topSliderSP2021,
.topSliderPC2021{
	line-height: 0;
}
.topSliderPC2021{
	display: none;
}
.fs-c-slick .slick-prev, .fs-c-slick .slick-next{
	margin-top: -2rem;
}
.fs-c-slick .slick-dots{
	padding: 0.5rem 0 1.1rem;
}
.fs-c-slick .slick-dots li{
	width: 1.2rem;
	height: 1.2rem;
	margin: 0.6rem;
}
.fs-c-slick .slick-dots li button{
	width: 1.2rem;
	height: 1.2rem;
}
.fs-c-slick .slick-dots li button:hover{
	opacity: 0.7 !important;
}
.fs-c-slick .slick-dots li button::before{
	content: '';
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #ffffff;
	border: solid 0.4rem #e1e1e1;
	border-radius: 50%;
	box-sizing: border-box;
	opacity: 1;
}
.fs-c-slick .slick-dots li.slick-active button::before{
	background-color: #2157aa;
	border-color: #2157aa;
	opacity: 1;
}
@media screen and (min-width:641px){
	.topSliderSP2021{
		display: none;
	}
	.topSliderPC2021{
		display: block;
	}
	.topSliderPC2021.fs-c-slick .slick-slide{
		padding: 0 5px;
	}
	.fs-c-slick .slick-prev, .fs-c-slick .slick-next{
		margin-top: -45px;
	}
	.fs-c-slick .slick-dots{
		padding: 22px 0 38px;
	}
	.fs-c-slick .slick-dots li{
		width: 14px;
		height: 14px;
		margin: 8px;
	}
	.fs-c-slick .slick-dots li button{
		width: 14px;
		height: 14px;
	}
	.fs-c-slick .slick-dots li button::before{
		width: 14px;
		height: 14px;
		border: solid 4px #e1e1e1;
	}
}
/********************／キービジュアル********************/
/********************商品エリア********************/
.productsArea{
	padding: 0 0.5rem 2rem;
}
.searchKeyword .flex{
	display:-webkit-flex; display:flex;
	height: 3.5rem;
}
.searchKeyword .flex .formText{
	position: relative;
	width: 24rem;
	height: 3.5rem;
	border: solid 1px #737373;
	border-right: none;
}
.searchKeyword .flex .formText::before{
	content: "\e932";
	position: absolute;
	top: 0.6rem;
	left: 0.4rem;
	color: #e1e1e1;
	font-family: 'fs-icon' !important;
	font-size: 2.3rem;
	font-weight: normal;
	line-height: 1;
}
.searchKeyword .flex .formText input{
	height: 100%;
	padding: 0.8rem 1rem 0.5rem 3rem;
	border: none;
	font-size: 1.2rem;
}
.searchKeyword .flex > button{
	-webkit-flex-grow:1; flex-grow:1;
	background-color: #2157aa;
	border: none;
	border-radius: 0;
	text-align: center;
	font-size: 1.2rem;
	color: #ffffff;
}
.productsArea .fs-pt-list{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin: 0.25rem -0.25rem 0.75rem;
}
.productsArea .fs-pt-list .fs-pt-list__item{
	width: 50%;
	padding: 0.75rem 0.25rem;
}
.productsArea .fs-pt-list--noMarker > li + li{
	margin-top: 0;
}
.productsArea .fs-pt-list .fs-pt-list__item a{
	position: relative;
	display: block;
	height: 4.5rem;
	padding-left: 3.7rem;
	border: solid 1px #737373;
	line-height: 4.4rem;
	font-size: 1.2rem;
}
.productsArea .fs-pt-list .fs-pt-list__item a > img{
	position: absolute;
	top: 0.7rem;
	left: 0.3rem;
	width: 3rem;
}
.productsArea .fs-pt-list .fs-pt-list__item a::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0.5rem;
	display: block;
	width: 0.7rem;
	height: 1rem;
	border-left: solid 0.7rem #2157aa;
	border-top: solid 0.5rem transparent;
	border-bottom: solid 0.5rem transparent;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.productsArea .fs-pt-list .fs-pt-list__item a:hover{
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (min-width:641px){
	.productsArea{
		width: 53rem;
		margin: 0 auto;
		padding: 0 0 3.5rem;
	}
	.searchKeyword .flex .formText{
		width: 46rem;
	}
	.productsArea .fs-pt-list{
		margin: 0 -0.5rem 1.7rem;
	}
	.productsArea .fs-pt-list .fs-pt-list__item{
		width: 33.3333%;
		width: calc(100% / 3);
		padding: 0.5rem;
	}
	.productsArea .fs-pt-list .fs-pt-list__item a{
		height: 5.5rem;
		padding-left: 5.3rem;
		line-height: 5.4rem;
	}
	.productsArea .fs-pt-list .fs-pt-list__item a > img{
		top: 0.4rem;
		width: 4.5rem;
	}
	.productsArea .indexLink01{
		margin-top: 0;
	}
}
/********************／商品エリア********************/
/********************おすすめ商品********************/
.indexRec{
	margin: 0 0.5rem;
}
.fs-l-pageMain .indexRec h2.indexH2{
	padding-bottom: 0.5rem
}
.indexRec .fs-c-productListCarousel{
	display: block;
}
.indexRec .fs-c-productListCarousel .fs-c-productListCarousel__ctrl{
	display: none !important;
}
.indexRec .fs-c-productListCarousel .slick-track{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	width: 100% !important;
	transform: none !important;
	padding: 0 1rem;
}
.indexRec .fs-c-productListCarousel .slick-track .slick-slide{
	width: 50%;
}
.indexRec .fs-c-productListCarousel .fs-c-productListCarousel__list__item{
	max-width: inherit;
	min-width: inherit;
	margin: 0;
	padding: 1.25rem 0.75rem;
}
@media screen and (min-width:641px){
	.indexRec{
		margin: 0;
	}
	.fs-l-pageMain .indexRec h2.indexH2{
		padding-bottom: 2rem
	}
	.indexRec .fs-c-productListCarousel__list__itemTrack{
		width: 100%;
	}
	.indexRec .fs-c-productListCarousel .slick-track{
		width: 54rem !important;
		padding: 0;
		margin: 0 auto;
	}
	.indexRec .fs-c-productListCarousel .slick-track .slick-slide{
		width: 25%;
	}
	.indexRec .fs-c-productListCarousel .fs-c-productListCarousel__list__item{
		padding: 1.75rem 0.5rem;
	}
}
/********************／おすすめ商品********************/
/********************特集********************/
.indexFeature{
    margin: 0;
    padding: 2.5rem 0.5rem 0;
}
.indexFeature .fs-pt-list__item img{
	display: block;
}
@media screen and (min-width:641px){
	.indexFeature{
		width: 51.75rem;
		margin: 0 auto;
		padding: 2.5rem 0 0;
	}
	.indexFeature .fs-pt-list{
		display:-webkit-flex; display:flex;
		-webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.indexFeature .fs-pt-list__item{
		width: 33.3333%;
		width: calc(100% / 3);
		padding: 0.875rem;
		margin-top: 0;
	}
}
/********************／特集********************/
/********************お知らせ********************/
@media screen and (min-width:641px){
	.indexInfo .indexInfoList{
		width: 50rem;
	}
}
/********************／お知らせ********************/


/********************トップページスライド下バナーエリア2021********************/
.topBannerArea2021{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
}
.topBannerArea2021 > div{
	width: 50%;
	padding: 0.5rem;
}
.topBannerArea2021 > div.w100{
	width: 100%;
}
.topBannerArea2021 div a, 
.topBannerArea2021 div img.oSP{
	display: block;
}
.topBannerArea2021 div a:hover{
	opacity: 0.7;	
}
@media screen and (min-width:641px){
	.topBannerArea2021 div img.oPC{
		display: block;
	}
	.topBannerArea2021 div img.oSP{
		display: none;
	}
	.topBannerArea2021{
		width: 54rem;
		margin: 0 auto;
	}
}

/********************／トップページスライド下バナーエリア2021********************/


/********************LEEEPエリア********************/
	.leeepPro .LeeepTabs{
		position: relative;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 auto;
		width: 25rem;
	}
	.leeepPro .LeeepTabs::before{
		content: '';
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #d0d0d0;
	}
	.leeepPro .LeeepTabContent .LeeepTabs{
		width: 100%;
		max-width: calc(-24px + 100vw);
		margin-bottom:  2.1rem;
	}
	.leeepPro .LeeepTabs button{
		position: relative;
		width: 50%;
		height: auto;
		padding: 0.4rem 0 calc( 0.4rem - 1px );
		border-radius: 0.3rem 0.3rem 0 0;
		line-height: 1.2;
		font-size: 1rem;
		font-weight: bold;
		color: #959595;
	}
	.leeepPro .LeeepTabContent .LeeepTabs button{
		width: 33.3333%;
		width: calc( 100% / 3);
		margin-top: 1.5rem;
	}
	.leeepPro .LeeepTabs button.LeeepTabButtonSelected, 
	.leeepPro .LeeepTabs button:hover{
		background-color: #ac4343;
		border-color: #ac4343;
		color: #ffffff;
		opacity: 1;
	}
	.leeepPro .LeeepTabs button[data-tag-id="1361901545439936512"].LeeepTabButtonSelected, 
	.leeepPro .LeeepTabs button[data-tag-id="1361901545439936512"]:hover, 
	.leeepPro #leeep-tag-1361901545439936512 .LeeepTabs button.LeeepTabButtonSelected, 
	.leeepPro #leeep-tag-1361901545439936512 .LeeepTabs button:hover{
		background-color: #435eac;
		border-color: #435eac;
	}
	@media screen and (min-width: 641px) {
		.leeepPro .LeeepTabs{
			width: 40rem;
		}
		.leeepPro .LeeepTabContent .LeeepTabs{
			margin-bottom: 2.5rem;
		}
		.leeepPro .LeeepTabContent .LeeepTabs button{
			width: 20%;
			margin-top: 1rem;
		}
		.leeepPro #leeep-tag-1361901545439936512 .LeeepTabs button, 
		.leeepPro #leeep-tag-1361901545439936512 .LeeepTabs button{
			width: 33.3333%;
			width: calc( 100% / 3);
		}
	}
/********************／LEEEPエリア********************/