@charset "utf-8";


/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
html{
	
}
body {
	margin: 0;
	padding: 0;
	min-width: 1200px;
	line-height: 1.5;
	text-size-adjust: 100%;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	color: #333;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

address{
	font-style: normal;
}


/* --------------------------------------------------------------------------------
	共通
-------------------------------------------------------------------------------- */
.common {
	font-size: 18px;
}

.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}

.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6 {
	font-size: 1em;
}
.common ol,
.common ul{
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.common a,
.common a:link,
.common a:visited{
	text-decoration: none;
	color: #333;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
	tap-highlight-color: rgba(0,0,0,0.8);
}
.common a:hover,
.common a:active{
	text-decoration: underline;
}

input,
select,
textarea{
	outline: none !important;
	box-shadow: none !important;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	font-size: 0;
}
.clearfix::after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.font-mincho,
.font-mincho *{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display: none;
}
.device-sp-inline{
	display: none;
}
.device-pc{
	display: block;
}
.device-pc-inline{
	display: inline;
}

.inner{
	width: 1200px;
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
}

/********** headline **********/
#header .headline {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 8px 20px;
	font-size: 16px;
	background: url("../images/common/h-headline-bg.png") repeat-x 0 100%;
}

/********** ヘッダーコンテンツ **********/
#header .h-contents {
	display: flex;
	justify-content: space-between;
	
	: 100%;
	padding: 9px 0 30px;
}


/*
menu-search
---------------------------------------- */
#header .menu-search{
	position: relative;
}
#header .menu-search .menu-search-box{
	display: flex;
}

/********** h-btn-menu-close **********/
#header .menu-search .h-btn-menu-close{
	padding: 0 20px 0 20px;
	cursor: pointer;
}

/* 通常時 */
#header .menu-search .h-btn-menu-close .h-btn-menu{
	display: block;
}
#header .menu-search .h-btn-menu-close .h-btn-close{
	display: none;
}

/* アクティブ時 */
#header .menu-search .h-btn-menu-close.active .h-btn-menu{
	display: none;
}
#header .menu-search .h-btn-menu-close.active .h-btn-close{
	display: block;
}


/********** 検索窓 **********/
#header .menu-search .search .search-box{
	: 280px;
	margin: 0 0 0 21px;
}
#header .menu-search .search .search-form{
	display: flex;
	padding: 21px 0 0;
	border-bottom: solid 1px #333;
}
#header .menu-search .search .search-form .txt-search input{
	: 263px;
}


/* ----------------------------------------
h-menu
---------------------------------------- */
#header .h-menu{
	display: none;
	
	position: absolute;
	z-index: 100;
	width: 400px;
	margin: -1px 0 0;
	font-size: 16px;
	color: #fff;
	background: #00664d;
}
#header .h-menu a{
	color: #fff;
}


/* メニューアクティブ時 */
#header .h-menu.active{
	display: block;
}




/********** heading **********/
#header .h-menu .heading{
	padding: 15px 0 15px 15px;
	border-bottom: solid 1px #fff;
	font-weight: bold;
}

/********** 表示切り替え **********/
/* ログアウト */
#header .h-menu .member-loggind-status-false .customer-logout{
	display: block;
}
#header .h-menu .member-loggind-status-false .customer-login{
	display: none;
}
/* ログイン時 */
#header .h-menu .member-loggind-status-true .customer-logout{
	display: none;
}
#header .h-menu .member-loggind-status-true .customer-login{
	display: block;
}

/********** ログアウト時 **********/
#header .h-menu .customer-logout .btns-customer{
	padding: 20px 20px 35px;
}
#header .h-menu .customer-logout .btns-customer a{
	display: block;
	text-align: center;
	border: solid 1px #fff;
	padding: 17px 0;
}

/********** ログイン時 **********/
#header .h-menu .customer-login .customer-login-box{
	display: flex;
	justify-content: space-between;
	
	width: 390px;
	padding: 85px 10px 0;
}
#header .h-menu .customer-login .btns-customer a{
	display: block;
	text-decoration: underline;
}

