#head h1 img[src*="toindex"] {
	display: inline-block;
	margin-top: 1em;
	width: 80%;
}

#title,
#nutrients,
#materials,
#steps {
	background: white;
	border-radius: 1.5em;
	padding: 1.5em;
}

#nutrients .notes {
	margin-top: 1em;
	margin-right: 1em;
	text-align: right;
}

#materials .notes,
#steps .notes {
	margin-top: 1.5em;
}

#materials .notes {
	text-align: left;
}

#materials .notes li,
#steps .notes li {
	position: relative;
}

#materials .notes li {
	padding-left: 1em;
	line-height: 1.4;
}
#steps .notes li {
	padding-left: 1.5em;
	font-weight: bold;
}

#materials .notes li:nth-of-type(n+2),
#steps .notes li:nth-of-type(n+2) {
	margin-top: 0.5em;
}

#materials .notes li::before,
#steps .notes li::before {
	position: absolute;
	left: 0;
}

#materials .notes li::before {
	content: '※';
}
#steps .notes li::before {
	content: 'check';
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	font-family: 'Material Icons';
}

@media all and (max-width: 640px) {
	#nutrients .notes,
	#materials .notes {
		font-size: 80%;
	}
	#steps .notes li {
		font-size: 90%;
	}
}

@media all and (min-width: 641px) {
	#nutrients .notes,
	#materials .notes {
		font-size: 70%;
	}
	#steps .notes li {
		font-size: 75%;
	}
}


#title {
	position: relative;
}

#title h2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-weight: bold;
	line-height: 1.3;
}
#title span.country {
	font-size: 60%;
}
#title h2 small {
	display: block;
	font-size: 65%;
}

#title h2 img[src*="head"] {
	position: absolute;
}

#title .pic {
	display: inline-block;
	border: 2px solid #ccc;
	background: white;
	padding: 0.4em;
}
#title .pic img {
	vertical-align: top;
}
#title .text p {
	font-weight: bold;
	line-height: 1.5;
}

#title .info {
	margin-top: 1em;
}

.america #title h2 {color: #bb133d;}
.brazil #title h2 {color: #ff9d00;}
.bulgaria #title h2 {color: #d62612;}
.china #title h2 {color: #e6a100;}
.finland #title h2 {color: #ff7300;}
.ghana #title h2 {color: #ce1225;}
.mexico #title h2 {color: #ce1225;}
.peru #title h2 {color: #367a00;}
.india #title h2 {color: #ff9832;}
.spain #title h2 {color: #ff9900;}
.netherlands #title h2 {color: #21468b;}
.thailand #title h2 {color: #241d4f;}
.newzealand #title h2 {color: #00247d;}
.turkey #title h2 {color: #005cad;}
.hungary #title h2 {color: #cd2a3e;}
.korea #title h2 {color: #1e66b1;}

.uk #title h2 {color: #e82838;}
.indonesia #title h2 {color: #d60000;}
.vietnam #title h2 {color: #da261d;}
.singapore #title h2 {color: #e82838;}
.italia #title h2 {color: #cf2b35;}

@media all and (max-width: 640px) {
	#title {
		margin-top: 5em;
	}
	#title h2 img[src*="head"] {
		left: 50%;
		bottom: 100%;
		-webkit-transform: translate(-50%, 15%);
		transform: translate(-50%, 15%);
	}
	#title .pic {
		margin-top: 1em;
	}
	#title .text {
		text-align: left;
	}
	#title .text br {
		display: none;
	}
}

@media all and (min-width: 641px) {
	#title {
		margin: 5em 1.5em 0;
		padding-right: 23em;
		text-align: left;
	}
	#title h2 img[src*="head"] {
		left: 0;
		bottom: 100%;
		-webkit-transform: translate(0, 15%);
		transform: translate(0, 15%);
	}
	#title .pic {
		position: absolute;
		right: 1.5em;
		/* top: 50%; */
		top: -3em;
		transform: rotate(2deg);
	}
	#title .pic img {
		width: 20em;
	}
	#title .text {
		margin-top: 1em;
		font-size: 80%;
		text-align: left;
	}
}


#nutrients,
#materials,
#steps {
	position: relative;
	padding-top: 3em;
}

#contents h3 {
	position: absolute;
	left: 50%;
	top: 0;
	box-sizing: border-box;
	min-width: 5.5em;
	height: 4em;
	padding: 0 1em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: no-repeat center center;
	color: white;
	background-size: 100% 100%;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}
#contents h3 span {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#contents h3 small {
	font-size: 70%;
	display: block;
	margin-top: 0.5em;
}

