@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
}

body, html{
	background: #fff;
}

body {
    -webkit-text-size-adjust: 100%;
}

body, h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,td,th{
	color: #444;
	font-size: 16px;
	font-family:'Noto Sans JP', 'Noto Sans Japanese','Montserrat','Lato','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3',Helvetica,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic', Osaka,sans-serif;
	/*font-family:'Noto Sans JP';*/
	font-weight: 300;
	text-align: justify;
	text-justify: distribute;
	line-height: 185%;
	letter-spacing: 0.1em;
}

/* 画像 */
img{
	vertical-align: middle;
}

a img{
	border: none;
}

a:hover img, #page-top:hover, p.is_btn a:hover, #nav_toggle:hover, .l_header .btn_gnavi:hover{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

/* テキストリンク */
a:link, a:visited{
	color: #444;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

/* 背景を下まで伸ばす */
.md_cont, .is_item, .is_itemname ul, .md_contents, .is_kodawari, .is_kikaku ul, .is_accordionlist dt, .is_uselist ul, .is_map ul{
	overflow: hidden;
}

.md_cont:after, .is_item:after, .is_itemname ul:after, .md_contents:after, .is_kodawari:after, .is_kikaku ul:after, .is_accordionlist dt:after, .is_uselist ul:after, .is_map ul:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/* 標準設定 */
.img_l{float: left;padding: 0px 20px 10px 0px;}

.img_r{float: right;padding: 0px 0px 10px 20px;}

.clear{clear: both;}
.br_pc { display: block !important;}
.br_sp { display: none !important;}

.px10{font-size: 71% !important;line-height: 114%;}
.px12{font-size: 86% !important;line-height: 142%;}
.px14{font-size: 100% !important;}
.px16{font-size: 114% !important;}
.px16{font-size: 128% !important;}
.px16{font-size: 142% !important;}

.t_center{text-align: center !important;}
.t_right{text-align: right !important;}

.pt0{padding-top: 0px !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt40{padding-top: 40px !important;}
.pt60{padding-top: 60px !important;}

.pb0{padding-bottom: 0px !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}

.pl0{padding-left: 0px !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}
.pl70{padding-left: 70px !important;}

.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}

.mt0{margin-top: 0px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}

.ml10{margin-left: 10px;}

.mr10{margin-right: 10px;}

.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}

.b{font-weight: bold;}
.normal{font-weight: normal !important;}
.t_red{color: #c90000 !important;}
.t_gold{color: #b48f48 !important;}
.t_green{color: #39b052 !important;}

li{list-style: none;}

.is_disc{
	margin-left: 30px;
}

.is_disc li{
	color: #000;
	list-style: disc;
	margin-bottom: 10px;
}

/*---------------------
ページトップボタン
---------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 15px;
	font-size: 30px;
}

#page-top a {
	width: 40px;
	height: 40px;
	background: #39b052;
	border: #fff 2px solid;;
	text-decoration: none;
	color: #dc143c;
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 50%;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
}

.arrow {
	position: absolute;
	width: 15px;
	height: 15px;
	border: 5px solid #39b052;
	border-left-color: #FFF;
	border-top-color: #FFF;
	top: 26px;
	left: 20px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#page-top:hover, p.is_btn a:hover{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.80;
}

#page-top:hover .arrow{
	border: 5px solid rgba(57, 176, 82, 0.00);
	border-left-color: #FFF;
	border-top-color: #FFF;
}


/*---------------------
ボタン
---------------------*/
p.is_btn a{
	color: #39b052;
	font-size: 128%;
	font-weight: 400;
	text-align: center;
    text-decoration: none;
    border: #39b052 2px solid;
	vertical-align: middle;
	margin: 40px auto 0 auto;
	padding: 20px 5%;
    border-radius: 32px;
    width: 50%;
    display: block;
}

p.is_btn a:hover{
	color: #fff;
	background: #39b052;
}

p.is_btn a i{
	/*margin-right: 10px;*/
}

p.is_btnsmall{
	border-top: #ccc 1px solid;
	margin-top: 40px;
}

p.is_btnsmall a{
	font-size: 86%;
	padding: 5px 20px;
	width: auto;
	max-width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	border: #39b052 1px solid;
}

p.is_btnsmall a i{
    margin-right: 0;
}

p.is_btnsmall2{
	text-align: center;
}

p.is_btnsmall2 a{
	font-size: 100%;
    padding: 5px 40px;
    width: auto;
    max-width: auto;
    display: inline-block;
    margin: 0 auto;
}



/*---------------------
ヘッダー
---------------------*/
.header_bk{
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0 1px 10px rgba(0,0,0,0.4);
	width: 92%;
	position: fixed;
	z-index: 99998;
	padding: 5px 4% 0 4%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
	float: left;
	width: 19%;
	max-width: 200px;
}

.logo img{
	width: 100%;
}

.l_header_inner{
	width: 75%;
}

ul.md_gnavi li a{
	color: #333333;
	font-size: 128%;
	font-weight: 600;
	text-align: center;
	text-decoration: none !important;
	display: block;
	border-bottom: rgba(255,255,255,0.0) 8px solid;
	padding-bottom: 10px;
	padding-top: 20px;
}

ul.md_gnavi li a span{
	font-size: 54%;
	display: block;
	line-height: 114%;
}

ul.md_gnavi li a:hover{
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.00;
	transition: 0.5s;
	border-bottom: #39b052 8px solid;
}

ul.md_gnavi li:last-child{
	width: 180px;
	max-width: 220px;
	margin-left: 10px;
}

ul.md_gnavi li:last-child form{
	display: flex;
}

ul.md_gnavi li:last-child form input#s{
    background: #fff;
    border: #ccc 1px solid;
    padding: 10px;
}

ul.md_gnavi li:last-child form input#s:focus{
	outline: none;
}

ul.md_gnavi li:last-child form input#searchsubmit{
	color: #fff;
	background: #39b052;
	border: none;
	padding: 10px;
}

ul.md_gnavi li:last-child form input#searchsubmit:hover{
	cursor: pointer;
	background: #209338;
}

ul.md_gnavi li.is_current{
	border-bottom: #39b052 5px solid;
	margin-top: 5px;
}

ul.md_gnavi li.is_current a:hover{
	margin-top: 0;
}

.gsc-control-cse{
	border: none !important;
	background: none !important;
}

.gsib_a{
	padding: 2px 6px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right: 0 !important;
	margin-right: 0;
	border-right: none !important;
}