/********** リスト **********/
#header .h-menu .h-menu-box ul{
	padding: 0 0 20px;
}
#header .h-menu .h-menu-box ul:last-child{
	padding: 0 0 0;
}
#header .h-menu .h-menu-box ul li{
	border-bottom: solid 1px #fff;
}
#header .h-menu .h-menu-box ul li:last-child{
	border-bottom: none;
}
#header .h-menu .h-menu-box ul li a{
	display: block;
	padding: 16px 15px;
	color: #fff;
}


/* ----------------------------------------
ロゴ
---------------------------------------- */
#header .h-logo a{
	display: block;
}
#header .h-logo img{
	display: block;
}

/********** ボタン **********/
#header .h-btn{
	display: flex;
	
	width: 348px;
}
#header .h-btn .h-btn-contact{
	width: 200px;
	margin: 0 28px 0 0;
}
#header .h-btn .h-btn-contact .h-btn-contact-tel{
	margin: 0 0 20px;
}
#header .h-btn .h-btn-contact a{
	display: block;
}
#header .h-btn .h-btn-contact img{
	display: block;
}

/********** カート **********/
#header .h-btn-cart{
	padding: 5px 0 0;
}
#header .h-btn-cart a{
	display: block;
}
#header .h-btn-cart img{
	display: block;
}


/*
h-nav
---------------------------------------- */
/********** h-nav **********/
#header .h-nav{
	background: #f1f1e6 url("../images/common/h-nav-bg.png") repeat-x 0 0;
	position:relative;
}

#header .h-nav .h-nav-box{
	padding: 22px 0 20px;
}

#header .h-nav ul.h-nav-main{
	display: flex;
	justify-content: center;
}
#header .h-nav ul.h-nav-main > li{
	display: flex;
	align-items: center;
	
	cursor: pointer;
	white-space: nowrap;
}
#header .h-nav ul.h-nav-main > li:last-child{
	padding-right: 0;
}


/********** h-nav固定 **********/
#header .h-nav.active{
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}





/********** open-close **********/
#header .h-nav ul li .open-close-hover,
#header .h-nav ul li.open-close{
	display: flex;
	align-items: center;
	
	margin: -22px 48px -22px 0;
	padding: 22px 35px 22px 0;
	background: url("../images/common/h-nav-icon-arr-down.png") no-repeat 100% 50%;
}
#header .h-nav ul li .open-close-hover.active,
#header .h-nav ul li.open-close.active{
	background: url("../images/common/h-nav-icon-arr-up.png") no-repeat 100% 50%;
}

/********** open-close-btn **********/
#header .h-nav ul li .open-close-hover .open-close-btn,
#header .h-nav ul li.open-close .open-close-btn{
	display: flex;
	align-items: center;
	
	width: 100%;
	height: 50px;
	padding: 0 0 0 68px;
	font-weight: bold;
}

/* 商品一覧 */
#header .h-nav ul li .h-nav-itemlist.open-close-hover .open-close-btn{
	display: flex;
	align-items: center;
	padding-right: 0;
}

/* アガリクス */
#header .h-nav ul li.h-nav-agaricus.open-close .open-close-btn{
	background: url("../images/common/h-nav-agaricus.jpg") no-repeat 0 50%;
}

/* ヤマブシタケ */
#header .h-nav ul li.h-nav-yamabushi.open-close .open-close-btn{
	background: url("../images/common/h-nav-yamabushi.jpg") no-repeat 0 50%;
}

/* 干し椎茸・乾燥きのこ */
#header .h-nav ul li.h-nav-hoshi-shitake.open-close .open-close-btn{
	background: url("../images/common/h-nav-hoshi-shitake.jpg") no-repeat 0 50%;
}

/* レトルト食品・青汁 */
#header .h-nav ul li.h-nav-retort.open-close .open-close-btn{
	background: url("../images/common/h-nav-retort.jpg") no-repeat 0 50%;
}

