
.kplus-main .section.videos h3 { background-color:#fff; width:100%; font-weight:bold; }

.kplus-main .section.search-recipe .search-box .table {
	width:100%;
	background-color:#fff;
}
.kplus-main .section.search-recipe .search-box .t-head span.pic {
	display:inline-block;
}

.kplus-main .section.others .lower { display:none; }

@media screen and (min-width:769px) {

	.kplus-main .section.search-recipe .search-box .table {
		border-radius:8px;
		padding:20px 0;
		margin-bottom:10px;
	}

	.kplus-main .section.search-recipe .search-box .t-cell {
		width:auto;
		height:auto;
	}

	.kplus-main .section.search-recipe .search-box .t-head {
		text-align:center;
		width:125px;
		border-right: 2px dashed #efefef;
	}
	.kplus-main .section.search-recipe .search-box .t-head a {
		pointer-events:none;
		cursor:default;
	}

	.kplus-main .section.search-recipe .search-box .button-box { padding:0 20px; vertical-align:top; }

	.kplus-main .section.search-recipe .search-box .table .t-head span.pic {
		width:80px;
		height:50px;
		background-position:center;
		background-repeat:no-repeat;
		margin-bottom:5px;
	}

	.kplus-main .section.search-recipe .search-box .table .t-head span.pic + span {
		width:100%;
	}

	.kplus-main .section.search-recipe .search-box .table.cm-recipe span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_cm-recipe_pink.png); }
	.kplus-main .section.search-recipe .search-box .table.easy span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_easy_pink.png); }
	.kplus-main .section.search-recipe .search-box .table.lineups span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_lineups_pink.png); }
	.kplus-main .section.search-recipe .search-box .table.events span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_events_pink.png); }
	.kplus-main .section.search-recipe .search-box .table.materials span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_materials_pink.png); }
	.kplus-main .section.search-recipe .search-box .table.cookings span.pic { background-image:url(/k-plus/_assets/_shared/images/common/icon_search-recipe_cookings_pink.png); }
	.kplus-main .section.search-recipe .search-box .search-head .bullet { color:#f08a8f; }

	.header .headline { width:243px; height:39px; }
	.header .subtitle { width:395px; height:25px; }

	.kplus-main .section.videos h3 { height:50px; }


	.kplus-main .section.search-recipe h2 { background-image:url(/k-plus/_assets/cooking/images/search-recipe_title.png); }
	.kplus-main .section.videos h2 { background-image:url(/k-plus/_assets/cooking/images/videos_title.png); }
	.kplus-main .section.useful h2 { background-image:url(/k-plus/_assets/cooking/images/useful_title.png); }

}

@media screen and (max-width:768px) {
	.kplus-main .header h1 .headline { max-width: 220px; }
	.kplus-main .section.videos h3 > span  { padding:10px 0; }

	.kplus-main .section.search-recipe h2 { background-image:url(/k-plus/_assets/cooking/images/search-recipe_title_sp.png); }
	.kplus-main .section.videos h2 { background-image:url(/k-plus/_assets/cooking/images/videos_title_sp.png); }
	.kplus-main .section.useful h2 { background-image:url(/k-plus/_assets/cooking/images/useful_title_sp.png); }

	.kplus-main .section.search-recipe .search-box.active-cm-recipe .search-head.cm-recipe,
	.kplus-main .section.search-recipe .search-box.active-easy .search-head.easy,
	.kplus-main .section.search-recipe .search-box.active-lineups .search-head.lineups,
	.kplus-main .section.search-recipe .search-box.active-events .search-head.events,
	.kplus-main .section.search-recipe .search-box.active-materials .search-head.materials,
	.kplus-main .section.search-recipe .search-box.active-cookings .search-head.cookings,
	.kplus-main .section.search-recipe .search-box.active-cm-recipe .search-head.cm-recipe + .button-box,
	.kplus-main .section.search-recipe .search-box.active-easy .search-head.easy + .button-box,
	.kplus-main .section.search-recipe .search-box.active-lineups .search-head.lineups + .button-box,
	.kplus-main .section.search-recipe .search-box.active-events .search-head.events + .button-box,
	.kplus-main .section.search-recipe .search-box.active-materials .search-head.materials + .button-box,
	.kplus-main .section.search-recipe .search-box.active-cookings .search-head.cookings + .button-box {
		box-shadow:none;
	}

	.kplus-main .section.search-recipe .search-box { position: relative; z-index: 9; }

	.kplus-main .section.search-recipe .search-box.active-cm-recipe .table.cm-recipe,
	.kplus-main .section.search-recipe .search-box.active-easy .table.easy,
	.kplus-main .section.search-recipe .search-box.active-lineups .table.lineups,
	.kplus-main .section.search-recipe .search-box.active-events .table.events,
	.kplus-main .section.search-recipe .search-box.active-materials .table.materials,
	.kplus-main .section.search-recipe .search-box.active-cookings .table.cookings {
		z-index:10;
		box-shadow:0px 3px 10px -3px rgba(0,0,0, .5);
	}

}



