@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------- */
/* 地産地消・健康レシピ（2018.06.19） */
/* -------------------------------------------------- */



/* -------------------------------------------------- */
/* インデックス（メインメニュー） */
/* -------------------------------------------------- */

#Contents .recipenav {
	margin: 20px 0 0 0; padding: 20px 10px 10px 10px;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #D5d5d5;
	background: #FFFAFA;
	border-radius: 5px;
}
#Contents .recipenav li {
	width: 33%;
	margin: 0 0 10px 0; padding:0;
	font-weight: bold;
	list-style: none;
}
#Contents .recipenav li a:link    { color: #; text-decoration: none; }
#Contents .recipenav li a:hover   { color: #; text-decoration: underline; }
#Contents .recipenav li a:active  { color: #; text-decoration: none; }
#Contents .recipenav li a:visited { color: #; text-decoration: none; }

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

	#Contents .recipenav {
		margin-left: 2vw;
		margin-right: 2vw;
	}

}

/* -------------------------------------------------- */
/* インデックス（検索） */
/* -------------------------------------------------- */

#Contents .recipebox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
#Contents .recipebox div {
	/*width: 190px;*/
	width: 25%;
	margin-bottom: 20px;
}
#Contents .recipebox div div {
	/*width: 190px;*/
	width: 100%;
	margin-bottom: 0;
}
#Contents .recipebox strong {
	display: block;
	margin: 0 0 5px 0; padding: 0;
	/*color: #1FBA4E;*/
	/*color: #A4732E;*/
	color: #333;
	font-size: 1.2em;
}
#Contents .recipebox ul {
	margin: 0; padding: 0;
}
#Contents .recipebox li {
	margin: 0; padding: 0;
	list-style: none;
}
#Contents .recipebox li a:link    { text-decoration: none; }
#Contents .recipebox li a:hover   { text-decoration: underline; }
#Contents .recipebox li a:active  { text-decoration: none; }
#Contents .recipebox li a:visited { text-decoration: none; }

/* -------------------------------------------------- */
/* サブページ（検索一覧） */
/* -------------------------------------------------- */

#Contents .menus {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#Contents .menus li {
	width: 185px;
	margin: 0px 5px 20px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#Contents .menus img {
	width: 185px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
#Contents .menus li .cap {
	margin: 0px 0px; padding: 0;
	font-size: 1em; line-height: 1.2;
}
* html li { /* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html li { /* IE7 */
	display: inline;
	zoom: 1;
}

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

	#Contents .menus li {
		width: 46%;
		margin: 0 1% 2vh 1%; padding: 0;
	}

}

/* -------------------------------------------------- */
/* サブページ（検索結果） */
/* -------------------------------------------------- */

#Contents div .f_1 {
	float: left;
	width: 340px;
	margin: 0; padding: 0;
}
#Contents div .f_2 {
	float: right;
	width: 420px;
	margin: 0; padding: 0;
}
#Contents div .f_2 .emp {
	margin: 0 0 5px 0; padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#Contents div .f_2 ul {
	margin: 0; padding: 0;
}
#Contents div .f_2 li {
	margin: 0; padding: 0;
	list-style: none;
	border-bottom: 1px dotted #D5D5D5;
}


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

#Contents div .f_1 {
	float: none;
	width: auto;
	margin: 0 2vw 2vh 2vw; padding: 0;
}
#Contents div .f_1 img {
	width: 100%;
}
#Contents div .f_2 {
	float: none;
	width: auto;
	margin: 0 2vw; padding: 0;
}


}




/* -------------------------------------------------- */
/* サブページ（検索一覧をサブページでも出す） */
/* -------------------------------------------------- */

#Contents .recipebox_sub {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	background: #FEFEFE;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	margin: 0 0 10px 0; padding: 10px;
}



#Contents .recipebox_sub div {
	width: 180px;
	margin-bottom: 20px;
}
#Contents .recipebox_sub strong {
	display: block;
	margin: 0 0 5px 0; padding: 0;
	color: #333;
	font-size: 1em;
}
#Contents .recipebox_sub ul {
	margin: 0; padding: 0;
}
#Contents .recipebox_sub li {
	margin: 0; padding: 0;
	font-size: 0.9em;
	list-style: none;
}