.belgium #contents h3 {background-image: url(../images/recipe/base_circle_belgium.png);}
.canada #contents h3 {background-image: url(../images/recipe/base_circle_canada.png);}
.uk #contents h3 {background-image: url(../images/recipe/base_circle_uk.png);}
.indonesia #contents h3 {background-image: url(../images/recipe/base_circle_indonesia.png);}
.vietnam #contents h3 {background-image: url(../images/recipe/base_circle_vietnam.png);}
.singapore #contents h3 {background-image: url(../images/recipe/base_circle_singapore.png);}
.italia #contents h3 {background-image: url(../images/recipe/base_circle_italia.png);}
.america #contents h3 {background-image: url(../images/recipe/base_circle_america.png);}
.brazil #contents h3 {background-image: url(../images/recipe/base_circle_brazil.png);}
.bulgaria #contents h3 {background-image: url(../images/recipe/base_circle_bulgaria.png);}
.china #contents h3 {background-image: url(../images/recipe/base_circle_china.png);}
.finland #contents h3 {background-image: url(../images/recipe/base_circle_finland.png);}
.ghana #contents h3 {background-image: url(../images/recipe/base_circle_ghana.png);}
.mexico #contents h3 {background-image: url(../images/recipe/base_circle_mexico.png);}
.peru #contents h3 {background-image: url(../images/recipe/base_circle_peru.png);}
.india #contents h3 {background-image: url(../images/recipe/base_circle_india.png);}
.spain #contents h3 {background-image: url(../images/recipe/base_circle_spain.png);}
.netherlands #contents h3 {background-image: url(../images/recipe/base_circle_netherlands.png);}
.thailand #contents h3 {background-image: url(../images/recipe/base_circle_thailand.png);}
.newzealand #contents h3 {background-image: url(../images/recipe/base_circle_newzealand.png);}
.turkey #contents h3 {background-image: url(../images/recipe/base_circle_turkey.png);}
.hungary #contents h3 {background-image: url(../images/recipe/base_circle_hungary.png);}
.korea #contents h3 {background-image: url(../images/recipe/base_circle_korea.png);}
.greece #contents h3 {background-image: url(../images/recipe/base_circle_greece.png);}
.france #contents h3 {background-image: url(../images/recipe/base_circle_france.png);}
.russia #contents h3 {background-image: url(../images/recipe/base_circle_russia.png);}

.america #contents h4 {color: #003b9c;}
.brazil #contents h4 {color: #009b3a;}
.bulgaria #contents h4 {color: #01966e;}
.china #contents h4 {color: #dd2a10;}
.finland #contents h4 {color: #003580;}
.ghana #contents h4 {color: #006b3f;}
.mexico #contents h4 {color: #006847;}
.peru #contents h4 {color: #d81123;}
.india #contents h4 {color: #118806;}
.spain #contents h4 {color: #c60c1e;}
.netherlands #contents h4 {color: #ae1d28;}
.thailand #contents h4 {color: #ed1c25;}
.newzealand #contents h4 {color: #cc142c;}
.turkey #contents h4 {color: #d60000;}
.hungary #contents h4 {color: #436f4d;}

/* 第5弾 */
.uk #contents h4 {color: #0024a8;}
.indonesia #contents h4 {color: #3b7500;}
.vietnam #contents h4 {color: #bdaa02;}
.singapore #contents h4 {color: #153dab;}
.italia #contents h4 {color: #029344;}


@media all and (max-width: 640px) {
	#nutrients,
	#materials,
	#steps {
		margin-top: 3em;
	}
}

@media all and (min-width: 641px) {
	#contents {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1em 1fr;
		grid-template-columns: 1fr 1em 1fr;
		align-items: start;
		padding: 0 1.5em;
	}

	#contents::after {
		content: none;
	}

	#nutrients,
	#materials {
		margin-top: 3.5em;
	}

	#materials,
	#steps {
		-ms-grid-row-align: start;
	}

	#nutrients {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1;
		grid-row: 1;
	}
	#materials {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		grid-column: 1;
		grid-row: 2/4;
	}
	#steps {
		margin-top: 7em;
		-ms-grid-column: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-column: 3;
		grid-row: 1/3;
	}
	#download {
		margin-top: 2em;
		-ms-grid-column: 3;
		-ms-grid-row: 3;
		grid-column: 3;
		grid-row: 3;
		align-self: end;
	}
}



#contents dl {
	overflow: hidden;
	position: relative;
	padding: 0 1em;
	text-align: left;
}
#contents dl::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 1.5em;
	height: 100%;
	background: white;
}

#contents dt,
#contents dd {
	display: inline-block;
	background: white;
	line-height: 1.4;
}
#contents dt {
	clear: both;
	float: left;
	position: relative;
	z-index: 1;
	margin-right: 2em;
	padding-right: 0.5em;
}
#contents dt small {
	display: inline-block;
}


body.uk2 #contents dt small {
	display: inline-block;
	width: 0;
	overflow: visible;
	white-space: nowrap;
}


#contents dd {
	float: right;
	overflow: visible;
	position: relative;
	z-index: 0;
}
#contents dd:not(:last-child) {
	margin-bottom: 0.5em;
}
#contents dd::before {
	content: '....................................................................................................';
	position: absolute;
	color: #999;
	padding-right: 0.5em;
	-webkit-transform: translate(-100%, -0.25em);
	transform: translate(-100%, -0.25em);
	white-space: nowrap;
}