/* 缶詰 */
#header .h-nav ul li.h-nav-canning{
	padding: 0;
	margin-right: 2vw;
}
#header .h-nav ul li.h-nav-canning a{
	display: flex;
	align-items: center;
	
	height: 50px;
	padding: 0 30px 0 55px;
	text-decoration: none;
	font-weight: bold;
	background: url("../images/common/h-nav-icon-arr.png") no-repeat 100% 50%, url("../images/common/h-nav-canning.jpg") no-repeat 0 50%;
}

/* 定期購入 */
#header .h-nav ul li.h-nav-teiki{
	padding: 0;
}
#header .h-nav ul li.h-nav-teiki a{
	display: flex;
	align-items: center;
	
	height: 50px;
	padding: 0 35px 0 68px;
	text-decoration: none;
	font-weight: bold;
	background: url("../images/common/h-nav-icon-arr.png") no-repeat 100% 50%, url("../images/common/h-nav-teiki.png") no-repeat 0 50%;
}


/* ----------------------------------------
ナビゲーション　幅調整
---------------------------------------- */
@media screen and (min-width: 1px) and (max-width: 1499px){
	/********** open-close **********/
	#header .h-nav{
		font-size: 1.1vw;
	}
	#header .h-nav .h-nav-box{
		padding: 1vw 0 1vw;
	}
	
	#header .h-nav ul li .open-close-hover .open-close-btn,
	#header .h-nav ul li.open-close .open-close-btn{
		height: 2.8vw;
		padding: 0 0 0 3.5vw;
		background-size: 2.8vw auto !important;
	}
	
	/********** open-close **********/
	#header .h-nav ul li .open-close-hover,
	#header .h-nav ul li.open-close{
		margin: -22px 2vw -22px 0;
		padding: 22px 2vw 22px 0;
		background-size: 0.9vw auto;
	}
	#header .h-nav ul li.h-nav-teiki a{
		padding: 0 1.8vw 0 3.5vw;
		background-size: 0.6vw auto, 2.8vw auto !important;
	}
	#header .h-nav ul li .open-close-hover.active,
	#header .h-nav ul li.open-close.active{
		background-size: 0.9vw auto;
	}
}




/* ----------------------------------------
h-nav-megamenu
---------------------------------------- */
#header .h-nav-megamenu{
	/*position: absolute;*/
	z-index: 2;
	
	width: 100%;
	margin-top: -1px;
	font-size: 16px;
	background: #f1f1e6;
}
#header .h-nav-megamenu .h-nav-megamenu-wrapper{
	width: 1560px;
	margin: 0 auto;
}
#header .h-nav-megamenu .h-nav-megamenu-box > div{
	display: none;
}
#header .h-nav-megamenu .h-nav-megamenu-box > div.active{
	display: block;
}


/* ----------------------------------------
ホバーの　h-nav-megamenu-box
---------------------------------------- */

#header .h-nav ul li .open-close-hover .h-nav-megamenu{
	position:absolute;
	z-index: 2;
	top:92px;
	left:0;
	
	width: 100%;
	font-size: 16px;
	background: #f1f1e6;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper{
	width: 1560px;
	margin: 0 auto;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper .h-nav-megamenu-box{
	display: none;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper .h-nav-megamenu-box > div{
	display: block;
}
#header .h-nav ul li .open-close-hover.active .h-nav-megamenu .h-nav-megamenu-wrapper .h-nav-megamenu-box{
	display: block;
}



/********** メガメニュー内レイアウト **********/
#header .h-nav-megamenu ul.list-1{
	display: flex;
	flex-wrap: wrap;
	
	width: 555px;
	padding: 0 0 43px;
}
#header .h-nav-megamenu ul.list-1 li{
	width: 175px;
	margin: 0 5px 20px 0;
}
#header .h-nav-megamenu ul.list-1 li:nth-of-type(3n+1){
}
#header .h-nav-megamenu ul.list-1 li:nth-of-type(3n+2){
	width: 190px;
}
#header .h-nav-megamenu ul.list-1 li:nth-of-type(3n){
}

