@charset "utf-8";


/* --------------------------------------------------------------------------------
	メイン幅
-------------------------------------------------------------------------------- */
.fs-l-main{
	max-width: none;
}
.fs-l-pageMain{
	max-width: none;
}


/* --------------------------------------------------------------------------------
	スライダー
-------------------------------------------------------------------------------- */
.fs-body-top .slider-index-pc {
	padding: 0 0 50px;
}
.fs-body-top .slider-index-pc .slick-list figure {
	display: block !important;
}
.fs-body-top .slider-index-pc .slick-list a {
	display: block;
}
.fs-body-top .slider-index-pc .slick-list img {
	display: block;
}
.fs-body-top .slider-index-pc .slick-prev,
.fs-body-top .slider-index-pc .slick-next {
	cursor: pointer;
	
	width: 30px;
	height: 60px;
	
	line-height: 1;
	opacity: 1;
	
	font-size: 1px;
}
.fs-body-top .slider-index-pc .slick-prev{
	left: 0;
	background: url("../images/index/btn-slider-prev.png") no-repeat 0 0;
}
.fs-body-top .slider-index-pc .slick-next{
	right: 0;
	background: url("../images/index/btn-slider-next.png") no-repeat 0 0;
}

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


/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
/**********ピックアップバナー  **********/
#index .bnr-pick{
	margin: 0 0 60px;
	overflow: hidden;
}
#index .bnr-pick ul{
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 30px);
}
#index .bnr-pick ul li{
	display: block;
	width: 380px;
	margin: 0 30px 30px 0;
}
#index .bnr-pick ul li a{
	display: block;
}

/**********ホクトのおすすめ商品  **********/
#index .osusume{
	overflow: hidden;
}
#index .osusume h2{
	display: table;
	margin: 0 auto 60px;
	padding: 0 0 5px;
	border-bottom: solid 3px #e61446;
	font-weight: bold;
	font-size: 30px;
}
#index .osusume ul{
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 30px);
}
#index .osusume ul li{
	display: block;
	width: 380px;
	margin: 0 30px 100px 0;
}
#index .osusume ul li a{
	display: block;
	text-decoration: none;
}
#index .osusume ul li img{
	display: block;
	margin: 0 0 15px;
}
#index .osusume ul li .item-info{
	padding: 7px;
	box-shadow: 8px 8px 7px -5px rgba(0, 0, 0, 0.2);
}
#index .osusume ul li .item-info .item-name{
	padding: 0 0 8px;
	font-weight: bold;
}
#index .osusume ul li .item-info .txt{
	padding: 0 0 8px;
}
#index .osusume ul li .item-info .btn-details{
	text-align: right;
	font-size: 16px;
}

/**********新着情報  **********/
#index .news{
	margin: 0 0 50px;
}
#index .news h2{
	display: table;
	margin: 0 auto 40px;
	padding: 0 0 5px;
	border-bottom: solid 3px #e61446;
	font-weight: bold;
	font-size: 30px;
}
#index .news ul li{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: dotted 1px #333;
	font-size: 16px;
}
#index .news ul li:last-child{
	border-bottom: none;
}
#index .news ul li time{
	margin: 0 45px 0 0;
}

/********** お得な定期コース **********/
#index .bnr-otoku-teiki{
	margin: 0 0 90px;
}
#index .bnr-otoku-teiki a{
	display: block;
}

/**********ヤマブシタケとは？アガリクスとは？  **********/
#index .question{
	padding: 0 0 50px;
	overflow: hidden;
}
#index .question ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
#index .question ul li{
	display: block;
	width: 580px;
	margin: 0 0 30px 0;
}
#index .question ul li a{
	display: block;
	text-decoration: none;
}

/**********初回限定お試しセット  **********/
#index .otameshi{
	margin: 0 0 55px;
	overflow: hidden;
}
#index .otameshi h2{
	display: table;
	margin: 0 auto 60px;
	padding: 0 0 5px;
	border-bottom: solid 3px #e61446;
	font-weight: bold;
	font-size: 30px;
}
#index .otameshi ul{
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 30px);
}
#index .otameshi ul li{
	display: block;
	width: 380px;
	margin: 0 30px 30px 0;
	font-size: 16px;
}
#index .otameshi ul li a{
	display: block;
	text-decoration: none;
}
#index .otameshi ul li img{
	display: block;
	margin: 0 0 15px;
}
#index .otameshi ul li .item-name{
	padding: 0 0 5px;
	font-weight: bold;
}
#index .otameshi ul li .txt{
	padding: 0 0 5px;
	font-size: 14px;
}
#index .otameshi ul li .price{
	color: #c00;
}

/* もっと見る */
#index .otameshi .btn-details{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
#index .otameshi .btn-details a{
	display: block;
	padding: 13px 70px 13px 56px;
	border-radius: 5px;
	font-size: 16px;
	background: #333 url(../images/index/icon-arr-btn-more.png) no-repeat calc(100% - 51px) 48%;
	color: #fff;
}

/********** 商品カテゴリ一覧 **********/
#index .category{
	margin: 0 0 35px;
}
#index .category h2{
	display: table;
	margin: 0 auto 30px;
	padding: 0 0 5px;
	border-bottom: solid 3px #e61446;
	font-weight: bold;
	font-size: 30px;
}
#index .category ul {
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 39px);
}
#index .category ul li {
	width: 380px;
	margin: 0 30px 50px 0;
}
#index .category ul li.bnr-half-size {
	width: 580px;
	margin: 0 39px 40px 0;
}
#index .category ul li a {
	display: block;
}

/********** コンテンツ **********/
#index .contents{
}
#index .contents h2{
	display: table;
	margin: 0 auto 40px;
	padding: 0 0 5px;
	border-bottom: solid 3px #e61446;
	font-weight: bold;
	font-size: 30px;
}
#index .contents ul {
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 39px);
	padding: 0 0 5px;
}
#index .contents ul li {
	width: 380px;
	margin: 0 30px 28px 0;
}
#index .contents ul li.bnr-full-size {
	width: 100%;
	margin: 0 0 40px;
}
#index .contents ul li:nth-last-child(1),
#index .contents ul li:nth-last-child(2),
#index .contents ul li:nth-last-child(3) {
	margin-bottom: 0;
}
#index .contents ul li a {
	display: block;
}