@charset "utf-8";


/* --------------------------------------------------------------------------------
メインスライダー
slider-sp
-------------------------------------------------------------------------------- */
.fs-body-top .slider-index-sp {
	padding: 0 0 5vw;
}
.fs-body-top .slider-index-sp .slick-list figure {
	display: block !important;
}
.fs-body-top .slider-index-sp .slick-list a {
	display: block;
}
.fs-body-top .slider-index-sp .slick-list img {
	display: block;
}
.fs-body-top .slider-index-sp .slick-prev,
.fs-body-top .slider-index-sp .slick-next {
	cursor: pointer;
	
	width: 7vw;
	height: 11vw;
	
	line-height: 1;
	opacity: 1;
	
	font-size: 1px;
}
.fs-body-top .slider-index-sp .slick-prev{
	left: 0;
	background: url("../images/index-device/btn-slider-prev.png") no-repeat 0 0;
	background-size: 100% 100%;
}
.fs-body-top .slider-index-sp .slick-next{
	right: 0;
	background: url("../images/index-device/btn-slider-next.png") no-repeat 0 0;
	background-size: 100% 100%;
}

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











/* -------------------------------------------------
fs-l-main
-------------------------------------------------- */
.fs-l-main {
	margin: 0;
	padding: 0 0;
}



/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
/**********ピックアップバナー  **********/
#index .bnr-pick{
	margin: 0 0 10vw;
	overflow: hidden;
}
#index .bnr-pick ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
}
#index .bnr-pick ul li{
	display: block;
	width: 46vw;
	margin: 0 0 3vw;
	line-height: 1.4;
}
#index .bnr-pick ul li a{
	display: block;
}
#index .bnr-pick ul li img{
	margin: 0 0 2vw;
}

/**********ホクトのおすすめ商品  **********/
#index .osusume{
	overflow: hidden;
}
#index .osusume h2{
	display: table;
	margin: 0 auto 4vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.5vw #e61446;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .osusume ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 0 0 6vw;
}
#index .osusume ul li{
	display: block;
	width: 46vw;
	margin: 0 0 10vw 0;
	line-height: 1.4;
}
#index .osusume ul li a{
	display: block;
	text-decoration: none;
}
#index .osusume ul li img{
	display: block;
	margin: 0 0 2vw;
}
#index .osusume ul li .item-info{
	padding: 7px;
	box-shadow: 1.5vw 1.5vw 1vw -1vw 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 5vw;
}
#index .news h2{
	display: table;
	margin: 0 auto 4vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.5vw #e61446;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .news ul li{
	margin: 0 0 2vw;
	padding: 0 0 2vw;
	border-bottom: dotted 1px #333;
}
#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 12vw;
}
#index .bnr-otoku-teiki a{
	display: block;
}

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

/**********初回限定お試しセット  **********/
#index .otameshi{
	margin: 0 0 9vw;
	overflow: hidden;
}
#index .otameshi h2{
	display: table;
	margin: 0 auto 4vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.5vw #e61446;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .otameshi ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
	margin: 0 0 8vw;
}
#index .otameshi ul li{
	display: block;
	
	width: 46vw;
	margin: 0 0 4vw 0;
}
#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: center;
	width: 100%;
}
#index .otameshi .btn-details a{
	display: block;
	padding: 0.8vw 7.5vw 0.8vw 5vw;
	border-radius: 0.5vw;
	background: #333 url(../images/index-device/icon-arr-btn-more.png) no-repeat calc(100% - 51px) 48%;
	background-size: 1.4vw 2.4vw;
	color: #fff;
}

/********** 商品カテゴリ一覧 **********/
#index .category{
	margin: 0 0 35px;
}
#index .category h2{
	display: table;
	margin: 0 auto 4vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.5vw #e61446;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .category ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 4vw;
}
#index .category ul li {
	width: 46vw;
	margin: 0 0 4vw 0;
}
/* ※スマートフォンでは100%表示：PC側はハーフサイズ */
#index .category ul li.bnr-half-size {
	width: 100%;
	margin: 0 0 4vw 0;
}
#index .category ul li a {
	display: block;
}

/********** コンテンツ **********/
#index .contents{
}
#index .contents h2{
	display: table;
	margin: 0 auto 4vw;
	padding: 0 0 1vw;
	border-bottom: solid 0.5vw #e61446;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .contents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 0;
}
#index .contents ul li {
	width: 46vw;
	margin: 0 0 3vw 0;
}
#index .contents ul li.bnr-full-size {
	width: 100%;
	margin: 0 0 6vw;
}
#index .contents ul li.bnr-full-size img {
	margin: 0 0 1vw;
}
#index .contents ul li a {
	display: block;
}