@charset "utf-8";

/* --------------------------------------------------------------------------------
	スライダー
-------------------------------------------------------------------------------- */
.fs-body-top .fs-c-slick {
	margin: 0 0 5vw;
}


/********** スライダー本体 **********/
.fs-body-top .fs-c-slick .slick-list a {
	display: block;
}
.fs-body-top .fs-c-slick .slick-list img {
	display: block;
}


/********** 矢印 **********/
.fs-body-top .fs-c-slick .slick-arrows{
	position: absolute;
	top: 50%;
	width: 100%;
}
.fs-body-top .fs-c-slick .slick-arrows .slick-arrows-box{
	position: relative;
	width: 100%;
}
.fs-body-top .fs-c-slick .slick-prev,
.fs-body-top .fs-c-slick .slick-next {
	cursor: pointer;
	
	width: 4vw;
	height: 10vw;
	
	line-height: 1;
	opacity: 1;
	
	font-size: 1px;
}
.fs-body-top .fs-c-slick .slick-prev{
	left: 0;
	background: url("../images/index/btn-slider-prev.png") no-repeat 0 0;
	background-size: 100%;
}
.fs-body-top .fs-c-slick .slick-next{
	right: 0;
	background: url("../images/index/btn-slider-next.png") no-repeat 0 0;
	background-size: 100%;
}

.fs-body-top .fs-c-slick .slick-prev::before,
.fs-body-top .fs-c-slick .slick-next::before {
	display: none;
}











/* --------------------------------------------------------------------------------
	メイン幅
-------------------------------------------------------------------------------- */
/********** バナー **********/
#index .bnrs-pick{
	margin: 0 0 1.7vw;
	background: #fff;
}
#index .bnrs-pick ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

	width: 100%;
}
#index .bnrs-pick ul li{
	width: 48%;
	padding: 0 0 2.8vw;
}
#index .bnrs-pick ul li a{
	display: block;
	text-align: center;
}
#index .bnrs-pick ul li a img{
	display: block;
}


/********** おすすめ商品 **********/
#index .osusume{
	padding: 0 0 4vw;
}
#index .osusume h2.osusume-heading{
	margin: 0 0 5vw;
	padding: 2vw 0 2vw 2vw;
	border-radius: 0.9vw 0.9vw 0 0;
	font-size: 4.8vw;
	color: #fff;
	background: #0b4a92;
}

#index .osusume .slick-slide{
	width: 45vw;
	margin: 0 0 6vw 0;
	padding: 2.7vw;
	height: auto;
	border: solid 1px #ccc;
	display: block;
}
#index .osusume .slick-slide:nth-of-type(3n){
	margin-right: 0;
}

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

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

#index .osusume .fs-c-slick .slick-track{
	display: flex;
	flex-wrap: wrap;
	
	left: 0;
}
#index .osusume .slick-track::before,
#index .osusume .slick-track::after{
	display: none;
	content: '';
}
#index .osusume .slick-track{
	width: 100% !important;
	justify-content: space-between;
	transform: none !important;
}
#index .osusume .slick-track .fs-c-productListItem__imageContainer{
	padding: 0 0 11px;
}
#index .osusume .slick-track a{
	display: block;
	padding: 0 0 2px;
	line-height: 1.55;
	text-decoration: none;
	color: #000;
}
#index .osusume .slick-track .fs-c-productImage a{
	position: relative;
	display: block;
}
#index .osusume .slick-slide{
	float: none;
}


/********** 画像リンク **********/
/* リンク通常時 */
#index .osusume .slick-slide .fs-c-productImage a{
	overflow: hidden;
}

/********** 画像 **********/
#index .osusume .slick-slide .fs-c-productImage img{
	display: block;
	object-fit: cover;
	width: 38.5vw;
	height: 38.5vw;
}


/********** 商品名 **********/
#index .osusume .fs-c-productListItem__productName{
	padding: 0 0 21px;
}

#index .osusume span.fs-c-productName__copy{
	display:none;
}
#index .osusume .fs-c-productListItem__control.fs-c-buttonContainer{
	padding: 0 0 5px;
	display: none;
}
#index .osusume .fs-c-productPrice__main__label{
	display: none;
}
#index .osusume .fs-c-productPrice__main__price{
	font-size: 24px;
	color: inherit;
	color: #c33;
}
#index .osusume .fs-c-productPrice__main__price .fs-c-price__value{
	font-size: 24px;
}
#index .osusume .fs-c-price__value{
	font-size: 24px;
}

/********** 税込 **********/
#index .osusume .fs-c-productPrice__addon{
	font-size: 16px;
	color: #c33;
}


/********** カテゴリ **********/
#index .category{
	padding: 0 0 9vw;
}
#index .category h2{
	padding: 2vw 0 2vw 2vw;
	border-radius: 0.9vw 0.9vw 0 0;
	font-size: 4.8vw;
	color: #fff;
	background: #0b4a92;
}
#index .category .category-box{
	padding: 4vw 0 0 2vw;
	background: #edf2f8;
	overflow: hidden;
}
#index .category ul{
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 2vw);
}
#index .category ul li{
	display: flex;
	
	width: calc(100% / 3);
	padding: 0 4vw 3vw 0;
}
#index .category ul li:nth-of-type(3n){
	width: calc(100% / 3 - 4vw);
	padding-right: 0;
}
#index .category ul li a{
	display: flex;
	flex-direction: column;
	width: 100%;
	
	padding: 4vw 0 8vw;
	border-radius: 0.9vw;
	line-height: 1.35;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
#index .category ul li .img{
	padding: 0 0 ;
}
#index .category ul li .img img{
	display: block;
	width: 18vw;
	margin: 0 auto;
}


/********** Aono Information **********/
#index .aono-info h2{
	padding: 2vw 0 2vw 2vw;
	border-radius: 0.9vw 0.9vw 0 0;
	font-size: 4.8vw;
	color: #fff;
	background: #0b4a92;
}
#index .aono-info ul{
}
#index .aono-info ul li{
	display: flex;
	
	width: 100%;
	padding: 4vw 0;
	border-bottom: dotted 1px #333;
	line-height: 1.35;
}
#index .aono-info ul li:last-child{
	border-bottom: none;
}
#index .aono-info ul li .datetime{
	width: 23.5vw;
}
#index .aono-info ul li .title{
	width: calc(100% - 23.5vw);
}