body.mexico2 #materials dl:nth-of-type(3) dt {
	padding-left: 1em;
}

@media all and (max-width: 640px) {
	#contents dl {
		font-size: 90%;
	}
}

@media all and (min-width: 641px) {
	#contents h4 {
		font-size: 80%;
	}
	#contents dl {
		font-size: 75%;
	}
}


#materials .group {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 2px solid;
	margin-top: 1.5em;
	padding-top: 1em;
}
#materials h3 + .group {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

#materials .group h4,
#materials .group .item h5 {
	margin: 0;
	font-weight: bold;
}

#materials .group h4 {
	padding: 0 0.5em;
	background: white;
}

#materials .group .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	border-top: 2px dashed;
	margin-top: 1em;
	padding-top: 1em;
}
#materials .group h4 + .item,
#materials .group .item:first-child {
	border-top: none;
	padding-top: 0;
}

#materials .group .item:first-child {
	margin-top: 0;
}

#materials .group .item dl {
	box-sizing: border-box;
	width: 100%;
}

#materials .group .item h5 + dl {
	margin-top: 0.5em;
}

#materials .notes {
	margin-top: 2em;
}

.belgium #materials .group {
	border-top-color: #ef3340;
}
.belgium #materials .group .item {
	border-top-color: #ffa173;
}
.belgium #materials .group h4 {
	color: #ef3340;
}
.belgium #materials .group .item h5 {
	color: #d99800;
}
.belgium #materials .notes {
	color: #ef3340;
}
.canada #materials .group {
	border-top-color: #de0000;
}
.canada #materials .group .item {
	border-top-color: #81db12;
}
.canada #materials .group h4 {
	color: #de0000;
}
.canada #materials .group .item h5 {
	color: #f78000;
}
.canada #materials .notes {
	color: #de0000;
}
.uk #materials .group {
	border-top-color: #e82838;
}
.uk #materials .group .item {
	border-top-color: #8cb4ff;
}
.uk #materials .group h4 {
	color: #e82838;
}
.uk #materials .group .item h5 {
	color: #0024a8;
}
.uk #materials .notes {
	color: #e82838;
}
.indonesia #materials .group {
	border-top-color: #d60000;
}
.indonesia #materials .group .item {
	border-top-color: #16b819;
}
.indonesia #materials .group h4 {
	color: #d60000;
}
.indonesia #materials .group .item h5 {
	color: #3b7500;
}
.indonesia #materials .notes {
	color: #d60000;
}
.vietnam #materials .group {
	border-top-color: #da261d;
}
.vietnam #materials .group .item {
	border-top-color: #e0a800;
}
.vietnam #materials .group h4 {
	color: #da261d;
}
.vietnam #materials .group .item h5 {
	color: #bdaa02;
}
.vietnam #materials .notes {
	color: #da261d;
}
.singapore #materials .group {
	border-top-color: #e82838;
}
.singapore #materials .group .item {
	border-top-color: #4ca0ff;
}
.singapore #materials .group h4 {
	color: #e82838;
}
.singapore #materials .group .item h5 {
	color: #153dab;
}
.singapore #materials .notes {
	color: #e82838;
}
.italia #materials .group {
	border-top-color: #cf2b35;
}
.italia #materials .group .item {
	border-top-color: #ffb8b8;
}
.italia #materials .group h4 {
	color: #cf2b35;
}
.italia #materials .group .item h5 {
	color: #029344;
}
.italia #materials .notes {
	color: #cf2b35;
}
.america #materials .group {
	border-top-color: #bb133d;
}
.america #materials .group .item {
	border-top-color: #e8cd61;
}
.america #materials .group h4 {
	color: #bb133d;
}
.america #materials .group .item h5 {
	color: #003b9c;
}
.america #materials .notes {
	color: #bb133d;
}
.brazil #materials .group {
	border-top-color: #ff9d00;
}
.brazil #materials .group .item {
	border-top-color: #c79eff;
}
.brazil #materials .group h4 {
	color: #ff9d00;
}
.brazil #materials .group .item h5 {
	color: #009b3a;
}
.brazil #materials .notes {
	color: #ff9d00;
}
.bulgaria #materials .group {
	border-top-color: #d62612;
}
.bulgaria #materials .group .item {
	border-top-color: #ffbdc9;
}
.bulgaria #materials .group h4 {
	color: #d62612;
}
.bulgaria #materials .group .item h5 {
	color: #01966e;
}
.bulgaria #materials .notes {
	color: #d62612;
}
.china #materials .group {
	border-top-color: #dd2a10;
}
.china #materials .group .item {
	border-top-color: #ffb3fe;
}
.china #materials .group h4 {
	color: #dd2a10;
}
.china #materials .group .item h5 {
	color: #e6a100;
}
.china #materials .notes {
	color: #dd2a10;
}
.finland #materials .group {
	border-top-color: #ff7300;
}
.finland #materials .group .item {
	border-top-color: #25ccc9;
}
.finland #materials .group h4 {
	color: #ff7300;
}
.finland #materials .group .item h5 {
	color: #003580;
}
.finland #materials .notes {
	color: #ff7300;
}
.ghana #materials .group {
	border-top-color: #ce1225;
}
.ghana #materials .group .item {
	border-top-color: #ffbf00;
}
.ghana #materials .group h4 {
	color: #ce1225;
}
.ghana #materials .group .item h5 {
	color: #006b3f;
}
.ghana #materials .notes {
	color: #ce1225;
}
.mexico #materials .group {
	border-top-color: #ce1225;
}
.mexico #materials .group .item {
	border-top-color: #f29f18;
}
.mexico #materials .group h4 {
	color: #ce1225;
}
.mexico #materials .group .item h5 {
	color: #006847;
}
.mexico #materials .notes {
	color: #ce1225;
}
.peru #materials .group {
	border-top-color: #d81123;
}
.peru #materials .group .item {
	border-top-color: #6cd41c;
}
.peru #materials .group h4 {
	color: #d81123;
}
.peru #materials .group .item h5 {
	color: #367a00;
}
.peru #materials .notes {
	color: #d81123;
}
.india #materials .group {
	border-top-color: #118806;
}
.india #materials .group .item {
	border-top-color: #ff8f9c;
}
.india #materials .group h4 {
	color: #118806;
}
.india #materials .group .item h5 {
	color: #ff9832;
}
.india #materials .notes {
	color: #118806;
}
.spain #materials .group {
	border-top-color: #c60c1e;
}
.spain #materials .group .item {
	border-top-color: #00b803;
}
.spain #materials .group h4 {
	color: #c60c1e;
}
.spain #materials .group .item h5 {
	color: #ff9900;
}
.spain #materials .notes {
	color: #c60c1e;
}
.netherlands #materials .group {
	border-top-color: #ae1d28;
}
.netherlands #materials .group .item {
	border-top-color: #f295c1;
}
.netherlands #materials .group h4 {
	color: #ae1d28;
}
.netherlands #materials .group .item h5 {
	color: #21468b;
}
.netherlands #materials .notes {
	color: #ae1d28;
}
.thailand #materials .group {
	border-top-color: #ED1C25;
}
.thailand #materials .group .item {
	border-top-color: #CB93E5;
}
.thailand #materials .group h4 {
	color: #ED1C25;
}
.thailand #materials .group .item h5 {
	color: #241D4F;
}
.thailand #materials .notes {
	color: #ED1C25;
}
.newzealand #materials .group {
	border-top-color: #CC142C;
}
.newzealand #materials .group .item {
	border-top-color: #FF9D00;
}
.newzealand #materials .group h4 {
	color: #CC142C;
}
.newzealand #materials .group .item h5 {
	color: #00247D;
}
.newzealand #materials .notes {
	color: #CC142C;
}
.turkey #materials .group {
	border-top-color: #CC142C;
}
.turkey #materials .group .item {
	border-top-color: #cfb161;
}
.turkey #materials .group h4 {
	color: #CC142C;
}
.turkey #materials .group .item h5 {
	color: #005cad;
}
.turkey #materials .notes {
	color: #CC142C;
}
.hungary #materials .group {
	border-top-color: #436f4d;
}
.hungary #materials .group .item {
	border-top-color: #f0c800;
}
.hungary #materials .group h4 {
	color: #436f4d;
}
.hungary #materials .group .item h5 {
	color: #cd2a3e;
}
.hungary #materials .notes {
	color: #436f4d;
}
.korea #materials .group {
	border-top-color: #1e66b1;
}
.korea #materials .group .item {
	border-top-color: #47bdcc;
}
.korea #materials .group h4 {
	color: #1e66b1;
}
.korea #materials .group .item h5 {
	color: #ee2b33;
}
.korea #materials .notes {
	color: #1e66b1;
}
.greece #materials .group {
	border-top-color: #fa6800;
}
.greece #materials .group .item {
	border-top-color: #aed100;
}
.greece #materials .group h4 {
	color: #fa6800;
}
.greece #materials .group .item h5 {
	color: #005cb2;
}
.greece #materials .notes {
	color: #fa6800;
}
.france #materials .group {
	border-top-color: #ed2939;
}
.france #materials .group .item {
	border-top-color: #ffc2d7;
}
.france #materials .group h4 {
	color: #ed2939;
}
.france #materials .group .item h5 {
	color: #002295;
}
.france #materials .notes {
	color: #ed2939;
}
.russia #materials .group {
	border-top-color: #d52b1e;
}
.russia #materials .group .item {
	border-top-color: #96b7fa;
}
.russia #materials .group h4 {
	color: #d52b1e;
}
.russia #materials .group .item h5 {
	color: #0039a6;
}
.russia #materials .notes {
	color: #d52b1e;
}