/********** リンク-1 **********/
#header .h-nav-megamenu ul.list-1 li a{
	position: relative;
	
	display: flex;
	align-items: center;
	
	width: 100%;
	letter-spacing: -0.05em;
}
#header .h-nav-megamenu ul.list-1 li a::before{
	content: '';
	
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

/* 商品一覧 */
#header .h-nav-megamenu .h-megamenu-itemlist{
	padding: 0 0 0 20px;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-beginner a::before{
	background-image: url("../images/common/h-menu-i-beginner.png");
	background-position: 4px 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-retort a::before{
	background-image: url("../images/common/h-menu-i-retort.png");
	background-position: 3px 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-hokuto-canning a::before{
	background-image: url("../images/common/h-menu-i-hokuto-canning.png");
	background-position: 0 45%;
	background-size:20px;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-teiki a::before{
	background-image: url("../images/common/h-menu-i-teiki.png");
	background-position: 0 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-aga a::before{
	background-image: url("../images/common/h-menu-i-aga.png");
	background-position: 4px 40%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-shitake a::before{
	background-image: url("../images/common/h-menu-i-shitake.png");
	background-position: 3px 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-gift a::before{
	background-image: url("../images/common/h-menu-i-gift.png");
	background-position: 3px 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-yamabushi a::before{
	background-image: url("../images/common/h-menu-i-yamabushi.png");
	background-position: 3px 45%;
}
#header .h-nav-megamenu .h-megamenu-itemlist ul li.h-mega-link-kikurage a::before{
	background-image: url("../images/common/h-menu-i-kikurage.png");
	background-position: 3px 45%;
}

/********** リンク-2 **********/
#header .h-nav-megamenu ul.list-2{
	width: 555px;
	padding: 0 0 43px;
}
#header .h-nav-megamenu ul.list-2 li{
	width: 175px;
	margin: 0 5px 20px 0;
}
#header .h-nav-megamenu ul.list-2 li a{
	position: relative;
	
	display: flex;
	align-items: center;
	
	width: 100%;
	letter-spacing: -0.05em;
}
#header .h-nav-megamenu ul.list-2 li a::before{
	content: '';
	
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

/* アガリクス */
#header .h-nav-megamenu .h-megamenu-agaricus{
	padding: 0 0 0 220px;
}
#header .h-nav-megamenu .h-megamenu-agaricus ul li.h-mega-link-aga-ext a::before{
	background-image: url("../images/common/h-menu-i-aga-ext.png");
	background-position: 8px 42%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-agaricus ul li.h-mega-link-aga a::before{
	background-image: url("../images/common/h-menu-i-kan-aga.png");
	background-position: 2px 45%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-agaricus ul li.h-mega-link-nama-aga a::before{
	background-image: url("../images/common/h-menu-i-nama-aga.png");
	background-position: 0 42%;
/*	background-size:1.5vw;*/
}

/* ヤマブシタケ */
#header .h-nav-megamenu .h-megamenu-yamabushi{
	padding: 0 0 0 460px;
}
#header .h-nav-megamenu .h-megamenu-yamabushi ul li a::before{
	width: 38px;
}
#header .h-nav-megamenu .h-megamenu-yamabushi ul li.h-mega-link-kioku a::before{
	background-image: url("../images/common/h-menu-i-kioku.png");
	background-position: 3px 42%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-yamabushi ul li.h-mega-link-kioku-kiwami a::before{
	background-image: url("../images/common/h-menu-i-kioku-kiwami.png");
	background-position: 0 45%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-yamabushi ul li.h-mega-link-nama-yamabushi a::before{
	background-image: url("../images/common/h-menu-i-nama-yamabushi.png");
	background-position: 4px 42%;
/*	background-size:1.5vw;*/
}

/* 干し椎茸・乾燥きのこ */
#header .h-nav-megamenu .h-megamenu-hoshi-shitake{
	padding: 0 0 0 733px;
}
#header .h-nav-megamenu .h-megamenu-hoshi-shitake ul li.h-mega-link-kan-kikurage a::before{
	background-image: url("../images/common/h-menu-i-kan-kikurage.png");
	background-position: 0 42%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-hoshi-shitake ul li.h-mega-link-hoshi-shitake a::before{
	background-image: url("../images/common/h-menu-i-shitake.png");
	background-position: 2px 45%;
/*	background-size:1.5vw;*/
}

/* レトルト食品・青汁 */
#header .h-nav-megamenu .h-megamenu-retort{
	padding: 0 0 0 1062px;
}
#header .h-nav-megamenu .h-megamenu-retort ul li.h-mega-link-retort a::before{
	background-image: url("../images/common/h-menu-i-retort.png");
	background-position: 0 42%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-retort ul li.h-mega-link-hokuto-aojiru a::before{
	background-image: url("../images/common/h-menu-i-hokuto-aojiru.png");
	background-position: 0 45%;
/*	background-size:1.5vw;*/
}
#header .h-nav-megamenu .h-megamenu-retort ul li.h-mega-link-hokuto-canning a::before{
	background-image: url("../images/common/h-menu-i-hokuto-canning.png");
	background-position: 0 45%;
	background-size:20px;
}
#header .h-nav-megamenu .h-megamenu-retort ul li.h-mega-link-hokuto-seasoning a::before{
	background-image: url("../images/common/h-menu-i-hokuto-seasoning.png");
	background-position: 0 45%;
	background-size:20px;
}