/* レシピ検索 */
.recipe-search {
	margin-top: 0;
}
.recipe-search .box-search {
	padding: 25px 30px;
}
.recipe-search .box-search .icon-search {
	width: 41px;
}
.recipe-search .box-search .btn-search {
	width: 240px;
}
.recipe-search .box-search .icon-search {
	position: relative;
	width: 78px;
	border-left: 1px solid #B3A8A6;
}
.recipe-search .box-search .icon-search img {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px;
}
.recipe-search .box-search {
	padding: 25px 30px;
}
@media screen and (max-width: 768px) {
	.recipe-search .inner {
		margin: 0 20px;
	}
	.recipe-search .box-search .btn-search[data-search-type="all"] {
		flex-basis: 100%;
		margin: 0 0 2.6666666666666665vw 0 !important;
		width: 100%;
	}
	.recipe-search .box-search {
    padding: 2.6666666666666665vw;
	}
	.recipe-search .box-search .icon-search {
		width: auto;
		flex-basis: 10vw;
		border: none;
	}
	.recipe-search .box-search .icon-search img {
		position: static;
		top: auto;
		right: auto;
		margin-top: 0;
		width: 100%;
	}
	.recipe-search .box-search .btn-search {
    flex-basis: 32vw;
    width: 100%;
    font-size: 3.733333324vw;
    border-radius: 16vw;
	}
}

/* カテゴリー検索 */
.search-category-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 31px 0 30px;
}
.search-category-list li:after {
	content: "|";
	color: #5b392a;
	padding: 0 9px;
}
.search-category-list li:last-child:after {
	content: none;
}
.search-category-list li a {
	color: #5b392a;
	text-decoration: none;
	padding: 0 15px;
}
.search-category-list li a.is-active{
	background-color: #f6f4f0;
	border-radius: 4px;
}
@media screen and (max-width: 768px) {
	.search-category .inner {
		padding: 0 1.3333333333333333vw;
	}
	.search-category-list {
		margin: 7.25vw 0 7.25vw;
	}
	.search-category-list li {
		font-size: 3.466666666666667vw;
	}
	.search-category-list li:after {
    padding: 0 2.2vw;
	}
	.search-category-list li:nth-child(4)::after {
		content: none;
	}
	.search-category-list li:nth-child(n+5)::after {
    padding: 0 1.2vw;
	}
	.search-category-list li a {
		padding: 2vw 1.7vw;
		display: inline-block;
	}
	.search-category-list li a.is-active {
		border-radius: 1.5vw;
	}
}

hr.hr-recipe-search {
	border: none;
	background: url(/k-plus/_assets/_shared/images/common/bdr_05.png) repeat-x;
	margin: 20px 0;
	padding: 0;
	height: 1px;
}
@media screen and (max-width: 768px) {
	hr.hr-recipe-search {
		margin: 4vw 20px;
	}
}