#steps {
	text-align: left;
}

#steps .prepare {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
#steps .prepare h4 {
	margin: 0;
}
#steps .prepare p {
	margin: 0;
}
#steps .prepare a {
	display: inline-block;
	padding: 0 0.25em;
	text-decoration: underline;
}

#steps ol {
	margin: 0;
	padding: 0;
}
#steps ol li {
	position: relative;
	padding-left: 2.25em;
}
#steps ol li::before,
#steps li span {
	display: inline-block;
	width: 1.8em;
	border-radius: 0.9em;
	color: white;
	font-weight: bold;
	text-align: center;
}
#steps ol li::before {
	content: '1';
	position: absolute;
	left: 0;
	top: 0;
}
#steps ol li:nth-of-type(n+2) {
	margin-top: 1em;
}
#steps ol li:nth-of-type(2)::before {content: '2';}
#steps ol li:nth-of-type(3)::before {content: '3';}
#steps ol li:nth-of-type(4)::before {content: '4';}
#steps ol li:nth-of-type(5)::before {content: '5';}
#steps ol li:nth-of-type(6)::before {content: '6';}
#steps ol li:nth-of-type(7)::before {content: '7';}
#steps ol li:nth-of-type(8)::before {content: '8';}
#steps ol li:nth-of-type(9)::before {content: '9';}

