main{
	background:var(--bg-lightgray);
}
#sec_search{
	padding:60px 0;
	text-align:center;
}
#sec_search .ttl{
	font-size:1.8rem;
	font-weight:600;
	margin-bottom:30px;
}
.search_box {
	display: flex;
	align-items: center;
	gap: 0 10px;
	justify-content:center;
}

.search_box label {
	width: 250px;
}

.search_box input {
	width: 100%;
	height: 48px;
	padding: 1px 5px 1px 8px;
	border: 2px solid #3E3E3E;
	box-sizing: border-box;
	outline: none;
}

.search_box button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 48px;
	border: none;
	background-color: var(--orange);
	color: #fff;
	font-weight:600;
	cursor: pointer;
}

.search_box button::before {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	content: '';
}
.search_reset {
	margin-top:20px;
}
.search_reset button{
	border:1px solid var(--orange);
	color: var(--orange);
	padding:8px 15px;
	border-radius:30px;
	background:transparent;
}

.sec_recipelist .wrapper{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	max-width:1164px;
	padding-bottom:90px;
}
.sec_recipelist .wrapper a{
	display:inline-block;
	width:calc((100% - 45px) / 4);
	margin-bottom:20px;
	color:var(--textbase);
}
.recipe_box{

}
.recipe_box img{
	width:100%;
}
.recipe_box .no{
	font-size:1.2rem;
}
.recipe_box .name{
	font-size:1.6rem;
}
/*------------------------------------------
responsive
------------------------------------------*/
@media screen and (max-width: 1078px) {


}

@media screen and (max-width: 767px) {
	#sec_search .ttl{
		font-size:1.6rem;
	}
/*
	.recipe_box{
		width:calc((100% - 15px) / 2);
		margin-bottom:10px;
	}
*/
	.sec_recipelist .wrapper a{
		width:calc((100% - 15px) / 2);
		margin-bottom:10px;
	}
}