@charset "UTF-8";
.recipe_list > li {
		margin-bottom: 3em;
}
.recipe_list > li .recipe_date {
		margin: 0;
}
.recipe_list > li h5 {
		margin: 0;
		line-height: 1.5;
		min-height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
}

.recipe_calorie {
		margin: 1em 0 0;
		text-align: center;
}
.recipe_calorie > div {
		padding: 0.2ex 2em;
		border-radius: 2em 2em;
		background-color: #ffedd1;
		color: #d18000;
		font-weight: bold;
		display: inline-block;
}

.recipe_provide {
		margin: 1em 0 0;
		text-align: center;
}
.recipe_provide > div {
		padding: 0.2ex 2em;
		border-radius: 2em 2em;
		background-color: #ffecf4;
		color: #cb1264;
		font-weight: bold;
		display: inline-block;
}

.table_wrapper .bordered_table.additional_ingredients {
		margin-top: 1em;
}

.box_head {
		text-align: left;
}

@media only screen and (max-width: 767px) {
		.post_content table,
.post_content table tr,
.post_content table td,
.post_content table th {
				display: block;
				width: auto !important;
				height: auto !important;
		}
		.post_content img {
				display: block;
				margin: auto;
				width: auto !important;
				height: auto !important;
		}
		.post_content figure {
				display: block;
				padding: 0;
				margin: auto;
				width: auto !important;
				height: auto !important;
		}
}

.recipe_making ol {
		margin: 1ex;
		padding: 0;
		list-style-type: none;
}
.recipe_making ol li {
		padding-left: 3em !important;
		padding: 1.5ex 0 1.5ex 40px;
		margin: 0;
		background-position: 0 50%;
		background-repeat: no-repeat;
		background-size: 32px 32px;
		border-bottom: 2px dashed #ffc4bc;
}
.recipe_making ol li::before {
		content: none !important;
}
.recipe_making ol li:nth-child(1) {
		background-image: url(../img/recipe_num01.png);
}
.recipe_making ol li:nth-child(2) {
		background-image: url(../img/recipe_num02.png);
}
.recipe_making ol li:nth-child(3) {
		background-image: url(../img/recipe_num03.png);
}
.recipe_making ol li:nth-child(4) {
		background-image: url(../img/recipe_num04.png);
}
.recipe_making ol li:nth-child(5) {
		background-image: url(../img/recipe_num05.png);
}
.recipe_making ol li:nth-child(6) {
		background-image: url(../img/recipe_num06.png);
}
.recipe_making ol li:nth-child(7) {
		background-image: url(../img/recipe_num07.png);
}
.recipe_making ol li:nth-child(8) {
		background-image: url(../img/recipe_num08.png);
}
.recipe_making ol li:nth-child(9) {
		background-image: url(../img/recipe_num09.png);
}
.recipe_making ol li:nth-child(10) {
		background-image: url(../img/recipe_num10.png);
}
.recipe_making ol li:last-child {
		border-bottom: none;
}

.ingredients_table {
		width: 100%;
}
.ingredients_table th, .ingredients_table td {
		border-bottom: 2px dashed #ffc4bc;
}
.ingredients_table th {
		text-align: left !important;
}
@media only screen and (min-width: 768px) {
		.ingredients_table th {
				width: auto !important;
		}
}
.ingredients_table td {
		text-align: right;
}

.recipe_img_column img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
}

.recipe_onepoint_box {
		margin: 3em 0 1em;
		box-sizing: border-box;
		border: solid 2px #ff7800;
		border-radius: 10px;
}
.recipe_onepoint_box > *:last-child {
		margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
		.recipe_onepoint_box {
				padding: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.recipe_onepoint_box {
				padding: 15px;
		}
}

.recipe_onepoint_box__head {
		text-indent: 36px;
		position: relative;
		background-color: transparent !important;
		font-size: 130%;
		font-family: "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.2ex;
		font-size: 140%;
		color: #333333;
}
.recipe_onepoint_box__head::before {
		content: "";
		display: block;
		position: absolute;
		width: 30px;
		height: 30px;
		background-image: url("../img/hint.png");
		background-size: contain;
		left: 0;
}
@media only screen and (max-width: 767px) {
		.recipe_onepoint_box__head::before {
				top: -5px;
		}
}
@media only screen and (min-width: 768px) {
		.recipe_onepoint_box__head::before {
				top: 0;
		}
}

.recipe_image {
		position: relative;
}
.recipe_image img {
		display: block;
}
@media only screen and (min-width: 768px) {
		.recipe_image {
				padding: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.recipe_image {
				padding: 5px;
		}
}
.recipe_image::before, .recipe_image::after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
}
.recipe_image::before {
		background-color: #fff;
		box-shadow: 0 0 5px 0px #ccc;
		transform: rotate(-5deg);
}
.recipe_image::after {
		background-color: #fff;
		box-shadow: 0 0 5px 0px #ccc;
}

@media only screen and (max-width: 767px) {
		.recipe_image_column {
				justify-content: center;
				display: flex;
		}
}

.recipe_link_body {
		position: relative;
}

.recipe_new {
		position: absolute;
		background-color: #f00;
		font-weight: bold;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		line-height: 1;
		border-radius: 5px;
		pointer-events: none;
}
@media only screen and (min-width: 768px) {
		.recipe_new {
				padding: 10px 20px;
				font-size: 110%;
				right: -10px;
				top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.recipe_new {
				padding: 5px 20px;
				font-size: 100%;
				right: -5px;
				top: 10px;
		}
}

@media only screen and (max-width: 767px) {
		.recipe_h4 {
				margin-bottom: 0;
		}
}

.recipe_section {
		position: relative;
}

@media only screen and (max-width: 767px) {
		.recipe_link_area {
				text-align: right;
				margin: 0.5em 0;
		}
}

.recipe_link {
		display: inline-block;
		position: relative;
		text-decoration: none !important;
		transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 768px) {
		.recipe_link {
				position: absolute;
				top: 0.7em;
				right: 0;
				line-height: 1;
				font-size: 120%;
				padding: 1px 1px 1px 20px;
		}
}
@media only screen and (max-width: 767px) {
		.recipe_link {
				font-size: 110%;
				padding: 1px 1px 1px 15px;
		}
}
.recipe_link:hover {
		color: #ff7800;
		opacity: 0.7;
}
.recipe_link::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background-image: url("/common/img/arrow_right_orange.png");
		background-size: contain;
		background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
		.recipe_link::before {
				width: 9px;
				height: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.recipe_link::before {
				width: 7.2px;
				height: 11.2px;
		}
}
/*# sourceMappingURL=recipe.css.map */