/*@media screen and (min-width: 1px) and (max-width: 1499px){
	#header .h-nav-megamenu .h-megamenu-itemlist,
	#header .h-nav-megamenu .h-megamenu-agaricus,
	#header .h-nav-megamenu .h-megamenu-yamabushi,
	#header .h-nav-megamenu .h-megamenu-hoshi-shitake,
	#header .h-nav-megamenu .h-megamenu-retort,
	#header .h-nav-megamenu .h-megamenu-teiki{
		padding: 0 0 0 20px;
	}
}*/


@media screen and (min-width: 1260px) and (max-width: 1499px){
#header .h-nav ul.h-nav-main{
	justify-content: space-between;
	width: 1260px;
	margin: 0 auto;
}
#header .h-nav-megamenu{
	font-size: 1.05vw;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu{
	font-size: 1.05vw;
	top:75px;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper,
#header .h-nav-megamenu .h-nav-megamenu-wrapper{
	width: 1260px;
	margin: 0 auto;
}

/* 商品一覧 */
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-megamenu-itemlist{
	padding: 0;
}
/* アガリクス */
#header .h-nav-megamenu .h-megamenu-agaricus{
	padding: 0 0 0 180px;
}

/* ヤマブシタケ */
#header .h-nav-megamenu .h-megamenu-yamabushi{
	padding: 0 0 0 386px;
}

/* 干し椎茸・乾燥きのこ */
#header .h-nav-megamenu .h-megamenu-hoshi-shitake{
	padding: 0 0 0 602px;
}

/* レトルト食品・青汁 */
#header .h-nav-megamenu .h-megamenu-retort {
    padding: 0 0 0 875px;
}

}
@media screen and (min-width: 1060px) and (max-width: 1259px){
	#header .h-nav ul.h-nav-main{
	justify-content: space-between;
	width: 1060px;
	margin: 0 auto;
}
#header .h-nav-megamenu{
	font-size: 1.05vw;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu{
	font-size: 1.05vw;
	top:72px;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper,
#header .h-nav-megamenu .h-nav-megamenu-wrapper{
	width: 1060px;
	margin: 0 auto;
}

/* 商品一覧 */
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-megamenu-itemlist{
	padding: 0;
}
/* アガリクス */
#header .h-nav-megamenu .h-megamenu-agaricus{
	padding: 0 0 0 148px;
}

/* ヤマブシタケ */
#header .h-nav-megamenu .h-megamenu-yamabushi{
	padding: 0 0 0 325px;
}

/* 干し椎茸・乾燥きのこ */
#header .h-nav-megamenu .h-megamenu-hoshi-shitake{
	padding: 0 0 0 503px;
}