#steps li span {
	font-size: 90%;
	margin: 0 0.1em;
}

.belgium #steps ol li::before,
.belgium #steps li span {
	background-color: #ef3340;
}
.belgium #steps strong,
.belgium #steps .notes {
	color: #d99800;
}
.canada #steps ol li::before,
.canada #steps li span {
	background-color: #de0000;
}
.canada #steps strong,
.canada #steps .notes {
	color: #f78000;
}
.uk #steps ol li::before,
.uk #steps li span {
	background-color: #e82838;
}
.uk #steps strong,
.uk #steps .notes {
	color: #0024a8;
}
.indonesia #steps ol li::before,
.indonesia #steps li span {
	background-color: #d60000;
}
.indonesia #steps strong,
.indonesia #steps .notes {
	color: #3b7500;
}
.vietnam #steps ol li::before,
.vietnam #steps li span {
	background-color: #da261d;
}
.vietnam #steps strong,
.vietnam #steps .notes {
	color: #bdaa02;
}
.singapore #steps ol li::before,
.singapore #steps li span {
	background-color: #e82838;
}
.singapore #steps strong,
.singapore #steps .notes {
	color: #153dab;
}
.italia #steps ol li::before,
.italia #steps li span {
	background-color: #cf2b35;
}
.italia #steps strong,
.italia #steps .notes {
	color: #029344;
}
.america #steps ol li::before,
.america #steps li span {
	background-color: #bb133d;
}
.america #steps strong,
.america #steps .notes {
	color: #003b9c;
}
.brazil #steps ol li::before,
.brazil #steps li span {
	background-color: #ff9d00;
}
.brazil #steps strong,
.brazil #steps .notes {
	color: #009b3a;
}
.bulgaria #steps ol li::before,
.bulgaria #steps li span {
	background-color: #d62612;
}
.bulgaria #steps strong,
.bulgaria #steps .notes {
	color: #01966e;
}
.china #steps ol li::before,
.china #steps li span {
	background-color: #dd2a10;
}
.china #steps strong,
.china #steps .notes {
	color: #e6a100;
}
.finland #steps ol li::before,
.finland #steps li span {
	background-color: #ff7300;
}
.finland #steps strong,
.finland #steps .notes {
	color: #003580;
}
.ghana #steps ol li::before,
.ghana #steps li span {
	background-color: #ce1225;
}
.ghana #steps strong,
.ghana #steps .notes {
	color: #006b3f;
}
.mexico #steps ol li::before,
.mexico #steps li span {
	background-color: #ce1225;
}
.mexico #steps strong,
.mexico #steps .notes {
	color: #006847;
}
.peru #steps ol li::before,
.peru #steps li span {
	background-color: #d81123;
}
.peru #steps strong,
.peru #steps .notes {
	color: #367a00;
}
.india #steps ol li::before,
.india #steps li span {
	background-color: #118806;
}
.india #steps strong,
.india #steps .notes {
	color: #ff9832;
}
.spain #steps ol li::before,
.spain #steps li span {
	background-color: #c60c1e;
}
.spain #steps strong,
.spain #steps .notes {
	color: #ff9900;
}
.netherlands #steps ol li::before,
.netherlands #steps li span {
	background-color: #ae1d28;
}
.netherlands #steps strong,
.netherlands #steps .notes {
	color: #21468b;
}
.thailand #steps ol li::before,
.thailand #steps li span {
	background-color: #ED1C25;
}
.thailand #steps strong,
.thailand #steps .notes {
	color: #241D4F;
}
.newzealand #steps ol li::before,
.newzealand #steps li span {
	background-color: #CC142C;
}
.newzealand #steps strong,
.newzealand #steps .notes {
	color: #00247D;
}
.turkey #steps ol li::before,
.turkey #steps li span {
	background-color: #CC142C;
}
.turkey #steps strong,
.turkey #steps .notes {
	color: #005cad;
}
.hungary #steps ol li::before,
.hungary #steps li span {
	background-color: #436f4d;
}
.hungary #steps strong,
.hungary #steps .notes {
	color: #cd2a3e;
}
.korea #steps ol li::before,
.korea #steps li span {
	background-color: #1e66b1;
}
.korea #steps strong,
.korea #steps .notes {
	color: #ee2b33;
}
.greece #steps ol li::before,
.greece #steps li span {
	background-color: #fa6800;
}
.greece #steps strong,
.greece #steps .notes {
	color: #005cb2;
}
.france #steps ol li::before,
.france #steps li span {
	background-color: #ed2939;
}
.france #steps strong,
.france #steps .notes {
	color: #002295;
}
.russia #steps ol li::before,
.russia #steps li span {
	background-color: #d52b1e;
}
.russia #steps strong,
.russia #steps .notes {
	color: #0039a6;
}