.gsc-search-button{
	margin-left: 2px !important;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2{
	padding: 2px 10px !important;
    min-height: 25px;
}

.gsc-search-button-v2:hover{
	cursor: pointer;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.cse .gsc-search-button-v2 svg, .gsc-search-button-v2 svg{
    vertical-align: middle !important;
}

form.gsc-search-box{
	margin-bottom: 4px !important;
}

.cse .gsc-control-cse, .gsc-control-cse{
    padding: 1em 0 1em 0.5em !important;
}

input.gsc-input{
	font-size: 86%;
}
/*
.gsc-search-button-v2{
	padding: 10px !important;
	line-height: 0 !important;
	margin-left: 0 !important;
}
*/

table.gsc-search-box td.gsib_b{
	display: none;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
    height: 35px;
}

.is_spmenu, .modal-content{
	display: none;
}

.l_header .btn_gnavi{
	display: none;
}

@media (min-width: 768px) { /* pc */
	.md_gnavi{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		height: 100%;
		align-items: center;
	}
	
	.md_gnavi li{
		height: 100%;
		position: relative;
	}
	
	.md_gnavi li a{
		align-items: center;
		display: flex;
		justify-content: center;
		letter-spacing: 0;
		height: 100%;
		padding: 0 20px;
		text-align: center;
	}

}

.is_searchformall form input[type="text"]{
	width: 85%;
	font-family:'Noto Sans JP','Montserrat','Lato','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3',Helvetica,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic', Osaka,sans-serif;
	border: #a8a8a8 1px solid;
	font-size: 81%;
	background: #fff;
	padding: 6px 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.is_searchformall form input[type="text"]:focus{
	background: #fff;
}

.is_searchformall form input[type="submit"]{
    font-size: 100%;
    /*padding: 5px 10px;*/
    width: 40%;
}

.is_searchformall input.search-submit{
	color: #fff;
	font-weight: 600;
	border: #a8a8a8 1px solid;
	background: #39b052;
}

.is_searchformall input.search-submit:hover{
	cursor: pointer;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

@media screen and (max-width:767px){
	.is_searchformall form input[type="text"]{
		font-size: 100%;
		width: 75%;
		padding: 8px 4%;
	}
	
	.is_searchformall form input[type="submit"]{
		width: auto;
		padding: 4%;
	}
}


/*---------------------
メニュー固定
---------------------*/
.header_bk.fixed{
	position: fixed;
}


/*---------------------
メインビジュアル
---------------------*/
.main-image{
	position: relative;
	overflow: hidden;
}


/*---------------------
コンテンツ設定
---------------------*/
.md_contents{
	text-align:center;
    margin: 60px auto;
    padding: 0;
    width: 1200px;
    min-width: 1200px;
}

.md_cont{
	clear: both;
	background: #f8f0d5;
}

.md_pages{
	margin-top: 20px;
}


/*---------------------
タイトル
---------------------*/
.md_contents h1{
	clear: both;
	color: #70513b;
	font-size: 200%;
    line-height: 128%;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
}

.md_contents h1 img{
	display: block;
    margin: 0 auto 10px;
}
.md_contents h1 img.is_inline{
	display: inline;
	margin: 0 auto 10px;
}

.md_contents h1 + p{
	font-size: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.md_contents h1 + p span{
	font-size: 86%;
}

.md_contents h2{
	color: #39b052;
	font-size: 171%;
	font-weight: 500;
	line-height: 128%;
	margin-bottom: 20px;
}

.md_kekka .is_kekkatitle{
	clear: both;
	color: #70513b;
	font-size: 148%;
    line-height: 128%;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 0 0;
}

/* .md_kekka{
	display: none;
} */

.gsc-results-close-btn-visible{
	display: none !important;
}

.shopkodawari, .is_itemkodawari{
	border-top: #b8b8b8 1px solid;
	border-bottom: #b8b8b8 1px solid;
	margin: 20px 0 40px 0;
	padding: 30px;
	margin-bottom: 20px;
}

.shopkodawari dl, .itemall dl{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.shopkodawari dl dt, .itemall dl dt{
	margin-right: 30px;
	width: 300px;
}

.shopkodawari p:nth-child(1){
	margin-bottom: 10px;
}

.shopkodawari dl dt img, .itemall dl dt img{
	width: 100%;
}

.shopkodawari dl dd, .itemall dl dd{
	color: #38b056;
	font-size: 114%;
	font-weight: bold;
}

.shopkodawari dl dd span, .itemall dl dd span{
	font-size: 86%;
}

.is_itemkodawari > div > p:nth-child(1){
	color: #38b056;
	font-size: 114%;
	font-weight: bold;
}

.is_itemkodawari > div.itemall > p:nth-child(1){
	color: #444;
	font-size: 100%;
	font-weight: 300;
}

.is_itemkodawari dt{
	font-weight: bold;
	margin: 10px 0 5px 0;
}

/*.is_itemkodawari{
	padding-left: 1.8em;
	text-indent: -0.8em;
}

.is_itemkodawari dl dd p, .is_itemkodawari p:not(:first-child){
	margin-left: 15px;
}
*/

/*---------------------
フッター
---------------------*/
.md_footer{
	background: url(../img/bg_catch.jpg) no-repeat center center;
	background-size: cover;
	margin-top: 40px;
	padding: 40px 20px;
	clear: both;
}

.md_footer p{
	color: #333;
}

.is_catch{
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 128%;
	text-align: center;
}

.is_footer{
	display: flex;
	justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.is_footer div:nth-child(1){
	width: 300px;
	margin-right: 5%;
}

.is_footer div:nth-child(1) img{
	width: 100%;
}

.is_footer div:nth-child(2) p strong{
	font-size: 128%;
}

.is_footer div:nth-child(2) p:nth-child(2){
	font-size: 220%;
	display: flex;
	align-items: center;
	margin: 5px 0 0 0;
}

.is_footer div:nth-child(2) p:nth-child(2) img{
	width: 56px;
	height: 100%;
	margin-right: 10px;
}

.is_footer div:nth-child(2) p:nth-child(3){
	margin-left: -10px;
}

.is_footer div:nth-child(2) p:nth-child(4){
	font-size: 72%;
	line-height: 128%;
	margin-top: 10px;
}

.is_flogo{
	margin: 40px auto 0 auto;
	max-width: 300px;
}

.is_flogo img {
    width: 100%;
}

.md_copyright{
	display: flex;
    justify-content: space-between;
	margin: 20px 4%;
}

.is_subnav li{
	float: left;
	margin-right: 20px;
}

.is_subnav li a,
.md_copyright p{
	font-size: 72%;
}


/*---------------------
商品を探す
---------------------*/
#is_search{
	position: fixed;
	right: 0;
	top: 40%;
	max-width: 50px;
	z-index: 99;
}

#is_search img{
	width: 100%;
}

#is_search a{
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	text-decoration: none;
	border: #fff 2px solid;
	border-right: none;
    line-height: 128%;
	background: #ffba00;
    padding: 10px 20px 15px 20px;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.4);
    display: block;
    border-radius: 10px 0 0 10px;
}

#is_search a i{
	font-size: 86%;
	margin-bottom: 7px;
}




/*---------------------
トップページ
---------------------*/
.md_concept p{
	text-align: center;
}

.md_concept p:nth-child(1) img{
	width: 40%;
}

.md_concept p:nth-child(2){
	color: #39b052;
	font-size: 171%;
	line-height: 128%;
	font-weight: bold;
	padding: 20px 0 10px 0;
}

.md_concept p:nth-child(3){
	font-size: 100%;
}


/*---------------------
下層メインビジュアル
---------------------*/
.is_pages{
	padding-top: 250px;
	background-size: cover !important;
	display: flex;
}

.is_pages h1{
	color: #fff;
	font-size: 240%;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.01em;
	text-align: center;
	background: rgba(57, 176, 82, 0.9);
	padding: 10px 40px;
    position: relative;
    top: -80px;
    margin: 0 auto;
}

.is_pages h1 span{
	font-size: 50%;
	line-height: 200%;
	display: block;
}

.l_main{
	display: block;
}

#bodylineup .is_pages{background: url(../img/bg_lineup.jpg) no-repeat center top;}
#bodyabout .is_pages{background: url(/img/bg_about.jpg) no-repeat center top;}
#bodyprivacypolicy .is_pages{background: url(/img/bg_privacypolicy.jpg) no-repeat center top;}
#bodysitepolicy .is_pages{background: url(/img/bg_sitepolicy.jpg) no-repeat center top;}
#bodysearch .is_pages{background: url(/img/bg_search.jpg) no-repeat center top;}
#bodyrecipe .is_pages{background: url(/img/bg_recipe.jpg) no-repeat center top;}
#bodybuy .is_pages{background: url(/img/bg_shop.jpg) no-repeat center top;}
#bodysitemap .is_pages{background: url(/img/bg_sitemap.jpg) no-repeat center top;}


/*---------------------
パンくずリスト
---------------------*/
.md_bread{
	margin: 10px 4% 60px 4%;
}

.md_bread ol li {
	font-size: 70%;
    float: left;
}

.md_bread ol li:before{
    padding: 0 5px;
    content: "\f053";
	font-family:'Font Awesome 5 Free';
	font-weight: bold;
}

.md_bread ol li:first-child:before{
	color: #767676;
    padding: 0 5px 0 0;
    content: "\f015";
}


/*---------------------
シェアボタン
---------------------*/
.is_sns{
	clear: both;
	float: right;
	margin: 40px 4% 40px 4%;
}

.is_sns li{
	list-style: none;
	font-size: 300%;
	float: left;
	margin: 0 5px;
}

.is_sns li:last-child{
	margin-right: 0;
}

.is_sns li:nth-child(1) a{color: #64adf0;}
.is_sns li:nth-child(2) a{color: #405a9a;}
.is_sns li:nth-child(3) a{color: #3ab700;}
.is_sns li:nth-child(4) a{color: #ffba00;font-size: 94%;}

.md_sns{
	border: #ccc 1px solid;
	margin-top: 40px;
	padding: 5px 20px 10px 20px;
    border-radius: 5px;
}

.md_sns dl{
	display: flex;
    align-items: flex-end;
}

.md_sns dl dt{
	font-size: 86%;
}

.md_sns dl dt i{
	color: #39b052;
	font-size: 100%;
}

.md_sns ul{
	display: flex;
	margin-left: 15px;
	margin-top: 5px;
}

.md_sns ul li{
	margin: 0 5px;
    display: flex;
    align-items: flex-end;
}

.md_sns ul li a{
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	padding: 4px 10px 4px 28px;
}

.md_sns ul .is_facebook a{
	background: #1877f2 url(../img/icon_facebook_btn.svg) 5px center / 18px no-repeat;
	border: 1px solid #1877f2;
}

.md_sns ul .is_twitter a{
	background: #000 url(../img/icon_twitter_btn.svg) 5px center / 18px no-repeat;
	border: 1px solid #000;
}

.md_sns ul .is_line a{
	background: #00b900 url(../img/icon_line_btn.svg) 5px center / 18px no-repeat;
	border: 1px solid #00b900;
}

.md_sns ul li a:hover{
	text-decoration: none;
}

.md_recipe .md_sns{
	border: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.md_recipe .md_sns ul{
    margin-left: 0;
    margin-top: 10px;
}




/*---------------------
コンテンツ共通
---------------------*/
/*.is_item li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.is_item li a{
	display: block;
	text-align: center;
}

.is_item li:nth-child(4n){
	margin-right: 0;
}

.is_item li img{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}*/

ul.is_item{
  display: flex;
  flex-wrap: wrap;
}

.is_item li{
	width: 23%;
	/*margin-right: 2%;
    margin-bottom: 4%;*/
    margin: 2% 1%;
}

.is_item li p:nth-child(1){
	position: relative;
	width: 100%;
}
/*.is_item li p:nth-child(1):before{
	content: "";
	display: block;
	padding-top: 100%;
}
*/
.is_item li p:nth-child(1) img{
	width: 100%;
	height: auto;
	/*position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;*/
}

.is_yoko2{
	display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.is_yoko2 div{
	width: 48%;
}

.is_yoko2 img{
	width: 100% !important;
    height: auto;
}

#nav_toggle{
	display: none;
}


/*---------------------
商品詳細ページ
---------------------*/
.is_itemselect{
	text-align: center;
	display: block;
	width: 100%;
	margin: 0 auto;
	display: flex;
    justify-content: center;
}

.is_itemselect li{
	list-style: none;
	padding: 2%;
}

.is_itemselect li i{
	margin-right: 5px;
}

.is_itemselect li form {
	display: inline-block;
	margin-left: 10px;
}

.is_itemselect li select{
	font-family: 'Noto Sans JP', 'Noto Sans Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	/*font-family: 'Noto Sans JP';*/
	padding: 10px 40px 10px 10px;
    border-radius: 10px;
    border: #ccc 1px solid;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #eee;
	background: url(/img/icon_arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(/img/icon_arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 25px, 100%;
}

.is_itemselect li select::-ms-expand{
    display: none;
}

.md_item .is_yoko2 div:nth-child(1){
	width: 45%;
}

.md_item .is_yoko2 div:nth-child(2){
	width: 50%;
}

.md_item .is_yoko2 div:nth-child(2) h1{
	font-size: 214%;
	text-align: left;
}

.md_item .is_yoko2 div:nth-child(2) h1 img{
	display:inline-block !important;
	width: auto !important;
	margin-right: 5px;
}

.md_item .is_yoko2 div:nth-child(2) h2{
	font-size: 156%;
}

.md_item .is_yoko2 div:nth-child(2) h2 img{
	padding-left: 5px;
}

.md_item .is_yoko2 div:nth-child(2) h2+p{
	margin-bottom: 20px;
}

.md_pages h3{
	font-size: 114%;
	font-weight: 500;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	margin-top: 80px;
	margin-bottom: 10px;
	padding: 5px;
}

.is_package div:nth-child(1){
	width: 60% !important;
	position: relative;
}

.is_package div:nth-child(2){
	width: 35% !important;
}

/*.is_package div:nth-child(1):before{
	content: "";
	display: block;
	padding-top: 100%;
}

.is_package div:nth-child(1) img{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
*/

.md_item .slick-slide img{
	height: auto;
}

.md_item .is_yoko2 .slick-list{
	width: 100% !important;
}

.md_item .is_yoko2 .slick-list li{
	position: relative;
}

/*.md_item .is_yoko2 .slick-list li:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.md_item .is_yoko2 .slick-list li img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
*/

.md_item .is_yoko2 .thumb-item-nav li img{
	width: 100% !important;
}

.md_item .is_iteml{
	float: left;
	width: 45%;
}

.md_item .is_itemr{
	float: right;
	width: 50%;
}

.md_item .is_itemr h1{
	text-align: left;
}

.md_item .is_yoko2.is_yokobtn{
	clear: both;
}

.is_yoko2 p.is_btn{
	width: 48%;
	margin: 10px auto;
}

.is_yoko2 p.is_btn a{
	font-size: 100%;
	margin-top: 40px;
	padding: 10px;
	width: 80%;
	display: flex;
	justify-content: center;
    align-items: center;
}

.md_contents table{
	width: 100%;
	margin: 5px 0 30px 0;
	border-top: #ccc 1px solid;
	border-collapse: collapse;
}

.md_contents th,
.md_contents td{
	padding: 10px 2%;
	border-bottom: #ccc 1px solid;
}

.md_contents th{
	width: 25%;
	background: rgba(255, 186, 0, 0.4);
}

.md_contents th strong{
	font-size: 71%;
}

.is_dlyoko dt{
	float: left;
	width: 110px;
}

.is_dlyoko dd:before{
	content: "：";
	padding-left: 10px;
}

ul.is_allergy{
	width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border: #ccc 1px solid;
}

ul.is_allergy li{
	text-align: center;
	width: 20.8%;
	padding: 2%;
}

.is_shoplist{
	margin: 10px 0 0 0;
}

.is_shoplist li{
	list-style: none;
	float: left;
}

.is_shoplist li:after{
	content: "／";
}

.is_kome{
	clear: both;
	padding: 5px 0 5px 1em;
    text-indent: -1em;
}

.is_kome li{
	font-size: 86%;
	padding-left:1em;
	text-indent:-1em;
}

.is_yoko2 .is_yoko2{
	width: 100%;
	margin-top: 0;
}

.is_yoko2 .is_yoko2 p img{
	width: 96%;
}

.thumb-item-nav{
	display: flex;
	margin-left: 8px;
}

.thumb-item-nav li{
	margin-top: 10px;
	margin-right: 10px;
}

.thumb-item-nav li img:hover{
	cursor: pointer;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.thumb-item-nav .slick-next{
	 right: -10px;
	 top: 60%;
}

.thumb-item-nav .slick-prev{
	 left: -19px;
	 top: 60%;
}

.thumb-item-nav .slick-prev,
.thumb-item-nav .slick-next{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.thumb-item-nav .slick-prev:before,
.thumb-item-nav .slick-next:before{
	 /*color: #000;
	 font-size: 30px;
	 text-shadow: none;*/
}

.md_heart{
	width: 1100px !important;
	min-width: 1110px !important;
}

.md_heart .is_yoko2 div{
	width: 62%;
}

.md_heart .is_yoko2 div.is_photo{
	width: 35%;
}

.is_itemname{
	position: relative;
	padding: 2% 6%;
	width: 87% !important;
	background: #FFFAF0;
	color: #666;
	border: 2px solid #FFDEAD;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc;
}

.is_itemname:before{
	position: absolute;
	content: '';
	top: -15px;
	left: 5px;
	height: 45px;
	width: 12px;
	border: 2px solid #999;
	background-color: none;
	border-radius: 12px;
	box-shadow: 1px 1px 2px #ccc;
	transform: rotate(-10deg);
	z-index: 1;
}

.is_itemname::after{
	position: absolute;
	content: '';
	top: 0px;
	width: 10px; 
	left: 10px;
	border: solid 5px #fefaf0;
	z-index: 2;
}

.is_itemname ul{
	margin-top: 20px;
	padding-top: 5px;
}

.is_itemname li{
	float: left;
	padding-right: 20px;
}

i{
	padding-right: 5px;
}

.is_kodawari{
	clear: both;
	width: 100%;
	display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.is_kodawaril{
	width: 61%;
}

.is_kodawarir{
	width: 35%;
}

.is_kodawarir img{
	width: 100%;
	height: auto;
}

.is_kodawari h2,
.is_iteminfo h2,
.is_make h2,
.is_recommendrecipe h2,
.is_uselist h2{
	color: #333;
    font-size: 171%;
}

.is_package div:nth-child(1){
	width: 48% !important;
	margin: 0 auto;
}

.is_package div:nth-child(2){
	width: 48% !important;
}

.is_iteminfo{
	clear: both;
	padding-top: 60px;
}

.is_youtube{
	margin: 40px auto 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.is_youtube > div{
	width: 48%;
	margin: 2% auto;
}

.youtube{
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}

.youtube iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.is_kikaku{
	border: 2px solid #ccc;
	border-radius: 5px;
	margin: 40px 0;
	padding: 30px;
	position: relative;
}

.is_kikaku::before{
	background-color: #fff;
	color: #39b052;
	content: "姉妹品・規格違い商品";
	font-size: 128%;
	font-weight: bold;
	left: 30px;
	padding: 3px 10px 0 10px;
	position: absolute;
	top: -20px;
}

.is_kikaku li{
	float: left;
	margin-right: 20px;
}

.is_gmo li p{
	font-size: 87%;
	line-height: 128%;
	margin: 5px 0 0 0;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	background: #f3f3f3;
}

.is_gmo li p img{
    margin-right: 10px;
    float: left;
    height: 100%;
}

.is_osusumerecipe li a{
	display: block;
	margin: 10px;
}

.is_osusumerecipe li a p{
	font-size: 86%;
	line-height: 148%;
}

.is_osusumerecipe .slick-prev{
	left: -10px;
	top: 46%;
}

.is_osusumerecipe .slick-next{
	right: -10px;
	top: 46%;
}

.is_osusumerecipe li.slick-slide a p img{
	height: 100%;
}

.is_osusumerecipe .slick-track{
	margin-left: 0;
	margin-right: 0;
}

.is_update{
	text-align: right;
	margin-top: 40px;
}

.is_iteminfo .is_disc li{
	text-align: left;
}

.md_mark,
.is_markimg{
	display: flex;
	justify-content: space-between;
}

.is_markimg{
	width: 25%;
}

.is_marktext{
	width: 72%;
}

.is_markimg p{
	width: 48%;
}

.is_markimg img{
	width: 100%;
}

p.is_japan{
	width: 108px;
}

p.is_japan img{
	width: 100%;
}



/*---------------------
プライバシーポリシー
---------------------*/
.is_privacy dt{
	font-weight: bold;
	font-size: 128%;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

.is_privacy dd{
	padding-left: 30px;
	padding-bottom: 20px;
}

.is_parentheses{
  padding: 10px 0 0 0;
}

.is_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -1.7em;
  padding-left: 1.7em;
  padding-bottom: 5px;
}

.is_parentheses li:before{
  display: marker;
  content: "（" counter(cnt) "） ";
}

.is_parentheses li:before{
  display: marker;
  content: counter(cnt) "）";
}

.is_number{
	padding-left: 30px;
	margin-bottom: 20px;
}

.is_number li{
    list-style: decimal !important;
	padding-bottom: 5px;
}


/*---------------------
知る
---------------------*/
.is_5kodawari{
	width: 50%;
	margin: 0 auto;
}

.is_5kodawari p{
	padding: 20px 40px;
}

.is_5kodawari img{
	width: 100%;
}

.is_accordionbox{
	width: 90%;
	margin: 0 auto 80px auto;
}
.is_accordionlist{
    border-top: #ccc 2px dotted;
}

.is_accordionlist dt{
	font-size: 114%;
	font-weight: 500;
	line-height: 156%;
	color: #4db04d;
	text-indent: -1.4em;
    padding: 2% 8% 2% 2.5em;
    border-bottom: #ccc 2px dotted;
    display: block;
    position: relative;
}

.is_accordionlist dt:hover{
	cursor: pointer;
	background: #edf9ee;
}

.is_accordionlist dt:before{
	font-size: 142%;
    padding: 0 5px;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    right: 2%;
    top: 34%;
}

.is_accordionlist dt.active:before{
    content: "\f077";
}

.is_accordionlist dd{
    display:none;
    padding: 2% 2% 6% 2%;
    border-bottom: #ccc 2px dotted;
}

.is_yokoabout{
    display: flex;
	align-items: center;
}

.is_accordionlist dd .is_yoko2 div:nth-child(1){
	width: 58%;
}

.is_accordionlist dd .is_yoko2 div:nth-child(2){
	width: 38%;
}


/*---------------------
レシピ
---------------------*/
.md_recipe form input[type="text"]{
	font-size: 128%;
	font-family:'Noto Sans JP','Montserrat','Lato','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3',Helvetica,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic', Osaka,sans-serif;
	width: 50%;
	margin-bottom: 40px;
	padding: 16px;
    border: #a8a8a8 1px solid;
    display: inline-block;
}

.md_recipe form input[type="submit"]{
	color: #fff;
	font-family: 'Font Awesome 5 Free','Noto Sans JP','Montserrat','Lato','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3',Helvetica,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic', Osaka,sans-serif;
	font-size: 128%;
	font-weight: bold;
	background: #39b052;
	cursor: pointer;
	-webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
	padding: 16px;
	display: inline-block;
}

.md_recipe form input[type="submit"]:hover{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.md_searchlist{
	border-top: #ccc 1px dotted;
}

.md_searchlist li{
	border-bottom: #ccc 1px dotted;
	padding: 10px;
}

.md_recipe ul.is_itemselect{
	flex-wrap: wrap;
	max-width: 780px;
}

.md_recipe .is_itemselect li{
    padding: 1% 2%;
	width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.md_recipe .is_itemselect li span{
	width: 30%;
	max-width: 100px;
}

.md_recipe .is_itemselect li select{
	width: 70%;
}

.md_recipe .is_itemselect li select{
	width: 100%;
	max-width: 200px;
}

.md_recipe2{
	display: flex;
	align-items: baseline;
    margin-bottom: 0;
    justify-content: center;
}

.md_recipe2 form input[type="text"],
.md_recipe2 form input[type="submit"]{
	font-size: 100%;
	padding: 5px 10px;
}

.md_recipe form input[type="text"]{
	width: 56%;
}

.is_searchbtn a{
	color: #39b052;
	font-weight: 500;
	border: #39b052 1px solid;
	padding: 2px 20px;
	text-decoration: none;
	display: block;
}

.md_recipe .is_iteml,
.md_recipe .is_itemr{
	width: 47.5%;
	margin-bottom: 40px;
}

.t_recipe{
	margin-bottom: 0 !important;
}

.md_recipe .is_iteml img{
	width: 100%;
	height: auto;
}

.is_eiyo{
	border-bottom: #cccccc 1px solid;
	margin-top: 20px;
}

.is_eiyo dt,
.is_eiyo dd{
	color: #9f6500;
	font-size: 86%;
	padding: 5px 10px;
}

.is_eiyo dt{
	float: left;
	width: 120px;
}

.is_eiyo dd{
	border-top: #cccccc 1px solid;
}

.is_eiyo + p{
	font-size: 72%;
	margin-top: 10px;
}

.md_recipe .is_sns{
	margin-top: 0;
	margin-right: 0;
}

.md_recipe .is_iteminfo{
    padding-top: 0;
}

.md_recipe .is_iteminfo th{
	width: 70%;
	padding: 5px;
	background: none;
}

.md_recipe .is_iteminfo a{
	color: #39b052;
    text-decoration: none;
}

.md_recipe .is_iteminfo a:hover{
    text-decoration: underline;
}

.md_recipe .is_iteminfo td{
	text-align: right;
	width: 28%;
	padding: 5px;
}

.icon_a{
	color: #fff;
	background: #d44830;
	margin-left: 10px;
	padding: 0 2px;
	font-size: 86%;
}

.icon_b{
	color: #fff;
	background: #305fac;
	margin-left: 10px;
	padding: 0 2px;
	font-size: 86%;
}

.icon_c{
	color: #fff;
	background: #ffba00;
	margin-left: 10px;
	padding: 0 2px;
	font-size: 86%;
}

.is_make ul{
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
 
.is_make ul li{
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative;
}

.is_make ul li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	border: #222 1px solid;
	color: #222;
	display: block;
	float: left;
	line-height: 24px;
	margin-left: -40px;
	text-align: center;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}

.is_make ul li span.icon_a,
.is_make ul li span.icon_b,
.is_make ul li span.icon_c{
	margin: 0 5px;
}

.is_uselist{
	clear: both;
	margin-bottom: 40px;
}

.is_uselist ul li{
	float: left;
	width: 12.5%;
	margin: 0 2% 2% 2%;
}

.is_uselist ul li img{
	width: 100%;
	height: auto;
}

.is_uselist li a p{
	font-size: 86%;
}

.is_recommendrecipe{
	clear: both;
}

.is_print{
	display: block;
}

.is_print p{
	text-align: right;
	margin-bottom: 20px;
}

.is_print i{
	font-size: 114%;
}

.is_print i:nth-child(1){
	color: #ffba00;
}

.is_print i:nth-child(2){
	color: #333;
	font-size: 86%;
	margin-left: 5px;
}

.is_print p a{
	text-decoration: none;
	font-size: 86%;
	background: #fff9d2;
	padding: 5px 10px 5px 20px;
	border-radius: 5px;
}


/*---------------------
スクロールアニメーション
---------------------*/
.is_scrollanime{
  opacity: 0;
  transition: all .8s ease;
}

.is_scrollanime.show{
  opacity: 1;
  transform: none;
}

.is_rl{
  transform: translate(-100px, 0);
}

.is_rl{
  transform: translate(100px, 0);
}

.is_up{
  transform: translate(0, 100px);
}

.is_down{
  transform: translate(0, -100px);
}

.is_scaleUp{
  transform: scale(.5);
}

.is_scaleDown{
  transform: scale(1.5);
}

.is_rotateL{
  transform: rotate(180deg);
}

.is_rotateR{
  transform: rotate(-180deg);
}

.br_ta{
	display: none;
}



/*---------------------
買う
---------------------*/
.md_buy h1 img.is_logo{
	display: inline;
	width: 170px;
    margin-top: 5px;
	margin-right: 10px;
}

.md_buy h2{
	color: #333;
	font-size: 142%;
}

.is_map{
	/*border: #a9a9a9 1px solid;
	padding: 40px 60px;
	border-radius: 10px;*/
	max-width: 840px;
	margin: 0 auto;
}

.is_map img {
	max-width: 100%;
}

.is_map ul{
	margin: 60px 0 20px 0;
}

.is_map ul li{
	float: left;
	width: 18%;
	margin: 1%;
}

.txt_tohoku a, .md_buy h3.txt_tohoku{ background: #28a7e1;}
.txt_kanto a, .md_buy h3.txt_kanto{ background: #0ba29a;}
.txt_tokai a, .md_buy h3.txt_tokai{ background: #90c31f;}
.txt_kinki a, .md_buy h3.txt_kinki{ background: #f8b62b;}
.txt_shikoku a, .md_buy h3.txt_shikoku{ background: #f2a2b6;}

.is_map ul li a{
	color: #fff;
	text-align: center;
    width: 92%;
	padding: 5px 4%;
	border-radius: 30px;
	display: inline-block;
	letter-spacing: 0.8em;
}

.is_map ul li a:hover{
	text-decoration: none;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.is_map ul + p,
.md_buy h3 + p{
	clear: both;
}

.md_buy h3{
	clear: both;
	color: #fff;
	text-align: left;
	margin: 80px 0 20px 0;
	padding: 10px 60px;
	border: none;
	border-radius: 4px;
	display: inline-block;
	float: left;
}

.md_guoup{
	clear: both;
}

.md_guoup > li{
	margin-bottom: 60px;
	float: left;
	width: 46%;
}

.md_guoup > li:nth-child(2n+1){
	margin-right: 4%;
}

.md_guoup p:nth-child(1){
	border-top: #b8b8b8 1px solid;
	border-bottom: #b8b8b8 1px solid;
	padding: 20px 10px;
	display: flex;
    align-items: center;
}

.md_guoup p:nth-child(1) img{
    max-width: 60%;
    width: auto;
    max-height: 40px;
    height: auto;
}

.md_guoup p:nth-child(1) strong{
	background: #fff3ca;
    margin-left: 20px;
    padding: 10px 20px;
}

.md_guoup p:nth-child(2){
	font-weight: bold;
	font-size: 114%;
	padding-top: 10px;
}

.md_guoup .is_groupbtn{
	display: flex;
    justify-content: flex-end;
}

.md_guoup .is_groupbtn i{
	padding: 0 0 0 5px;
}

.md_guoup .is_groupbtn li{
	margin: 20px 1%;
}

.md_guoup .is_groupbtn li:last-child(1){
	margin-right: 0;
}

.md_guoup .is_groupbtn li a{
	font-size: 86%;
	color: #fff;
	padding: 0 10px;
	border-radius: 4px;
	display: inline-block;
}

.md_guoup .is_groupbtn li a:hover{
	text-decoration: none;
}

.md_guoup .is_groupbtn li.is_hp a{
	background: #f98d2d;
}

.md_guoup .is_groupbtn li.is_siryo a{
	background: #aa270a;
}

.md_guoup .is_groupbtn li.is_reserve a{
	background: #7cba1c;
}

.md_guoup p.is_delivery{
	font-size: 86%;
	display: block;
	border: none;
	padding: 0;
}

.md_guoup p.is_delivery strong{
	font-weight: bold;
	background: none;
	margin: 0;
	padding: 0;
}

.md_guoup p.is_delivery:nth-child(2){
	font-weight: normal;
}

.grad-wrap{
	position: relative;
}

.grad-wrap + .grad-wrap{
  margin-top: 40px;
}

.grad-btn{
	color: #39b052;
	font-size: 86%;
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
}

.grad-btn::after{
	content: "もっと見る"
}

.grad-btn:hover{
	text-decoration: underline;
}

.grad-btn .fa{
	margin-right: .5em;
}

.grad-item{
	position: relative;
	overflow: hidden;
	height: 80px;
}

.grad-item p + p{
	margin-top: 1em;
}

.grad-item::before{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 30px;
	background: #fff;
}

.grad-trigger{
	display: none;
}

.grad-trigger:checked ~ .grad-btn{
	bottom: -2em;
}

.grad-trigger:checked ~ .grad-btn::after{
	content: "もとに戻す"
}

.grad-trigger:checked ~ .grad-btn .fa{
	transform: rotate(180deg);
}

.grad-trigger:checked ~ .grad-item{
	height: auto;
}

.grad-trigger:checked ~ .grad-item::before{
	display: none;
}



/*---------------------
サイトマップ
---------------------*/
.is_sitemap{
	width: 500px;
	margin: 0 auto;
}

.is_sitemap li{
	border-bottom: #ccc 1px solid;
	padding: 10px 20px;
}


/*---------------------
全ての検索結果
---------------------*/
.is_searchlist li{
	border-bottom: #ccc 1px solid;
}

.is_searchlist li a{
	display: block;
	padding: 20px 20px;
}

.is_searchlist li a:hover{
	text-decoration: none;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
	transition: 0.5s;
}

.is_searchlist li a p:nth-child(1){
	font-size: 130%;
	font-weight: bold;
}

.is_searchlist li a p.permalink{
	color: #39b052;
	font-size: 85%;
	display: block;
}

.is_searchlist li a p.is_searchnaiyo{
	line-height: 125%;
	padding-top: 5px;
}

.icon_lineup{
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	background: #3ab700;
	margin-left: 20px;
	padding: 1px 10px;
}

.icon_recipe{
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	background: #ffba00;
	margin-left: 20px;
	padding: 1px 10px;
}

.icon_about{
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	background: #70513b;
	margin-left: 20px;
	padding: 1px 10px;
}

.icon_home{
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	background: #b48f48;
	margin-left: 20px;
	padding: 1px 10px;
}

.is_searchlist .hilite {font-weight: bold;background: none;} 
body .hilite,
.md_copyright .hilite{
	background: none !important;
}

.icon_lineup .hilite,
.icon_recipe .hilite,
.icon_about .hilite,
.icon_home .hilite,
.pagination span .hilite, .pagination a .hilite{
	color: #fff;
	font-weight: normal;
}


.is_searchlist li a p.permalink .hilite, .pagination span.page-of .hilite{
	color: #39b052;
	font-weight: 300;
}

.md_contents h1 .hilite{
	color: #70513b !important;
}


/*===============================================
スマホとPCの中間
===============================================*/
@media screen and (max-width:1400px){
	.md_contents{
	    padding: 0 8% !important;
	    width: 84% !important;
	    min-width: 84% !important;
	}
	

}


@media screen and (max-width:1000px){
	ul.md_gnavi li a{
		padding: 20px 10px;
	}

	.shopkodawari dl, .itemall dl{
		display: block;
	}

	.shopkodawari div p:nth-child(1){
		margin-bottom: 10px;
	}


}


@media screen and (max-width:930px){
	.is_itemselect li form{
		display: block;
		margin-top: 10px;
	}
	.is_itemselect li select{
	    display: block;
	    margin-left: 0;
	}
	
	.br_ta{
		display: block;
	}
	
	
	/*---------------------
	レシピ
	---------------------*/
	.md_recipe ul.is_itemselect{
		max-width: 100%;
	}

	.md_recipe .is_itemselect li{
		width: 42%;
	}

	.md_recipe .is_itemselect li span{
		width: 200px;
		max-width: 200px;
	}

	.md_recipe .is_itemselect li form{
		width: 100%;
	}
	.md_recipe .is_itemselect li select{
		width: 100%;
		max-width: 100%;
		margin: 5px 0;
	}
	
	.md_recipe .is_iteminfo th{
		width: 45%;
	}
	
	.md_recipe .is_iteminfo td{
		width: 23%;
	}

}


@media screen and (max-width:870px){
	ul.md_gnavi li a{
		font-size: 114%;
		padding: 20px 6px;
	}

}






/*===============================================
スマホ用
===============================================*/
@media screen and (max-width:767px){
	body, h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,td,th{ font-size: 14px;}
	
	.br_pc { display: none !important;}
	.br_sp { display: block !important;}
	
	.is_disc li{
		text-align: left;
	}

	
	/*---------------------
	ページトップボタン
	---------------------*/
	#page-top{
		display: none !important;
	}
	
	#page-top a {
		width: 20px;
		height: 20px;
	}
	
	.arrow {
		width: 10px;
		height: 10px;
		top: 18px;
		left: 15px;
		border: 3px solid #39b052;
		border-left-color: #FFF;
		border-top-color: #FFF;
	}
	
	/*---------------------
	ボタン
	---------------------*/
	p.is_btn a{
		width: 84%;
		margin-top: 20px;
	    padding: 15px 5%;
	}
	
	/*---------------------
	ヘッダー
	---------------------*/
	.header_bk{
		padding: 2% 4% 3% 4%;
		width: 92%;
	}
	
	.logo {
	    width: 160px;
        margin-top: 5px;
	}
	
	.l_header nav{
		display: none;
	}
	
	ul.md_gnavi li:last-child form input#s{
		width: 80%;
	}
	
	ul.md_gnavi li:last-child form input#searchsubmit{
	    width: 20%;
	}
	
	
	
	/*---------------------
	バーガーメニュー
	---------------------*/
	.l_header .btn_gnavi{
		color: #fff;
		font-size: 70%;
		text-align: center;
		line-height: 1;
		padding: 7px 7px 5px 7px;
		background: #39b052;
		cursor: pointer;
		overflow: hidden;
		display: block;
	    position: fixed;
	    top: 0.8%;
	    right: 1%;
	}
	
	.l_header .btn_gnavi span{
		background: #fff;
		display: block;
		width: 100%;
		max-width: 30px;
		height: 2px;
		margin: 0 auto 5px;
		transition: 0.3s all;
		opacity: 1;
	}
	
	.l_header .btn_gnavi.is_open span.is_ham,
	.l_header .btn_gnavi.is_open span.is_ger{
		transform: translateX(50px);
		opacity: 0;
	}
	
	.l_header .btn_gnavi i{
		padding-right: 0;
		font-style: normal;
	    font-weight: bold;
	}
	
	.md_gnavi{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	
	.md_gnavi li{
		border-top: #ccc 1px solid;
	}
	
	.md_gnavi li:nth-child(1){
		border-top: none;
		margin-bottom: 20px;
	}
	
	.md_gnavi li:last-child{
		border-top: none;
		padding-top: 20px;
	    width: 100% !important;
	    max-width: 100% !important;
	}
	
	.gsc-input-box{
	    padding-top: 0 !important;
	    padding-bottom: 0 !important;
    }
	
	.md_gnavi > li > a{
	    padding: 20px 0;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	
	ul.md_gnavi li a{
		font-size: 128%;
	    border: none;
	}
	
	ul.md_gnavi li a:hover{
		border-bottom: none;
	}
	
	ul.md_gnavi li a span{
		display: inline-block;
	    margin-right: 10px;
	}
	
	.open .btn_gnavi{
	    top: 0.6%;
	    right: 2%;
	    position: fixed;
	    z-index: 9;
	    background: none;
	}
	
	.open .btn_gnavi span{
		background: #333;
	}

	.open .btn_gnavi span:nth-child(1){
	    top: 11px;
	    -webkit-transform: rotate(315deg);
	    -moz-transform: rotate(315deg);
	    transform: rotate(315deg);
	    margin: 10px 0 0 0;
	}

	.open .btn_gnavi span:nth-child(2){
	    width: 0;
	    left: 50%;
	}
	.open .btn_gnavi span:nth-child(3){
	    top: 11px;
	    -webkit-transform: rotate(-315deg);
	    -moz-transform: rotate(-315deg);
	    transform: rotate(-315deg);
	    margin: -8px 0 0 0;
	}
	
	.open .btn_gnavi i{
	    visibility: hidden;
	}
	
	input.gsc-input{
		padding: 10px 0 !important;
	}
	
	.gsst_a{
	    text-decoration: none;
	    display: flex !important;
	}
	
	.cse .gsc-search-button-v2,
	.gsc-search-button-v2{
	    padding: 13px 15px !important;
	}
	

	/*---------------------
	モーダルウィンドウ
	---------------------*/
	#global_nav{
	    position: fixed;
	    display: table;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #f8f0d5;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    visibility: hidden;
	    opacity: 0;
	}

	#global_nav ul{
		width: 80%;
	    margin: 0 auto;
		padding-top: 50px;
	}
	
	.open #global_nav{
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    visibility: visible;
	    opacity: 1;
	    z-index: 9;
	}
	
	/*---------------------
	コンテンツ設定
	---------------------*/
	.md_contents{
		margin: 30px auto;
		padding: 0 4% !important;
		width: 92% !important;
		min-width: 92% !important;
	}
	
	/*---------------------
	タイトル
	---------------------*/
	.md_contents h1{
	    font-size: 172% !important;
	    line-height: 128%;
	    margin-top: 0px;
	    margin-bottom: 10px;
	}
	
	/*.md_item h1{
	    margin-top: 20px;
	}
	*/
	.md_contents h1 br{
		display: none;
	}

	.md_contents h1 + p{
		text-align: left;
	    font-size: 100%;
	    margin-bottom: 20px;
	}

	.md_contents h1 img{
		width: 24px;
	}

	.md_contents h2{
	    font-size: 146% !important;
		margin-bottom: 5px;
	}
	
	/*---------------------
	フッター
	---------------------*/
	.is_footer p{
		text-align: center;
	}
	
	.is_catch{
	    font-size: 114%;
	}
	
	.is_flogo{
		width: 75%;
		margin: 20px auto 0 auto;
	}
	
	.is_footer div:nth-child(2) p:nth-child(2) {
	    justify-content: center;
	}
	.is_footer{
	    display: block;
	    margin-top: 40px;
	}

	.is_footer div:nth-child(1){
	    width: 60%;
	    margin: 0 auto;
	}

	.is_footer div:nth-child(2) p strong{
		display: block;
	}

	.is_footer div:nth-child(2) p{
		text-align: center;
	}

	.is_footer div:nth-child(2) p:nth-child(2) img {
	    width: 40px;
	}

	.is_footer div:nth-child(2) p strong {
	    font-size: 86%;
	}

	.md_copyright{
		display: block;
	    margin: 20px 4%;
	}

	.md_copyright div{
		clear: both;
	}

	.is_footer p:nth-child(4) br{
		display: none;
	}

	.is_subnav li{
		margin-bottom: 10px;
	}
	
	
	/*---------------------
	商品を探す
	---------------------*/
	#is_search{
		top: auto;
		bottom: 10px;
	    max-width: 40px;
	}
	
	#is_search a{
	    padding: 10px 10px 15px 10px;
	}
	
	
	/*---------------------
	トップページ
	---------------------*/
	.md_concept p:nth-child(2){
		font-size: 171%;
		line-height: 128%;
	}

	.md_concept p:nth-child(3){
		font-size: 100%;
		text-align: left;
	}
	
	.md_concept p:nth-child(3) br{
		display: none;
	}
	
	.md_concept p:nth-child(1) img {
	    width: 80%;
	}
	
	/*---------------------
	下層メインビジュアル
	---------------------*/
	.is_pages{
		padding-top: 100px;
	}
	
	.is_pages h1{
		font-size: 157%;
		padding: 5px 40px;
	    top: -20px;
	}

	.is_pages h1 span{
		font-size: 50%;
		line-height: 200%;
	}
	
	/*---------------------
	パンくずリスト
	---------------------*/
	.md_bread {
		margin: 0 auto;
		padding: 10px 4% 20px 4%;
	}
	
	/*---------------------
	シェアボタン
	---------------------*/
	.is_sns{
		float: none;
		display: flex;
		justify-content: center;
		margin: 20px 0;
	}
	
	.is_sns li{
	    font-size: 500%;
	    margin: 0 2%;
	}
	
	.is_sns li a{
		font-size: 72%;
	}
	
	.is_sns li:nth-child(4){
		display: none;
	}
	
	.md_sns dl{
		display: block;
	}
	
	.md_sns dl ul{
		margin-left: 0;
		display: flex !important;
	}
	
	.md_sns dl ul li:nth-child(1){
		margin-left: 0;
	}
	
	.md_sns dl ul li.is_line,
	.md_recipe .md_sns .is_line{
	    display: flex !important;
	}
	
	.md_recipe .md_sns ul{
	    justify-content: center;
	}
	
	.md_recipe .md_sns{
	    margin: 20px 0 40px 0;
	}

	
	
	/*---------------------
	コンテンツ共通
	---------------------*/
	.is_item li{
		width: 42%;
		margin: 2% 4%;
	    /*margin-right: 4%;
	    margin-bottom: 4%;*/
	}

	/*.is_item li:nth-child(4n){
		margin-right: 0;
	}

	.is_item li:nth-child(2n){
		margin-right: 0;
	}
	*/

	.is_yoko2{
		display: block;
	}

	.md_item .is_yoko2 div:nth-child(1),
	.md_item .is_yoko2 div:nth-child(2){
		width: 100%;
	}
	
	.is_yoko2 div:nth-child(2){
		margin-top: 20px;
	}
	
	.is_yoko2 div{
	    width: 100%;
	}
	
	.is_yokoabout div:nth-child(2){
		margin-top: 0;
	}
	
	.is_growth div:nth-child(2){
		margin-top: 20px;
	}
	
	
	/*---------------------
	商品一覧ページ
	---------------------*/
	.is_itemselect{
	    display: block;
	}

	.is_itemselect form{
		width: 98%;
	}

	.is_itemselect select{
		display: block;
		margin-top: 10px;
		margin-left: 0 !important;
		width: 100%;
	}

	/*---------------------
	商品詳細ページ
	---------------------*/
	.md_item .is_iteml,
	.md_item .is_itemr{
		float: clear;
		width: 100%;
	}

	.md_item .is_itemr h2{
		margin-top: 20px;
	}
	
	.md_item .is_yoko2.is_yokobtn{
		display: flex !important;
	}
	
	.md_item .is_yoko2.is_yokobtn p.is_btn{
		width: 100% !important;
		margin: 0;
	}
	
	.md_item .is_yoko2.is_yokobtn p.is_btn a{
		margin: 0 auto;
	}
	
	.md_item .is_yoko2.is_yokobtn p.is_btn:nth-child(2) a{
		float: right;
	}
	
	.is_photo{
	    margin-top: 20px !important;
		display: flex;
	}

	.is_yoko2 .is_yoko2{
		display: flex;
	}
	
	.is_yoko2 .is_yoko2 p{
		width: 48%;
	}

	.is_yoko2 .is_yoko2 p img{
		width: 100%;
	}
	
	.thumb-item-nav .slick-prev {
	    left: -20px;
	}
	
	.thumb-item-nav .slick-next {
	    right: -15px;
	}
	
	.md_heart div{
		width: 100%;
	}
	
	.md_heart{
		width: 92% !important;
		min-width: 92% !important;
	}
	
	.md_heart .is_yoko2 div{
		width: 100%;
	}

	.md_heart .is_yoko2 div.is_photo{
		width: 100%;
	}
	
	.md_heart .is_yoko2 div:nth-child(2){
		margin-top: 20px !important;
	}
	
	.is_itemname:before{
		left: 0;
	}
	
	ul.is_allergy li{
	    width: 20.6%;
	}
	
	.is_kodawari{
		display: block;
	}
	
	.is_kodawaril{
		width: 100% !important;
	}

	.is_kodawarir{
		width: 100% !important;
		margin-top: 10px;
	}
	
	.md_contents table{
		margin-bottom: 20px;
	}
	
	.md_contents th{
		width: 40%;
	}
	
	.is_dlyoko dd{
		margin-bottom: 10px;
	}
	
	.is_dlyoko dd:last-child{
		margin-bottom: 0;
	}
	
	
	.is_dlyoko dt:after{
        content: "：";
	}
	
	.is_dlyoko dd:before{
	    display: none;
	}
	
	.is_package{
		margin-bottom: 40px;
	}
	
	.is_package div:nth-child(2){
	    margin-top: 0;
	    margin-bottom: 20px;
	}
	
	.is_iteminfo{
	    padding-top: 50px;
	}
	
	.is_yoko2.is_yokobtn{
		margin-bottom: 60px;
	}
	
	.is_yoko2 p.is_btn a{
		margin-bottom: 20px;
	}
	
	.is_youtube{
		margin: 40px 0 0 0;
	}
	
	.is_youtube > div{
		width: 100%;
		margin: 2% 0;
	}
	
	.md_pages h3{
		margin-top: 40px;
	}
	
	.is_kikaku{
		padding: 15px 30px;
	}
	
	.is_gmo li p img{
		max-width: 200px;
	    width: 50%;
	}
	
	.w70{
		max-width: 200px;
		width: 70%;
	}
	
	.is_osusumerecipe .slick-prev{
		left: -20px;
		top: 40%;
	}

	.is_osusumerecipe .slick-next{
		right: -20px;
		top: 40%;
	}
	
	.is_update{
		margin-top: 20px;
	}
	
	.md_mark{
		display: block;
	}
	
	.is_markimg,
	.is_marktext{
		width: 100%;
	}
	
	.is_markimg p img{
		width: 100%;
	}
	
	.is_markimg p:nth-child(2){
		margin: 0;
	}
	
	.is_marktext{
		margin-top: 10px;
	}
	
	.is_markimg{
		width: 60%;
		margin: 15px auto 0 auto;
	}
	
	
	
	
	
	
	/*---------------------
	プライバシーポリシー
	---------------------*/
	.is_privacy dt{
	    font-size: 128%;
	    padding-bottom: 0;
	}
	
	.is_privacy dd{
	    padding-left: 0;
	}	
	
	/*---------------------
	知る
	---------------------*/
	.md_about h1{
		text-align: left;
	}
	
	.md_about h1 br{
		display: block !important;
	}

	.is_5kodawari{
		width: 100%;
	}

	.is_accordionbox{
		width: 100%;
	    margin: 0 auto 20px auto;
	}
	
	.is_accordionlist dt{
		color: #4db04d;
	    padding-left: 2em;
	    padding-right: 12%;
	}
	
	.is_accordionlist dt:before{
		right: 0;
	}
	
	.is_accordionlist dd .is_yoko2{
		margin-top: 0;
	}
	
	.is_accordionlist dd img{
		margin-top: 10px;
	}
	
	.is_accordionlist dd{
		padding-bottom: 10%;
	}
	
	.is_yokoabout{
	    width: 100%;
	    margin-top: 50px;
	}
	
	.is_accordionlist dd .is_yoko2 div:nth-child(1),
	.is_accordionlist dd .is_yoko2 div:nth-child(2){
		width: 100%;
	}
	
	/*---------------------
	レシピ
	---------------------*/
	.md_recipe form input[type="text"]{
		font-size: 100%;
		width: 57%;
		margin-bottom: 0;
		padding: 12px;
	}

	.md_recipe form input[type="submit"]{
		font-size: 100%;
		padding: 12px;
	}

	.md_recipe ul.is_itemselect{
		max-width: 90%;
	}

	.md_recipe .is_itemselect li{
		width: 100%;
	}

	.md_recipe .is_itemselect li span{
		width: 200px;
		max-width: 200px;
	}

	.md_recipe .is_itemselect li select{
		width: 100%;
		max-width: 100%;
	}
	
	p.is_btnsmall a{
	    width: auto;
		padding: 5px 20px;
	}
	
	p.is_btnsmall2 a{
		width: auto;
	    margin-top: 40px;
	    padding: 5px 40px;
	}
	
	.md_recipe2{
		display: block;
	}
	
	.is_searchbtn a{
		text-align: right;
		border: none;
		margin-top: 20px;
		padding: 0;
	}
	
	.md_recipe .is_iteml,
	.md_recipe .is_itemr{
		width: 100%;
		margin-bottom: 0;
	}
	
	.is_make ul{
		margin-top: 20px;
	}
	
	.is_uselist{
		padding-top: 40px;
	}
	
	.is_uselist ul li{
		width: 46%;
		margin-top: 2%;
	}
	
	.md_recipe .is_iteminfo th{
		width: 70%;
	}
	
	.md_recipe .is_iteminfo td{
		width: 28%;
	}
	
	.icon_a,
	.icon_b,
	.icon_c{
		font-size: 86%;
	}
	
	/*---------------------
	買う
	---------------------*/
	.md_buy h1 img.is_logo{
		width: 140px;
	}
	
	.md_buy h1+ p br{
		display: none;
	}
	
	.md_buy h2 {
	    font-size: 128% !important;
	    margin-bottom: 10px;
	}
	
	.is_map{
		padding: 20px;
	}

	.is_map ul{
		margin: 30px 0 10px 0;
	}
	
	.is_map ul li{
		width: 30%;
		margin: 1% 1% 4% 1%;
	}
	
	.is_map ul li a{
		letter-spacing: 0.1em;
	}
	
	.md_buy h3{
		margin: 40px 0 10px 0;
		float: none;
	    text-align: center;
	    display: block;
	}
	
	.md_guoup > li{
		width: 100%;
		margin-right: 0;
	}
	
	.md_guoup p:nth-child(1) strong{
	    margin-left: 10px;
	    padding: 10px 10px;
	}
	
	.md_guoup p.is_delivery strong{
	    margin-left: 0;
	    padding: 10px 0;
	}
	
	.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	    height: auto;
	}
	
	/*---------------------
	サイトマップ
	---------------------*/
	.is_sitemap{
		width: 100%;
	}
	
	.is_sitemap li{
	    padding: 10px 0px;
	}
	

}


/*---------------------
管理画面
---------------------*/
.wp-block-heading h1.editor-rich-text__tinymce, .wp-block-heading h2.editor-rich-text__tinymce, .wp-block-heading h3.editor-rich-text__tinymce{
	color: #39b052;
	font-size: 142%;
	margin-bottom: 10px;
}

.editor-post-title__block .editor-post-title__input{
	font-family: 'Noto Sans JP', 'Noto Sans Japanese', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.wp-block{
    max-width: 100%;
}

.upload-ui h2,
.upload-ui p,
.uploader-inline p{
	text-align: center;
}


/*---------------------
Google検索
---------------------*/
.gsc-control-cse.gsc-control-cse-ja table,
.gsc-above-wrapper-area{
	border: none !important;
}

.gsc-thumbnail-inside a.gs-title{
	float: left;
	font-size: 128%;
	font-weight: bold;
    text-align: left;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-landscape{
	width: 200px;
}

.gs-web-image-box-landscape img.gs-image {
    max-width: 200px !important;
    max-height: auto !important;
}

.gs-bidi-start-align.gs-snippet{
	margin-left: 120px !important;
}

.gcsc-more-maybe-branding-root{
	clear: both !important;
	margin-top: 40px !important;
}


@media screen and (max-width:767px){
	.gs-bidi-start-align.gs-snippet{
		margin-left: 0 !important;
	}
}

/*---------------------
検索結果
---------------------*/
.is_nothing {
	margin-top: 40px;
}
@media screen and (max-width:767px){
	.is_nothing {
		margin-top: 20px;
	}
}

/*---------------------
ページャー
---------------------*/
.pagination{
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
}
.pagination-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagination span, .pagination a{
	display: block;
	float: left;
	margin: 2px 4px 2px 4px;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #39b052;
}
.pagination span.page-of{
	background: none;
	color: #25983e;
	width: 100%;
	margin: 15px 0 0;
	padding: 0;
}
.pagination a:hover{
	color: #fff;
	background: #ffba00;
}
.pagination .current{
	padding: 10px 14px 10px 14px;
	color: #fff;
	background: #ffba00;
}

.pagination span, .pagination a i{
    padding-right: 0;
}


@media only screen and (max-width: 413px) {

	
	.pagination span, .pagination a{
		margin: 4px;
		padding: 10px 14px 10px 14px;
	}
	.pagination .current{
		padding: 10px 14px 10px 14px;
	}
	
}

/*
　トップページスライドショー
*/
.slider_wrap {
    position: relative;
    width: 100%;
    padding-top: 36.72965517241379%;
}
.slider_wrap .slider_inner {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.slider_wrap .slider > li {
    height: auto;
    margin: 0 auto;
    width: 60%;
}
@media only screen and (max-width: 767px) {
	.slider_wrap {
		padding-top: 61.216%;
	}
	.slider_wrap .slider > li {
		width: 100%;
	}
}

.is_attention {
	font-size: 14px;
    text-align: right;
    margin-top: -20px;
}
@media only screen and (max-width: 767px) {
	.is_attention {
		font-size: 10px;
		text-align: left;
		margin-top: -15px;
	}
}