@charset "utf-8";


h2 { text-align:center; margin:50px 0 30px 0 ;padding:12px; border:2px #266126 solid; border-radius:6px; color:#266126; font-size:1.5rem; font-weight:500; }
h2.rev { /*background-color:#266126; color:#fff;*/ }


.catebox ul { display:flex; flex-wrap:wrap; margin:0; padding:0; }
.catebox ul li { flex:0 0 16.66%; list-style:none; margin:0; padding:5px; box-sizing:border-box; }
.catebox ul li a {
	display:block; padding:8px;
	color:#111; line-height:1.4; border:1px #ccc solid; border-radius:4px;
	transition-duration:0.1s;
	text-align:center;text-decoration:none;	font-size:0.8rem;
	font-weight:400;
}
.catebox ul li a img { height:90px; padding-bottom:6px; }
.catebox ul li a:hover { border:2px #FF9F11 solid; padding:7px }


.recipe_list { display:flex; flex-wrap:wrap; }
.recipe_list_li { flex:0 0 25%; padding:14px; }
.recipe_list_li a { display:flex; flex-wrap:wrap; align-content:space-between; height:100%; border:1px #fff solid; text-decoration:none; color:#111;box-shadow:2px 2px 5px 3px #eee; }
.recipe_list_li a p { flex:0 0 100%; box-sizing:border-box; margin:0 !important; padding:8px !important; line-height:1.4; font-weight:400; }
.recipe_list_li img { flex:0 0 100%; width:100%; height:180px; object-fit: cover; }
.recipe_list_li .recipe_data { flex:0 0 100%; display:flex; justify-content:center; padding-bottom:8px; font-weight:400; }
.recipe_list_li .recipe_data div {
	flex:0 0 33.33%; border-right:1px #ccc dotted; padding:6px 0; font-size:0.75rem; line-height:1.6; text-align:center;
	/*background-image:url('../../images/20/recipe/mate_bg.png'); background-repeat:no-repeat; background-position:center center;background-size:contain;*/
}
.recipe_list_li .recipe_data div:last-child { border-right:none; }
.recipe_list_li:hover a { border:1px #FF9F11 solid; background-color:#eee; }

ul.recipe_sort { margin:0 20px; padding:0; display:flex; justify-content:center; }
ul.recipe_sort li { flex:0 0 20%; padding:0 10px; margin-bottom:12px; list-style:none; box-sizing:border-box; }
ul.recipe_sort li a {
	display:block; padding:6px 15px 6px 6px; font-size:0.85rem; border:1px #ccc solid; border-radius:8px; box-shadow:2px 2px 5px 3px #eee; text-align:center; text-decoration:none; color:#111;
	background-image:url('../../images/20/recipe/sort_arrow.png'); background-repeat:no-repeat; background-position:right 10px center;background-size:10px;
	font-weight:400;
}
ul.recipe_sort li.active a { background-color:#FCF7CF; }
ul.filitembt { justify-content:left !important; }
ul.filitembt li a { background-image:none; border-radius:0; font-weight:400; }


.genrebox ul { display:flex; flex-wrap:wrap; margin:0; padding:0; }
.genrebox ul li { flex:0 0 25%; list-style:none; padding:10px; box-sizing:border-box; text-align:center; }
.genrebox ul li a { display:block; text-decoration:none; color:#000; position:relative; }
.genrebox ul li a span { display:block; margin:0; padding:6px; position:absolute; bottom:0; left:0; width:100%; background-color:rgb(256,256,256,0.8); font-size:1.1rem; font-weight:400; }
.genrebox ul li a:hover { opacity:0.8; }

.filterbox ul { display:flex; flex-wrap:wrap; margin:0; padding:0; }
.filterbox ul li { flex:0 0 25%; list-style:none; padding:10px; box-sizing:border-box; text-align:center; }
.filterbox ul li a {
	display:block; padding:8px;
	color:#111; line-height:1.4; border:1px #ccc solid; border-radius:4px;
	transition-duration:0.1s;text-align:center;text-decoration:none;
	background-image:url('../../images/20/recipe/select_arrow.png'); background-repeat:no-repeat; background-position:right 5px center;background-size:15px;
	font-weight:400;
}
.filterbox ul li a:hover { border:2px #FF9F11 solid; padding:7px; }

.listedtagbox ul { margin:0; padding:0; }
.listedtagbox ul li { display:inline-block; white-space:nowrap; margin:0 12px 12px 0; }
.listedtagbox ul li a {
	display:block; padding:8px;
	color:#111; line-height:1.4; border:1px #ccc solid; border-radius:4px;
	transition-duration:0.1s;text-align:center;text-decoration:none;
	font-weight:400;
}
.listedtagbox ul li a:hover { border:2px #FF9F11 solid; padding:7px }

.fa-user { color: #885555; font-size:110%; }
.fa-clock-o { color:#0E9E39; font-size:110%; }
.fa-fire { color:#FB6B3C; font-size:110%; }
.fa-spoon { color:#1696CD; font-size:110%; }
.heart_pk { color:#FF82C0; }

/* # Tablet 768-959px
========================================================================================= */
@media only screen and (max-width: 959px) {

	.recipe_list_li { flex:0 0 33.33%; padding:8px;  }
	.recipe_list_li .recipe_data div { font-size:0.7rem; }

	ul.recipe_sort { flex-wrap:wrap; /*justify-content:left;*/ margin:0; }
	ul.recipe_sort li { flex:0 0 33.33%; }
	ul.recipe_sort li a { font-size:0.8rem; }

/*	.catebox ul li { flex:0 0 20%; }*/
	.catebox ul li a { font-size:0.7rem; padding:8px 0; }
	.catebox ul li a img { height:60px; }

}

/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	h1.pagetitle, p.pagetitle { padding:24px 0; }

	.recipe_list_li { flex:0 0 50%; }
	.recipe_list_li img { height:140px; }
	.recipe_list_li .recipe_data div { font-size:0.6rem; }

	ul.recipe_sort li { flex:0 0 50%; }
	ul.recipe_sort li a { font-size:0.7rem; }


	.catebox ul li { flex:0 0 25%; }
	.catebox ul li a { font-size:0.6rem; }
	.catebox ul li a img { height:50px; }


	.genrebox ul li { flex:0 0 50%; }
	.filterbox ul li { flex:0 0 50%; }

}