@media all and (max-width: 640px) {
	#steps ol,
	#steps .prepare h4,
	#steps .prepare p {
		font-size: 90%;
	}
}
@media all and (min-width: 641px) {
	#steps ol,
	#steps .prepare h4,
	#steps .prepare p {
		font-size: 75%;
	}
}

/* ==================== 個別調整 ==================== */

.uk1 #steps li:nth-of-type(1) strong:nth-of-type(1),
.uk1 #steps li:nth-of-type(4) strong:nth-of-type(1) {
	color: #e82838;
}

.greece1 #steps li:nth-of-type(5) strong:nth-of-type(1),
.greece1 #steps li:nth-of-type(6) strong:nth-of-type(1) {
	color: #fa6800;
}

.vietnam1 #steps li:nth-of-type(1) strong:nth-of-type(1),
.vietnam1 #steps li:nth-of-type(2) strong:nth-of-type(1) {
	color: #da261d;
}


#download img {
	width: 10em;
}

@media all and (min-width: 641px) {
	#download img {
		-webkit-transform-origin: 50% 90%;
		transform-origin: 50% 90%;
		-webkit-transition: all 160ms ease;
		transition: all 160ms ease;
	}
	#download img:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}


@media all and (max-width: 640px) {
	#recipeIndex {
		margin: 2em 0 -0.5em;
	}
}

@media all and (min-width: 641px) {
	#recipeIndex {
		margin: 2em 0 -2em;
	}
}


#countryMenu {
	margin: 1.5em 0 -1em;
}
#countryMenu li {
	display: inline-block;
	vertical-align: bottom;
}

@media all and (max-width: 640px) {
	#countryMenu li {
		width: 30%;
		margin: 1%;
	}
	#countryMenu li:nth-of-type(1),
	#countryMenu li:nth-of-type(3),
	#countryMenu li:nth-of-type(4),
	#countryMenu li:nth-of-type(6) {
		-webkit-transform: translate(0, 10%);
		transform: translate(0, 10%);
	}
}

@media all and (min-width: 641px) {
	#countryMenu li {
		width: 20%;
		margin: 1%;
		-webkit-transform-origin: 50% 90%;
		transform-origin: 50% 90%;
		-webkit-transition: all 160ms ease;
		transition: all 160ms ease;
	}
	#countryMenu li:nth-of-type(odd) img {
		-webkit-transform: translate(0, 10%);
		transform: translate(0, 10%);
	}
	#countryMenu li:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}


/* //////////////////// 印刷用 //////////////////// */