/* レシピ検索結果 */
.recipelist {
	opacity: 0;
}
.recipelist.is-active {
	opacity: 1;
	transition: 0.4s;
}
.recipe-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: -25px -25px 0 0;
}
.recipe-item {
	width: 300px;
	box-sizing: border-box;
	margin: 25px 25px 0 0;
	padding: 0 0 11px 0;
	border: 10px solid #ffffff;
	-webkit-border-image: url(/k-plus/_assets/_shared/images/common/bdr_06.png) 10 round;
	border-image: url(/k-plus/_assets/_shared/images/common/bdr_06.png) 10 round;
}
.recipelist .recipe-simple_box_txt {
	display: block;
	padding: 0 11px;
}
.recipelist .recipe-simple_box_txt .recipe-simple_box_txt-bl {
	color: #333333;
}
.recipelist .recipe-simple_box_txt .recipe_ttl {
	font-size: 16px;
	margin: 20px 0 17px;
}
.recipelist .recipe-simple_box_txt dl {
	font-size: 14px;
	margin-bottom: 8px;
}
.recipelist .recipe-simple_box_txt dt {
	clear: both;
	float: left;
	width: 100px;
	margin: 0 0 11px 0;
	line-height: 1.5;
	border: solid 1px #ccc;
	border-radius: 5px;
	text-align: center;
}
.recipelist .recipe-simple_box_txt dd {
	float: left;
	margin: 0 0 11px 16px;
	line-height: 23px;
}
.recipelist .recipe-simple_box_txt .more {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	background-size: 16px 16px;
}
@media screen and (max-width: 768px) {
	.recipe-list {
    display: block;
    margin: 0;
	}
	.recipe-item {
		width: 100%;
    margin: 3.3333333333333335vw 0 0 0;
    padding: 1.5%;
	}
	.recipelist a {
		display: flex;
		justify-content: space-around;
	}
	.recipelist a > * {
		flex-basis: 50%;
	}
	.recipelist .recipe-simple_box_txt {
		display: block;
		width: 100%;
		padding: 0 0 0 4.75%;
		color: #333333;
		box-sizing: border-box;
	}
	.recipelist .recipe-simple_box_txt .recipe_ttl {
		font-size: 3.7333333333333334vw;
		margin: 0 0 0.5em;
	}
	.recipelist .recipe-simple_box_txt dl {
		font-size: 3.466666666666667vw;
		margin-bottom: 1em;
	}
	.recipelist .recipe-simple_box_txt dt {
    width: 18.6666vw;
    font-size: 3.2vw;
		margin: 2% 0;
	}
	.recipelist .recipe-simple_box_txt dd {
    font-size: 3.2vw;
		line-height: 1.5;
		margin: 2% 0 2% 5%;
	}
	.recipelist span.more[class*="arrow-"] {
    font-size: 3.2vw;
		line-height: 1.5;
		padding-left: 1.5em;
    background-size: 3.5vw;
    background-position: 1px 0.15em;
	}
}

/* pagination */
.pagination {
	margin: 20px 0;
}
.pagination + * {
	clear: both;
}
.pagination .result_num {
	float: left;
	color: #5b392a;
}
.pagination ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.pagination ul li {
	color: #5b392a;
	margin: 0 4px;
	min-height: 24px;
	min-width: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination ul li.active {
	color: #ffffff;
	background-color: #ffa200;
}
.pagination ul li.disabled:nth-child(1),
.pagination ul li.disabled:nth-last-child(1) {
	display: none;
}
.pagination ul li a {
	color: #5b392a;
}
@media screen and (max-width: 768px) {
	.pagination .result_num {
		float: none;
		font-size: 3.2vw;
		margin: 0 0 10px;
	}
	.pagination ul {
/*    justify-content: center; */
	}
	.pagination ul li {
		margin: 0 1.3333333333333333vw;
		height: 7vw;
		width: 7vw;
		border: 1px solid #e2ddd4;
		font-size: 3.2vw;
	}
	.pagination ul li.disabled {
		min-width: 4vw;
		margin: 0;
		border: none;
	}
	.pagination ul li a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 7vw;
		width: 7vw;
	}
}

.l-header_head {
	box-sizing: border-box;
}