/* レトルト食品・青汁 */
#header .h-nav-megamenu .h-megamenu-retort {
    padding: 0 0 0 735px;
}

}
@media screen and (min-width: 1px) and (max-width: 1059px){
#header .h-nav ul.h-nav-main{
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}
#header .h-nav-megamenu{
	font-size: 1.05vw;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu{
	font-size: 1.05vw;
	top:65px;
}
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-nav-megamenu-wrapper,
#header .h-nav-megamenu .h-nav-megamenu-wrapper{
	width: 1000px;
	margin: 0 auto;
}

/* 商品一覧 */
#header .h-nav ul li .open-close-hover .h-nav-megamenu .h-megamenu-itemlist{
	padding: 0;
}
/* アガリクス */
#header .h-nav-megamenu .h-megamenu-agaricus{
	padding: 0 0 0 146px;
}

/* ヤマブシタケ */
#header .h-nav-megamenu .h-megamenu-yamabushi{
	padding: 0 0 0 316px;
}

/* 干し椎茸・乾燥きのこ */
#header .h-nav-megamenu .h-megamenu-hoshi-shitake{
	padding: 0 0 0 491px;
}

/* レトルト食品・青汁 */
#header .h-nav-megamenu .h-megamenu-retort {
    padding: 0 0 0 706px;
}

}




/* --------------------------------------------------------------------------------
	header-simple
-------------------------------------------------------------------------------- */
#header-simple{
background: #ffffff url(../images/common/h-nav-bg.png) repeat-x 0 100%;
}
#header-simple .h-logo {
    text-align: center;
    padding: 20px 0 30px;
}




/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer {
	padding: 47px 0 0;
}

/********** f-sns **********/
#footer .f-sns ul{
	display: flex;
	
	justify-content: center;
	padding: 0 0 99px;
}
#footer .f-sns ul li{
	padding: 0 10px;
}
#footer .f-sns ul li a{
	display: block;
}
#footer .f-sns ul li img{
	display: block;
}

/********** f-img **********/
#footer .f-img img{
	display: block;
}

/********** f-contact **********/
#footer .f-contact{
	padding: 16px 0 14px;
	background: #f1f1e6;
}
#footer .f-contact ul{
	display: flex;
	justify-content: space-between;
	
	width: 860px;
	margin: 0 auto;
	background: url("../images/common/f-btn-contact-bg.png") no-repeat 50% 50%;
}
#footer .f-contact ul li{
	
}
#footer .f-contact ul li a{
	display: block;
}
#footer .f-contact ul li img{
	display: block;
}





/********** f-cols **********/
#footer .f-cols {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 15px;
	display: flex;
	justify-content: space-between;
}
#footer .f-cols .f-cols-box1{
	width: 380px;
}
#footer .f-cols .f-cols-box1 ul li{
	width: 380px;
	line-height: 1.6;
}
#footer .f-cols .f-cols-box2{
	width: 790px;
}
#footer .f-cols .f-cols-box2 > ul{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	margin:0 0 15px;
}
#footer .f-cols .f-cols-box2 > ul > li{
	width: 380px;
	line-height: 1.6;
}
#footer .f-cols > f-cols-box > ul > li a{
	text-decoration: underline;
}

/* txt */
#footer .f-cols > f-cols-box  ul li .txt {
	padding: 0 0 12px;
	font-size: 16px;
}

/* heading */
#footer .f-cols ul li .heading {
	margin: 0 0 15px;
	padding: 8px 0;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #00664d;
}

/* sheading */
#footer .f-cols ul li .sheading {
	font-weight: bold;
}
#footer .f-cols ul li .sheading a{
	font-weight:bold;
}

/* txt */
#footer .f-cols ul li .txt {
	padding: 0 0 16px;
}
#footer .f-cols ul li .txt p {
	padding: 0 0 0 17px;
}
#footer .f-cols ul li .mark-1 {
	color: #c00;
	font-weight: bold;
}
#footer .f-cols ul li .mark-2 {
	color: #e61446;
	font-weight: bold;
}

