@charset "utf-8";
@media(max-width: 1360px) {
		.recipe_top_flex {
				display: flex;
				align-items: flex-start;
		}
		.recipe_top_flex_left {
				width: 50%;
				margin-right: 40px;
		}
		.recipe_top_flex_outer ul {
				left: calc(50% + 40px);
		}
		.recipe_top_flex_right {
				padding-right: 0;
		}
		.recipe_top_flex_right h3 {
				font-size: 28px;
				margin-bottom: 15px;
		}
		.recipe_top_flex_right h3:lang(en) {
				font-size: 28px;
				margin-bottom: 15px;
		}
		.recipe_top_flex_right p {
				margin-bottom: 0;
		}
		.recipe_thumb_no {
				font-size: 32px;
		}
}
@media(max-width: 1050px) {
		.recipe_top_flex_outer ul {
				bottom: 60px;
		}
}
@media(max-width: 1023px) {
		.recipe_wrap {
				padding-left: 0;
				padding-right: 0;
				padding-bottom: 100px;
		}
		.recipe_cont_upper {
				padding-top: 60px;
		}
		.recipe_detail_wrap {
				padding-right: 40px;
				padding-left: 40px;
		}
}
@media(max-width: 960px) {
		.recipe_page_nav_item {
				width: calc(50% - 10px);
		}
		.recipe_page_nav_item_outer {
				width: 100%;
		}
		.recipe_top_flex {
				display: block;
		}
		.recipe_top_flex_left {
				width: 100%;
				margin: 0 0 40px;
		}
		.recipe_top_flex_right h3 {
				margin: 0 0 30px;
		}
		.recipe_cont {
				padding-left: 30px;
				padding-right: 30px;
		}
		.recipe_top_flex_outer ul {
				position: static;
				margin-top: 30px;
		}
}
@media(max-width: 768px) {
		.recipe_cont_upper {
				padding-left: 30px;
				padding-right: 30px;
		}
}
@media(max-width: 767px) {
		.recipe_detail_hdr {
				height: 140px;
		}
		.recipe_detail_wrap {
				padding-right: 30px;
				padding-left: 30px;
		}
		.recipe_page_nav_flex {
				display: flex;
				justify-content: space-between;
				margin: 0 auto 100px;
		}
		.recipe_page_nav_flex:lang(en) {
				display: block;
		}
		.recipe_page_nav_item {
				width: calc(50% - 5px);
				margin: 0;
		}
		.recipe_page_nav_item:lang(en) {
				width: 100%;
				margin: 0 0 10px;
		}
		.recipe_page_nav_item_outer:lang(en) {
				box-sizing: border-box;
				padding: 0 15px;
				height: 90px;
		}
		.recipe_page_nav_item_inner {
				transform: translateY(-4px);
		}
		.recipe_page_nav_item_inner::after {
				bottom: -10px;
		}
		.recipe_page_nav_item_no {
				font-size: 10px;
		}
		.recipe_page_nav_item_name {
				font-size: 14px;
				line-height: 1.4;
				margin-top: 7px;
		}
		.recipe_top_lead {
				font-size: 14px;
				text-align: left;
				margin-bottom: 60px;
		}
		.recipe_detail .recipe_top_lead {
				margin-bottom: 35px;
		}
		.recipe_top_flex_right h3 {
				font-size: 20px;
		}
		.recipe_top_flex_right h3:lang(en) {
				font-size: 20px;
		}
		.recipe_top_flex_right h3.new_item {
				padding-top: 23px;
		}
		.recipe_top_flex_right h3.new_item::after {
				width: 40px;
				height: 16px;
				background: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_icon_new.png") no-repeat 0 0;
				background-size: 40px;
		}
		.recipe_top_flex_right p {
				font-size: 14px;
		}
		.comingsoon_col_en {
				font-size: 20px;
				margin: 0 0 5px;
		}
		.comingsoon_col {
				padding: 45px 0;
		}
		.recipe_cont {
				padding-bottom: 80px;
		}
}
/* ===================== */
@media(max-width: 1360px) {
		.recipe_detail_flex {
				padding-left: 0;
				padding-right: 0;
		}
		.guide_nav_outer {
				margin-left: 0;
				margin-right: 0;
		}
		.recipe_detail_thumb {
				width: 50%;
				margin-right: 30px;
		}
		.ingredients_flex_thumb {
				width: 50%;
		}
		.ingredients_flex_spec {
				width: 45%;
		}
		.recommend_flex {
				padding-left: 0;
				padding-right: 0;
		}
		.recommend_flex_thumb {
				width: 50%;
				margin-right: 30px;
		}
		.recommend_flex.reverse .recommend_flex_thumb {
				margin-right: 0;
				margin-left: 30px;
		}
		.recipe_detail_caption h4, .recommend_flex_caption h4 {
				font-size: 28px;
		}
		.recipe_spec_flex_person:lang(en), .recipe_spec_flex_time:lang(en) {
				padding-left: 50px;
		}
}
@media(max-width: 960px) {
		.profile_flex_thumb {
				width: 30%;
				margin-right: 25px;
		}
		.recipe_spec_flex_person, .recipe_spec_flex_time {
				background-position: 20px center;
		}
		.recipe_spec_flex_person:lang(en), .recipe_spec_flex_time:lang(en) {
				background-position: 10px center;
		}
		.recipe_spec_flex_person, .recipe_spec_flex_time {
				padding: 15px 0 15px 50px;
		}
		.recipe_spec_flex_person:lang(en), .recipe_spec_flex_time:lang(en) {
				padding-left: 40px;
				font-size: 14px;
		}
}
@media(max-width: 768px) {
		.recipe_detail_flex, .recipe_detail_flex.reverse {
				display: block;
		}
		.recipe_detail_thumb, .recipe_detail_flex.reverse .recipe_detail_thumb {
				width: 100%;
				margin: 0 0 35px;
		}
}
@media(max-width: 767px) {
		.recipe_detail_wrap {
				padding-top: 60px;
				padding-bottom: 100px;
		}
		.recipe_top_catch {
				font-size: 20px;
				margin: 15px 0 25px;
		}
		.recipe_detail_caption h4, .recommend_flex_caption h4 {
				font-size: 20px;
				margin: 0 0 25px;
		}
		.recipe_detail_caption p, .recommend_flex_caption p, .profile_flex_caption p {
				font-size: 14px;
		}
		.ingredients_flex {
				display: flex;
				flex-direction: column-reverse;
				margin-bottom: 50px;
		}
		.ingredients_flex_thumb {
				width: 65vw;
				margin: 0 auto 35px;
		}
		.ingredients_flex_spec {
				width: 100%;
		}
		.use_item_section h4 {
				font-size: 16px;
				font-weight: normal;
				margin: 0 0 20px;
		}
		.guide_nav {
				max-width: inherit;
				width: 100%;
		}
		.guide_nav > div {
				font-size: 16px;
				width: 50%;
		}
		.guide_nav .slideline {
				width: 50%;
		}
		.guide_nav_outer {
				height: 40px;
				margin-bottom: 45px;
		}
		.step_line {
				margin: 0 0 35px;
		}
		.step_line_no {
				font-size: 24px;
				margin-right: 20px;
		}
		.step_point {
				display: block;
				margin-top: 15px;
				padding: 10px;
		}
		.step_point_hd {
				font-size: 14px;
				padding: 0;
				margin: 0 0 5px;
				text-align: left;
		}
		.step_point_caption {
				padding-left: 0;
				border: none;
		}
		.step_point.popup {
				padding: 10px;
				height: auto;
				background-repeat: no-repeat;
				background-position: right center;
				background-size: auto 100%;
		}
		.detail2_bg {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_detail2_popup_sp.jpg")
		}
		.detail3_bg {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_detail3_popup_sp.jpg")
		}
		.detail4-1_bg {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_detail4-1_popup_sp.jpg")
		}
		.detail4-2_bg {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_detail4-2_popup_sp.jpg")
		}
		.detail4-3_bg {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/images/recipe/recipe_detail4-3_popup_sp.jpg")
		}
		.step_point.popup .step_point_caption::before {
				display: none;
		}
		.step_point_caption_thumb {
				width: 80px;
		}
		.step_point_caption_thumb img {
				opacity: 0;
		}
		.step_point_caption_thumb::after {
				width: 7px;
				height: 7px;
				left: -23px;
				top: calc(50% - 3px);
		}
		.plus_thumb .step_point_caption_thumb::after {
				left: -35px;
		}
		.section_title {
				margin: 0 0 40px;
		}
		.section_title h3 {
				font-size: 22px;
		}
		.section_title p {
				font-size: 14px;
		}
		.step_line_caption p {
				line-height: 1.8;
				font-size: 14px;
				padding: 0;
		}
		.step_point_caption.plus_thumb p {
				margin-right: 15px !important;
		}
		.recommend_flex, .recommend_flex.reverse, .recommend_flex.vcenter {
				display: block;
		}
		.recommend_flex {
				margin-bottom: 80px;
		}
		.recommend_flex_thumb {
				width: 100% !important;
				margin: 0 0 30px !important;
		}
		.profile_flex {
				display: block;
				width: 67vw;
				margin: 0 auto;
		}
		.profile_flex_thumb {
				width: 100%;
				margin: 0 0 30px;
		}
		.use_item {
				margin-right: 10px;
				width: 140px;
		}
		.recipe_separate {
				height: 90px;
		}
		.recipe_spec_flex_person, .recipe_spec_flex_time {
				padding: 15px 0 15px 60px;
		}
}
@media(min-width: 376px) {
		.extrabr {
				display: none;
		}
}