/*--------------------------------------------------------*/

/*  メイン写真　*/

/*--------------------------------------------------------*/

#recipe{
	width:100%;
	background:url("../../img/side_photo/recipe.jpg") center top no-repeat;
	background-size:cover;
}

#recipe02{
	width:100%;
	background:url("../../img/side_photo/recipe02.jpg") center top no-repeat;
	background-size:cover;
}

/*--------------------------------------------------------*/

/*  メッセージと検索ボックス　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

#search_Box{
	margin-top:30px;
}

#search_Box p.search_message{
	padding:0 80px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#4D4D4D;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

#search_Box .search_Box_inner{
	margin-top:30px;
	background-color:#FFE200;
	padding:30px 80px;
}

#search_Box .search_Box_inner ul.category_list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#search_Box .search_Box_inner ul.category_list li{
	margin-right:20px;
}

#search_Box .search_Box_inner ul.category_list li a{
	color:#4D4D4D;
}

#search_Box .search_Box_inner ul.category_list li a:hover{
	color:#F6AB00;
}

#search_Box .search_Box_inner .keyword_searchBox{
	margin-top:22px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#search_Box .search_Box_inner .keyword_searchBox .keyword_input{
	width:300px;
	margin-right:10px;
}

#search_Box .search_Box_inner .keyword_searchBox .keyword_btBox{
	width:80px;
}

#search_Box .search_Box_inner .keyword_searchBox input.key_inputBox[type="text"] {
	width:100%;
	height:42px;
	box-sizing:border-box;
	padding:8px 10px;
	font-size:14px;
	color:#4D4D4D;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	border:none;
	background-color:#FFF;
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	cursor:pointer;
	display:block;
	width:100%;
	height:42px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:0.3em;
	text-decoration:none;
	background:#F6AB00;
	border:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input[type="submit"]:hover {
	/* マウスが載ったとき */
	background:#F6CF00;
	text-decoration:none;
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input.key_inputBox::placeholder {
	color: #AAA !important;
	font-weight: 400 !important;
	opacity: 1;
}

}

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

#search_Box{
	margin-top:30px;
}

#search_Box p.search_message{
	padding:0 20px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#4D4D4D;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

#search_Box .search_Box_inner{
	margin-top:20px;
	background-color:#FFE200;
	padding:20px 20px;
}

#search_Box .search_Box_inner ul.category_list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#search_Box .search_Box_inner ul.category_list li{
	margin-right:15px;
}

#search_Box .search_Box_inner ul.category_list li a{
	color:#4D4D4D;
}

#search_Box .search_Box_inner ul.category_list li a:hover{
	color:#F6AB00;
}

#search_Box .search_Box_inner .keyword_searchBox{
	margin-top:18px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#search_Box .search_Box_inner .keyword_searchBox .keyword_input{
	width:73%;
	margin-right:2%;
}

#search_Box .search_Box_inner .keyword_searchBox .keyword_btBox{
	width:25%;
}

#search_Box .search_Box_inner .keyword_searchBox input.key_inputBox[type="text"] {
	width:100%;
	height:42px;
	box-sizing:border-box;
	padding:8px 10px;
	font-size:14px;
	color:#4D4D4D;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	border:none;
	background-color:#FFF;
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	cursor:pointer;
	display:block;
	width:100%;
	height:42px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:0.3em;
	text-decoration:none;
	background:#F6AB00;
	border:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input[type="submit"]:hover {
	/* マウスが載ったとき */
	background:#F6CF00;
	text-decoration:none;
	border-radius: 0;
}

#search_Box .search_Box_inner .keyword_searchBox input.key_inputBox::placeholder {
	color: #AAA !important;
	font-weight: 400 !important;
	opacity: 1;
}

}

/*--------------------------------------------------------*/

/*  レシピ一覧　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

#recipe_contents{
	margin-top:40px;
	margin-bottom:80px;
	padding:0 30px;
}

#recipe_contents .search_title{
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#F6AB00;
	font-weight:900;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:20px;
}

#recipe_contents .list_count{
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#4D4D4D;
	font-weight:600;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list{
	margin-top:40px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#recipe_contents ul.recipe_list li{
	width:48.0%;
	margin-bottom:2.0vw;
}

#recipe_contents ul.recipe_list li .recipe_img{
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin-bottom:15px;
	background-color:#EEE;
}

#recipe_contents ul.recipe_list li .recipe_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	box-sizing: border-box;
	transition: all  0.2s ease;
}

#recipe_contents ul.recipe_list li .recipe_img img:hover{
	opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: .70;
	-moz-opacity: .70;
}

#recipe_contents ul.recipe_list li p.recipe_name{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#4D4D4D;
	font-weight:700;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list li p.recipe_name a{
	color:#4D4D4D;
	text-decoration:none;
}

#recipe_contents ul.recipe_list li p.recipe_name a:hover{
	color:#888;
	text-decoration:underline;
}

#recipe_contents ul.recipe_list li p.recipe_category{
	margin-top:8px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#4D4D4D;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list li p.recipe_category a{
	color:#4D4D4D;
	text-decoration:none;
}

#recipe_contents ul.recipe_list li p.recipe_category a:hover{
	color:#777;
	text-decoration:underline;
}

#recipe_contents ul.recipe_list li p.recipe_date{
	margin-top:8px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#888;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

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

#recipe_contents{
	margin-top:30px;
	margin-bottom:70px;
	padding:0 15px;
}

#recipe_contents .search_title{
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#F6AB00;
	font-weight:900;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:18px;
}

#recipe_contents .list_count{
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#4D4D4D;
	font-weight:600;
	line-height:1.8em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list{
	margin-top:30px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#recipe_contents ul.recipe_list li{
	width:48.5%;
	margin-bottom:20px;
}

#recipe_contents ul.recipe_list li .recipe_img{
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background-color:#EEE;
	margin-bottom:12px;
}

#recipe_contents ul.recipe_list li .recipe_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	box-sizing: border-box;
	transition: all  0.2s ease;
}

#recipe_contents ul.recipe_list li .recipe_img img:hover{
	opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: .70;
	-moz-opacity: .70;
}

#recipe_contents ul.recipe_list li p.recipe_name{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#4D4D4D;
	font-weight:700;
	line-height:1.4em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list li p.recipe_name a{
	color:#4D4D4D;
	text-decoration:none;
}

#recipe_contents ul.recipe_list li p.recipe_name a:hover{
	color:#888;
	text-decoration:underline;
}

#recipe_contents ul.recipe_list li p.recipe_category{
	margin-top:7px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	color:#4D4D4D;
	font-weight:400;
	line-height:1.4em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#recipe_contents ul.recipe_list li p.recipe_category a{
	color:#4D4D4D;
	text-decoration:none;
}

#recipe_contents ul.recipe_list li p.recipe_category a:hover{
	color:#777;
	text-decoration:underline;
}

#recipe_contents ul.recipe_list li p.recipe_date{
	margin-top:7px;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	color:#888;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

/*--------------------------------------------------------*/

/*  ページナビゲーション　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.page_navi{
	margin-top:50px !important;
}

}

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

.page_navi{
	margin-top:40px !important;
}

}