/********** 送料・配送について **********/
#footer .f-cols ul li .shipping-1 ul li{
	padding: 0 0 0 1.1em;
	text-indent: -1em;
}
#footer .f-cols ul li .shipping-1 ul li::before{
	content: '・';
}
#footer .f-cols ul li .shipping-1 .txt{
	padding-left: 8px;
}
#footer .f-cols ul li .shipping-1 .txt p{
	padding-left: 0;
}
#footer .f-cols ul li .shipping-2 .txt p{
	padding-left: 0;
}





/* ----------------------------------------
カレンダー
---------------------------------------- */
#footer .calendar{
	width: 1200px;
	margin: 0 auto 13px;
}


/********** カレンダーレイアウト **********/
#footer .calendar .calendar-wrapper{
	display: flex;
	justify-content: space-between;
	
	width: 500px;
	margin: 0 0 7px;
}

/********** カレンダー外枠 **********/
#footer .calendar .calendar-box{
	width:240px;
}

/********** 営業日カレンダー **********/
#footer .calendar table{
	width:100%;
	line-height:1.5;
	font-size:14px;
	text-align:center;
	border-collapse:collapse;
	background:#fff;
}

/********** 月名 **********/
#footer .calendar caption{
	padding:5px;
	text-align:center;
	font-weight:bold;
	border-top: solid 1px #cecece;
	border-right: solid 1px #cecece;
	border-left: solid 1px #cecece;
	background:#eee;
}

/********** 曜日 **********/
#footer .calendar th{
	padding:4px;
	width:14%;
	border:1px solid #cecece;
	font-weight:bold;
}
#footer .calendar th.sunday{
}
#footer .calendar th.saturday{
}

/********** 日付の枠 **********/
#footer .calendar td{
	padding:4px;
	width:calc(100% / 7);
	border:1px solid #cecece;
}
#footer .calendar td.sunday{
}
#footer .calendar td.saturday{
}
#footer .calendar td.close{
}

/********** 日付の文字 **********/
#footer .calendar td span{
}
#footer .calendar td.close{
	color: #fff;
	background: #c66;
}

/********** 休業日 **********/
#footer .calendar .cal-hours{
	padding: 0 0 0 20px;
	position: relative;
}
#footer .calendar .cal-hours::before {
	content: '';
	
	position: absolute;
	left: 0;
	top: 3px;
	
	display: block;
	width: 15px;
	height: 15px;
	background: #c00;
}
#footer .calendar .cal-txt{
	display: flex;
	font-size: 14px;
}
#footer .calendar .cal-txt .mark-close{
	display: flex;
	align-items: center;
	
	margin: 0 10px 0 0;
}
#footer .calendar .cal-txt .mark-close::before {
	content: '';
	
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	background: #cc6666;
	
	box-sizing: border-box;
}



/********** f-line **********/
#footer .f-line{
	padding: 8px 0;
	font-size: 14px;
	background: #f1f1e6;
}
#footer .f-line .f-line-box{
	display: flex;
	align-items: center;
	
	width: 1200px;
	margin: 0 auto;
}
#footer .f-line .f-logo{
	width: 122px;
}
#footer .f-line .f-help{
	width: 934px;
	font-size: 14px;
}

/* f-sns-2 */
#footer .f-sns-2 ul{
	display: flex;
	justify-content: center;
	
	width: 158px;
}
#footer .f-sns-2 ul li{
	padding: 0 0 0 9px;
}
#footer .f-sns-2 ul li:first-child{
	padding: 0 0 0 0;
}
#footer .f-sns-2 ul li a{
	display: block;
}
#footer .f-sns-2 ul li img{
	display: block;
}

/********** コピーライト **********/
#footer .copyright{
	padding: 18px 0;
	text-align: center;
	font-size: 14px;
}


/********** フローティング **********/
#footer .fix{
	width: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 1000;
}
#footer .fix a{
	display: block;
}
#footer .fix img{
	display: block;
}