@media print and (min-width: 641px) {
/*
@media all {
*/

	:root {
		font-size: 18px;
	}

	wc-container {
		border: none;
	}

	.shokuiku,
	header,
	footer,
	wc-contents > :not(main),
	wc-contents > main wc-block:nth-of-type(n+3),
	#head,
	#download,
	#contentsHead,
	wc-contents > main wc-block:nth-of-type(1),
	.shokuiku-recipe-search-form,
	#title .info {
		display: none;
	}

	#contentsHead {
		transform: translate(-50%, 0);
	}

	wc-contents {
		margin: 0;
		padding-top: 2em;
	}

	wc-contents > main wc-block:nth-of-type(2) {
		margin-top: 1em;
	}

	wc-block {
		/* padding: 1px 0 20em; */
		padding: 1px 0 0;
	}

	#title {
		margin-top: 6em;
		padding-right: 45%;
		font-size: 1.2rem;
	}
	#title h2 img {
		font-size: 65%;
	}

	#title .text {
		width: 21em;
		margin-top: 0.5em;
		font-size: 85%;
	}

	#title .pic {
		margin-top: -4.5em;
		padding: 0.5em;
		font-size: 85%;
	}

	/* スペーサー（44行目：paddingの代わり） */
	#contents::after {
		content: '';
		grid-column: 1/4;
		height: 10em;
	}

	#contents h3 {
		font-size: 1.15rem !important;
	}

	#contents > div > *:not(h3) > * {
		font-family: 'Hiragino Maru Gothic Pro', sans-serif;
		font-size: 120%;
		font-size: 138.46153846154%;
	}

	#contents dt,
	#contents dd {
		margin-top: 0.25em;
	}
	#contents dd:not(:last-child) {
		margin-bottom: 0.25em;
	}

	#contents > div {
		margin-top: 3em;
	}

	#steps .prepare a {
		display: inline;
		padding: 0;
		color: inherit !important;
		font-family: inherit;
		font-size: inherit;
		text-decoration: none;
	}

	body.turkey2 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.turkey2 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.indonesia1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.indonesia1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.vietnam1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.vietnam1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.greece1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.greece1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.america1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.america1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.finland1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.finland1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.finland2 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.finland2 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.ghana1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.ghana1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.hungary1 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.hungary1 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.korea2 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.korea2 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.singapore2 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.singapore2 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.italia3 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.italia3 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.india3 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.india3 #steps {
		grid-column: 1;
		grid-row: 2;
	}
	body.thailand3 #materials {
		grid-column: 3;
		grid-row: 1/4;
	}
	body.thailand3 #steps {
		grid-column: 1;
		grid-row: 2;
	}

	body.brazil1 #materials .group,
	body.brazil1 #contents h4,
	body.brazil1 #contents h5,
	body.brazil1 #contents dl,
	body.brazil1 #contents dt,
	body.brazil1 #contents dd,
	body.brazil1 #contents ol,
	body.brazil1 #contents ul,
	body.brazil1 #contents li {
		font-size: 16.875px !important;
	}
	body.uk2 #materials .group,
	body.uk2 #contents h4,
	body.uk2 #contents h5,
	body.uk2 #contents dl,
	body.uk2 #contents dt,
	body.uk2 #contents dd,
	body.uk2 #contents ol,
	body.uk2 #contents ul,
	body.uk2 #contents li {
		font-size: 16.875px !important;
	}
	body.turkey1 #materials .group,
	body.turkey1 #contents h4,
	body.turkey1 #contents h5,
	body.turkey1 #contents dl,
	body.turkey1 #contents dt,
	body.turkey1 #contents dd,
	body.turkey1 #contents ol,
	body.turkey1 #contents ul,
	body.turkey1 #contents li {
		font-size: 16.65px !important;
	}
	body.ghana1 #materials .group,
	body.ghana1 #contents h4,
	body.ghana1 #contents h5,
	body.ghana1 #contents dl,
	body.ghana1 #contents dt,
	body.ghana1 #contents dd,
	body.ghana1 #contents ol,
	body.ghana1 #contents ul,
	body.ghana1 #contents li {
		font-size: 15.75px !important;
	}
	body.hungary2 #materials .group,
	body.hungary2 #contents h4,
	body.hungary2 #contents h5,
	body.hungary2 #contents dl,
	body.hungary2 #contents dt,
	body.hungary2 #contents dd,
	body.hungary2 #contents ol,
	body.hungary2 #contents ul,
	body.hungary2 #contents li {
		font-size: 15.75px !important;
	}
	body.peru2 #materials .group,
	body.peru2 #contents h4,
	body.peru2 #contents h5,
	body.peru2 #contents dl,
	body.peru2 #contents dt,
	body.peru2 #contents dd,
	body.peru2 #contents ol,
	body.peru2 #contents ul,
	body.peru2 #contents li {
		font-size: 15.75px !important;
	}
	body.russia1 #materials .group,
	body.russia1 #contents h4,
	body.russia1 #contents h5,
	body.russia1 #contents dl,
	body.russia1 #contents dt,
	body.russia1 #contents dd,
	body.russia1 #contents ol,
	body.russia1 #contents ul,
	body.russia1 #contents li {
		font-size: 15.75px !important;
	}
	body.turkey2 #materials .group,
	body.turkey2 #contents h4,
	body.turkey2 #contents h5,
	body.turkey2 #contents dl,
	body.turkey2 #contents dt,
	body.turkey2 #contents dd,
	body.turkey2 #contents ol,
	body.turkey2 #contents ul,
	body.turkey2 #contents li {
		font-size: 15.75px !important;
	}
	body.vietnam2 #materials .group,
	body.vietnam2 #contents h4,
	body.vietnam2 #contents h5,
	body.vietnam2 #contents dl,
	body.vietnam2 #contents dt,
	body.vietnam2 #contents dd,
	body.vietnam2 #contents ol,
	body.vietnam2 #contents ul,
	body.vietnam2 #contents li {
		font-size: 15.75px !important;
	}
	body.turkey2 #materials .group,
	body.turkey2 #contents h4,
	body.turkey2 #contents h5,
	body.turkey2 #contents dl,
	body.turkey2 #contents dt,
	body.turkey2 #contents dd,
	body.turkey2 #contents ol,
	body.turkey2 #contents ul,
	body.turkey2 #contents li {
		font-size: 15.525px !important;
	}
	body.china1 #materials .group,
	body.china1 #contents h4,
	body.china1 #contents h5,
	body.china1 #contents dl,
	body.china1 #contents dt,
	body.china1 #contents dd,
	body.china1 #contents ol,
	body.china1 #contents ul,
	body.china1 #contents li {
		font-size: 14.625px !important;
	}
	body.france2 #materials .group,
	body.france2 #contents h4,
	body.france2 #contents h5,
	body.france2 #contents dl,
	body.france2 #contents dt,
	body.france2 #contents dd,
	body.france2 #contents ol,
	body.france2 #contents ul,
	body.france2 #contents li {
		font-size: 14.625px !important;
	}
	body.indonesia1 #materials .group,
	body.indonesia1 #contents h4,
	body.indonesia1 #contents h5,
	body.indonesia1 #contents dl,
	body.indonesia1 #contents dt,
	body.indonesia1 #contents dd,
	body.indonesia1 #contents ol,
	body.indonesia1 #contents ul,
	body.indonesia1 #contents li {
		font-size: 14.625px !important;
	}
	body.india1 #materials .group,
	body.india1 #contents h4,
	body.india1 #contents h5,
	body.india1 #contents dl,
	body.india1 #contents dt,
	body.india1 #contents dd,
	body.india1 #contents ol,
	body.india1 #contents ul,
	body.india1 #contents li {
		font-size: 13.95px !important;
	}
	body.france1 #materials .group,
	body.france1 #contents h4,
	body.france1 #contents h5,
	body.france1 #contents dl,
	body.france1 #contents dt,
	body.france1 #contents dd,
	body.france1 #contents ol,
	body.france1 #contents ul,
	body.france1 #contents li {
		font-size: 13.95px !important;
	}
	body.newzealand1 #materials .group,
	body.newzealand1 #contents h4,
	body.newzealand1 #contents h5,
	body.newzealand1 #contents dl,
	body.newzealand1 #contents dt,
	body.newzealand1 #contents dd,
	body.newzealand1 #contents ol,
	body.newzealand1 #contents ul,
	body.newzealand1 #contents li {
		font-size: 13.95px !important;
	}
	body.thailand1 #materials .group,
	body.thailand1 #contents h4,
	body.thailand1 #contents h5,
	body.thailand1 #contents dl,
	body.thailand1 #contents dt,
	body.thailand1 #contents dd,
	body.thailand1 #contents ol,
	body.thailand1 #contents ul,
	body.thailand1 #contents li {
		font-size: 13.5px !important;
	}
	body.india3 #materials .group,
	body.india3 #contents h4,
	body.india3 #contents h5,
	body.india3 #contents dl,
	body.india3 #contents dt,
	body.india3 #contents dd,
	body.india3 #contents ol,
	body.india3 #contents ul,
	body.india3 #contents li {
		font-size: 13.5px !important;
	}
	body.vietnam1 #materials .group,
	body.vietnam1 #contents h4,
	body.vietnam1 #contents h5,
	body.vietnam1 #contents dl,
	body.vietnam1 #contents dt,
	body.vietnam1 #contents dd,
	body.vietnam1 #contents ol,
	body.vietnam1 #contents ul,
	body.vietnam1 #contents li {
		font-size: 12.375px !important;
	}
	body.singapore1 #materials .group,
	body.singapore1 #contents h4,
	body.singapore1 #contents h5,
	body.singapore1 #contents dl,
	body.singapore1 #contents dt,
	body.singapore1 #contents dd,
	body.singapore1 #contents ol,
	body.singapore1 #contents ul,
	body.singapore1 #contents li {
		font-size: 12.375px !important;
	}
	body.greece1 #materials .group,
	body.greece1 #contents h4,
	body.greece1 #contents h5,
	body.greece1 #contents dl,
	body.greece1 #contents dt,
	body.greece1 #contents dd,
	body.greece1 #contents ol,
	body.greece1 #contents ul,
	body.greece1 #contents li {
		font-size: 12.15px !important;
	}
	body.bulgaria2 #materials .group,
	body.bulgaria2 #contents h4,
	body.bulgaria2 #contents h5,
	body.bulgaria2 #contents dl,
	body.bulgaria2 #contents dt,
	body.bulgaria2 #contents dd,
	body.bulgaria2 #contents ol,
	body.bulgaria2 #contents ul,
	body.bulgaria2 #contents li {
		font-size: 12.15px !important;
	}
	body.uk1 #materials .group,
	body.uk1 #contents h4,
	body.uk1 #contents h5,
	body.uk1 #contents dl,
	body.uk1 #contents dt,
	body.uk1 #contents dd,
	body.uk1 #contents ol,
	body.uk1 #contents ul,
	body.uk1 #contents li {
		font-size: 11.25px !important;
	}


	/* body.italia3 #title,
	body.italia3 #contents {
		border: 1px solid red;
	}
	body.italia3 #materials dt,
	body.italia3 #materials dd,
	body.italia3 #steps ol {
		line-height: 1;
	} */


}