@charset "utf-8";

.swiper-paginatio_dot {
	margin-top: 17px;
}

.recommend_recipe_ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-left: 0;
	font-size: 13px;
}

.recommend_recipe_li {
	width: 32%;
	padding-left: 10px;
}

.tag_contents {
	margin-bottom: 50px;
}

.tag_list {
	margin-bottom: 40px;
}

.tag_list_detail {
	border-top: 1px dotted #9696a0;
	padding: 5px;
	margin: 5px;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}

.tag_list_detail_child {
	height: auto;
	padding: 10px 18px;
	margin: 5px;
	display: flex; /* 高さを揃えるための指定 */
	flex-direction: column; /* 高さを揃えるための指定 */
	border: 1px solid #ccc;
	border-radius: 17px;
}

.tag_list_detail_child a:hover {
	color: #fff;
}

.tag_list_detail_child:hover {
	color: #fff;
	background-color: #414620;
	transition: 0.5s;
}

.tag_header {
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
	position: relative;
	margin-bottom: 22px;
}

.tag_head {
	font-size: 22px;
}

.popular_tag_head {
	position: absolute;
	top: 83%;
	left: 50px;
}

.recommend_recipe_header {
	font-size: 22px;
	border-bottom: 1px dotted #9696a0;
	margin-bottom: 10px;
	display: flex;
	padding-bottom: 5px;
}

.recommend_recipe_header p {
	margin: 0 0 10px 12px;
}

.recommend_recipe_header img {
	margin-left: 7px;
}

.content {
	margin-bottom: 30px;
}

@media screen and (max-width: 990px) { /* 990px以下に適用されるCSS（スマホ用） */
}

@media screen and (min-width: 991px) { /* 991px以上に適用されるCSS（PC用） */
	.recommend_recipe_li {
		width: 32%;
	}
}

@media screen and (max-width: 481px) { /* 481px以下に適用されるCSS（スマホ用） */
	.recommend_recipe_li {
		width: 49%;
	}
}