/* ==================== 0_images.css ==================== */

@media (max-width: 640px) {
	img[src$="/column_image_2_2_pc.png"] {
		width: 20.43em;
	}
}
@media (min-width: 641px) {
	img[src$="/column_image_2_2_pc.png"] {
		width: 12.43em;
	}
}
@media (max-width: 640px) {
	img[src$="/column_title_1_pc.svg"] {
		width: 13.86em;
	}
}
@media (min-width: 641px) {
	img[src$="/column_title_1_pc.svg"] {
		width: 13.74em;
	}
}
@media (max-width: 640px) {
	img[src$="/column_title_2_pc.svg"] {
		width: 19.18em;
	}
}
@media (min-width: 641px) {
	img[src$="/column_title_2_pc.svg"] {
		width: 19.14em;
	}
}
@media (max-width: 640px) {
	img[src$="/column_title_3_pc.svg"] {
		width: 20.05em;
	}
}
@media (min-width: 641px) {
	img[src$="/column_title_3_pc.svg"] {
		width: 20.05em;
	}
}
@media (max-width: 640px) {
	img[src$="/column_title_4_pc.svg"] {
		width: 17.89em;
	}
}
@media (min-width: 641px) {
	img[src$="/column_title_4_pc.svg"] {
		width: 17.89em;
	}
}
@media (max-width: 640px) {
	img[src$="/print_base_1_pc.png"] {
		width: 27.23em;
	}
}
@media (min-width: 641px) {
	img[src$="/print_base_1_pc.png"] {
		width: 27.23em;
	}
}
@media (max-width: 640px) {
	img[src$="/print_base_2_pc.png"] {
		width: 27.23em;
	}
}
@media (min-width: 641px) {
	img[src$="/print_base_2_pc.png"] {
		width: 27.23em;
	}
}
@media (max-width: 640px) {
	img[src$="/print_good_pc.png"] {
		width: 1.28em;
	}
}
@media (min-width: 641px) {
	img[src$="/print_good_pc.png"] {
		width: 1.42em;
	}
}
@media (max-width: 640px) {
	img[src$="/result_foods_label_1_1_pc.svg"] {
		width: 3.67em;
	}
}
@media (min-width: 641px) {
	img[src$="/result_foods_label_1_1_pc.svg"] {
		width: 3.67em;
	}
}
@media (max-width: 640px) {
	img[src$="/result_foods_label_2_1_pc.svg"] {
		width: 0.58em;
	}
}
@media (min-width: 641px) {
	img[src$="/result_foods_label_2_1_pc.svg"] {
		width: 2.89em;
	}
}
@media (max-width: 640px) {
	img[src$="/result_foods_label_2_2_pc.svg"] {
		width: 0.60em;
	}
}
@media (min-width: 641px) {
	img[src$="/result_foods_label_2_2_pc.svg"] {
		width: 2.89em;
	}
}
@media (max-width: 640px) {
	img[src$="/result_foods_label_2_3_pc.svg"] {
		width: 0.58em;
	}
}
@media (min-width: 641px) {
	img[src$="/result_foods_label_2_3_pc.svg"] {
		width: 2.87em;
	}
}
@media (max-width: 640px) {
	img[src$="/result_foods_label_2_4_pc.svg"] {
		width: 0.49em;
	}
}
@media (min-width: 641px) {
	img[src$="/result_foods_label_2_4_pc.svg"] {
		width: 4.17em;
	}
}
@media (max-width: 640px) {
	img[src$="/save_base_1_pc.png"] {
		width: 18.77em;
	}
}
@media (min-width: 641px) {
	img[src$="/save_base_1_pc.png"] {
		width: 27.23em;
	}
}
@media (max-width: 640px) {
	img[src$="/save_base_2_pc.png"] {
		width: 18.77em;
	}
}
@media (min-width: 641px) {
	img[src$="/save_base_2_pc.png"] {
		width: 27.23em;
	}
}
@media (max-width: 640px) {
	img[src$="/title_back_pc.jpg"] {
		width: 25.00em;
	}
}
@media (min-width: 641px) {
	img[src$="/title_back_pc.jpg"] {
		width: 60.00em;
	}
}
img[src$="/15_banner.png"] {
	width: 47.85em;
}
img[src$="/29_banner.png"] {
	width: 47.85em;
}
img[src$="/btn_backtoform.svg"] {
	width: 8.31em;
}
img[src$="/btn_check.svg"] {
	width: 5.35em;
}
img[src$="/btn_check2.svg"] {
	width: 12.08em;
}
img[src$="/btn_checkstart.svg"] {
	width: 9.02em;
}
img[src$="/btn_next.svg"] {
	width: 3.76em;
}
img[src$="/btn_next_snack.svg"] {
	width: 6.02em;
}
img[src$="/btn_prev.svg"] {
	width: 3.76em;
}
img[src$="/check_category_1.svg"] {
	width: 5.80em;
}
img[src$="/check_category_2.svg"] {
	width: 6.08em;
}
img[src$="/check_category_3.svg"] {
	width: 5.82em;
}
img[src$="/check_category_4.svg"] {
	width: 7.40em;
}
img[src$="/check_category_5.svg"] {
	width: 9.10em;
}
img[src$="/check_category_6.svg"] {
	width: 11.14em;
}
img[src$="/check_counter_down.svg"] {
	width: 0.55em;
}
img[src$="/check_counter_up.svg"] {
	width: 0.55em;
}
img[src$="/check_pager_next.svg"] {
	width: 0.65em;
}
img[src$="/check_pager_prev.svg"] {
	width: 0.65em;
}
img[src$="/check_result_cap.svg"] {
	width: 18.90em;
}
img[src$="/check_result_good.svg"] {
	width: 2.97em;
}
img[src$="/check_selected_empty.svg"] {
	width: 11.71em;
}
img[src$="/check_start_cap.svg"] {
	width: 18.50em;
}
img[src$="/check_step_1.svg"] {
	width: 18.50em;
}
img[src$="/check_step_2.svg"] {
	width: 18.50em;
}
img[src$="/check_step_3.svg"] {
	width: 18.50em;
}
img[src$="/check_step_4.svg"] {
	width: 18.50em;
}
img[src$="/column_choshoku1_num_1.svg"] {
	width: 1.96em;
}
img[src$="/column_choshoku1_num_2.svg"] {
	width: 1.96em;
}
img[src$="/column_choshoku1_num_3.svg"] {
	width: 1.96em;
}
img[src$="/column_choshoku2_image_1.png"] {
	width: 8.53em;
}
img[src$="/column_choshoku2_image_2.png"] {
	width: 8.50em;
}
img[src$="/column_choshoku2_image_3.png"] {
	width: 8.50em;
}
img[src$="/column_choshoku2_image_4.png"] {
	width: 8.50em;
}
img[src$="/column_choshoku2_image_5.png"] {
	width: 8.50em;
}
img[src$="/column_choshoku2_image_6.png"] {
	width: 8.50em;
}
img[src$="/column_choshoku2_image_7.png"] {
	width: 8.50em;
}
img[src$="/column_image_2.png"] {
	width: 5.62em;
}
img[src$="/column_image_2_1.png"] {
	width: 13.70em;
}
img[src$="/column_image_3.png"] {
	width: 2.67em;
}
img[src$="/column_image_3_1.png"] {
	width: 13.57em;
}
img[src$="/column_image_4.png"] {
	width: 5.33em;
}
img[src$="/column_nutrients_image_1.png"] {
	width: 14.83em;
}
img[src$="/column_nutrients_image_10.png"] {
	width: 13.00em;
}
img[src$="/column_nutrients_image_11.png"] {
	width: 8.97em;
}
img[src$="/column_nutrients_image_12.png"] {
	width: 13.00em;
}
img[src$="/column_nutrients_image_13.png"] {
	width: 14.23em;
}
img[src$="/column_nutrients_image_14.png"] {
	width: 12.33em;
}
img[src$="/column_nutrients_image_15.png"] {
	width: 12.63em;
}
img[src$="/column_nutrients_image_16.png"] {
	width: 8.70em;
}
img[src$="/column_nutrients_image_2.png"] {
	width: 8.70em;
}
img[src$="/column_nutrients_image_3.png"] {
	width: 9.17em;
}
img[src$="/column_nutrients_image_4.png"] {
	width: 11.40em;
}
img[src$="/column_nutrients_image_5_1.png"] {
	width: 9.90em;
}
img[src$="/column_nutrients_image_5_2.png"] {
	width: 8.70em;
}
img[src$="/column_nutrients_image_6.png"] {
	width: 13.60em;
}
img[src$="/column_nutrients_image_7.png"] {
	width: 14.07em;
}
img[src$="/column_nutrients_image_8.png"] {
	width: 10.07em;
}
img[src$="/column_nutrients_image_9.png"] {
	width: 9.90em;
}
img[src$="/column_title.svg"] {
	width: 9.62em;
}
img[src$="/food_1.jpg"] {
	width: 50.00em;
}
img[src$="/food_2.jpg"] {
	width: 50.00em;
}
img[src$="/food_3.jpg"] {
	width: 50.00em;
}
img[src$="/food_4.jpg"] {
	width: 50.00em;
}
img[src$="/food_name_1.png"] {
	width: 50.00em;
}
img[src$="/food_name_2.png"] {
	width: 50.00em;
}
img[src$="/food_name_3.png"] {
	width: 50.00em;
}
img[src$="/food_name_4.png"] {
	width: 50.00em;
}
img[src$="/foot_totop.svg"] {
	width: 8.62em;
}
img[src$="/homework_title.svg"] {
	width: 12.51em;
}
img[src$="/icon_open_in_new.svg"] {
	width: 0.90em;
}
img[src$="/result_finish_back.svg"] {
	width: 4.62em;
}
img[src$="/selected_food_del.svg"] {
	width: 1.01em;
}
img[src$="/selected_food_dropdown.svg"] {
	width: 0.58em;
}
img[src$="/selectform_dropdown.svg"] {
	width: 0.71em;
}
img[src$="/title.svg"] {
	width: 14.57em;
}
img[src$="/title_contents.svg"] {
	width: 22.66em;
}
img[src$="/title_image.png"] {
	width: 8.78em;
}
img[src$="/toggle_view_grid.svg"] {
	width: 0.60em;
}
img[src$="/toggle_view_grid_on.svg"] {
	width: 0.60em;
}
img[src$="/toggle_view_list.svg"] {
	width: 0.60em;
}
img[src$="/toggle_view_list_on.svg"] {
	width: 0.60em;
}



/* ==================== c-shokuiku-recipe-recipe.css ==================== */

.c-shokuiku-recipe-recipe {
  display: grid;
  grid-row-gap: 0.4em;
  justify-items: center;
}
@media (min-width: 641px) {
  .c-shokuiku-recipe-recipe {
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
.c-shokuiku-recipe-recipe__pic {
  order: -1;
  border-radius: 2px;
}
@media (max-width: 640px) {
  .c-shokuiku-recipe-recipe__pic img {
    aspect-ratio: 1;
    object-fit: cover;
  }
}
.c-shokuiku-recipe-recipe__title {
  color: #ff5e00;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .c-shokuiku-recipe-recipe__title {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .c-shokuiku-recipe-recipe__title {
    font-size: 65%;
  }
}
.c-shokuiku-recipe-recipe__searchitems {
  display: grid;
  grid-row-gap: 0.2em;
  justify-items: center;
}
.c-shokuiku-recipe-recipe__searchitems-item {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  gap: 0.2em;
}
.c-shokuiku-recipe-recipe__searchitems-item--genres, .c-shokuiku-recipe-recipe__searchitems-item--ages {
  display: none;
}
.c-shokuiku-recipe-recipe__searchitems-item img {
  display: block;
  width: auto;
}
@media (max-width: 640px) {
  .c-shokuiku-recipe-recipe__searchitems-item img {
    height: 1em;
  }
}
@media (min-width: 641px) {
  .c-shokuiku-recipe-recipe__searchitems-item img {
    height: 0.84em;
  }
}



/* ==================== check-cap.css ==================== */

.check-cap {
  text-align: center;
  font-size: inherit;
  margin: 0 0 0.25em;
}
@media (max-width: 640px) {
  .check-cap img {
    width: auto;
    height: 3.25em;
  }
}
.check-cap.start {
  position: relative;
}
@media (max-width: 640px) {
  .check-cap.start {
    margin-bottom: -2em;
  }
}
@media (min-width: 641px) {
  .check-cap.start {
    margin-bottom: -1.8em;
  }
}
.check-cap.result {
  margin-top: 1em;
}



/* ==================== check-error.css ==================== */

.check-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1em;
}

.check-error h2 {
	margin: 0;
	color: #ff5e00;
}

.check-error p {
	margin: 1em auto;
	font-weight: bold;
}

.check-error button {
	margin-top: 1em;
}


@media (max-width: 640px) {
	.check-error {
		font-size: 120%;
	}
	.check-error h2 {
		font-size: 120%;
	}
	.check-error p {
	}
}


@media (min-width: 641px) {
	.check-error h2 {
		font-size: inherit;
	}
	.check-error p {
		font-size: 90%;
	}
}



/* ==================== checkbtn.css ==================== */

.checkbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: none;
	border-radius: 0.5em;
	padding: 0;
	background: none;
	cursor: pointer;
	font-size: inherit;
}

.checkbtn:disabled {
	cursor: default;
}
.checkbtn:disabled img {
	opacity: 0.4;
}

.checkbtn.start,
.checkbtn.next,
.checkbtn.retry2 {
	background-color: #006cd9;
}

.checkbtn.check,
.checkbtn.check2,
.checkbtn.retry {
	background-color: #ff5e00;
}

.checkbtn.backtoform,
.checkbtn.back {
	border: 0.1em solid #006cd9;
}

.checkbtn.back,
.checkbtn.next,
.checkbtn.check {
	width: 48%;
}
[data-page="3"] .checkbtn.check {
	margin-top: 1em;
	width: 100%;
}

.checkbtn.next {
	margin-left: auto;
}


@media (max-width: 640px) {
	.checkbtn {
		width: 100%;
		height: 4.5em;
	}
	.checkbtn img {
		font-size: 5vw !important;
	}
}


@media (min-width: 641px) {
	.checkbtn {
		height: 3.25em;
	}
	.checkbtn.start,
	.checkbtn.retry,
	.checkbtn.retry2 {
		width: 16em;
	}
	.checkbtn.backtoform {
		width: 13em;
	}

	.checkbtn.check2 {
		width: 16em;
		margin-left: auto;
		margin-right: auto;
	}
}



/* ==================== column-menu.css ==================== */

.column-menu {
	position: relative;
	background: #eaf7b2;
}

.column-menu h2 {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0;
	transform: translate(-50%, -50%);
}

.column-menu.next h3 {
	margin: 0 0 0.5em;
	color: #179900;
	font-size: inherit;
	text-align: center;
}

.column-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.column-menu li {
	border: solid #d1ed59;
	border-width: 0 0.3em 0.3em 0;
	border-radius: 0.75em;
	background: white;
}

.column-menu li a {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 5.25em;
	padding: 0.5em;
	padding-left: 7.75em;
	color: inherit;
	text-decoration: none;
	transition: opacity 300ms;
}

.column-menu li a:hover {
	opacity: 0.6;
}

.column-menu li a::before {
	content: '';
	display: block;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 6.25em;
	height: 4.5em;
	transform: translateY(-50%);
	background: no-repeat center center / auto 100%;
}

.column-menu li.column1 a::before {
	background-image: url(../images/column_image_1.png);
}
.column-menu li.column2 a::before {
	background-image: url(../images/column_image_2.png);
}
.column-menu li.column3 a::before {
	background-image: url(../images/column_image_3.png);
}
.column-menu li.column4 a::before {
	background-image: url(../images/column_image_4.png);
}

.column-menu li small {
	font-size: 77%;
}

.column-menu li span {
	color: #ff5e00;
	font-weight: bold;
	line-height: 1.3;
}


@media (max-width: 640px) {
	.column-menu {
		display: flex;
		flex-direction: column;
		border-radius: 1em;
		margin: 1em;
		padding: 1.5em;
	}

	.column-menu.foot {
		padding-top: 2.25em;
	}

	.column-menu h2 img {
		font-size: 5vw;
	}

	.column-menu li:nth-of-type(n+2) {
		margin-top: 0.75em;
	}
}


@media (min-width: 641px) {
	.column-menu {
		box-sizing: border-box;
		border-radius: 1.25em;
		padding: 1em;
	}

	.column-menu.foot {
		width: 40em;
		padding-top: 1.75em;
	}

	.column-menu.next {
		align-self: center;
		margin-top: 2em;
	}

	.column-menu.foot ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.IE .column-menu.foot ul {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr;
	}
	.IE .column-menu.foot li:nth-of-type(1) {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.IE .column-menu.foot li:nth-of-type(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.IE .column-menu.foot li:nth-of-type(3) {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.IE .column-menu.foot li:nth-of-type(4) {
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}

	.column-menu li {
		margin: 0.25em;
		font-size: 0.9em;
	}

	.column-menu.next li a {
		padding-right: 1em;
	}
}



/* ==================== column.css ==================== */

@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.column {
  display: grid;
  margin-top: 2.5em;
}
.eiyo-balance.page-tyousyoku .column {
  margin-top: 0;
}

@media (min-width: 641px) {
  .column::after,
  .column *::after {
    content: none;
  }
}
.column-index {
  position: relative;
  display: grid;
  grid-row-gap: 0.75em;
  justify-items: center;
  margin: 1.5em auto;
  padding: 0 1.5em 1em;
}
.column-index::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 1em);
  border-radius: 1em;
  border: 1px solid #b9e300;
}
.column-index h2 {
  margin: 0;
  font-size: 1em;
}
.column-index h2 img {
  height: 2em;
}
.column-index ul {
  all: unset;
  display: grid;
  grid-row-gap: 0.25em;
}
.column-index ul li {
  all: unset;
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  font-weight: bold;
}
@media (max-width: 640px) {
  .column-index ul li {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .column-index ul li {
    font-size: 75%;
  }
}
.column-index ul li::before {
  content: "";
  width: 0.9em;
  aspect-ratio: 1;
  background: url(../images/column_index_arrow.svg) no-repeat center center/contain;
}
.column-index ul li a {
  color: #179900;
  text-decoration: none;
}
.column-title {
  position: relative;
  border-radius: 1em;
  margin-bottom: 1em;
  padding: 1em;
  background: #eaf7b2;
}
@media (max-width: 640px) {
  .column-title {
    margin-inline: 1.5em;
  }
}
@media (min-width: 641px) {
  .column-title {
    width: 45em;
    margin-inline: auto;
  }
}
.column-title h1 {
  margin: 0;
}
@media (max-width: 640px) {
  .column-title h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (min-width: 641px) {
  .column-title h1 {
    text-align: center;
  }
}
@media (min-width: 641px) {
  .column-title h1 > img {
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
  }
}
.column-title::after {
  content: "";
  display: block;
  position: absolute;
  visibility: visible;
  right: 1em;
  width: 8em;
  height: 5.5em;
  background: no-repeat right bottom/contain;
}
@media (max-width: 640px) {
  .column-title::after {
    bottom: 3.5em;
  }
}
@media (min-width: 641px) {
  .column-title::after {
    bottom: 1em;
  }
}
.column-title[data-id="1"]::after {
  background-image: url(../images/column_image_1.png);
}
.column-title[data-id="2"]::after {
  background-image: url(../images/column_image_2.png);
}
.column-title[data-id="3"]::after {
  background-image: url(../images/column_image_3.png);
}
.column-title[data-id="4"]::after {
  background-image: url(../images/column_image_4.png);
}
.column-title2 {
  position: relative;
  display: grid;
  grid-row-gap: 1em;
  justify-items: center;
}
@media (max-width: 640px) {
  .column-title2 {
    padding: 5em 1.5em 0;
  }
}
@media (min-width: 641px) {
  .column-title2 {
    padding-top: 11em;
  }
}
.column-title2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 640px) {
  .column-title2::before {
    height: 10em;
    background: url(../images/title2_back_arch.png) no-repeat center bottom -1px/102% 1em, url(../images/tyoshoku_title_back_sp.jpg) no-repeat center top/cover;
  }
}
@media (min-width: 641px) {
  .column-title2::before {
    height: 20em;
    background: url(../images/title2_back_arch.png) no-repeat center bottom -1px/102% 5em, url(../images/tyoshoku_title_back_pc.jpg) no-repeat center top/cover;
  }
}
.column-title2 > * {
  position: relative;
}
.column-title2 h1 {
  margin: 0;
}
.column-title2 h1 img {
  width: 19.6em;
}
.column-title2 p {
  font-weight: bold;
}
@media (max-width: 640px) {
  .column-title2 p {
    font-size: 95%;
    line-height: 1.7;
  }
}
@media (min-width: 641px) {
  .column-title2 p {
    text-align: center;
    font-size: 80%;
    line-height: 1.8;
  }
}
.column-cap {
  align-self: center;
  padding: 1em;
  color: #ff5e00;
  background: radial-gradient(circle, #b9e300 30%, white 40%) repeat-x left top/0.5em 0.2em, radial-gradient(circle, #b9e300 30%, white 40%) repeat-x left bottom/0.5em 0.2em;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 640px) {
  .column-cap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5em auto;
    font-size: 105%;
  }
}
@media (min-width: 641px) {
  .column-cap {
    margin: 2em auto;
    font-size: inherit;
    text-align: center;
  }
}
.column-cap span {
  white-space: nowrap;
}
@media (min-width: 641px) {
  .column-cap span:nth-of-type(1) {
    display: block;
  }
}
.column-body {
  display: grid;
}
@media (max-width: 640px) {
  .column-body {
    padding: 0 1.5em;
  }
}
@media (min-width: 641px) {
  .column-body {
    grid-template-columns: auto max-content;
    align-content: center;
    justify-items: center;
    width: 45em;
    margin-inline: auto;
  }
}
@media (max-width: 640px) {
  .column-body > div {
    margin: 1em auto;
  }
}
.column-body > p {
  margin: 1em 0;
}
@media (max-width: 640px) {
  .column-body p {
    font-size: 0.9em;
    line-height: 1.7;
  }
}
@media (min-width: 641px) {
  .column-body p {
    font-size: 0.75em;
    line-height: 1.8;
  }
}
.column-body .text p {
  margin: 0;
}
.column-body .text p:not(:first-child) {
  margin-top: 1em;
}
@media (max-width: 640px) {
  .column-body .image {
    text-align: center;
  }
}
@media (min-width: 641px) {
  .column-body .image {
    align-self: center;
    grid-column: 2;
    grid-row: 1/3;
    padding-left: 2em;
  }
  .column-body[data-id="3-1"] .image {
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media (min-width: 641px) {
  .column-body .image img {
    max-width: none;
  }
}
.column-body .link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 641px) {
  .column-body .link {
    margin-top: 2em;
  }
}
.column-content {
  display: grid;
  grid-row-gap: 1.5em;
}
@media (max-width: 640px) {
  .column-content {
    padding: 0 1.5em;
  }
}
@media (min-width: 641px) {
  .column-content {
    width: 45em;
    margin-inline: auto;
  }
}
.column-content .body {
  display: grid;
}
@media (max-width: 640px) {
  .column-content .body {
    grid-row-gap: 1.5em;
  }
}
@media (min-width: 641px) {
  .column-content .body {
    grid-template-columns: auto auto;
    grid-column-gap: 1.5em;
    align-items: center;
  }
}
.column-content .body .text {
  display: grid;
  grid-row-gap: 1em;
}
.column-content .body .text p {
  margin: 0;
}
@media (max-width: 640px) {
  .column-content .body .text p {
    font-size: 90%;
    line-height: 1.7;
  }
}
@media (min-width: 641px) {
  .column-content .body .text p {
    font-size: 75%;
    line-height: 1.8;
  }
}
.column-content .body .image {
  display: grid;
}
@media (max-width: 640px) {
  .column-content .body .image {
    justify-content: center;
  }
}
@media (min-width: 641px) {
  .column-content[data-id="1-1"] .body:nth-of-type(2) .image {
    order: -1;
  }
  .column-content[data-id="1-3"] .body:nth-of-type(2) .image {
    order: -1;
  }
}
.column-content .body .image img[src*=column_image_1_1_1] {
  width: 9.2em;
}
.column-content .body .image img[src*=column_image_1_1_2] {
  width: 11.4em;
}
.column-content .body .image img[src*=column_image_1_1_3] {
  width: 12.6em;
}
.column-content .body .image img[src*=column_image_1_3_1] {
  width: 12.1em;
}
.column-content .body .image img[src*=column_image_1_3_2] {
  width: 11em;
}
.column-content .body .image img[src*=column_image_1_4_1] {
  width: 7.8em;
}
.column-content .link {
  display: grid;
  justify-content: center;
}
.column-content .link__yomimono {
  display: grid;
  grid-template-columns: 7.5em 1fr;
  align-items: center;
  background: #e6f0f7;
  border-radius: 0.5em;
  overflow: hidden;
}
.column-content .link__yomimono figure {
  margin: 0;
}
.column-content .link__yomimono p {
  display: grid;
  grid-row-gap: 0.25em;
  margin: 0;
  padding: 0 1.5em;
  color: #8ca7b5;
  line-height: 1.5;
}
@media (max-width: 640px) {
  .column-content .link__yomimono p {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .column-content .link__yomimono p {
    font-size: 70%;
  }
}
.column-content .link__yomimono p a {
  color: #3c7499;
  text-decoration: none;
}
.column-content .link__yomimono p a:hover {
  text-decoration: underline;
}
.column-link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 641px) {
  .column-link {
    font-size: 0.75em;
  }
}
.column-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e5e5e5;
  border-radius: 0.5em;
  padding: 1em 1.5em;
  color: #006cd9;
  text-decoration: none;
}
@media (max-width: 640px) {
  .column-link a {
    font-size: 0.9em;
  }
}
.column-link a::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background: url(../images/icon_open_in_new.svg) no-repeat center center/contain;
}
.column-link a:nth-of-type(n+2) {
  margin-top: 1em;
}
.column-caution {
  display: flex;
  align-items: center;
  margin-top: 2em;
}
@media (max-width: 640px) {
  .column-caution {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  .column-caution {
    font-size: 0.75em;
  }
}
.column-caution h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4em;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  margin: 0;
  margin-right: 1em;
  color: white;
  background: #ff5e00;
  font-size: inherit;
}
.column-caution p {
  margin: 0;
  color: #ff5e00;
}
@media (min-width: 641px) {
  .column-caution p span {
    display: block;
    margin: 0.25em 0;
  }
}
.column .column-choshoku1 ol, .column .column-choshoku1 ol::after,
.column .column-choshoku1 ol *,
.column .column-choshoku1 ol *::after {
  all: unset;
}
.column .column-choshoku1 ol {
  display: grid;
}
@media (max-width: 640px) {
  .column .column-choshoku1 ol {
    grid-row-gap: 1em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol {
    grid-auto-flow: column;
    grid-auto-columns: 14.5em;
    justify-content: space-between;
  }
}
.column .column-choshoku1 ol > li {
  position: relative;
  display: grid;
  grid-row-gap: 1em;
  border: 2px solid #b9e300;
  border-radius: 0.5em;
  padding-bottom: 1em;
  background: linear-gradient(#eaf7b2, #eaf7b2) no-repeat left top;
}
@media (max-width: 640px) {
  .column .column-choshoku1 ol > li {
    background-size: 100% 4.95em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li {
    grid-template-rows: subgrid;
    grid-row: span 3;
    background-size: 100% 4.675em;
  }
}
.column .column-choshoku1 ol > li h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.75em;
  padding-left: 2.5em;
  background: no-repeat left center/2em 2em;
  line-height: 1.3;
  font-weight: bold;
}
.column .column-choshoku1 ol > li:nth-of-type(1) h3 {
  background-image: url(../images/column_choshoku1_num_1.svg);
}

.column .column-choshoku1 ol > li:nth-of-type(2) h3 {
  background-image: url(../images/column_choshoku1_num_2.svg);
}

.column .column-choshoku1 ol > li:nth-of-type(3) h3 {
  background-image: url(../images/column_choshoku1_num_3.svg);
}

@media (max-width: 640px) {
  .column .column-choshoku1 ol > li h3 {
    height: 4.5em;
    font-size: 110%;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li h3 {
    height: 5.5em;
    font-size: 85%;
    white-space: nowrap;
  }
}
.column .column-choshoku1 ol > li h3 strong {
  color: #ff5e00;
  font-size: 110%;
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li:nth-of-type(1) h3 strong {
    display: block;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li h3 span {
    display: block;
  }
}
.column .column-choshoku1 ol > li > p {
  padding: 0 1em;
  text-align: justify;
}
@media (max-width: 640px) {
  .column .column-choshoku1 ol > li > p {
    font-size: 90%;
    line-height: 1.7;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li > p {
    font-size: 75%;
    line-height: 1.6;
  }
}
.column .column-choshoku1 ol > li .example {
  position: relative;
  display: grid;
  grid-row-gap: 0.5em;
  justify-items: center;
  padding: 0 1em;
}
@media (max-width: 640px) {
  .column .column-choshoku1 ol > li .example {
    font-size: 0.9em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku1 ol > li .example {
    margin-top: auto;
    font-size: 0.75em;
  }
}
.column .column-choshoku1 ol > li .example h4 {
  all: unset;
  color: #179900;
  font-weight: bold;
}
.column .column-choshoku1 ol > li .example h4::before {
  content: "〈 ";
}
.column .column-choshoku1 ol > li .example h4::after {
  content: " 〉";
}
.column .column-choshoku1 ol > li .example figure {
  all: unset;
}
@media (max-width: 640px) {
  .column .column-choshoku1 ol > li .example figure {
    width: 90%;
  }
}
.column .column-choshoku1 ol > li .example figure img {
  width: 100%;
}
.column .column-choshoku1 ol > li .example ul {
  all: unset;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  transform: translateX(-1em);
}
.column .column-choshoku1 ol > li .example ul li {
  width: 50%;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 1em;
}
.column .column-choshoku1 ol > li .example ul li::before {
  content: "・ ";
}
.column .column-choshoku1 ol > li .example ul li:last-child {
  position: absolute;
  left: 100%;
  bottom: 0;
  font-weight: normal;
}
.column .column-choshoku1 ol > li .example ul li:last-child::before {
  content: none;
}
.column .column-choshoku2 {
  position: relative;
  display: grid;
  grid-row-gap: 1em;
  justify-items: center;
  position: relative;
  padding: 0 0 2em;
}
.column .column-choshoku2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 1em);
  background: #fff585;
}
.column .column-choshoku2 > * {
  position: relative;
}
.column .column-choshoku2 h3 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 2em;
  border-radius: 1em;
  margin: 0;
  padding: 0 1em;
  background: #72bd00;
  color: white;
}
@media (max-width: 640px) {
  .column .column-choshoku2 h3 {
    font-size: 1.1em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 h3 {
    font-size: inherit;
  }
}
.column .column-choshoku2 ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.column .column-choshoku2 ol li {
  display: flex;
}
.column .column-choshoku2 ol li figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  border-radius: 0.5em;
  margin: 0.25em;
  padding: 0.5em;
  background: white;
}
@media (max-width: 640px) {
  .column .column-choshoku2 ol li figure {
    width: 9.25em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 ol li figure {
    width: 10em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 ol li figure img {
    margin: auto;
  }
}
.column .column-choshoku2 ol li figure figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 3em;
  margin-top: 0.5em;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 640px) {
  .column .column-choshoku2 ol li figure figcaption {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 ol li figure figcaption {
    font-size: 0.7em;
  }
}
.column .column-choshoku2 ol li figure::after {
  content: none;
}
.column .column-choshoku2 .osusume {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1em 1em;
}
@media (max-width: 640px) {
  .column .column-choshoku2 .osusume {
    width: calc(100% - 2em);
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume {
    width: calc(100% - 3em);
  }
}
.column .column-choshoku2 .osusume::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.75em);
  border-radius: 1em;
  background: rgba(255, 255, 255, 0.75);
}
.column .column-choshoku2 .osusume > * {
  position: relative;
}
.column .column-choshoku2 .osusume h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 2.2em;
  border: 2px solid #ffbf99;
  border-radius: 1.1em;
  margin: 0;
  padding: 0 1em;
  background: white;
  color: #ff5e00;
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume h4 {
    font-size: 90%;
  }
}
.column .column-choshoku2 .osusume p {
  margin: 1em 0;
}
@media (max-width: 640px) {
  .column .column-choshoku2 .osusume p {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume p {
    font-size: 80%;
  }
}
.column .column-choshoku2 .osusume ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 640px) {
  .column .column-choshoku2 .osusume ul {
    flex-direction: column;
  }
}
.column .column-choshoku2 .osusume ul::after {
  content: none;
}
@media (max-width: 640px) {
  .column .column-choshoku2 .osusume ul li:nth-of-type(n+2) {
    margin-top: 1em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume ul li:nth-of-type(n+2) {
    margin-left: 1em;
  }
}
.column .column-choshoku2 .osusume ul li img {
  border-radius: 0.25em;
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume ul li img {
    width: 16em;
  }
}
.column .column-choshoku2 .osusume .recipes {
  display: grid;
}
@media (max-width: 640px) {
  .column .column-choshoku2 .osusume .recipes {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.8em;
  }
}
@media (min-width: 641px) {
  .column .column-choshoku2 .osusume .recipes {
    grid-auto-flow: column;
    grid-auto-column: 1fr;
    grid-column-gap: 1em;
  }
}
.column .column-choshoku-link {
  display: flex;
  justify-content: center;
  margin: 2em auto 0;
}
.column .nutrients-group {
  margin: 1em auto;
  font-weight: bold;
}
@media (max-width: 640px) {
  .column .nutrients-group {
    text-align: center;
    line-height: 1;
  }
}
@media (min-width: 641px) {
  .column .nutrients-group {
    display: grid;
    grid-template-columns: max-content auto;
    justify-content: center;
    font-size: 75%;
  }
}
@media (min-width: 641px) {
  .column .nutrients-group dt,
  .column .nutrients-group dd {
    display: flex;
    align-items: center;
    margin: 0.25em 0;
    padding: 0.5em 1em;
  }
}
.column .nutrients-group dt:nth-of-type(1),
.column .nutrients-group dd:nth-of-type(1) {
  background: #fff4b8;
}
.column .nutrients-group dt:nth-of-type(2),
.column .nutrients-group dd:nth-of-type(2) {
  background: #ffe0e0;
}
.column .nutrients-group dt:nth-of-type(3),
.column .nutrients-group dd:nth-of-type(3) {
  background: #e0f2c2;
}
@media (min-width: 641px) {
  .column .nutrients-group dt {
    border-radius: 0.5em 0 0 0.5em;
  }
}
.column .nutrients-group dt:nth-of-type(1) {
  color: #d47c00;
}
.column .nutrients-group dt:nth-of-type(2) {
  color: #ff6363;
}
.column .nutrients-group dt:nth-of-type(3) {
  color: #55ab00;
}
@media (max-width: 640px) {
  .column .nutrients-group dt:nth-of-type(n+2) {
    margin-top: 1em;
  }
}
@media (max-width: 640px) {
  .column .nutrients-group dt {
    border-radius: 0.5em 0.5em 0 0;
    padding: 0.75em 0.75em 0.5em;
  }
}
.column .nutrients-group dt strong {
  margin: 0 0.1em;
  font-size: 120%;
}
@media (max-width: 640px) {
  .column .nutrients-group dd {
    margin: 0;
    padding: 0 0.75em 0.75em;
    border-radius: 0 0 0.5em 0.5em;
  }
}
@media (min-width: 641px) {
  .column .nutrients-group dd {
    border-radius: 0 0.5em 0.5em 0;
  }
}
.column-nutrients > div {
  border: 2px solid #b9e300;
  border-radius: 1em;
  margin-top: 1em;
  padding: 1em;
  background: linear-gradient(#edf8bf, #edf8bf) no-repeat left top;
}
@media (max-width: 640px) {
  .column-nutrients > div {
    display: grid;
    grid-gap: 1em;
    background-size: 100% 3em;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div {
    display: grid;
    grid-template-columns: 1fr 20em;
    grid-gap: 0 1em;
    align-items: center;
    background-size: 100% 2.75em;
  }
  .column-nutrients > div.nutrient5 {
    grid-template-columns: 1fr max-content;
  }
}
.column-nutrients > div.group1 {
  border-color: #f5d256;
  background-image: linear-gradient(#fff4b8, #fff4b8);
}

.column-nutrients > div.group2 {
  border-color: #ffa2a2;
  background-image: linear-gradient(#ffe0e0, #ffe0e0);
}

.column-nutrients > div.group3 {
  border-color: #99cd66;
  background-image: linear-gradient(#e0f2c2, #e0f2c2);
}

@media (min-width: 641px) {
  .column-nutrients > div .cap {
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.column-nutrients > div .cap h3 {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1;
}
@media (max-width: 640px) {
  .column-nutrients > div .cap h3 {
    display: flex;
    align-items: center;
    font-size: 1.1em;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div .cap h3 {
    font-size: 0.9em;
  }
}
.column-nutrients > div .cap h3::before {
  content: "";
  display: block;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  margin-right: 0.25em;
}
.column-nutrients > div.group1 .cap h3::before {
  background: #d47c00;
}

.column-nutrients > div.group2 .cap h3::before {
  background: #ff6363;
}

.column-nutrients > div.group3 .cap h3::before {
  background: #55ab00;
}

.column-nutrients > div .cap h3 sub {
  transform: translateY(10%);
  font-size: 75%;
}
.column-nutrients > div .cap h4 {
  margin: 0;
  line-height: 1;
}
@media (max-width: 640px) {
  .column-nutrients > div .cap h4 {
    margin-top: 2.25em;
    font-size: inherit;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div .cap h4 {
    margin-left: 1em;
    font-size: 0.8em;
  }
}
.column-nutrients > div.group1 .cap h4 {
  color: #d47c00;
}

.column-nutrients > div.group2 .cap h4 {
  color: #ff6363;
}

.column-nutrients > div.group3 .cap h4 {
  color: #55ab00;
}

.column-nutrients > div .text {
  display: flex;
  flex-direction: column;
}
@media (min-width: 641px) {
  .column-nutrients > div .text {
    margin-top: 1.5em;
    align-self: start;
  }
}
.column-nutrients > div .text p {
  margin: 0;
}
@media (max-width: 640px) {
  .column-nutrients > div .text p {
    font-size: 0.9em;
    line-height: 1.7;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div .text p {
    font-size: 0.75em;
    line-height: 1.8;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div .image {
    grid-column: 2;
    grid-row: 1/4;
  }
}
.column-nutrients > div .image figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
@media (min-width: 641px) {
  .column-nutrients > div.nutrient5 .image figure {
    display: grid;
    grid-gap: 0 1em;
    grid-template-columns: auto auto;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .column-nutrients > div .image figure img {
    font-size: 4.5vw;
  }
  .column-nutrients > div.nutrient5 .image figure img:nth-of-type(2) {
    margin-top: 1em;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div.nutrient5 .image figure img {
    grid-row: 1;
  }
}
.column-nutrients > div .image figure figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1em;
  color: #179900;
}
@media (max-width: 640px) {
  .column-nutrients > div .image figure figcaption {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  .column-nutrients > div .image figure figcaption {
    font-size: 0.65em;
  }
}
.column-nutrients > div.group1 .image figure figcaption {
  color: #d47c00;
}

.column-nutrients > div.group2 .image figure figcaption {
  color: #ff6363;
}

.column-nutrients > div.group3 .image figure figcaption {
  color: #55ab00;
}

.column-nutrients > div.nutrient5 .image figure figcaption span:nth-of-type(1) {
  font-weight: bold;
}

@media (min-width: 641px) {
  .column-nutrients > div .link {
    grid-column: 1;
    grid-row: 3;
    display: flex;
    justify-content: center;
    margin-top: 1em;
  }
}
.column .osusume-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e6f0f7;
  border-radius: 0.5em;
  padding: 1em;
  color: #8ca7b5;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .column .osusume-link {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .column .osusume-link {
    font-size: 70%;
  }
}
.column .osusume-link a {
  color: #3c7499;
}
.column .osusume-link a:hover {
  text-decoration: underline;
}
.column .osusume-link > a {
  margin-top: 0.5em;
}
.column .osusume-link ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.column .osusume-link ul li {
  display: flex;
  align-items: center;
  margin-top: 0.75em;
}
.column .osusume-link ul li::before {
  content: "▲";
  margin-right: 0.2em;
  transform: scale(0.5) rotate(90deg);
}



/* ==================== eiyo-balance.css ==================== */

.eiyo-balance {
	display: flex;
	flex-direction: column;
	padding-bottom: 2em;
	color: black;
	line-height: 1.5;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

.eiyo-balance hr {
	border: none;
	margin: 0;
	height: 1em;
}

.eiyo-balance button {
	outline: none;
}

@media (max-width: 390px) {
	.eiyo-balance, .eiyo-balance img {
		font-size: 3.8461538461538vw;
	}
}

@media (min-width: 391px) and (max-width: 640px) {
	.eiyo-balance, .eiyo-balance img {
		font-size: 15px;
	}
}

@media (min-width: 641px) and (max-width: 1000px) {
	.eiyo-balance, .eiyo-balance img {
		font-size: 2vw;
	}
}

@media (min-width: 1001px) and (max-width: 1200px) {
	.eiyo-balance, .eiyo-balance img {
		font-size: 20px;
	}
}

@media (min-width: 1201px) {
	.eiyo-balance, .eiyo-balance img {
		font-size: 1.6666666666667vw;
	}
}



/* ==================== eiyo-check.css ==================== */

@media (min-width: 641px) {
	.eiyo-check > div {
		display: flex;
		flex-direction: column;
	}
}



/* ==================== eiyo-guide.css ==================== */

.eiyo-guide, .eiyo-guide::after,
.eiyo-guide *,
.eiyo-guide *::after {
  all: unset;
}
.eiyo-guide {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  display: grid;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  overflow: auto;
  overscroll-behavior: none;
}
@media (max-width: 640px) {
  .eiyo-guide {
    padding: 1em;
  }
}
@media (min-width: 641px) {
  .eiyo-guide {
    padding: 1.5em;
  }
}
.eiyo-guide .inner {
  position: relative;
  display: grid;
  box-sizing: border-box;
  background: white;
}
@media (max-width: 640px) {
  .eiyo-guide .inner {
    grid-row-gap: 1em;
    border-radius: 1em;
    padding: 1em;
  }
}
@media (min-width: 641px) {
  .eiyo-guide .inner {
    border-radius: 1.5em;
    padding: 2em 5em;
  }
}
@media (min-width: 641px) {
  .eiyo-guide .inner h2 {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(1em, 1em);
  }
}
.eiyo-guide .inner h2 img {
  width: 7.5em;
}
.eiyo-guide .inner .pages {
  display: grid;
}
.eiyo-guide .inner .pages .page {
  display: grid;
  grid-tempalate-rows: subgrid;
  grid-column: 1;
  grid-row: 1/3;
}
.eiyo-guide .inner .pages .page[hidden] {
  opacity: 0;
}
.eiyo-guide .inner .pages .page:not([hidden]) {
  transition: opacity 200ms;
}
@media (max-width: 640px) {
  .eiyo-guide .inner .pages .page {
    justify-items: center;
  }
}
.eiyo-guide .inner .pages .page figure {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: 1/3;
  grid-row-gap: 1em;
  align-items: start;
}
@media (min-width: 641px) {
  .eiyo-guide .inner .pages .page figure {
    max-width: 40em;
    margin-inline: auto;
  }
}
.eiyo-guide .inner .pages .page figure figcaption {
  display: grid;
  grid-row-gap: 0.2em;
  justify-items: center;
  font-weight: bold;
  font-size: 110%;
}
@media (max-width: 640px) {
  .eiyo-guide .inner .pages .page figure figcaption small {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .eiyo-guide .inner .pages .page figure figcaption small {
    font-size: 68%;
  }
}
@media (max-width: 640px) {
  .eiyo-guide .inner .controls {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 2em;
    justify-content: center;
  }
}
.eiyo-guide .inner .controls button {
  all: unset;
  cursor: pointer;
}
.eiyo-guide .inner .controls button[hidden] {
  visibility: hidden;
}
.eiyo-guide .inner .controls button.close {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(35%, -35%);
}
.eiyo-guide .inner .controls button.close img {
  width: 2em;
}
.eiyo-guide .inner .controls button.back img, .eiyo-guide .inner .controls button.forward img {
  width: 2.5em;
}
@media (min-width: 641px) {
  .eiyo-guide .inner .controls button.back, .eiyo-guide .inner .controls button.forward {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 641px) {
  .eiyo-guide .inner .controls button.back {
    left: 1em;
  }
}
@media (min-width: 641px) {
  .eiyo-guide .inner .controls button.forward {
    right: 1em;
  }
}



/* ==================== eiyo-head.css ==================== */

.eiyo-head {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d1ed59;
  border-bottom: 0.25em solid #b9e300;
  padding: 0.5em;
}
.eiyo-head.top {
  border: none;
  background: no-repeat center center/cover;
}
@media (max-width: 640px) {
  .eiyo-head.top {
    padding: 2.5em 0;
    background-image: url(../images/title_back_sp.jpg);
  }
}
@media (min-width: 641px) {
  .eiyo-head.top {
    padding: 2em;
    background-image: url(../images/title_back_pc.jpg);
  }
}
@media (max-width: 640px) {
  .eiyo-head img [src*=title_contents] {
    width: 20em;
  }
}
.eiyo-head .title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 1.5em;
  padding: 1.5em;
}
@media (max-width: 640px) {
  .eiyo-head .title {
    width: 16em;
    flex-direction: column;
  }
}
@media (min-width: 641px) {
  .eiyo-head .title {
    box-sizing: border-box;
    width: 39em;
  }
}
.eiyo-head .title h1 {
  margin: 0;
}
@media (min-width: 641px) {
  .eiyo-head .title h1 img {
    max-width: none;
  }
}
.eiyo-head .title p {
  font-weight: bold;
  text-align: justify;
}
@media (max-width: 640px) {
  .eiyo-head .title p {
    margin: 1em 0 0;
    font-size: 0.9em;
  }
}
@media (min-width: 641px) {
  .eiyo-head .title p {
    margin: 0 1.5em;
    font-size: 0.75em;
  }
}
@media (min-width: 641px) {
  .eiyo-head .title::after {
    content: "";
    display: block;
    visibility: visible;
    min-width: 8.7em;
    width: 8.7em;
    height: 8.7em;
    background: url(../images/title_image.png) no-repeat center center/contain;
  }
}



/* ==================== food-image.css ==================== */

.food-image {
	display: block;
	width: 100%;
}
.food-image::before {
	content: '';
	display: block;
}

.food-image.food {
	background-size: 1000% 1000%;
}
.food-image.food::before {
	padding-top: 100%;
}

.food-image.name {
	overflow: hidden;
	position: relative;
}
.food-image.name::before {
	padding-top: 46%;
}
.food-image.name::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: calc(100% * (100/46));
	transform: translateY(-50%);
	background-size: 1000% 1000%;
}

.food-image.food.f1 { background-image: url(../images/food_1.jpg); background-position: -0% -0%; }
.food-image.name.f1::after { background-image: url(../images/food_name_1.png); background-position: -0% -0%; }
.food-image.food.f2 { background-image: url(../images/food_1.jpg); background-position: -100% -0%; }
.food-image.name.f2::after { background-image: url(../images/food_name_1.png); background-position: -100% -0%; }
.food-image.food.f3 { background-image: url(../images/food_1.jpg); background-position: -200% -0%; }
.food-image.name.f3::after { background-image: url(../images/food_name_1.png); background-position: -200% -0%; }
.food-image.food.f4 { background-image: url(../images/food_1.jpg); background-position: -300% -0%; }
.food-image.name.f4::after { background-image: url(../images/food_name_1.png); background-position: -300% -0%; }
.food-image.food.f5 { background-image: url(../images/food_1.jpg); background-position: -400% -0%; }
.food-image.name.f5::after { background-image: url(../images/food_name_1.png); background-position: -400% -0%; }
.food-image.food.f6 { background-image: url(../images/food_1.jpg); background-position: -500% -0%; }
.food-image.name.f6::after { background-image: url(../images/food_name_1.png); background-position: -500% -0%; }
.food-image.food.f7 { background-image: url(../images/food_1.jpg); background-position: -600% -0%; }
.food-image.name.f7::after { background-image: url(../images/food_name_1.png); background-position: -600% -0%; }
.food-image.food.f8 { background-image: url(../images/food_1.jpg); background-position: -700% -0%; }
.food-image.name.f8::after { background-image: url(../images/food_name_1.png); background-position: -700% -0%; }
.food-image.food.f9 { background-image: url(../images/food_1.jpg); background-position: -800% -0%; }
.food-image.name.f9::after { background-image: url(../images/food_name_1.png); background-position: -800% -0%; }
.food-image.food.f10 { background-image: url(../images/food_1.jpg); background-position: -900% -0%; }
.food-image.name.f10::after { background-image: url(../images/food_name_1.png); background-position: -900% -0%; }
.food-image.food.f11 { background-image: url(../images/food_1.jpg); background-position: -0% -100%; }
.food-image.name.f11::after { background-image: url(../images/food_name_1.png); background-position: -0% -100%; }
.food-image.food.f12 { background-image: url(../images/food_1.jpg); background-position: -100% -100%; }
.food-image.name.f12::after { background-image: url(../images/food_name_1.png); background-position: -100% -100%; }
.food-image.food.f13 { background-image: url(../images/food_1.jpg); background-position: -200% -100%; }
.food-image.name.f13::after { background-image: url(../images/food_name_1.png); background-position: -200% -100%; }
.food-image.food.f14 { background-image: url(../images/food_1.jpg); background-position: -300% -100%; }
.food-image.name.f14::after { background-image: url(../images/food_name_1.png); background-position: -300% -100%; }
.food-image.food.f15 { background-image: url(../images/food_1.jpg); background-position: -400% -100%; }
.food-image.name.f15::after { background-image: url(../images/food_name_1.png); background-position: -400% -100%; }
.food-image.food.f16 { background-image: url(../images/food_1.jpg); background-position: -500% -100%; }
.food-image.name.f16::after { background-image: url(../images/food_name_1.png); background-position: -500% -100%; }
.food-image.food.f17 { background-image: url(../images/food_1.jpg); background-position: -600% -100%; }
.food-image.name.f17::after { background-image: url(../images/food_name_1.png); background-position: -600% -100%; }
.food-image.food.f18 { background-image: url(../images/food_1.jpg); background-position: -700% -100%; }
.food-image.name.f18::after { background-image: url(../images/food_name_1.png); background-position: -700% -100%; }
.food-image.food.f19 { background-image: url(../images/food_1.jpg); background-position: -800% -100%; }
.food-image.name.f19::after { background-image: url(../images/food_name_1.png); background-position: -800% -100%; }
.food-image.food.f20 { background-image: url(../images/food_1.jpg); background-position: -900% -100%; }
.food-image.name.f20::after { background-image: url(../images/food_name_1.png); background-position: -900% -100%; }
.food-image.food.f21 { background-image: url(../images/food_1.jpg); background-position: -0% -200%; }
.food-image.name.f21::after { background-image: url(../images/food_name_1.png); background-position: -0% -200%; }
.food-image.food.f22 { background-image: url(../images/food_1.jpg); background-position: -100% -200%; }
.food-image.name.f22::after { background-image: url(../images/food_name_1.png); background-position: -100% -200%; }
.food-image.food.f23 { background-image: url(../images/food_1.jpg); background-position: -200% -200%; }
.food-image.name.f23::after { background-image: url(../images/food_name_1.png); background-position: -200% -200%; }
.food-image.food.f24 { background-image: url(../images/food_1.jpg); background-position: -300% -200%; }
.food-image.name.f24::after { background-image: url(../images/food_name_1.png); background-position: -300% -200%; }
.food-image.food.f25 { background-image: url(../images/food_1.jpg); background-position: -400% -200%; }
.food-image.name.f25::after { background-image: url(../images/food_name_1.png); background-position: -400% -200%; }
.food-image.food.f26 { background-image: url(../images/food_1.jpg); background-position: -500% -200%; }
.food-image.name.f26::after { background-image: url(../images/food_name_1.png); background-position: -500% -200%; }
.food-image.food.f27 { background-image: url(../images/food_1.jpg); background-position: -600% -200%; }
.food-image.name.f27::after { background-image: url(../images/food_name_1.png); background-position: -600% -200%; }
.food-image.food.f28 { background-image: url(../images/food_1.jpg); background-position: -700% -200%; }
.food-image.name.f28::after { background-image: url(../images/food_name_1.png); background-position: -700% -200%; }
.food-image.food.f29 { background-image: url(../images/food_1.jpg); background-position: -800% -200%; }
.food-image.name.f29::after { background-image: url(../images/food_name_1.png); background-position: -800% -200%; }
.food-image.food.f30 { background-image: url(../images/food_1.jpg); background-position: -900% -200%; }
.food-image.name.f30::after { background-image: url(../images/food_name_1.png); background-position: -900% -200%; }
.food-image.food.f31 { background-image: url(../images/food_1.jpg); background-position: -0% -300%; }
.food-image.name.f31::after { background-image: url(../images/food_name_1.png); background-position: -0% -300%; }
.food-image.food.f32 { background-image: url(../images/food_1.jpg); background-position: -100% -300%; }
.food-image.name.f32::after { background-image: url(../images/food_name_1.png); background-position: -100% -300%; }
.food-image.food.f33 { background-image: url(../images/food_1.jpg); background-position: -200% -300%; }
.food-image.name.f33::after { background-image: url(../images/food_name_1.png); background-position: -200% -300%; }
.food-image.food.f34 { background-image: url(../images/food_1.jpg); background-position: -300% -300%; }
.food-image.name.f34::after { background-image: url(../images/food_name_1.png); background-position: -300% -300%; }
.food-image.food.f35 { background-image: url(../images/food_1.jpg); background-position: -400% -300%; }
.food-image.name.f35::after { background-image: url(../images/food_name_1.png); background-position: -400% -300%; }
.food-image.food.f36 { background-image: url(../images/food_1.jpg); background-position: -500% -300%; }
.food-image.name.f36::after { background-image: url(../images/food_name_1.png); background-position: -500% -300%; }
.food-image.food.f37 { background-image: url(../images/food_1.jpg); background-position: -600% -300%; }
.food-image.name.f37::after { background-image: url(../images/food_name_1.png); background-position: -600% -300%; }
.food-image.food.f38 { background-image: url(../images/food_1.jpg); background-position: -700% -300%; }
.food-image.name.f38::after { background-image: url(../images/food_name_1.png); background-position: -700% -300%; }
.food-image.food.f39 { background-image: url(../images/food_1.jpg); background-position: -800% -300%; }
.food-image.name.f39::after { background-image: url(../images/food_name_1.png); background-position: -800% -300%; }
.food-image.food.f40 { background-image: url(../images/food_1.jpg); background-position: -900% -300%; }
.food-image.name.f40::after { background-image: url(../images/food_name_1.png); background-position: -900% -300%; }
.food-image.food.f41 { background-image: url(../images/food_1.jpg); background-position: -0% -400%; }
.food-image.name.f41::after { background-image: url(../images/food_name_1.png); background-position: -0% -400%; }
.food-image.food.f42 { background-image: url(../images/food_1.jpg); background-position: -100% -400%; }
.food-image.name.f42::after { background-image: url(../images/food_name_1.png); background-position: -100% -400%; }
.food-image.food.f43 { background-image: url(../images/food_1.jpg); background-position: -200% -400%; }
.food-image.name.f43::after { background-image: url(../images/food_name_1.png); background-position: -200% -400%; }
.food-image.food.f44 { background-image: url(../images/food_1.jpg); background-position: -300% -400%; }
.food-image.name.f44::after { background-image: url(../images/food_name_1.png); background-position: -300% -400%; }
.food-image.food.f45 { background-image: url(../images/food_1.jpg); background-position: -400% -400%; }
.food-image.name.f45::after { background-image: url(../images/food_name_1.png); background-position: -400% -400%; }
.food-image.food.f46 { background-image: url(../images/food_1.jpg); background-position: -500% -400%; }
.food-image.name.f46::after { background-image: url(../images/food_name_1.png); background-position: -500% -400%; }
.food-image.food.f47 { background-image: url(../images/food_1.jpg); background-position: -600% -400%; }
.food-image.name.f47::after { background-image: url(../images/food_name_1.png); background-position: -600% -400%; }
.food-image.food.f48 { background-image: url(../images/food_1.jpg); background-position: -700% -400%; }
.food-image.name.f48::after { background-image: url(../images/food_name_1.png); background-position: -700% -400%; }
.food-image.food.f49 { background-image: url(../images/food_1.jpg); background-position: -800% -400%; }
.food-image.name.f49::after { background-image: url(../images/food_name_1.png); background-position: -800% -400%; }
.food-image.food.f50 { background-image: url(../images/food_1.jpg); background-position: -900% -400%; }
.food-image.name.f50::after { background-image: url(../images/food_name_1.png); background-position: -900% -400%; }
.food-image.food.f51 { background-image: url(../images/food_1.jpg); background-position: -0% -500%; }
.food-image.name.f51::after { background-image: url(../images/food_name_1.png); background-position: -0% -500%; }
.food-image.food.f52 { background-image: url(../images/food_1.jpg); background-position: -100% -500%; }
.food-image.name.f52::after { background-image: url(../images/food_name_1.png); background-position: -100% -500%; }
.food-image.food.f53 { background-image: url(../images/food_1.jpg); background-position: -200% -500%; }
.food-image.name.f53::after { background-image: url(../images/food_name_1.png); background-position: -200% -500%; }
.food-image.food.f54 { background-image: url(../images/food_1.jpg); background-position: -300% -500%; }
.food-image.name.f54::after { background-image: url(../images/food_name_1.png); background-position: -300% -500%; }
.food-image.food.f55 { background-image: url(../images/food_1.jpg); background-position: -400% -500%; }
.food-image.name.f55::after { background-image: url(../images/food_name_1.png); background-position: -400% -500%; }
.food-image.food.f56 { background-image: url(../images/food_1.jpg); background-position: -500% -500%; }
.food-image.name.f56::after { background-image: url(../images/food_name_1.png); background-position: -500% -500%; }
.food-image.food.f57 { background-image: url(../images/food_1.jpg); background-position: -600% -500%; }
.food-image.name.f57::after { background-image: url(../images/food_name_1.png); background-position: -600% -500%; }
.food-image.food.f58 { background-image: url(../images/food_1.jpg); background-position: -700% -500%; }
.food-image.name.f58::after { background-image: url(../images/food_name_1.png); background-position: -700% -500%; }
.food-image.food.f59 { background-image: url(../images/food_1.jpg); background-position: -800% -500%; }
.food-image.name.f59::after { background-image: url(../images/food_name_1.png); background-position: -800% -500%; }
.food-image.food.f60 { background-image: url(../images/food_1.jpg); background-position: -900% -500%; }
.food-image.name.f60::after { background-image: url(../images/food_name_1.png); background-position: -900% -500%; }
.food-image.food.f61 { background-image: url(../images/food_1.jpg); background-position: -0% -600%; }
.food-image.name.f61::after { background-image: url(../images/food_name_1.png); background-position: -0% -600%; }
.food-image.food.f62 { background-image: url(../images/food_1.jpg); background-position: -100% -600%; }
.food-image.name.f62::after { background-image: url(../images/food_name_1.png); background-position: -100% -600%; }
.food-image.food.f63 { background-image: url(../images/food_1.jpg); background-position: -200% -600%; }
.food-image.name.f63::after { background-image: url(../images/food_name_1.png); background-position: -200% -600%; }
.food-image.food.f64 { background-image: url(../images/food_1.jpg); background-position: -300% -600%; }
.food-image.name.f64::after { background-image: url(../images/food_name_1.png); background-position: -300% -600%; }
.food-image.food.f65 { background-image: url(../images/food_1.jpg); background-position: -400% -600%; }
.food-image.name.f65::after { background-image: url(../images/food_name_1.png); background-position: -400% -600%; }
.food-image.food.f66 { background-image: url(../images/food_1.jpg); background-position: -500% -600%; }
.food-image.name.f66::after { background-image: url(../images/food_name_1.png); background-position: -500% -600%; }
.food-image.food.f67 { background-image: url(../images/food_1.jpg); background-position: -600% -600%; }
.food-image.name.f67::after { background-image: url(../images/food_name_1.png); background-position: -600% -600%; }
.food-image.food.f68 { background-image: url(../images/food_1.jpg); background-position: -700% -600%; }
.food-image.name.f68::after { background-image: url(../images/food_name_1.png); background-position: -700% -600%; }
.food-image.food.f69 { background-image: url(../images/food_1.jpg); background-position: -800% -600%; }
.food-image.name.f69::after { background-image: url(../images/food_name_1.png); background-position: -800% -600%; }
.food-image.food.f70 { background-image: url(../images/food_1.jpg); background-position: -900% -600%; }
.food-image.name.f70::after { background-image: url(../images/food_name_1.png); background-position: -900% -600%; }
.food-image.food.f71 { background-image: url(../images/food_1.jpg); background-position: -0% -700%; }
.food-image.name.f71::after { background-image: url(../images/food_name_1.png); background-position: -0% -700%; }
.food-image.food.f72 { background-image: url(../images/food_1.jpg); background-position: -100% -700%; }
.food-image.name.f72::after { background-image: url(../images/food_name_1.png); background-position: -100% -700%; }
.food-image.food.f73 { background-image: url(../images/food_1.jpg); background-position: -200% -700%; }
.food-image.name.f73::after { background-image: url(../images/food_name_1.png); background-position: -200% -700%; }
.food-image.food.f74 { background-image: url(../images/food_1.jpg); background-position: -300% -700%; }
.food-image.name.f74::after { background-image: url(../images/food_name_1.png); background-position: -300% -700%; }
.food-image.food.f75 { background-image: url(../images/food_1.jpg); background-position: -400% -700%; }
.food-image.name.f75::after { background-image: url(../images/food_name_1.png); background-position: -400% -700%; }
.food-image.food.f76 { background-image: url(../images/food_1.jpg); background-position: -500% -700%; }
.food-image.name.f76::after { background-image: url(../images/food_name_1.png); background-position: -500% -700%; }
.food-image.food.f77 { background-image: url(../images/food_1.jpg); background-position: -600% -700%; }
.food-image.name.f77::after { background-image: url(../images/food_name_1.png); background-position: -600% -700%; }
.food-image.food.f78 { background-image: url(../images/food_1.jpg); background-position: -700% -700%; }
.food-image.name.f78::after { background-image: url(../images/food_name_1.png); background-position: -700% -700%; }
.food-image.food.f79 { background-image: url(../images/food_1.jpg); background-position: -800% -700%; }
.food-image.name.f79::after { background-image: url(../images/food_name_1.png); background-position: -800% -700%; }
.food-image.food.f80 { background-image: url(../images/food_1.jpg); background-position: -900% -700%; }
.food-image.name.f80::after { background-image: url(../images/food_name_1.png); background-position: -900% -700%; }
.food-image.food.f81 { background-image: url(../images/food_1.jpg); background-position: -0% -800%; }
.food-image.name.f81::after { background-image: url(../images/food_name_1.png); background-position: -0% -800%; }
.food-image.food.f82 { background-image: url(../images/food_1.jpg); background-position: -100% -800%; }
.food-image.name.f82::after { background-image: url(../images/food_name_1.png); background-position: -100% -800%; }
.food-image.food.f83 { background-image: url(../images/food_1.jpg); background-position: -200% -800%; }
.food-image.name.f83::after { background-image: url(../images/food_name_1.png); background-position: -200% -800%; }
.food-image.food.f84 { background-image: url(../images/food_1.jpg); background-position: -300% -800%; }
.food-image.name.f84::after { background-image: url(../images/food_name_1.png); background-position: -300% -800%; }
.food-image.food.f85 { background-image: url(../images/food_1.jpg); background-position: -400% -800%; }
.food-image.name.f85::after { background-image: url(../images/food_name_1.png); background-position: -400% -800%; }
.food-image.food.f86 { background-image: url(../images/food_1.jpg); background-position: -500% -800%; }
.food-image.name.f86::after { background-image: url(../images/food_name_1.png); background-position: -500% -800%; }
.food-image.food.f87 { background-image: url(../images/food_1.jpg); background-position: -600% -800%; }
.food-image.name.f87::after { background-image: url(../images/food_name_1.png); background-position: -600% -800%; }
.food-image.food.f88 { background-image: url(../images/food_1.jpg); background-position: -700% -800%; }
.food-image.name.f88::after { background-image: url(../images/food_name_1.png); background-position: -700% -800%; }
.food-image.food.f89 { background-image: url(../images/food_1.jpg); background-position: -800% -800%; }
.food-image.name.f89::after { background-image: url(../images/food_name_1.png); background-position: -800% -800%; }
.food-image.food.f90 { background-image: url(../images/food_1.jpg); background-position: -900% -800%; }
.food-image.name.f90::after { background-image: url(../images/food_name_1.png); background-position: -900% -800%; }
.food-image.food.f91 { background-image: url(../images/food_1.jpg); background-position: -0% -900%; }
.food-image.name.f91::after { background-image: url(../images/food_name_1.png); background-position: -0% -900%; }
.food-image.food.f92 { background-image: url(../images/food_1.jpg); background-position: -100% -900%; }
.food-image.name.f92::after { background-image: url(../images/food_name_1.png); background-position: -100% -900%; }
.food-image.food.f93 { background-image: url(../images/food_1.jpg); background-position: -200% -900%; }
.food-image.name.f93::after { background-image: url(../images/food_name_1.png); background-position: -200% -900%; }
.food-image.food.f94 { background-image: url(../images/food_1.jpg); background-position: -300% -900%; }
.food-image.name.f94::after { background-image: url(../images/food_name_1.png); background-position: -300% -900%; }
.food-image.food.f95 { background-image: url(../images/food_1.jpg); background-position: -400% -900%; }
.food-image.name.f95::after { background-image: url(../images/food_name_1.png); background-position: -400% -900%; }
.food-image.food.f96 { background-image: url(../images/food_1.jpg); background-position: -500% -900%; }
.food-image.name.f96::after { background-image: url(../images/food_name_1.png); background-position: -500% -900%; }
.food-image.food.f97 { background-image: url(../images/food_1.jpg); background-position: -600% -900%; }
.food-image.name.f97::after { background-image: url(../images/food_name_1.png); background-position: -600% -900%; }
.food-image.food.f98 { background-image: url(../images/food_1.jpg); background-position: -700% -900%; }
.food-image.name.f98::after { background-image: url(../images/food_name_1.png); background-position: -700% -900%; }
.food-image.food.f99 { background-image: url(../images/food_1.jpg); background-position: -800% -900%; }
.food-image.name.f99::after { background-image: url(../images/food_name_1.png); background-position: -800% -900%; }
.food-image.food.f100 { background-image: url(../images/food_1.jpg); background-position: -900% -900%; }
.food-image.name.f100::after { background-image: url(../images/food_name_1.png); background-position: -900% -900%; }
.food-image.food.f101 { background-image: url(../images/food_2.jpg); background-position: -0% -0%; }
.food-image.name.f101::after { background-image: url(../images/food_name_2.png); background-position: -0% -0%; }
.food-image.food.f102 { background-image: url(../images/food_2.jpg); background-position: -100% -0%; }
.food-image.name.f102::after { background-image: url(../images/food_name_2.png); background-position: -100% -0%; }
.food-image.food.f103 { background-image: url(../images/food_2.jpg); background-position: -200% -0%; }
.food-image.name.f103::after { background-image: url(../images/food_name_2.png); background-position: -200% -0%; }
.food-image.food.f104 { background-image: url(../images/food_2.jpg); background-position: -300% -0%; }
.food-image.name.f104::after { background-image: url(../images/food_name_2.png); background-position: -300% -0%; }
.food-image.food.f105 { background-image: url(../images/food_2.jpg); background-position: -400% -0%; }
.food-image.name.f105::after { background-image: url(../images/food_name_2.png); background-position: -400% -0%; }
.food-image.food.f106 { background-image: url(../images/food_2.jpg); background-position: -500% -0%; }
.food-image.name.f106::after { background-image: url(../images/food_name_2.png); background-position: -500% -0%; }
.food-image.food.f107 { background-image: url(../images/food_2.jpg); background-position: -600% -0%; }
.food-image.name.f107::after { background-image: url(../images/food_name_2.png); background-position: -600% -0%; }
.food-image.food.f108 { background-image: url(../images/food_2.jpg); background-position: -700% -0%; }
.food-image.name.f108::after { background-image: url(../images/food_name_2.png); background-position: -700% -0%; }
.food-image.food.f109 { background-image: url(../images/food_2.jpg); background-position: -800% -0%; }
.food-image.name.f109::after { background-image: url(../images/food_name_2.png); background-position: -800% -0%; }
.food-image.food.f110 { background-image: url(../images/food_2.jpg); background-position: -900% -0%; }
.food-image.name.f110::after { background-image: url(../images/food_name_2.png); background-position: -900% -0%; }
.food-image.food.f111 { background-image: url(../images/food_2.jpg); background-position: -0% -100%; }
.food-image.name.f111::after { background-image: url(../images/food_name_2.png); background-position: -0% -100%; }
.food-image.food.f112 { background-image: url(../images/food_2.jpg); background-position: -100% -100%; }
.food-image.name.f112::after { background-image: url(../images/food_name_2.png); background-position: -100% -100%; }
.food-image.food.f113 { background-image: url(../images/food_2.jpg); background-position: -200% -100%; }
.food-image.name.f113::after { background-image: url(../images/food_name_2.png); background-position: -200% -100%; }
.food-image.food.f114 { background-image: url(../images/food_2.jpg); background-position: -300% -100%; }
.food-image.name.f114::after { background-image: url(../images/food_name_2.png); background-position: -300% -100%; }
.food-image.food.f115 { background-image: url(../images/food_2.jpg); background-position: -400% -100%; }
.food-image.name.f115::after { background-image: url(../images/food_name_2.png); background-position: -400% -100%; }
.food-image.food.f116 { background-image: url(../images/food_2.jpg); background-position: -500% -100%; }
.food-image.name.f116::after { background-image: url(../images/food_name_2.png); background-position: -500% -100%; }
.food-image.food.f117 { background-image: url(../images/food_2.jpg); background-position: -600% -100%; }
.food-image.name.f117::after { background-image: url(../images/food_name_2.png); background-position: -600% -100%; }
.food-image.food.f118 { background-image: url(../images/food_2.jpg); background-position: -700% -100%; }
.food-image.name.f118::after { background-image: url(../images/food_name_2.png); background-position: -700% -100%; }
.food-image.food.f119 { background-image: url(../images/food_2.jpg); background-position: -800% -100%; }
.food-image.name.f119::after { background-image: url(../images/food_name_2.png); background-position: -800% -100%; }
.food-image.food.f120 { background-image: url(../images/food_2.jpg); background-position: -900% -100%; }
.food-image.name.f120::after { background-image: url(../images/food_name_2.png); background-position: -900% -100%; }
.food-image.food.f121 { background-image: url(../images/food_2.jpg); background-position: -0% -200%; }
.food-image.name.f121::after { background-image: url(../images/food_name_2.png); background-position: -0% -200%; }
.food-image.food.f122 { background-image: url(../images/food_2.jpg); background-position: -100% -200%; }
.food-image.name.f122::after { background-image: url(../images/food_name_2.png); background-position: -100% -200%; }
.food-image.food.f123 { background-image: url(../images/food_2.jpg); background-position: -200% -200%; }
.food-image.name.f123::after { background-image: url(../images/food_name_2.png); background-position: -200% -200%; }
.food-image.food.f124 { background-image: url(../images/food_2.jpg); background-position: -300% -200%; }
.food-image.name.f124::after { background-image: url(../images/food_name_2.png); background-position: -300% -200%; }
.food-image.food.f125 { background-image: url(../images/food_2.jpg); background-position: -400% -200%; }
.food-image.name.f125::after { background-image: url(../images/food_name_2.png); background-position: -400% -200%; }
.food-image.food.f126 { background-image: url(../images/food_2.jpg); background-position: -500% -200%; }
.food-image.name.f126::after { background-image: url(../images/food_name_2.png); background-position: -500% -200%; }
.food-image.food.f127 { background-image: url(../images/food_2.jpg); background-position: -600% -200%; }
.food-image.name.f127::after { background-image: url(../images/food_name_2.png); background-position: -600% -200%; }
.food-image.food.f128 { background-image: url(../images/food_2.jpg); background-position: -700% -200%; }
.food-image.name.f128::after { background-image: url(../images/food_name_2.png); background-position: -700% -200%; }
.food-image.food.f129 { background-image: url(../images/food_2.jpg); background-position: -800% -200%; }
.food-image.name.f129::after { background-image: url(../images/food_name_2.png); background-position: -800% -200%; }
.food-image.food.f130 { background-image: url(../images/food_2.jpg); background-position: -900% -200%; }
.food-image.name.f130::after { background-image: url(../images/food_name_2.png); background-position: -900% -200%; }
.food-image.food.f131 { background-image: url(../images/food_2.jpg); background-position: -0% -300%; }
.food-image.name.f131::after { background-image: url(../images/food_name_2.png); background-position: -0% -300%; }
.food-image.food.f132 { background-image: url(../images/food_2.jpg); background-position: -100% -300%; }
.food-image.name.f132::after { background-image: url(../images/food_name_2.png); background-position: -100% -300%; }
.food-image.food.f133 { background-image: url(../images/food_2.jpg); background-position: -200% -300%; }
.food-image.name.f133::after { background-image: url(../images/food_name_2.png); background-position: -200% -300%; }
.food-image.food.f134 { background-image: url(../images/food_2.jpg); background-position: -300% -300%; }
.food-image.name.f134::after { background-image: url(../images/food_name_2.png); background-position: -300% -300%; }
.food-image.food.f135 { background-image: url(../images/food_2.jpg); background-position: -400% -300%; }
.food-image.name.f135::after { background-image: url(../images/food_name_2.png); background-position: -400% -300%; }
.food-image.food.f136 { background-image: url(../images/food_2.jpg); background-position: -500% -300%; }
.food-image.name.f136::after { background-image: url(../images/food_name_2.png); background-position: -500% -300%; }
.food-image.food.f137 { background-image: url(../images/food_2.jpg); background-position: -600% -300%; }
.food-image.name.f137::after { background-image: url(../images/food_name_2.png); background-position: -600% -300%; }
.food-image.food.f138 { background-image: url(../images/food_2.jpg); background-position: -700% -300%; }
.food-image.name.f138::after { background-image: url(../images/food_name_2.png); background-position: -700% -300%; }
.food-image.food.f139 { background-image: url(../images/food_2.jpg); background-position: -800% -300%; }
.food-image.name.f139::after { background-image: url(../images/food_name_2.png); background-position: -800% -300%; }
.food-image.food.f140 { background-image: url(../images/food_2.jpg); background-position: -900% -300%; }
.food-image.name.f140::after { background-image: url(../images/food_name_2.png); background-position: -900% -300%; }
.food-image.food.f141 { background-image: url(../images/food_2.jpg); background-position: -0% -400%; }
.food-image.name.f141::after { background-image: url(../images/food_name_2.png); background-position: -0% -400%; }
.food-image.food.f142 { background-image: url(../images/food_2.jpg); background-position: -100% -400%; }
.food-image.name.f142::after { background-image: url(../images/food_name_2.png); background-position: -100% -400%; }
.food-image.food.f143 { background-image: url(../images/food_2.jpg); background-position: -200% -400%; }
.food-image.name.f143::after { background-image: url(../images/food_name_2.png); background-position: -200% -400%; }
.food-image.food.f144 { background-image: url(../images/food_2.jpg); background-position: -300% -400%; }
.food-image.name.f144::after { background-image: url(../images/food_name_2.png); background-position: -300% -400%; }
.food-image.food.f145 { background-image: url(../images/food_2.jpg); background-position: -400% -400%; }
.food-image.name.f145::after { background-image: url(../images/food_name_2.png); background-position: -400% -400%; }
.food-image.food.f146 { background-image: url(../images/food_2.jpg); background-position: -500% -400%; }
.food-image.name.f146::after { background-image: url(../images/food_name_2.png); background-position: -500% -400%; }
.food-image.food.f147 { background-image: url(../images/food_2.jpg); background-position: -600% -400%; }
.food-image.name.f147::after { background-image: url(../images/food_name_2.png); background-position: -600% -400%; }
.food-image.food.f148 { background-image: url(../images/food_2.jpg); background-position: -700% -400%; }
.food-image.name.f148::after { background-image: url(../images/food_name_2.png); background-position: -700% -400%; }
.food-image.food.f149 { background-image: url(../images/food_2.jpg); background-position: -800% -400%; }
.food-image.name.f149::after { background-image: url(../images/food_name_2.png); background-position: -800% -400%; }
.food-image.food.f150 { background-image: url(../images/food_2.jpg); background-position: -900% -400%; }
.food-image.name.f150::after { background-image: url(../images/food_name_2.png); background-position: -900% -400%; }
.food-image.food.f151 { background-image: url(../images/food_2.jpg); background-position: -0% -500%; }
.food-image.name.f151::after { background-image: url(../images/food_name_2.png); background-position: -0% -500%; }
.food-image.food.f152 { background-image: url(../images/food_2.jpg); background-position: -100% -500%; }
.food-image.name.f152::after { background-image: url(../images/food_name_2.png); background-position: -100% -500%; }
.food-image.food.f153 { background-image: url(../images/food_2.jpg); background-position: -200% -500%; }
.food-image.name.f153::after { background-image: url(../images/food_name_2.png); background-position: -200% -500%; }
.food-image.food.f154 { background-image: url(../images/food_2.jpg); background-position: -300% -500%; }
.food-image.name.f154::after { background-image: url(../images/food_name_2.png); background-position: -300% -500%; }
.food-image.food.f155 { background-image: url(../images/food_2.jpg); background-position: -400% -500%; }
.food-image.name.f155::after { background-image: url(../images/food_name_2.png); background-position: -400% -500%; }
.food-image.food.f156 { background-image: url(../images/food_2.jpg); background-position: -500% -500%; }
.food-image.name.f156::after { background-image: url(../images/food_name_2.png); background-position: -500% -500%; }
.food-image.food.f157 { background-image: url(../images/food_2.jpg); background-position: -600% -500%; }
.food-image.name.f157::after { background-image: url(../images/food_name_2.png); background-position: -600% -500%; }
.food-image.food.f158 { background-image: url(../images/food_2.jpg); background-position: -700% -500%; }
.food-image.name.f158::after { background-image: url(../images/food_name_2.png); background-position: -700% -500%; }
.food-image.food.f159 { background-image: url(../images/food_2.jpg); background-position: -800% -500%; }
.food-image.name.f159::after { background-image: url(../images/food_name_2.png); background-position: -800% -500%; }
.food-image.food.f160 { background-image: url(../images/food_2.jpg); background-position: -900% -500%; }
.food-image.name.f160::after { background-image: url(../images/food_name_2.png); background-position: -900% -500%; }
.food-image.food.f161 { background-image: url(../images/food_2.jpg); background-position: -0% -600%; }
.food-image.name.f161::after { background-image: url(../images/food_name_2.png); background-position: -0% -600%; }
.food-image.food.f162 { background-image: url(../images/food_2.jpg); background-position: -100% -600%; }
.food-image.name.f162::after { background-image: url(../images/food_name_2.png); background-position: -100% -600%; }
.food-image.food.f163 { background-image: url(../images/food_2.jpg); background-position: -200% -600%; }
.food-image.name.f163::after { background-image: url(../images/food_name_2.png); background-position: -200% -600%; }
.food-image.food.f164 { background-image: url(../images/food_2.jpg); background-position: -300% -600%; }
.food-image.name.f164::after { background-image: url(../images/food_name_2.png); background-position: -300% -600%; }
.food-image.food.f165 { background-image: url(../images/food_2.jpg); background-position: -400% -600%; }
.food-image.name.f165::after { background-image: url(../images/food_name_2.png); background-position: -400% -600%; }
.food-image.food.f166 { background-image: url(../images/food_2.jpg); background-position: -500% -600%; }
.food-image.name.f166::after { background-image: url(../images/food_name_2.png); background-position: -500% -600%; }
.food-image.food.f167 { background-image: url(../images/food_2.jpg); background-position: -600% -600%; }
.food-image.name.f167::after { background-image: url(../images/food_name_2.png); background-position: -600% -600%; }
.food-image.food.f168 { background-image: url(../images/food_2.jpg); background-position: -700% -600%; }
.food-image.name.f168::after { background-image: url(../images/food_name_2.png); background-position: -700% -600%; }
.food-image.food.f169 { background-image: url(../images/food_2.jpg); background-position: -800% -600%; }
.food-image.name.f169::after { background-image: url(../images/food_name_2.png); background-position: -800% -600%; }
.food-image.food.f170 { background-image: url(../images/food_2.jpg); background-position: -900% -600%; }
.food-image.name.f170::after { background-image: url(../images/food_name_2.png); background-position: -900% -600%; }
.food-image.food.f171 { background-image: url(../images/food_2.jpg); background-position: -0% -700%; }
.food-image.name.f171::after { background-image: url(../images/food_name_2.png); background-position: -0% -700%; }
.food-image.food.f172 { background-image: url(../images/food_2.jpg); background-position: -100% -700%; }
.food-image.name.f172::after { background-image: url(../images/food_name_2.png); background-position: -100% -700%; }
.food-image.food.f173 { background-image: url(../images/food_2.jpg); background-position: -200% -700%; }
.food-image.name.f173::after { background-image: url(../images/food_name_2.png); background-position: -200% -700%; }
.food-image.food.f174 { background-image: url(../images/food_2.jpg); background-position: -300% -700%; }
.food-image.name.f174::after { background-image: url(../images/food_name_2.png); background-position: -300% -700%; }
.food-image.food.f175 { background-image: url(../images/food_2.jpg); background-position: -400% -700%; }
.food-image.name.f175::after { background-image: url(../images/food_name_2.png); background-position: -400% -700%; }
.food-image.food.f176 { background-image: url(../images/food_2.jpg); background-position: -500% -700%; }
.food-image.name.f176::after { background-image: url(../images/food_name_2.png); background-position: -500% -700%; }
.food-image.food.f177 { background-image: url(../images/food_2.jpg); background-position: -600% -700%; }
.food-image.name.f177::after { background-image: url(../images/food_name_2.png); background-position: -600% -700%; }
.food-image.food.f178 { background-image: url(../images/food_2.jpg); background-position: -700% -700%; }
.food-image.name.f178::after { background-image: url(../images/food_name_2.png); background-position: -700% -700%; }
.food-image.food.f179 { background-image: url(../images/food_2.jpg); background-position: -800% -700%; }
.food-image.name.f179::after { background-image: url(../images/food_name_2.png); background-position: -800% -700%; }
.food-image.food.f180 { background-image: url(../images/food_2.jpg); background-position: -900% -700%; }
.food-image.name.f180::after { background-image: url(../images/food_name_2.png); background-position: -900% -700%; }
.food-image.food.f181 { background-image: url(../images/food_2.jpg); background-position: -0% -800%; }
.food-image.name.f181::after { background-image: url(../images/food_name_2.png); background-position: -0% -800%; }
.food-image.food.f182 { background-image: url(../images/food_2.jpg); background-position: -100% -800%; }
.food-image.name.f182::after { background-image: url(../images/food_name_2.png); background-position: -100% -800%; }
.food-image.food.f183 { background-image: url(../images/food_2.jpg); background-position: -200% -800%; }
.food-image.name.f183::after { background-image: url(../images/food_name_2.png); background-position: -200% -800%; }
.food-image.food.f184 { background-image: url(../images/food_2.jpg); background-position: -300% -800%; }
.food-image.name.f184::after { background-image: url(../images/food_name_2.png); background-position: -300% -800%; }
.food-image.food.f185 { background-image: url(../images/food_2.jpg); background-position: -400% -800%; }
.food-image.name.f185::after { background-image: url(../images/food_name_2.png); background-position: -400% -800%; }
.food-image.food.f186 { background-image: url(../images/food_2.jpg); background-position: -500% -800%; }
.food-image.name.f186::after { background-image: url(../images/food_name_2.png); background-position: -500% -800%; }
.food-image.food.f187 { background-image: url(../images/food_2.jpg); background-position: -600% -800%; }
.food-image.name.f187::after { background-image: url(../images/food_name_2.png); background-position: -600% -800%; }
.food-image.food.f188 { background-image: url(../images/food_2.jpg); background-position: -700% -800%; }
.food-image.name.f188::after { background-image: url(../images/food_name_2.png); background-position: -700% -800%; }
.food-image.food.f189 { background-image: url(../images/food_2.jpg); background-position: -800% -800%; }
.food-image.name.f189::after { background-image: url(../images/food_name_2.png); background-position: -800% -800%; }
.food-image.food.f190 { background-image: url(../images/food_2.jpg); background-position: -900% -800%; }
.food-image.name.f190::after { background-image: url(../images/food_name_2.png); background-position: -900% -800%; }
.food-image.food.f191 { background-image: url(../images/food_2.jpg); background-position: -0% -900%; }
.food-image.name.f191::after { background-image: url(../images/food_name_2.png); background-position: -0% -900%; }
.food-image.food.f192 { background-image: url(../images/food_2.jpg); background-position: -100% -900%; }
.food-image.name.f192::after { background-image: url(../images/food_name_2.png); background-position: -100% -900%; }
.food-image.food.f193 { background-image: url(../images/food_2.jpg); background-position: -200% -900%; }
.food-image.name.f193::after { background-image: url(../images/food_name_2.png); background-position: -200% -900%; }
.food-image.food.f194 { background-image: url(../images/food_2.jpg); background-position: -300% -900%; }
.food-image.name.f194::after { background-image: url(../images/food_name_2.png); background-position: -300% -900%; }
.food-image.food.f195 { background-image: url(../images/food_2.jpg); background-position: -400% -900%; }
.food-image.name.f195::after { background-image: url(../images/food_name_2.png); background-position: -400% -900%; }
.food-image.food.f196 { background-image: url(../images/food_2.jpg); background-position: -500% -900%; }
.food-image.name.f196::after { background-image: url(../images/food_name_2.png); background-position: -500% -900%; }
.food-image.food.f197 { background-image: url(../images/food_2.jpg); background-position: -600% -900%; }
.food-image.name.f197::after { background-image: url(../images/food_name_2.png); background-position: -600% -900%; }
.food-image.food.f198 { background-image: url(../images/food_2.jpg); background-position: -700% -900%; }
.food-image.name.f198::after { background-image: url(../images/food_name_2.png); background-position: -700% -900%; }
.food-image.food.f199 { background-image: url(../images/food_2.jpg); background-position: -800% -900%; }
.food-image.name.f199::after { background-image: url(../images/food_name_2.png); background-position: -800% -900%; }
.food-image.food.f200 { background-image: url(../images/food_2.jpg); background-position: -900% -900%; }
.food-image.name.f200::after { background-image: url(../images/food_name_2.png); background-position: -900% -900%; }
.food-image.food.f201 { background-image: url(../images/food_3.jpg); background-position: -0% -0%; }
.food-image.name.f201::after { background-image: url(../images/food_name_3.png); background-position: -0% -0%; }
.food-image.food.f202 { background-image: url(../images/food_3.jpg); background-position: -100% -0%; }
.food-image.name.f202::after { background-image: url(../images/food_name_3.png); background-position: -100% -0%; }
.food-image.food.f203 { background-image: url(../images/food_3.jpg); background-position: -200% -0%; }
.food-image.name.f203::after { background-image: url(../images/food_name_3.png); background-position: -200% -0%; }
.food-image.food.f204 { background-image: url(../images/food_3.jpg); background-position: -300% -0%; }
.food-image.name.f204::after { background-image: url(../images/food_name_3.png); background-position: -300% -0%; }
.food-image.food.f205 { background-image: url(../images/food_3.jpg); background-position: -400% -0%; }
.food-image.name.f205::after { background-image: url(../images/food_name_3.png); background-position: -400% -0%; }
.food-image.food.f206 { background-image: url(../images/food_3.jpg); background-position: -500% -0%; }
.food-image.name.f206::after { background-image: url(../images/food_name_3.png); background-position: -500% -0%; }
.food-image.food.f207 { background-image: url(../images/food_3.jpg); background-position: -600% -0%; }
.food-image.name.f207::after { background-image: url(../images/food_name_3.png); background-position: -600% -0%; }
.food-image.food.f208 { background-image: url(../images/food_3.jpg); background-position: -700% -0%; }
.food-image.name.f208::after { background-image: url(../images/food_name_3.png); background-position: -700% -0%; }
.food-image.food.f209 { background-image: url(../images/food_3.jpg); background-position: -800% -0%; }
.food-image.name.f209::after { background-image: url(../images/food_name_3.png); background-position: -800% -0%; }
.food-image.food.f210 { background-image: url(../images/food_3.jpg); background-position: -900% -0%; }
.food-image.name.f210::after { background-image: url(../images/food_name_3.png); background-position: -900% -0%; }
.food-image.food.f211 { background-image: url(../images/food_3.jpg); background-position: -0% -100%; }
.food-image.name.f211::after { background-image: url(../images/food_name_3.png); background-position: -0% -100%; }
.food-image.food.f212 { background-image: url(../images/food_3.jpg); background-position: -100% -100%; }
.food-image.name.f212::after { background-image: url(../images/food_name_3.png); background-position: -100% -100%; }
.food-image.food.f213 { background-image: url(../images/food_3.jpg); background-position: -200% -100%; }
.food-image.name.f213::after { background-image: url(../images/food_name_3.png); background-position: -200% -100%; }
.food-image.food.f214 { background-image: url(../images/food_3.jpg); background-position: -300% -100%; }
.food-image.name.f214::after { background-image: url(../images/food_name_3.png); background-position: -300% -100%; }
.food-image.food.f215 { background-image: url(../images/food_3.jpg); background-position: -400% -100%; }
.food-image.name.f215::after { background-image: url(../images/food_name_3.png); background-position: -400% -100%; }
.food-image.food.f216 { background-image: url(../images/food_3.jpg); background-position: -500% -100%; }
.food-image.name.f216::after { background-image: url(../images/food_name_3.png); background-position: -500% -100%; }
.food-image.food.f217 { background-image: url(../images/food_3.jpg); background-position: -600% -100%; }
.food-image.name.f217::after { background-image: url(../images/food_name_3.png); background-position: -600% -100%; }
.food-image.food.f218 { background-image: url(../images/food_3.jpg); background-position: -700% -100%; }
.food-image.name.f218::after { background-image: url(../images/food_name_3.png); background-position: -700% -100%; }
.food-image.food.f219 { background-image: url(../images/food_3.jpg); background-position: -800% -100%; }
.food-image.name.f219::after { background-image: url(../images/food_name_3.png); background-position: -800% -100%; }
.food-image.food.f220 { background-image: url(../images/food_3.jpg); background-position: -900% -100%; }
.food-image.name.f220::after { background-image: url(../images/food_name_3.png); background-position: -900% -100%; }
.food-image.food.f221 { background-image: url(../images/food_3.jpg); background-position: -0% -200%; }
.food-image.name.f221::after { background-image: url(../images/food_name_3.png); background-position: -0% -200%; }
.food-image.food.f222 { background-image: url(../images/food_3.jpg); background-position: -100% -200%; }
.food-image.name.f222::after { background-image: url(../images/food_name_3.png); background-position: -100% -200%; }
.food-image.food.f223 { background-image: url(../images/food_3.jpg); background-position: -200% -200%; }
.food-image.name.f223::after { background-image: url(../images/food_name_3.png); background-position: -200% -200%; }
.food-image.food.f224 { background-image: url(../images/food_3.jpg); background-position: -300% -200%; }
.food-image.name.f224::after { background-image: url(../images/food_name_3.png); background-position: -300% -200%; }
.food-image.food.f225 { background-image: url(../images/food_3.jpg); background-position: -400% -200%; }
.food-image.name.f225::after { background-image: url(../images/food_name_3.png); background-position: -400% -200%; }
.food-image.food.f226 { background-image: url(../images/food_3.jpg); background-position: -500% -200%; }
.food-image.name.f226::after { background-image: url(../images/food_name_3.png); background-position: -500% -200%; }
.food-image.food.f227 { background-image: url(../images/food_3.jpg); background-position: -600% -200%; }
.food-image.name.f227::after { background-image: url(../images/food_name_3.png); background-position: -600% -200%; }
.food-image.food.f228 { background-image: url(../images/food_3.jpg); background-position: -700% -200%; }
.food-image.name.f228::after { background-image: url(../images/food_name_3.png); background-position: -700% -200%; }
.food-image.food.f229 { background-image: url(../images/food_3.jpg); background-position: -800% -200%; }
.food-image.name.f229::after { background-image: url(../images/food_name_3.png); background-position: -800% -200%; }
.food-image.food.f230 { background-image: url(../images/food_3.jpg); background-position: -900% -200%; }
.food-image.name.f230::after { background-image: url(../images/food_name_3.png); background-position: -900% -200%; }
.food-image.food.f231 { background-image: url(../images/food_3.jpg); background-position: -0% -300%; }
.food-image.name.f231::after { background-image: url(../images/food_name_3.png); background-position: -0% -300%; }
.food-image.food.f232 { background-image: url(../images/food_3.jpg); background-position: -100% -300%; }
.food-image.name.f232::after { background-image: url(../images/food_name_3.png); background-position: -100% -300%; }
.food-image.food.f233 { background-image: url(../images/food_3.jpg); background-position: -200% -300%; }
.food-image.name.f233::after { background-image: url(../images/food_name_3.png); background-position: -200% -300%; }
.food-image.food.f234 { background-image: url(../images/food_3.jpg); background-position: -300% -300%; }
.food-image.name.f234::after { background-image: url(../images/food_name_3.png); background-position: -300% -300%; }
.food-image.food.f235 { background-image: url(../images/food_3.jpg); background-position: -400% -300%; }
.food-image.name.f235::after { background-image: url(../images/food_name_3.png); background-position: -400% -300%; }
.food-image.food.f236 { background-image: url(../images/food_3.jpg); background-position: -500% -300%; }
.food-image.name.f236::after { background-image: url(../images/food_name_3.png); background-position: -500% -300%; }
.food-image.food.f237 { background-image: url(../images/food_3.jpg); background-position: -600% -300%; }
.food-image.name.f237::after { background-image: url(../images/food_name_3.png); background-position: -600% -300%; }
.food-image.food.f238 { background-image: url(../images/food_3.jpg); background-position: -700% -300%; }
.food-image.name.f238::after { background-image: url(../images/food_name_3.png); background-position: -700% -300%; }
.food-image.food.f239 { background-image: url(../images/food_3.jpg); background-position: -800% -300%; }
.food-image.name.f239::after { background-image: url(../images/food_name_3.png); background-position: -800% -300%; }
.food-image.food.f240 { background-image: url(../images/food_3.jpg); background-position: -900% -300%; }
.food-image.name.f240::after { background-image: url(../images/food_name_3.png); background-position: -900% -300%; }
.food-image.food.f241 { background-image: url(../images/food_3.jpg); background-position: -0% -400%; }
.food-image.name.f241::after { background-image: url(../images/food_name_3.png); background-position: -0% -400%; }
.food-image.food.f242 { background-image: url(../images/food_3.jpg); background-position: -100% -400%; }
.food-image.name.f242::after { background-image: url(../images/food_name_3.png); background-position: -100% -400%; }
.food-image.food.f243 { background-image: url(../images/food_3.jpg); background-position: -200% -400%; }
.food-image.name.f243::after { background-image: url(../images/food_name_3.png); background-position: -200% -400%; }
.food-image.food.f244 { background-image: url(../images/food_3.jpg); background-position: -300% -400%; }
.food-image.name.f244::after { background-image: url(../images/food_name_3.png); background-position: -300% -400%; }
.food-image.food.f245 { background-image: url(../images/food_3.jpg); background-position: -400% -400%; }
.food-image.name.f245::after { background-image: url(../images/food_name_3.png); background-position: -400% -400%; }
.food-image.food.f246 { background-image: url(../images/food_3.jpg); background-position: -500% -400%; }
.food-image.name.f246::after { background-image: url(../images/food_name_3.png); background-position: -500% -400%; }
.food-image.food.f247 { background-image: url(../images/food_3.jpg); background-position: -600% -400%; }
.food-image.name.f247::after { background-image: url(../images/food_name_3.png); background-position: -600% -400%; }
.food-image.food.f248 { background-image: url(../images/food_3.jpg); background-position: -700% -400%; }
.food-image.name.f248::after { background-image: url(../images/food_name_3.png); background-position: -700% -400%; }
.food-image.food.f249 { background-image: url(../images/food_3.jpg); background-position: -800% -400%; }
.food-image.name.f249::after { background-image: url(../images/food_name_3.png); background-position: -800% -400%; }
.food-image.food.f250 { background-image: url(../images/food_3.jpg); background-position: -900% -400%; }
.food-image.name.f250::after { background-image: url(../images/food_name_3.png); background-position: -900% -400%; }
.food-image.food.f251 { background-image: url(../images/food_3.jpg); background-position: -0% -500%; }
.food-image.name.f251::after { background-image: url(../images/food_name_3.png); background-position: -0% -500%; }
.food-image.food.f252 { background-image: url(../images/food_3.jpg); background-position: -100% -500%; }
.food-image.name.f252::after { background-image: url(../images/food_name_3.png); background-position: -100% -500%; }
.food-image.food.f253 { background-image: url(../images/food_3.jpg); background-position: -200% -500%; }
.food-image.name.f253::after { background-image: url(../images/food_name_3.png); background-position: -200% -500%; }
.food-image.food.f254 { background-image: url(../images/food_3.jpg); background-position: -300% -500%; }
.food-image.name.f254::after { background-image: url(../images/food_name_3.png); background-position: -300% -500%; }
.food-image.food.f255 { background-image: url(../images/food_3.jpg); background-position: -400% -500%; }
.food-image.name.f255::after { background-image: url(../images/food_name_3.png); background-position: -400% -500%; }
.food-image.food.f256 { background-image: url(../images/food_3.jpg); background-position: -500% -500%; }
.food-image.name.f256::after { background-image: url(../images/food_name_3.png); background-position: -500% -500%; }
.food-image.food.f257 { background-image: url(../images/food_3.jpg); background-position: -600% -500%; }
.food-image.name.f257::after { background-image: url(../images/food_name_3.png); background-position: -600% -500%; }
.food-image.food.f258 { background-image: url(../images/food_3.jpg); background-position: -700% -500%; }
.food-image.name.f258::after { background-image: url(../images/food_name_3.png); background-position: -700% -500%; }
.food-image.food.f259 { background-image: url(../images/food_3.jpg); background-position: -800% -500%; }
.food-image.name.f259::after { background-image: url(../images/food_name_3.png); background-position: -800% -500%; }
.food-image.food.f260 { background-image: url(../images/food_3.jpg); background-position: -900% -500%; }
.food-image.name.f260::after { background-image: url(../images/food_name_3.png); background-position: -900% -500%; }
.food-image.food.f261 { background-image: url(../images/food_3.jpg); background-position: -0% -600%; }
.food-image.name.f261::after { background-image: url(../images/food_name_3.png); background-position: -0% -600%; }
.food-image.food.f262 { background-image: url(../images/food_3.jpg); background-position: -100% -600%; }
.food-image.name.f262::after { background-image: url(../images/food_name_3.png); background-position: -100% -600%; }
.food-image.food.f263 { background-image: url(../images/food_3.jpg); background-position: -200% -600%; }
.food-image.name.f263::after { background-image: url(../images/food_name_3.png); background-position: -200% -600%; }
.food-image.food.f264 { background-image: url(../images/food_3.jpg); background-position: -300% -600%; }
.food-image.name.f264::after { background-image: url(../images/food_name_3.png); background-position: -300% -600%; }
.food-image.food.f265 { background-image: url(../images/food_3.jpg); background-position: -400% -600%; }
.food-image.name.f265::after { background-image: url(../images/food_name_3.png); background-position: -400% -600%; }
.food-image.food.f266 { background-image: url(../images/food_3.jpg); background-position: -500% -600%; }
.food-image.name.f266::after { background-image: url(../images/food_name_3.png); background-position: -500% -600%; }
.food-image.food.f267 { background-image: url(../images/food_3.jpg); background-position: -600% -600%; }
.food-image.name.f267::after { background-image: url(../images/food_name_3.png); background-position: -600% -600%; }
.food-image.food.f268 { background-image: url(../images/food_3.jpg); background-position: -700% -600%; }
.food-image.name.f268::after { background-image: url(../images/food_name_3.png); background-position: -700% -600%; }
.food-image.food.f269 { background-image: url(../images/food_3.jpg); background-position: -800% -600%; }
.food-image.name.f269::after { background-image: url(../images/food_name_3.png); background-position: -800% -600%; }
.food-image.food.f270 { background-image: url(../images/food_3.jpg); background-position: -900% -600%; }
.food-image.name.f270::after { background-image: url(../images/food_name_3.png); background-position: -900% -600%; }
.food-image.food.f271 { background-image: url(../images/food_3.jpg); background-position: -0% -700%; }
.food-image.name.f271::after { background-image: url(../images/food_name_3.png); background-position: -0% -700%; }
.food-image.food.f272 { background-image: url(../images/food_3.jpg); background-position: -100% -700%; }
.food-image.name.f272::after { background-image: url(../images/food_name_3.png); background-position: -100% -700%; }
.food-image.food.f273 { background-image: url(../images/food_3.jpg); background-position: -200% -700%; }
.food-image.name.f273::after { background-image: url(../images/food_name_3.png); background-position: -200% -700%; }
.food-image.food.f274 { background-image: url(../images/food_3.jpg); background-position: -300% -700%; }
.food-image.name.f274::after { background-image: url(../images/food_name_3.png); background-position: -300% -700%; }
.food-image.food.f275 { background-image: url(../images/food_3.jpg); background-position: -400% -700%; }
.food-image.name.f275::after { background-image: url(../images/food_name_3.png); background-position: -400% -700%; }
.food-image.food.f276 { background-image: url(../images/food_3.jpg); background-position: -500% -700%; }
.food-image.name.f276::after { background-image: url(../images/food_name_3.png); background-position: -500% -700%; }
.food-image.food.f277 { background-image: url(../images/food_3.jpg); background-position: -600% -700%; }
.food-image.name.f277::after { background-image: url(../images/food_name_3.png); background-position: -600% -700%; }
.food-image.food.f278 { background-image: url(../images/food_3.jpg); background-position: -700% -700%; }
.food-image.name.f278::after { background-image: url(../images/food_name_3.png); background-position: -700% -700%; }
.food-image.food.f279 { background-image: url(../images/food_3.jpg); background-position: -800% -700%; }
.food-image.name.f279::after { background-image: url(../images/food_name_3.png); background-position: -800% -700%; }
.food-image.food.f280 { background-image: url(../images/food_3.jpg); background-position: -900% -700%; }
.food-image.name.f280::after { background-image: url(../images/food_name_3.png); background-position: -900% -700%; }
.food-image.food.f281 { background-image: url(../images/food_3.jpg); background-position: -0% -800%; }
.food-image.name.f281::after { background-image: url(../images/food_name_3.png); background-position: -0% -800%; }
.food-image.food.f282 { background-image: url(../images/food_3.jpg); background-position: -100% -800%; }
.food-image.name.f282::after { background-image: url(../images/food_name_3.png); background-position: -100% -800%; }
.food-image.food.f283 { background-image: url(../images/food_3.jpg); background-position: -200% -800%; }
.food-image.name.f283::after { background-image: url(../images/food_name_3.png); background-position: -200% -800%; }
.food-image.food.f284 { background-image: url(../images/food_3.jpg); background-position: -300% -800%; }
.food-image.name.f284::after { background-image: url(../images/food_name_3.png); background-position: -300% -800%; }
.food-image.food.f285 { background-image: url(../images/food_3.jpg); background-position: -400% -800%; }
.food-image.name.f285::after { background-image: url(../images/food_name_3.png); background-position: -400% -800%; }
.food-image.food.f286 { background-image: url(../images/food_3.jpg); background-position: -500% -800%; }
.food-image.name.f286::after { background-image: url(../images/food_name_3.png); background-position: -500% -800%; }
.food-image.food.f287 { background-image: url(../images/food_3.jpg); background-position: -600% -800%; }
.food-image.name.f287::after { background-image: url(../images/food_name_3.png); background-position: -600% -800%; }
.food-image.food.f288 { background-image: url(../images/food_3.jpg); background-position: -700% -800%; }
.food-image.name.f288::after { background-image: url(../images/food_name_3.png); background-position: -700% -800%; }
.food-image.food.f289 { background-image: url(../images/food_3.jpg); background-position: -800% -800%; }
.food-image.name.f289::after { background-image: url(../images/food_name_3.png); background-position: -800% -800%; }
.food-image.food.f290 { background-image: url(../images/food_3.jpg); background-position: -900% -800%; }
.food-image.name.f290::after { background-image: url(../images/food_name_3.png); background-position: -900% -800%; }
.food-image.food.f291 { background-image: url(../images/food_3.jpg); background-position: -0% -900%; }
.food-image.name.f291::after { background-image: url(../images/food_name_3.png); background-position: -0% -900%; }
.food-image.food.f292 { background-image: url(../images/food_3.jpg); background-position: -100% -900%; }
.food-image.name.f292::after { background-image: url(../images/food_name_3.png); background-position: -100% -900%; }
.food-image.food.f293 { background-image: url(../images/food_3.jpg); background-position: -200% -900%; }
.food-image.name.f293::after { background-image: url(../images/food_name_3.png); background-position: -200% -900%; }
.food-image.food.f294 { background-image: url(../images/food_3.jpg); background-position: -300% -900%; }
.food-image.name.f294::after { background-image: url(../images/food_name_3.png); background-position: -300% -900%; }
.food-image.food.f295 { background-image: url(../images/food_3.jpg); background-position: -400% -900%; }
.food-image.name.f295::after { background-image: url(../images/food_name_3.png); background-position: -400% -900%; }
.food-image.food.f296 { background-image: url(../images/food_3.jpg); background-position: -500% -900%; }
.food-image.name.f296::after { background-image: url(../images/food_name_3.png); background-position: -500% -900%; }
.food-image.food.f297 { background-image: url(../images/food_3.jpg); background-position: -600% -900%; }
.food-image.name.f297::after { background-image: url(../images/food_name_3.png); background-position: -600% -900%; }
.food-image.food.f298 { background-image: url(../images/food_3.jpg); background-position: -700% -900%; }
.food-image.name.f298::after { background-image: url(../images/food_name_3.png); background-position: -700% -900%; }
.food-image.food.f299 { background-image: url(../images/food_3.jpg); background-position: -800% -900%; }
.food-image.name.f299::after { background-image: url(../images/food_name_3.png); background-position: -800% -900%; }
.food-image.food.f300 { background-image: url(../images/food_3.jpg); background-position: -900% -900%; }
.food-image.name.f300::after { background-image: url(../images/food_name_3.png); background-position: -900% -900%; }
.food-image.food.f301 { background-image: url(../images/food_4.jpg); background-position: -0% -0%; }
.food-image.name.f301::after { background-image: url(../images/food_name_4.png); background-position: -0% -0%; }
.food-image.food.f302 { background-image: url(../images/food_4.jpg); background-position: -100% -0%; }
.food-image.name.f302::after { background-image: url(../images/food_name_4.png); background-position: -100% -0%; }
.food-image.food.f303 { background-image: url(../images/food_4.jpg); background-position: -200% -0%; }
.food-image.name.f303::after { background-image: url(../images/food_name_4.png); background-position: -200% -0%; }
.food-image.food.f304 { background-image: url(../images/food_4.jpg); background-position: -300% -0%; }
.food-image.name.f304::after { background-image: url(../images/food_name_4.png); background-position: -300% -0%; }
.food-image.food.f305 { background-image: url(../images/food_4.jpg); background-position: -400% -0%; }
.food-image.name.f305::after { background-image: url(../images/food_name_4.png); background-position: -400% -0%; }
.food-image.food.f306 { background-image: url(../images/food_4.jpg); background-position: -500% -0%; }
.food-image.name.f306::after { background-image: url(../images/food_name_4.png); background-position: -500% -0%; }
.food-image.food.f307 { background-image: url(../images/food_4.jpg); background-position: -600% -0%; }
.food-image.name.f307::after { background-image: url(../images/food_name_4.png); background-position: -600% -0%; }
.food-image.food.f308 { background-image: url(../images/food_4.jpg); background-position: -700% -0%; }
.food-image.name.f308::after { background-image: url(../images/food_name_4.png); background-position: -700% -0%; }
.food-image.food.f309 { background-image: url(../images/food_4.jpg); background-position: -800% -0%; }
.food-image.name.f309::after { background-image: url(../images/food_name_4.png); background-position: -800% -0%; }
.food-image.food.f310 { background-image: url(../images/food_4.jpg); background-position: -900% -0%; }
.food-image.name.f310::after { background-image: url(../images/food_name_4.png); background-position: -900% -0%; }
.food-image.food.f311 { background-image: url(../images/food_4.jpg); background-position: -0% -100%; }
.food-image.name.f311::after { background-image: url(../images/food_name_4.png); background-position: -0% -100%; }
.food-image.food.f312 { background-image: url(../images/food_4.jpg); background-position: -100% -100%; }
.food-image.name.f312::after { background-image: url(../images/food_name_4.png); background-position: -100% -100%; }
.food-image.food.f313 { background-image: url(../images/food_4.jpg); background-position: -200% -100%; }
.food-image.name.f313::after { background-image: url(../images/food_name_4.png); background-position: -200% -100%; }
.food-image.food.f314 { background-image: url(../images/food_4.jpg); background-position: -300% -100%; }
.food-image.name.f314::after { background-image: url(../images/food_name_4.png); background-position: -300% -100%; }
.food-image.food.f315 { background-image: url(../images/food_4.jpg); background-position: -400% -100%; }
.food-image.name.f315::after { background-image: url(../images/food_name_4.png); background-position: -400% -100%; }
.food-image.food.f316 { background-image: url(../images/food_4.jpg); background-position: -500% -100%; }
.food-image.name.f316::after { background-image: url(../images/food_name_4.png); background-position: -500% -100%; }
.food-image.food.f317 { background-image: url(../images/food_4.jpg); background-position: -600% -100%; }
.food-image.name.f317::after { background-image: url(../images/food_name_4.png); background-position: -600% -100%; }
.food-image.food.f318 { background-image: url(../images/food_4.jpg); background-position: -700% -100%; }
.food-image.name.f318::after { background-image: url(../images/food_name_4.png); background-position: -700% -100%; }
.food-image.food.f319 { background-image: url(../images/food_4.jpg); background-position: -800% -100%; }
.food-image.name.f319::after { background-image: url(../images/food_name_4.png); background-position: -800% -100%; }
.food-image.food.f320 { background-image: url(../images/food_4.jpg); background-position: -900% -100%; }
.food-image.name.f320::after { background-image: url(../images/food_name_4.png); background-position: -900% -100%; }
.food-image.food.f321 { background-image: url(../images/food_4.jpg); background-position: -0% -200%; }
.food-image.name.f321::after { background-image: url(../images/food_name_4.png); background-position: -0% -200%; }
.food-image.food.f322 { background-image: url(../images/food_4.jpg); background-position: -100% -200%; }
.food-image.name.f322::after { background-image: url(../images/food_name_4.png); background-position: -100% -200%; }
.food-image.food.f323 { background-image: url(../images/food_4.jpg); background-position: -200% -200%; }
.food-image.name.f323::after { background-image: url(../images/food_name_4.png); background-position: -200% -200%; }
.food-image.food.f324 { background-image: url(../images/food_4.jpg); background-position: -300% -200%; }
.food-image.name.f324::after { background-image: url(../images/food_name_4.png); background-position: -300% -200%; }
.food-image.food.f325 { background-image: url(../images/food_4.jpg); background-position: -400% -200%; }
.food-image.name.f325::after { background-image: url(../images/food_name_4.png); background-position: -400% -200%; }
.food-image.food.f326 { background-image: url(../images/food_4.jpg); background-position: -500% -200%; }
.food-image.name.f326::after { background-image: url(../images/food_name_4.png); background-position: -500% -200%; }
.food-image.food.f327 { background-image: url(../images/food_4.jpg); background-position: -600% -200%; }
.food-image.name.f327::after { background-image: url(../images/food_name_4.png); background-position: -600% -200%; }
.food-image.food.f328 { background-image: url(../images/food_4.jpg); background-position: -700% -200%; }
.food-image.name.f328::after { background-image: url(../images/food_name_4.png); background-position: -700% -200%; }
.food-image.food.f329 { background-image: url(../images/food_4.jpg); background-position: -800% -200%; }
.food-image.name.f329::after { background-image: url(../images/food_name_4.png); background-position: -800% -200%; }
.food-image.food.f330 { background-image: url(../images/food_4.jpg); background-position: -900% -200%; }
.food-image.name.f330::after { background-image: url(../images/food_name_4.png); background-position: -900% -200%; }
.food-image.food.f331 { background-image: url(../images/food_4.jpg); background-position: -0% -300%; }
.food-image.name.f331::after { background-image: url(../images/food_name_4.png); background-position: -0% -300%; }
.food-image.food.f332 { background-image: url(../images/food_4.jpg); background-position: -100% -300%; }
.food-image.name.f332::after { background-image: url(../images/food_name_4.png); background-position: -100% -300%; }
.food-image.food.f333 { background-image: url(../images/food_4.jpg); background-position: -200% -300%; }
.food-image.name.f333::after { background-image: url(../images/food_name_4.png); background-position: -200% -300%; }
.food-image.food.f334 { background-image: url(../images/food_4.jpg); background-position: -300% -300%; }
.food-image.name.f334::after { background-image: url(../images/food_name_4.png); background-position: -300% -300%; }
.food-image.food.f335 { background-image: url(../images/food_4.jpg); background-position: -400% -300%; }
.food-image.name.f335::after { background-image: url(../images/food_name_4.png); background-position: -400% -300%; }
.food-image.food.f336 { background-image: url(../images/food_4.jpg); background-position: -500% -300%; }
.food-image.name.f336::after { background-image: url(../images/food_name_4.png); background-position: -500% -300%; }
.food-image.food.f337 { background-image: url(../images/food_4.jpg); background-position: -600% -300%; }
.food-image.name.f337::after { background-image: url(../images/food_name_4.png); background-position: -600% -300%; }
.food-image.food.f338 { background-image: url(../images/food_4.jpg); background-position: -700% -300%; }
.food-image.name.f338::after { background-image: url(../images/food_name_4.png); background-position: -700% -300%; }
.food-image.food.f339 { background-image: url(../images/food_4.jpg); background-position: -800% -300%; }
.food-image.name.f339::after { background-image: url(../images/food_name_4.png); background-position: -800% -300%; }
.food-image.food.f340 { background-image: url(../images/food_4.jpg); background-position: -900% -300%; }
.food-image.name.f340::after { background-image: url(../images/food_name_4.png); background-position: -900% -300%; }
.food-image.food.f341 { background-image: url(../images/food_4.jpg); background-position: -0% -400%; }
.food-image.name.f341::after { background-image: url(../images/food_name_4.png); background-position: -0% -400%; }
.food-image.food.f342 { background-image: url(../images/food_4.jpg); background-position: -100% -400%; }
.food-image.name.f342::after { background-image: url(../images/food_name_4.png); background-position: -100% -400%; }
.food-image.food.f343 { background-image: url(../images/food_4.jpg); background-position: -200% -400%; }
.food-image.name.f343::after { background-image: url(../images/food_name_4.png); background-position: -200% -400%; }
.food-image.food.f344 { background-image: url(../images/food_4.jpg); background-position: -300% -400%; }
.food-image.name.f344::after { background-image: url(../images/food_name_4.png); background-position: -300% -400%; }
.food-image.food.f345 { background-image: url(../images/food_4.jpg); background-position: -400% -400%; }
.food-image.name.f345::after { background-image: url(../images/food_name_4.png); background-position: -400% -400%; }
.food-image.food.f346 { background-image: url(../images/food_4.jpg); background-position: -500% -400%; }
.food-image.name.f346::after { background-image: url(../images/food_name_4.png); background-position: -500% -400%; }
.food-image.food.f347 { background-image: url(../images/food_4.jpg); background-position: -600% -400%; }
.food-image.name.f347::after { background-image: url(../images/food_name_4.png); background-position: -600% -400%; }
.food-image.food.f348 { background-image: url(../images/food_4.jpg); background-position: -700% -400%; }
.food-image.name.f348::after { background-image: url(../images/food_name_4.png); background-position: -700% -400%; }
.food-image.food.f349 { background-image: url(../images/food_4.jpg); background-position: -800% -400%; }
.food-image.name.f349::after { background-image: url(../images/food_name_4.png); background-position: -800% -400%; }
.food-image.food.f350 { background-image: url(../images/food_4.jpg); background-position: -900% -400%; }
.food-image.name.f350::after { background-image: url(../images/food_name_4.png); background-position: -900% -400%; }
.food-image.food.f351 { background-image: url(../images/food_4.jpg); background-position: -0% -500%; }
.food-image.name.f351::after { background-image: url(../images/food_name_4.png); background-position: -0% -500%; }
.food-image.food.f352 { background-image: url(../images/food_4.jpg); background-position: -100% -500%; }
.food-image.name.f352::after { background-image: url(../images/food_name_4.png); background-position: -100% -500%; }
.food-image.food.f353 { background-image: url(../images/food_4.jpg); background-position: -200% -500%; }
.food-image.name.f353::after { background-image: url(../images/food_name_4.png); background-position: -200% -500%; }
.food-image.food.f354 { background-image: url(../images/food_4.jpg); background-position: -300% -500%; }
.food-image.name.f354::after { background-image: url(../images/food_name_4.png); background-position: -300% -500%; }
.food-image.food.f355 { background-image: url(../images/food_4.jpg); background-position: -400% -500%; }
.food-image.name.f355::after { background-image: url(../images/food_name_4.png); background-position: -400% -500%; }
.food-image.food.f356 { background-image: url(../images/food_4.jpg); background-position: -500% -500%; }
.food-image.name.f356::after { background-image: url(../images/food_name_4.png); background-position: -500% -500%; }
.food-image.food.f357 { background-image: url(../images/food_4.jpg); background-position: -600% -500%; }
.food-image.name.f357::after { background-image: url(../images/food_name_4.png); background-position: -600% -500%; }
.food-image.food.f358 { background-image: url(../images/food_4.jpg); background-position: -700% -500%; }
.food-image.name.f358::after { background-image: url(../images/food_name_4.png); background-position: -700% -500%; }
.food-image.food.f359 { background-image: url(../images/food_4.jpg); background-position: -800% -500%; }
.food-image.name.f359::after { background-image: url(../images/food_name_4.png); background-position: -800% -500%; }
.food-image.food.f360 { background-image: url(../images/food_4.jpg); background-position: -900% -500%; }
.food-image.name.f360::after { background-image: url(../images/food_name_4.png); background-position: -900% -500%; }
.food-image.food.f361 { background-image: url(../images/food_4.jpg); background-position: -0% -600%; }
.food-image.name.f361::after { background-image: url(../images/food_name_4.png); background-position: -0% -600%; }
.food-image.food.f362 { background-image: url(../images/food_4.jpg); background-position: -100% -600%; }
.food-image.name.f362::after { background-image: url(../images/food_name_4.png); background-position: -100% -600%; }
.food-image.food.f363 { background-image: url(../images/food_4.jpg); background-position: -200% -600%; }
.food-image.name.f363::after { background-image: url(../images/food_name_4.png); background-position: -200% -600%; }
.food-image.food.f364 { background-image: url(../images/food_4.jpg); background-position: -300% -600%; }
.food-image.name.f364::after { background-image: url(../images/food_name_4.png); background-position: -300% -600%; }
.food-image.food.f365 { background-image: url(../images/food_4.jpg); background-position: -400% -600%; }
.food-image.name.f365::after { background-image: url(../images/food_name_4.png); background-position: -400% -600%; }
.food-image.food.f366 { background-image: url(../images/food_4.jpg); background-position: -500% -600%; }
.food-image.name.f366::after { background-image: url(../images/food_name_4.png); background-position: -500% -600%; }
.food-image.food.f367 { background-image: url(../images/food_4.jpg); background-position: -600% -600%; }
.food-image.name.f367::after { background-image: url(../images/food_name_4.png); background-position: -600% -600%; }
.food-image.food.f368 { background-image: url(../images/food_4.jpg); background-position: -700% -600%; }
.food-image.name.f368::after { background-image: url(../images/food_name_4.png); background-position: -700% -600%; }
.food-image.food.f369 { background-image: url(../images/food_4.jpg); background-position: -800% -600%; }
.food-image.name.f369::after { background-image: url(../images/food_name_4.png); background-position: -800% -600%; }
.food-image.food.f370 { background-image: url(../images/food_4.jpg); background-position: -900% -600%; }
.food-image.name.f370::after { background-image: url(../images/food_name_4.png); background-position: -900% -600%; }
.food-image.food.f371 { background-image: url(../images/food_4.jpg); background-position: -0% -700%; }
.food-image.name.f371::after { background-image: url(../images/food_name_4.png); background-position: -0% -700%; }
.food-image.food.f372 { background-image: url(../images/food_4.jpg); background-position: -100% -700%; }
.food-image.name.f372::after { background-image: url(../images/food_name_4.png); background-position: -100% -700%; }
.food-image.food.f373 { background-image: url(../images/food_4.jpg); background-position: -200% -700%; }
.food-image.name.f373::after { background-image: url(../images/food_name_4.png); background-position: -200% -700%; }
.food-image.food.f374 { background-image: url(../images/food_4.jpg); background-position: -300% -700%; }
.food-image.name.f374::after { background-image: url(../images/food_name_4.png); background-position: -300% -700%; }
.food-image.food.f375 { background-image: url(../images/food_4.jpg); background-position: -400% -700%; }
.food-image.name.f375::after { background-image: url(../images/food_name_4.png); background-position: -400% -700%; }
.food-image.food.f376 { background-image: url(../images/food_4.jpg); background-position: -500% -700%; }
.food-image.name.f376::after { background-image: url(../images/food_name_4.png); background-position: -500% -700%; }
.food-image.food.f377 { background-image: url(../images/food_4.jpg); background-position: -600% -700%; }
.food-image.name.f377::after { background-image: url(../images/food_name_4.png); background-position: -600% -700%; }
.food-image.food.f378 { background-image: url(../images/food_4.jpg); background-position: -700% -700%; }
.food-image.name.f378::after { background-image: url(../images/food_name_4.png); background-position: -700% -700%; }
.food-image.food.f379 { background-image: url(../images/food_4.jpg); background-position: -800% -700%; }
.food-image.name.f379::after { background-image: url(../images/food_name_4.png); background-position: -800% -700%; }
.food-image.food.f380 { background-image: url(../images/food_4.jpg); background-position: -900% -700%; }
.food-image.name.f380::after { background-image: url(../images/food_name_4.png); background-position: -900% -700%; }
.food-image.food.f381 { background-image: url(../images/food_4.jpg); background-position: -0% -800%; }
.food-image.name.f381::after { background-image: url(../images/food_name_4.png); background-position: -0% -800%; }
.food-image.food.f382 { background-image: url(../images/food_4.jpg); background-position: -100% -800%; }
.food-image.name.f382::after { background-image: url(../images/food_name_4.png); background-position: -100% -800%; }
.food-image.food.f383 { background-image: url(../images/food_4.jpg); background-position: -200% -800%; }
.food-image.name.f383::after { background-image: url(../images/food_name_4.png); background-position: -200% -800%; }
.food-image.food.f384 { background-image: url(../images/food_4.jpg); background-position: -300% -800%; }
.food-image.name.f384::after { background-image: url(../images/food_name_4.png); background-position: -300% -800%; }
.food-image.food.f385 { background-image: url(../images/food_4.jpg); background-position: -400% -800%; }
.food-image.name.f385::after { background-image: url(../images/food_name_4.png); background-position: -400% -800%; }
.food-image.food.f386 { background-image: url(../images/food_4.jpg); background-position: -500% -800%; }
.food-image.name.f386::after { background-image: url(../images/food_name_4.png); background-position: -500% -800%; }
.food-image.food.f387 { background-image: url(../images/food_4.jpg); background-position: -600% -800%; }
.food-image.name.f387::after { background-image: url(../images/food_name_4.png); background-position: -600% -800%; }
.food-image.food.f388 { background-image: url(../images/food_4.jpg); background-position: -700% -800%; }
.food-image.name.f388::after { background-image: url(../images/food_name_4.png); background-position: -700% -800%; }
.food-image.food.f389 { background-image: url(../images/food_4.jpg); background-position: -800% -800%; }
.food-image.name.f389::after { background-image: url(../images/food_name_4.png); background-position: -800% -800%; }
.food-image.food.f390 { background-image: url(../images/food_4.jpg); background-position: -900% -800%; }
.food-image.name.f390::after { background-image: url(../images/food_name_4.png); background-position: -900% -800%; }
.food-image.food.f391 { background-image: url(../images/food_4.jpg); background-position: -0% -900%; }
.food-image.name.f391::after { background-image: url(../images/food_name_4.png); background-position: -0% -900%; }
.food-image.food.f392 { background-image: url(../images/food_4.jpg); background-position: -100% -900%; }
.food-image.name.f392::after { background-image: url(../images/food_name_4.png); background-position: -100% -900%; }
.food-image.food.f393 { background-image: url(../images/food_4.jpg); background-position: -200% -900%; }
.food-image.name.f393::after { background-image: url(../images/food_name_4.png); background-position: -200% -900%; }
.food-image.food.f394 { background-image: url(../images/food_4.jpg); background-position: -300% -900%; }
.food-image.name.f394::after { background-image: url(../images/food_name_4.png); background-position: -300% -900%; }
.food-image.food.f395 { background-image: url(../images/food_4.jpg); background-position: -400% -900%; }
.food-image.name.f395::after { background-image: url(../images/food_name_4.png); background-position: -400% -900%; }
.food-image.food.f396 { background-image: url(../images/food_4.jpg); background-position: -500% -900%; }
.food-image.name.f396::after { background-image: url(../images/food_name_4.png); background-position: -500% -900%; }
.food-image.food.f397 { background-image: url(../images/food_4.jpg); background-position: -600% -900%; }
.food-image.name.f397::after { background-image: url(../images/food_name_4.png); background-position: -600% -900%; }
.food-image.food.f398 { background-image: url(../images/food_4.jpg); background-position: -700% -900%; }
.food-image.name.f398::after { background-image: url(../images/food_name_4.png); background-position: -700% -900%; }
.food-image.food.f399 { background-image: url(../images/food_4.jpg); background-position: -800% -900%; }
.food-image.name.f399::after { background-image: url(../images/food_name_4.png); background-position: -800% -900%; }
.food-image.food.f400 { background-image: url(../images/food_4.jpg); background-position: -900% -900%; }
.food-image.name.f400::after { background-image: url(../images/food_name_4.png); background-position: -900% -900%; }
.food-image.food.f401 { background-image: url(../images/food_5.jpg); background-position: -0% -0%; }
.food-image.name.f401::after { background-image: url(../images/food_name_5.png); background-position: -0% -0%; }
.food-image.food.f402 { background-image: url(../images/food_5.jpg); background-position: -100% -0%; }
.food-image.name.f402::after { background-image: url(../images/food_name_5.png); background-position: -100% -0%; }
.food-image.food.f403 { background-image: url(../images/food_5.jpg); background-position: -200% -0%; }
.food-image.name.f403::after { background-image: url(../images/food_name_5.png); background-position: -200% -0%; }
.food-image.food.f404 { background-image: url(../images/food_5.jpg); background-position: -300% -0%; }
.food-image.name.f404::after { background-image: url(../images/food_name_5.png); background-position: -300% -0%; }
.food-image.food.f405 { background-image: url(../images/food_5.jpg); background-position: -400% -0%; }
.food-image.name.f405::after { background-image: url(../images/food_name_5.png); background-position: -400% -0%; }
.food-image.food.f406 { background-image: url(../images/food_5.jpg); background-position: -500% -0%; }
.food-image.name.f406::after { background-image: url(../images/food_name_5.png); background-position: -500% -0%; }
.food-image.food.f407 { background-image: url(../images/food_5.jpg); background-position: -600% -0%; }
.food-image.name.f407::after { background-image: url(../images/food_name_5.png); background-position: -600% -0%; }
.food-image.food.f408 { background-image: url(../images/food_5.jpg); background-position: -700% -0%; }
.food-image.name.f408::after { background-image: url(../images/food_name_5.png); background-position: -700% -0%; }
.food-image.food.f409 { background-image: url(../images/food_5.jpg); background-position: -800% -0%; }
.food-image.name.f409::after { background-image: url(../images/food_name_5.png); background-position: -800% -0%; }
.food-image.food.f410 { background-image: url(../images/food_5.jpg); background-position: -900% -0%; }
.food-image.name.f410::after { background-image: url(../images/food_name_5.png); background-position: -900% -0%; }
.food-image.food.f411 { background-image: url(../images/food_5.jpg); background-position: -0% -100%; }
.food-image.name.f411::after { background-image: url(../images/food_name_5.png); background-position: -0% -100%; }
.food-image.food.f412 { background-image: url(../images/food_5.jpg); background-position: -100% -100%; }
.food-image.name.f412::after { background-image: url(../images/food_name_5.png); background-position: -100% -100%; }
.food-image.food.f413 { background-image: url(../images/food_5.jpg); background-position: -200% -100%; }
.food-image.name.f413::after { background-image: url(../images/food_name_5.png); background-position: -200% -100%; }
.food-image.food.f414 { background-image: url(../images/food_5.jpg); background-position: -300% -100%; }
.food-image.name.f414::after { background-image: url(../images/food_name_5.png); background-position: -300% -100%; }
.food-image.food.f415 { background-image: url(../images/food_5.jpg); background-position: -400% -100%; }
.food-image.name.f415::after { background-image: url(../images/food_name_5.png); background-position: -400% -100%; }
.food-image.food.f416 { background-image: url(../images/food_5.jpg); background-position: -500% -100%; }
.food-image.name.f416::after { background-image: url(../images/food_name_5.png); background-position: -500% -100%; }
.food-image.food.f417 { background-image: url(../images/food_5.jpg); background-position: -600% -100%; }
.food-image.name.f417::after { background-image: url(../images/food_name_5.png); background-position: -600% -100%; }
.food-image.food.f418 { background-image: url(../images/food_5.jpg); background-position: -700% -100%; }
.food-image.name.f418::after { background-image: url(../images/food_name_5.png); background-position: -700% -100%; }
.food-image.food.f419 { background-image: url(../images/food_5.jpg); background-position: -800% -100%; }
.food-image.name.f419::after { background-image: url(../images/food_name_5.png); background-position: -800% -100%; }
.food-image.food.f420 { background-image: url(../images/food_5.jpg); background-position: -900% -100%; }
.food-image.name.f420::after { background-image: url(../images/food_name_5.png); background-position: -900% -100%; }
.food-image.food.f421 { background-image: url(../images/food_5.jpg); background-position: -0% -200%; }
.food-image.name.f421::after { background-image: url(../images/food_name_5.png); background-position: -0% -200%; }
.food-image.food.f422 { background-image: url(../images/food_5.jpg); background-position: -100% -200%; }
.food-image.name.f422::after { background-image: url(../images/food_name_5.png); background-position: -100% -200%; }
.food-image.food.f423 { background-image: url(../images/food_5.jpg); background-position: -200% -200%; }
.food-image.name.f423::after { background-image: url(../images/food_name_5.png); background-position: -200% -200%; }
.food-image.food.f424 { background-image: url(../images/food_5.jpg); background-position: -300% -200%; }
.food-image.name.f424::after { background-image: url(../images/food_name_5.png); background-position: -300% -200%; }
.food-image.food.f425 { background-image: url(../images/food_5.jpg); background-position: -400% -200%; }
.food-image.name.f425::after { background-image: url(../images/food_name_5.png); background-position: -400% -200%; }
.food-image.food.f426 { background-image: url(../images/food_5.jpg); background-position: -500% -200%; }
.food-image.name.f426::after { background-image: url(../images/food_name_5.png); background-position: -500% -200%; }
.food-image.food.f427 { background-image: url(../images/food_5.jpg); background-position: -600% -200%; }
.food-image.name.f427::after { background-image: url(../images/food_name_5.png); background-position: -600% -200%; }
.food-image.food.f428 { background-image: url(../images/food_5.jpg); background-position: -700% -200%; }
.food-image.name.f428::after { background-image: url(../images/food_name_5.png); background-position: -700% -200%; }
.food-image.food.f429 { background-image: url(../images/food_5.jpg); background-position: -800% -200%; }
.food-image.name.f429::after { background-image: url(../images/food_name_5.png); background-position: -800% -200%; }
.food-image.food.f430 { background-image: url(../images/food_5.jpg); background-position: -900% -200%; }
.food-image.name.f430::after { background-image: url(../images/food_name_5.png); background-position: -900% -200%; }
.food-image.food.f431 { background-image: url(../images/food_5.jpg); background-position: -0% -300%; }
.food-image.name.f431::after { background-image: url(../images/food_name_5.png); background-position: -0% -300%; }
.food-image.food.f432 { background-image: url(../images/food_5.jpg); background-position: -100% -300%; }
.food-image.name.f432::after { background-image: url(../images/food_name_5.png); background-position: -100% -300%; }
.food-image.food.f433 { background-image: url(../images/food_5.jpg); background-position: -200% -300%; }
.food-image.name.f433::after { background-image: url(../images/food_name_5.png); background-position: -200% -300%; }
.food-image.food.f434 { background-image: url(../images/food_5.jpg); background-position: -300% -300%; }
.food-image.name.f434::after { background-image: url(../images/food_name_5.png); background-position: -300% -300%; }
.food-image.food.f435 { background-image: url(../images/food_5.jpg); background-position: -400% -300%; }
.food-image.name.f435::after { background-image: url(../images/food_name_5.png); background-position: -400% -300%; }
.food-image.food.f436 { background-image: url(../images/food_5.jpg); background-position: -500% -300%; }
.food-image.name.f436::after { background-image: url(../images/food_name_5.png); background-position: -500% -300%; }
.food-image.food.f437 { background-image: url(../images/food_5.jpg); background-position: -600% -300%; }
.food-image.name.f437::after { background-image: url(../images/food_name_5.png); background-position: -600% -300%; }
.food-image.food.f438 { background-image: url(../images/food_5.jpg); background-position: -700% -300%; }
.food-image.name.f438::after { background-image: url(../images/food_name_5.png); background-position: -700% -300%; }
.food-image.food.f439 { background-image: url(../images/food_5.jpg); background-position: -800% -300%; }
.food-image.name.f439::after { background-image: url(../images/food_name_5.png); background-position: -800% -300%; }
.food-image.food.f440 { background-image: url(../images/food_5.jpg); background-position: -900% -300%; }
.food-image.name.f440::after { background-image: url(../images/food_name_5.png); background-position: -900% -300%; }
.food-image.food.f441 { background-image: url(../images/food_5.jpg); background-position: -0% -400%; }
.food-image.name.f441::after { background-image: url(../images/food_name_5.png); background-position: -0% -400%; }
.food-image.food.f442 { background-image: url(../images/food_5.jpg); background-position: -100% -400%; }
.food-image.name.f442::after { background-image: url(../images/food_name_5.png); background-position: -100% -400%; }
.food-image.food.f443 { background-image: url(../images/food_5.jpg); background-position: -200% -400%; }
.food-image.name.f443::after { background-image: url(../images/food_name_5.png); background-position: -200% -400%; }
.food-image.food.f444 { background-image: url(../images/food_5.jpg); background-position: -300% -400%; }
.food-image.name.f444::after { background-image: url(../images/food_name_5.png); background-position: -300% -400%; }
.food-image.food.f445 { background-image: url(../images/food_5.jpg); background-position: -400% -400%; }
.food-image.name.f445::after { background-image: url(../images/food_name_5.png); background-position: -400% -400%; }
.food-image.food.f446 { background-image: url(../images/food_5.jpg); background-position: -500% -400%; }
.food-image.name.f446::after { background-image: url(../images/food_name_5.png); background-position: -500% -400%; }
.food-image.food.f447 { background-image: url(../images/food_5.jpg); background-position: -600% -400%; }
.food-image.name.f447::after { background-image: url(../images/food_name_5.png); background-position: -600% -400%; }
.food-image.food.f448 { background-image: url(../images/food_5.jpg); background-position: -700% -400%; }
.food-image.name.f448::after { background-image: url(../images/food_name_5.png); background-position: -700% -400%; }
.food-image.food.f449 { background-image: url(../images/food_5.jpg); background-position: -800% -400%; }
.food-image.name.f449::after { background-image: url(../images/food_name_5.png); background-position: -800% -400%; }
.food-image.food.f450 { background-image: url(../images/food_5.jpg); background-position: -900% -400%; }
.food-image.name.f450::after { background-image: url(../images/food_name_5.png); background-position: -900% -400%; }
.food-image.food.f451 { background-image: url(../images/food_5.jpg); background-position: -0% -500%; }
.food-image.name.f451::after { background-image: url(../images/food_name_5.png); background-position: -0% -500%; }
.food-image.food.f452 { background-image: url(../images/food_5.jpg); background-position: -100% -500%; }
.food-image.name.f452::after { background-image: url(../images/food_name_5.png); background-position: -100% -500%; }
.food-image.food.f453 { background-image: url(../images/food_5.jpg); background-position: -200% -500%; }
.food-image.name.f453::after { background-image: url(../images/food_name_5.png); background-position: -200% -500%; }
.food-image.food.f454 { background-image: url(../images/food_5.jpg); background-position: -300% -500%; }
.food-image.name.f454::after { background-image: url(../images/food_name_5.png); background-position: -300% -500%; }
.food-image.food.f455 { background-image: url(../images/food_5.jpg); background-position: -400% -500%; }
.food-image.name.f455::after { background-image: url(../images/food_name_5.png); background-position: -400% -500%; }
.food-image.food.f456 { background-image: url(../images/food_5.jpg); background-position: -500% -500%; }
.food-image.name.f456::after { background-image: url(../images/food_name_5.png); background-position: -500% -500%; }
.food-image.food.f457 { background-image: url(../images/food_5.jpg); background-position: -600% -500%; }
.food-image.name.f457::after { background-image: url(../images/food_name_5.png); background-position: -600% -500%; }
.food-image.food.f458 { background-image: url(../images/food_5.jpg); background-position: -700% -500%; }
.food-image.name.f458::after { background-image: url(../images/food_name_5.png); background-position: -700% -500%; }
.food-image.food.f459 { background-image: url(../images/food_5.jpg); background-position: -800% -500%; }
.food-image.name.f459::after { background-image: url(../images/food_name_5.png); background-position: -800% -500%; }
.food-image.food.f460 { background-image: url(../images/food_5.jpg); background-position: -900% -500%; }
.food-image.name.f460::after { background-image: url(../images/food_name_5.png); background-position: -900% -500%; }
.food-image.food.f461 { background-image: url(../images/food_5.jpg); background-position: -0% -600%; }
.food-image.name.f461::after { background-image: url(../images/food_name_5.png); background-position: -0% -600%; }
.food-image.food.f462 { background-image: url(../images/food_5.jpg); background-position: -100% -600%; }
.food-image.name.f462::after { background-image: url(../images/food_name_5.png); background-position: -100% -600%; }
.food-image.food.f463 { background-image: url(../images/food_5.jpg); background-position: -200% -600%; }
.food-image.name.f463::after { background-image: url(../images/food_name_5.png); background-position: -200% -600%; }
.food-image.food.f464 { background-image: url(../images/food_5.jpg); background-position: -300% -600%; }
.food-image.name.f464::after { background-image: url(../images/food_name_5.png); background-position: -300% -600%; }
.food-image.food.f465 { background-image: url(../images/food_5.jpg); background-position: -400% -600%; }
.food-image.name.f465::after { background-image: url(../images/food_name_5.png); background-position: -400% -600%; }
.food-image.food.f466 { background-image: url(../images/food_5.jpg); background-position: -500% -600%; }
.food-image.name.f466::after { background-image: url(../images/food_name_5.png); background-position: -500% -600%; }
.food-image.food.f467 { background-image: url(../images/food_5.jpg); background-position: -600% -600%; }
.food-image.name.f467::after { background-image: url(../images/food_name_5.png); background-position: -600% -600%; }
.food-image.food.f468 { background-image: url(../images/food_5.jpg); background-position: -700% -600%; }
.food-image.name.f468::after { background-image: url(../images/food_name_5.png); background-position: -700% -600%; }
.food-image.food.f469 { background-image: url(../images/food_5.jpg); background-position: -800% -600%; }
.food-image.name.f469::after { background-image: url(../images/food_name_5.png); background-position: -800% -600%; }
.food-image.food.f470 { background-image: url(../images/food_5.jpg); background-position: -900% -600%; }
.food-image.name.f470::after { background-image: url(../images/food_name_5.png); background-position: -900% -600%; }
.food-image.food.f471 { background-image: url(../images/food_5.jpg); background-position: -0% -700%; }
.food-image.name.f471::after { background-image: url(../images/food_name_5.png); background-position: -0% -700%; }
.food-image.food.f472 { background-image: url(../images/food_5.jpg); background-position: -100% -700%; }
.food-image.name.f472::after { background-image: url(../images/food_name_5.png); background-position: -100% -700%; }
.food-image.food.f473 { background-image: url(../images/food_5.jpg); background-position: -200% -700%; }
.food-image.name.f473::after { background-image: url(../images/food_name_5.png); background-position: -200% -700%; }
.food-image.food.f474 { background-image: url(../images/food_5.jpg); background-position: -300% -700%; }
.food-image.name.f474::after { background-image: url(../images/food_name_5.png); background-position: -300% -700%; }
.food-image.food.f475 { background-image: url(../images/food_5.jpg); background-position: -400% -700%; }
.food-image.name.f475::after { background-image: url(../images/food_name_5.png); background-position: -400% -700%; }
.food-image.food.f476 { background-image: url(../images/food_5.jpg); background-position: -500% -700%; }
.food-image.name.f476::after { background-image: url(../images/food_name_5.png); background-position: -500% -700%; }
.food-image.food.f477 { background-image: url(../images/food_5.jpg); background-position: -600% -700%; }
.food-image.name.f477::after { background-image: url(../images/food_name_5.png); background-position: -600% -700%; }
.food-image.food.f478 { background-image: url(../images/food_5.jpg); background-position: -700% -700%; }
.food-image.name.f478::after { background-image: url(../images/food_name_5.png); background-position: -700% -700%; }
.food-image.food.f479 { background-image: url(../images/food_5.jpg); background-position: -800% -700%; }
.food-image.name.f479::after { background-image: url(../images/food_name_5.png); background-position: -800% -700%; }
.food-image.food.f480 { background-image: url(../images/food_5.jpg); background-position: -900% -700%; }
.food-image.name.f480::after { background-image: url(../images/food_name_5.png); background-position: -900% -700%; }
.food-image.food.f481 { background-image: url(../images/food_5.jpg); background-position: -0% -800%; }
.food-image.name.f481::after { background-image: url(../images/food_name_5.png); background-position: -0% -800%; }
.food-image.food.f482 { background-image: url(../images/food_5.jpg); background-position: -100% -800%; }
.food-image.name.f482::after { background-image: url(../images/food_name_5.png); background-position: -100% -800%; }
.food-image.food.f483 { background-image: url(../images/food_5.jpg); background-position: -200% -800%; }
.food-image.name.f483::after { background-image: url(../images/food_name_5.png); background-position: -200% -800%; }
.food-image.food.f484 { background-image: url(../images/food_5.jpg); background-position: -300% -800%; }
.food-image.name.f484::after { background-image: url(../images/food_name_5.png); background-position: -300% -800%; }
.food-image.food.f485 { background-image: url(../images/food_5.jpg); background-position: -400% -800%; }
.food-image.name.f485::after { background-image: url(../images/food_name_5.png); background-position: -400% -800%; }
.food-image.food.f486 { background-image: url(../images/food_5.jpg); background-position: -500% -800%; }
.food-image.name.f486::after { background-image: url(../images/food_name_5.png); background-position: -500% -800%; }
.food-image.food.f487 { background-image: url(../images/food_5.jpg); background-position: -600% -800%; }
.food-image.name.f487::after { background-image: url(../images/food_name_5.png); background-position: -600% -800%; }
.food-image.food.f488 { background-image: url(../images/food_5.jpg); background-position: -700% -800%; }
.food-image.name.f488::after { background-image: url(../images/food_name_5.png); background-position: -700% -800%; }
.food-image.food.f489 { background-image: url(../images/food_5.jpg); background-position: -800% -800%; }
.food-image.name.f489::after { background-image: url(../images/food_name_5.png); background-position: -800% -800%; }
.food-image.food.f490 { background-image: url(../images/food_5.jpg); background-position: -900% -800%; }
.food-image.name.f490::after { background-image: url(../images/food_name_5.png); background-position: -900% -800%; }
.food-image.food.f491 { background-image: url(../images/food_5.jpg); background-position: -0% -900%; }
.food-image.name.f491::after { background-image: url(../images/food_name_5.png); background-position: -0% -900%; }
.food-image.food.f492 { background-image: url(../images/food_5.jpg); background-position: -100% -900%; }
.food-image.name.f492::after { background-image: url(../images/food_name_5.png); background-position: -100% -900%; }
.food-image.food.f493 { background-image: url(../images/food_5.jpg); background-position: -200% -900%; }
.food-image.name.f493::after { background-image: url(../images/food_name_5.png); background-position: -200% -900%; }
.food-image.food.f494 { background-image: url(../images/food_5.jpg); background-position: -300% -900%; }
.food-image.name.f494::after { background-image: url(../images/food_name_5.png); background-position: -300% -900%; }
.food-image.food.f495 { background-image: url(../images/food_5.jpg); background-position: -400% -900%; }
.food-image.name.f495::after { background-image: url(../images/food_name_5.png); background-position: -400% -900%; }
.food-image.food.f496 { background-image: url(../images/food_5.jpg); background-position: -500% -900%; }
.food-image.name.f496::after { background-image: url(../images/food_name_5.png); background-position: -500% -900%; }
.food-image.food.f497 { background-image: url(../images/food_5.jpg); background-position: -600% -900%; }
.food-image.name.f497::after { background-image: url(../images/food_name_5.png); background-position: -600% -900%; }
.food-image.food.f498 { background-image: url(../images/food_5.jpg); background-position: -700% -900%; }
.food-image.name.f498::after { background-image: url(../images/food_name_5.png); background-position: -700% -900%; }
.food-image.food.f499 { background-image: url(../images/food_5.jpg); background-position: -800% -900%; }
.food-image.name.f499::after { background-image: url(../images/food_name_5.png); background-position: -800% -900%; }
.food-image.food.f500 { background-image: url(../images/food_5.jpg); background-position: -900% -900%; }
.food-image.name.f500::after { background-image: url(../images/food_name_5.png); background-position: -900% -900%; }



/* ==================== homework.css ==================== */

.homework {
	/* margin: 1em auto; */
}

.homework,
.homework a {
	display: grid;
	grid-gap: 0.5em;
	justify-items: center;
}

.homework h3 {
	margin: 0;
}

.homework h3 img {
	width: 12.5em;
}

.homework a {
	color: #006cd9;
	text-decoration: underline;
}

.homework a img {
	width: 15em;
}


@media (max-width: 640px) {
	.homework img {
		font-size: 5vw;
	}
	.homework a {
		font-size: 90%;
	}
}


@media (min-width: 641px) {
	.homework a {
		font-size: 70%;
	}
}



/* ==================== result-diet.css ==================== */

.result-diet, .result-diet::after,
.result-diet > *,
.result-diet > *::after {
  all: unset;
}
.result-diet {
  display: grid;
  justify-items: center;
  box-sizing: border-box;
  border: 4px solid #f8c1d5;
  border-radius: 1em;
  margin-inline: auto;
  padding: 1em;
  background: white;
}
@media (max-width: 640px) {
  .result-diet {
    grid-row-gap: 1em;
    width: 21.5em;
  }
}
@media (min-width: 641px) {
  .result-diet {
    grid-template-columns: 12em 18em;
    grid-column-gap: 1em;
    align-items: center;
    grid-template-areas: "figure ." "figure h2" "figure p" "figure a" "figure .";
  }
  .result-diet figure {
    grid-area: figure;
  }
  .result-diet h2 {
    grid-area: h2;
  }
  .result-diet p {
    grid-area: p;
  }
  .result-diet a {
    grid-area: a;
  }
}
.result-diet h2 {
  color: #e73272;
  font-weight: bold;
  color: #e73272;
}
@media (max-width: 640px) {
  .result-diet h2 {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .result-diet h2 {
    font-size: 70%;
  }
}
@media (max-width: 640px) {
  .result-diet figure img {
    width: 14em;
  }
}
@media (max-width: 640px) {
  .result-diet p {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .result-diet p {
    margin-block: 1.2em;
    font-size: 60%;
  }
}
.result-diet a {
  display: flex;
  column-gap: 0.4em;
  align-items: center;
  height: 2.4em;
  border-radius: 1.2em;
  padding: 0 1.6em;
  background: #e73272;
  color: white;
  font-weight: bold;
}
@media (max-width: 640px) {
  .result-diet a {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .result-diet a {
    font-size: 70%;
  }
}
.result-diet a::after {
  content: "";
  aspect-ratio: 1;
  width: 1em;
  background: url(../images/result_diet_arrow.svg) no-repeat center center/contain;
}



/* ==================== result-save.css ==================== */

.result-save {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 1em;
  justify-content: center;
  margin: 1.5em 0 0.5em;
}
.result-save::after {
  content: none;
}
.result-save button {
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
}
.result-save button img {
  width: auto;
  height: 2.75em;
}
@media (min-width: 641px) {
  .result-save .save_sp {
    display: none;
  }
}
@media (max-width: 640px) {
  .result-save .save_pc {
    display: none;
  }
}



/* ==================== retry-btns.css ==================== */

.retry-btns {
	display: grid;
	margin: 1em 0;
}
.retry-btns::after {
	content: none;
}

.retry-btns img {
	width: auto;
	height: 1.25em;
}


@media (max-width: 640px) {

	.retry-btns {
		padding: 0 1em;
		grid-gap: 1.25em;
	}

}


@media (min-width: 641px) {

	.retry-btns {
		grid-auto-flow: column;
		grid-gap: 1em;
	}

}



/* ==================== start-form.css ==================== */

.start-form {
  display: grid;
}
@media (max-width: 640px) {
  .start-form {
    grid-row-gap: 1.5em;
  }
}
@media (min-width: 641px) {
  .start-form {
    grid-template-columns: repeat(4, 10.5em);
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }
  .start-form::after {
    content: none;
  }
}
.start-form__box {
  display: grid;
  position: relative;
  border: none;
  border-radius: 0.5em;
  margin: 0;
  padding: 1em;
  background: white;
  transition: opacity 150ms;
}
.start-form__box:disabled {
  opacity: 0.4;
}
@media (max-width: 640px) {
  .start-form__box {
    grid-row-gap: 1em;
  }
}
@media (min-width: 641px) {
  .start-form__box {
    grid-row-gap: 0.5em;
    grid-template-rows: max-content;
    align-items: center;
  }
  .start-form__box::after {
    content: none;
  }
}
.start-form__box:not(:nth-of-type(4))::before {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  aspect-ratio: 1/2;
  background: linear-gradient(to left bottom, transparent 50%, white 50%) no-repeat left top/100% 50%, linear-gradient(to left top, transparent 50%, white 50%) no-repeat left bottom/100% 50%;
}
@media (max-width: 640px) {
  .start-form__box:not(:nth-of-type(4))::before {
    left: 50%;
    top: 100%;
    transform-origin: 0 0;
    transform: translateX(100%) rotate(90deg);
  }
}
@media (min-width: 641px) {
  .start-form__box:not(:nth-of-type(4))::before {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.start-form__box h3 {
  margin: 0;
  color: #006cd9;
  font-size: inherit;
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .start-form__box h3 {
    font-size: 130%;
  }
}
@media (min-width: 641px) {
  .start-form__box h3 {
    display: grid;
  }
}
.start-form__box h3 small {
  font-size: 75%;
}
@media (max-width: 640px) {
  .start-form__box h3 small {
    display: inline-block;
    margin-left: 0.1em;
  }
}
.start-form__field {
  display: grid;
  border: none;
  margin: 0;
  padding: 0;
}
.start-form__field:disabled {
  opacity: 0.2;
}
@media (max-width: 640px) {
  .start-form__field {
    grid-auto-flow: column;
    grid-auto-column: 1fr;
    grid-column-gap: 0.5em;
    font-size: 120%;
  }
}
@media (min-width: 641px) {
  .start-form__field {
    grid-row-gap: 0.5em;
  }
  .start-form__field::after {
    content: none;
  }
}
.start-form__field label,
.start-form__field select {
  all: unset;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.2;
}
.start-form__field label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-form__field--sex label, .start-form__field--age label, .start-form__field--mode label, .start-form__field--exercise label {
  height: 2.5em;
}
.start-form__field--sex2 {
  justify-content: center;
}
.start-form__field input[type=checkbox], .start-form__field input[type=radio] {
  visibility: hidden;
  position: fixed;
}
.start-form__field input[type=radio] + label,
.start-form__field select {
  box-shadow: 0 0 0 0.1em #ffe061 inset;
  border-radius: 0.5em;
  transition: box-shadow 150ms;
}
.start-form__field input[type=radio]:checked + label,
.start-form__field select.selected {
  box-shadow: 0 0 0 0.15em #ff9900 inset;
}
.start-form__field input[type=checkbox] + label {
  gap: 0.25em;
  justify-content: start;
}
.start-form__field input[type=checkbox] + label::before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  border: 0.1em solid #ffe061;
  border-radius: 0.25em;
}
.start-form__field input[type=checkbox] + label span {
  font-size: smaller;
}
.start-form__field input[type=checkbox]:checked + label::before {
  background: #ff9900 url(../images/icon_check.svg) no-repeat center center/80%;
  border-color: #ff9900;
}
.start-form__field select {
  padding: 0.75em;
  padding-right: 2em;
  background: url(../images/selectform_dropdown.svg) no-repeat right 0.75em center/1em;
}
@media (min-width: 641px) {
  .start-form__notes {
    grid-column: 1/5;
    justify-self: center;
  }
}
.start-form__notes ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 640px) {
  .start-form__notes ul {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .start-form__notes ul {
    font-size: 60%;
  }
}
.start-form__notes ul li {
  display: flex;
  column-gap: 0.2em;
}
@media (min-width: 641px) {
  .start-form__submit {
    grid-column: 1/5;
    justify-self: center;
  }
}



/* ==================== top-guide.css ==================== */

.top-guide {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  margin: 2em auto;
}
.top-guide::after {
  content: none;
}
.top-guide > a,
.top-guide > button {
  all: unset;
  cursor: pointer;
}
.top-guide > a img,
.top-guide > button img {
  width: auto;
  max-width: none;
}
@media (max-width: 640px) {
  .top-guide > a img,
  .top-guide > button img {
    height: 2.8em;
  }
}
@media (min-width: 641px) {
  .top-guide > a img,
  .top-guide > button img {
    height: 3em;
  }
}
@media (max-width: 640px) {
  .top-guide {
    grid-column-gap: 1em;
  }
}
@media (min-width: 641px) {
  .top-guide {
    grid-column-gap: 1.5em;
  }
}



/* ==================== check-base/check-base.css ==================== */

.check-base {
  display: flex;
  flex-direction: column;
  margin: 1em auto;
  background: #fff585;
}
@media (max-width: 640px) {
  .check-base {
    padding: 1.5em 1em;
  }
}
@media (min-width: 641px) {
  .check-base {
    align-items: center;
    box-sizing: border-box;
    border-radius: 1em;
    padding: 1.5em 0;
  }
}
.check-base.start {
  margin-top: 0;
}
@media (max-width: 640px) {
  .check-base.start {
    padding-top: 2.8em;
  }
}
@media (min-width: 641px) {
  .check-base.start {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 2.5em;
  }
}
@media (min-width: 641px) {
  .check-base.select {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (max-width: 640px) {
  .check-base.error {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media (min-width: 641px) {
  .check-base.error {
    width: 20em;
  }
}
@media (min-width: 641px) {
  .check-base.result {
    width: 40em;
  }
}



/* ==================== check-base/check-category-cap.css ==================== */

.check-base .check-category-cap {
	margin: 1.25em auto 0.75em;
}


@media (max-width: 640px) {
	.check-base .check-category-cap img {
		font-size: 5vw;
	}
}



/* ==================== check-base/check-pager.css ==================== */

.check-base .check-pager {
	margin: 3em 0 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.check-base .check-pager::after {
	content: none;
}

@media (max-width: 640px) {
	.check-base .check-pager {
	}
}


@media (min-width: 641px) {
	.check-base .check-pager {
		width: 20em;
		margin-left: auto;
		margin-right: auto;
	}
}



/* ==================== check-base/check-step.css ==================== */

.check-base .check-step:empty {
	display: none;
}


@media (max-width: 640px) {
	.check-base .check-step {
		align-self: center;
	}
	.check-base .check-step img {
		width: 21em !important;
	}
}



/* ==================== check-base/check-title.css ==================== */

.check-base .check-title {
	margin: 1em auto 0;
}
.check-base .check-title:first-child {
	margin-top: 0;
}


@media (max-width: 640px) {
	.check-base .check-title {
		font-size: 120%;
	}
}


@media (min-width: 641px) {
	.check-base .check-title {
		font-size: inherit;
	}
}



/* ==================== check-base/guide.css ==================== */

.check-base .guide {
	background: rgba(255,255,255,0.6);
	border-radius: 0.5em;
	margin-top: 1em;
	padding: 1em;
}

.check-base .guide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #e06100;
}

.check-base .guide li {
	display: flex;
	line-height: 1.4;
}
.check-base .guide li:nth-of-type(n+2) {
	margin-top: 0.5em;
}
.check-base .guide li::before {
	content: '★';
	margin-right: 0.5em;
	color: #ff9900;
}


@media (max-width: 640px) {
	.check-base .guide ul {
		font-size: 90%;
	}
}


@media (min-width: 641px) {
	.check-base .guide ul {
		font-size: 70%;
	}
}



/* ==================== check-base/&.result/miraful-reipe.css ==================== */

.check-base.result .miraful-recipe {
  display: grid;
  justify-items: center;
  border-radius: 1.5em;
  border: 0.4em solid #f8c1d5;
  margin: 1em auto;
  padding: 1.25em;
  background: white;
}
@media (max-width: 640px) {
  .check-base.result .miraful-recipe {
    grid-row-gap: 1.5em;
    grid-column-gap: 1em;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "title title" "pic ." "pic name" "pic text" "pic ." "link link";
  }
}
@media (min-width: 641px) {
  .check-base.result .miraful-recipe {
    align-items: center;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: repeat(2, 14.5em);
    grid-template-areas: "title title" "pic ." "pic name" "pic text" "pic link" "pic .";
    box-sizing: border-box;
  }
  .check-base.result .miraful-recipe::after {
    content: none;
  }
}
.check-base.result .miraful-recipe * {
  margin: 0;
}
.check-base.result .miraful-recipe__title {
  grid-area: title;
}
.check-base.result .miraful-recipe__pic {
  grid-area: pic;
}
.check-base.result .miraful-recipe__name {
  grid-area: name;
}
.check-base.result .miraful-recipe__text {
  grid-area: text;
}
.check-base.result .miraful-recipe__link {
  grid-area: link;
}
@media (max-width: 640px) {
  .check-base.result .miraful-recipe__title {
    width: 90%;
  }
}
@media (min-width: 641px) {
  .check-base.result .miraful-recipe__title img {
    width: 28em;
  }
}
.check-base.result .miraful-recipe__pic img {
  border-radius: 0.2em;
}
@media (max-width: 640px) {
  .check-base.result .miraful-recipe__pic img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}
.check-base.result .miraful-recipe__name {
  background: linear-gradient(to bottom, white 60%, #fff33f 60%, #fff33f) repeat-y center bottom/100% 1.3em;
  line-height: 1.3em;
}
@media (max-width: 640px) {
  .check-base.result .miraful-recipe__name {
    white-space: pre-line;
    font-size: 1em;
  }
}
@media (min-width: 641px) {
  .check-base.result .miraful-recipe__name {
    font-size: 0.75em;
    white-space: no-wrap;
  }
}
@media (max-width: 640px) {
  .check-base.result .miraful-recipe__text {
    font-size: 0.8em;
  }
}
@media (min-width: 641px) {
  .check-base.result .miraful-recipe__text {
    font-size: 0.7em;
  }
}
.check-base.result .miraful-recipe__link img {
  width: 7.7em;
}



/* ==================== check-base/&.result/result-foods.css ==================== */

.check-base.result .result-foods dl {
	overflow: hidden;
	border: 2px solid #ceeb4c;
	border-radius: 1em;
	margin: 1em auto;
	background: #ceeb4c;
}

.check-base.result .result-foods dt {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ceeb4c;
	line-height: 0;
}

.check-base.result .result-foods dd {
	margin: 0;
	padding: 0.5em;
	background: white;
}

.check-base.result .result-foods dd .image[data-count="1/4"],
.check-base.result .result-foods dd .image[data-count="1/2"],
.check-base.result .result-foods dd .image[data-count="1/3"] {
	position: relative;
}
.check-base.result .result-foods dd .image[data-count="1/4"]::before,
.check-base.result .result-foods dd .image[data-count="1/2"]::before,
.check-base.result .result-foods dd .image[data-count="1/3"]::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center center / contain;
}
.check-base.result .result-foods dd .image[data-count="1/4"]::before { background-image: url(../images/food_mask_025.png); }
.check-base.result .result-foods dd .image[data-count="1/2"]::before { background-image: url(../images/food_mask_05.png); }
.check-base.result .result-foods dd .image[data-count="1/3"]::before { background-image: url(../images/food_mask_033.png); }

.check-base.result .result-foods dd .image[data-count="1/4"] .food-image,
.check-base.result .result-foods dd .image[data-count="1/2"] .food-image,
.check-base.result .result-foods dd .image[data-count="1/3"] .food-image {
	transform-origin: center top;
	transform: scale(0.8);
}


@media (max-width: 640px) {
	.check-base.result .result-foods dl {
		width: 21.5em;
		display: grid;
		grid-template-columns: 2em auto;
		align-items: stretch;
	}

	.check-base.result .result-foods.mode1 dl {
		grid-template-columns: 1fr;
		grid-template-rows: 2em auto;
	}

	.check-base.result .result-foods dt {
		padding: 0.5em 0;
	}

	.check-base.result .result-foods dt:nth-last-of-type(n+2) {
		border-bottom: 2px solid white;
	}

	.check-base.result .result-foods dt img {
		font-size: 5.5vw;
	}

	.check-base.result .result-foods dd {
		display: flex;
		flex-wrap: wrap;
	}
	.check-base.result .result-foods dd:nth-last-of-type(n+2) {
		border-bottom: 2px solid #ceeb4c;
	}
	.check-base.result .result-foods dd .image {
		width: 18%;
		margin: 1%;
	}
}


@media (min-width: 641px) {
	.check-base.result .result-foods dl {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: stretch;
	}

	.check-base.result .result-foods dl::after {
		content: none;
	}

	.check-base.result .result-foods.mode1 dl {
		grid-template-columns: 1fr;
		max-width: 36em;
	}
	.check-base.result .result-foods.mode2 dl {
		width: 36em;
	}

	.check-base.result .result-foods dt {
		grid-row: 1;
		height: 1.5em;
		padding: 0 1em;
	}

	.check-base.result .result-foods dt:nth-last-of-type(n+2) {
		border-right: 2px solid white;
	}

	.check-base.result .result-foods dd:nth-last-of-type(n+2) {
		border-right: 2px solid #ceeb4c;
	}

	.check-base.result .result-foods dd .image {
		display: inline-block;
	}
	.check-base.result .result-foods dd .image::after {
		content: none;
	}

	.check-base.result .result-foods.mode1 dd {
		text-align: center;
	}
	.check-base.result .result-foods.mode1 dd .image {
		width: 3em;
		margin: 0.25em;
	}
	.check-base.result .result-foods.mode2 dd .image {
		width: 30%;
		margin: 1.5%;
	}

	/* IE */
	.IE .check-base.result .result-foods dl {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}
	.IE .check-base.result .result-foods.mode1 dl {
		-ms-grid-columns: 1fr;
	}

	.IE .check-base.result .result-foods dt:nth-of-type(1) {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.IE .check-base.result .result-foods dd:nth-of-type(1) {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.IE .check-base.result .result-foods dt:nth-of-type(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.IE .check-base.result .result-foods dd:nth-of-type(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.IE .check-base.result .result-foods dt:nth-of-type(3) {
		-ms-grid-column: 3;
		-ms-grid-row: 1;
	}
	.IE .check-base.result .result-foods dd:nth-of-type(3) {
		-ms-grid-column: 3;
		-ms-grid-row: 2;
	}
	.IE .check-base.result .result-foods dt:nth-of-type(4) {
		-ms-grid-column: 4;
		-ms-grid-row: 1;
	}
	.IE .check-base.result .result-foods dd:nth-of-type(4) {
		-ms-grid-column: 4;
		-ms-grid-row: 2;
	}

	.IE .check-base.result .result-foods.mode2 dd img {
		width: 2.3em;
	}

}



/* ==================== check-base/&.result/result-head.css ==================== */

.result-head {
  display: grid;
  justify-items: center;
  grid-row-gap: 0.5em;
  font-weight: bold;
}
@media (max-width: 640px) {
  .result-head {
    flex-direction: column;
    font-size: 120%;
  }
}
@media (min-width: 641px) {
  .result-head {
    font-size: 90%;
  }
}
.result-head .params {
  display: grid;
  grid-auto-flow: column;
}
.result-head .params > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 2.5em;
}
.result-head .params > span:nth-of-type(1) {
  color: white;
  border-radius: 1.25em 0 0 1.25em;
}
.result-head.result-head--sex1 .params > span:nth-of-type(1) {
  background: #004fbd;
}

.result-head.result-head--sex2 .params > span:nth-of-type(1) {
  background: #ff6eda;
}

.result-head .params > span:nth-of-type(2) {
  background: white;
  border-radius: 0 1.25em 1.25em 0;
}
.result-head.result-head--sex1 .params > span:nth-of-type(2) {
  color: #004fbd;
}

.result-head.result-head--sex2 .params > span:nth-of-type(2) {
  color: #ff6eda;
}

.result-head .exercise {
  font-size: smaller;
}
.result-head.result-head--sex1 .exercise {
  color: #004fbd;
}

.result-head.result-head--sex2 .exercise {
  color: #ff6eda;
}



/* ==================== check-base/&.result/result-notes.css ==================== */

.result-notes {
	margin-top: 1em;
}

.result-notes ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.result-notes li {
	display: flex;
	color: rgba(0,0,0,0.6);
}

.result-notes li span {
	margin-right: 0.1em;
}

.result-notes li:nth-of-type(n+2) {
	margin-top: 1em;
}


@media (max-width: 640px) {
	.result-notes {
		padding: 0 0.5em;
	}
	.result-notes li {
		font-size: 80%;
	}
}


@media (min-width: 641px) {
	.result-notes {
		width: 36em;
	}
	.result-notes li {
		font-size: 60%;
	}
}



/* ==================== check-base/&.result/recommends/@.css ==================== */

.check-base.result .recommends {
	display: grid;
	grid-gap: 1.5em;
}


@media (max-width: 640px) {

	.check-base.result .recommends {
		margin: 1em -1em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends {
		margin: 1em 0;
	}

}



/* ==================== check-base/&.result/recommends/@reset.css ==================== */

.check-base.result .recommends h1,
.check-base.result .recommends h2,
.check-base.result .recommends h3,
.check-base.result .recommends h4,
.check-base.result .recommends h5 {
	margin: 0;
	font-size: inherit;
}

.check-base.result .recommends p,
.check-base.result .recommends figure {
	margin: 0;
}

.check-base.result .recommends::after,
.check-base.result .recommends div::after,
.check-base.result .recommends dl::after,
.check-base.result .recommends ul::after {
	content: none;
}

.check-base.result .recommends ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/* ==================== check-base/&.result/recommends/@vars.css ==================== */

.check-base.result .recommends {

	--orange: #ff5e00;
	--blue: #006cd9;


}


@media (max-width: 640px) {

	.check-base.result .recommends {
		--size-s:  80%;
		--size-m:  90%;
		--size-l:  100%;
		--size-ll:  120%;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends {
		--size-s:  60%;
		--size-m:  65%;
		--size-l:  75%;
		--size-ll:  100%;
	}

}



/* ==================== check-base/&.result/recommends/nutlist.css ==================== */

.check-base.result .recommends .nutlist ul {
  display: grid;
  grid-gap: 1em;
}
@media (min-width: 641px) {
  .check-base.result .recommends .nutlist ul {
    align-items: start;
  }
  .check-base.result .recommends .nutlist ul.num1 {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .check-base.result .recommends .nutlist ul.num2 {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .check-base.result .recommends .nutlist ul.num3 {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .check-base.result .recommends .nutlist ul.num1 {
    width: 20em;
  }
  .check-base.result .recommends .nutlist ul.num4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .check-base.result .recommends .nutlist ul.num5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .check-base.result .recommends .nutlist ul.num6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.check-base.result .recommends .nutlist ul li {
  display: grid;
  grid-gap: 0.5em;
  align-content: start;
  align-items: center;
  justify-items: center;
  border-radius: 1em;
  padding: 1.25em;
  background: white;
}
.check-base.result .recommends .nutlist ul li h3 {
  grid-area: h3;
}
.check-base.result .recommends .nutlist ul li figure {
  grid-area: figure;
}
.check-base.result .recommends .nutlist ul li > p {
  grid-area: p;
}
.check-base.result .recommends .nutlist ul li .detail {
  grid-area: detail;
}
@media (max-width: 640px) {
  .check-base.result .recommends .nutlist ul li {
    grid-template-columns: 1fr 10em;
    grid-template-areas: "h3 figure" "p p" "detail detail";
  }
}
@media (min-width: 641px) {
  .check-base.result .recommends .nutlist ul li {
    grid-template-rows: subgrid;
  }
  .check-base.result .recommends .nutlist ul.num1 li {
    grid-template-columns: 1fr 10em;
    grid-template-areas: "h3 figure" "p p";
  }
  .check-base.result .recommends .nutlist ul.num2 li {
    grid-template-columns: 1fr 10em;
    grid-template-areas: "h3 figure" "p p";
  }
  .check-base.result .recommends .nutlist ul.num4 li {
    grid-template-columns: 1fr 10em;
    grid-template-areas: "h3 figure" "p p";
  }
  .check-base.result .recommends .nutlist ul.num3 li {
    padding: 1em;
    grid-template-columns: 1fr;
    grid-template-areas: "h3" "figure" "p";
  }
  .check-base.result .recommends .nutlist ul.num5 li {
    padding: 1em;
    grid-template-columns: 1fr;
    grid-template-areas: "h3" "figure" "p";
  }
  .check-base.result .recommends .nutlist ul.num6 li {
    padding: 1em;
    grid-template-columns: 1fr;
    grid-template-areas: "h3" "figure" "p";
  }
  .check-base.result .recommends .nutlist ul.num1 li {
    grid-row: span 3;
    grid-template-areas: "h3 figure" "p p" "detail detail";
  }
  .check-base.result .recommends .nutlist ul.num2 li {
    grid-row: span 3;
    grid-template-areas: "h3 figure" "p p" "detail detail";
  }
  .check-base.result .recommends .nutlist ul.num4 li {
    grid-row: span 3;
    grid-template-areas: "h3 figure" "p p" "detail detail";
  }
  .check-base.result .recommends .nutlist ul.num3 li {
    grid-row: span 4;
    grid-template-areas: "h3" "figure" "p" "detail";
  }
  .check-base.result .recommends .nutlist ul.num5 li {
    grid-row: span 4;
    grid-template-areas: "h3" "figure" "p" "detail";
  }
  .check-base.result .recommends .nutlist ul.num6 li {
    grid-row: span 4;
    grid-template-areas: "h3" "figure" "p" "detail";
  }
}
.check-base.result .recommends .nutlist ul li h3 {
  font-size: var(--size-ll);
}
.check-base.result .recommends .nutlist_lack ul li h3 {
  color: var(--orange);
}

.check-base.result .recommends .nutlist_over ul li h3 {
  color: var(--blue);
}

.check-base.result .recommends .nutlist ul li p {
  font-size: var(--size-m);
  line-height: 1.6;
}
.check-base.result .recommends .nutlist ul li .detail {
  display: grid;
  grid-row-gap: 0.5em;
  justify-items: center;
}
@media (min-width: 641px) {
  .check-base.result .recommends .nutlist ul li .detail {
    align-self: start;
  }
}
.check-base.result .recommends .nutlist ul li .detail button {
  all: unset;
  cursor: pointer;
}
@media (max-width: 640px) {
  .check-base.result .recommends .nutlist ul li .detail button img {
    width: 8em;
  }
}
@media (min-width: 641px) {
  .check-base.result .recommends .nutlist ul li .detail button img {
    width: 5.8em;
  }
}
.check-base.result .recommends .nutlist ul li .detail:is(.open) button img.open {
  display: none;
}

.check-base.result .recommends .nutlist ul li .detail:not(.open) button img.close {
  display: none;
}

.check-base.result .recommends .nutlist ul li .detail:not(.open) p {
  display: none;
}



/* ==================== check-base/&.result/recommends/good/@.css ==================== */

.check-base.result .recommends .good {
	display: grid;
	grid-gap: 1.5em;
	position :relative;
	background: #55cc00;
}


@media (max-width: 640px) {

	.check-base.result .recommends .good {
		padding: 2em 1em 1.5em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .good {
		padding: 1.5em;
	}

}



/* ==================== check-base/&.result/recommends/good/> div/<h2>.css ==================== */

.check-base.result .recommends .good > div h2 {
	position: relative;
}

.check-base.result .recommends .good > div h2 img {
	font-size: var(--size-m);
	height: 3.5em;
}

.check-base.result .recommends .good > div h2::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	aspect-ratio: 66/41;
	width: 3.3em;
	transform: translate(-50%, -50%);
	background: url(../images/recommend_good_cap_good.svg) no-repeat left top / contain;
}



/* ==================== check-base/&.result/recommends/good/> div/<p>.css ==================== */

.check-base.result .recommends .good > div p {
	font-size: var(--size-m);
}



/* ==================== check-base/&.result/recommends/good/> div/@.css ==================== */

.check-base.result .recommends .good > div {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
	position: relative;
	padding: 0 1em 1em;
}

.check-base.result .recommends .good > div::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-radius: 1em;
	background: white;
}

.check-base.result .recommends .good > div > * {
	position: relative;
}


@media (max-width: 640px) {

	.check-base.result .recommends .good > div::before {
		height: calc(100% - 1.5em);
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .good > div::before {
		height: calc(100% - 1em);
	}

}



/* ==================== check-base/&.result/recommends/lack/<h2>.css ==================== */

.check-base.result .recommends .lack h2 {
	margin-bottom: -0.5em;
}

.check-base.result .recommends .lack h2 img {
	height: 3em;
}



/* ==================== check-base/&.result/recommends/lack/@.css ==================== */

.check-base.result .recommends .lack {
	position: relative;
	display: grid;
	grid-gap: 1.5em;
	justify-items: center;
}

.check-base.result .recommends .lack::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 1em);
	background: #4dbcff;
}

.check-base.result .recommends .lack > * {
	position: relative;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack {
		padding: 0 1em 1.5em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack {
		padding: 0 1.5em 1.5em;
	}

}



/* ==================== check-base/&.result/recommends/lack/hitokuti-link.css ==================== */

.check-base.result .recommends .lack .hitokuti-link img {
	width: 20em;
}



/* ==================== check-base/&.result/recommends/lack/recipes/<h3>.css ==================== */

.check-base.result .recommends .lack .recipes h3 {
	margin-bottom: 1em;
	line-height: 0;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack .recipes h3 img {
		width: 14em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack .recipes h3 img {
		width :11.5em;
	}

}



/* ==================== check-base/&.result/recommends/lack/recipes/@.css ==================== */

.check-base.result .recommends .lack .recipes {
	display: grid;
	justify-items: center;
	margin-top: 1em;
}



/* ==================== check-base/&.result/recommends/lack/recipes/recipe.css ==================== */

.check-base.result .recommends .lack .recipes:not([data-selectedid="1"]) .recipe[data-mealtime="1"],
.check-base.result .recommends .lack .recipes:not([data-selectedid="2"]) .recipe[data-mealtime="2"],
.check-base.result .recommends .lack .recipes:not([data-selectedid="3"]) .recipe[data-mealtime="3"],
.check-base.result .recommends .lack .recipes:not([data-selectedid="4"]) .recipe[data-mealtime="4"] {
	display: none;
}



/* ==================== check-base/&.result/recommends/lack/recipes/<nav>/<button>.css ==================== */

.check-base.result .recommends .lack .recipes nav button {
	border: none;
	border-radius: 1em 1em 0 0;
	margin: 0;
	background: white;
	cursor: pointer;
	line-height: 0;
}

.check-base.result .recommends .lack .recipes:not([data-selectedid="1"]) nav button:nth-of-type(1),
.check-base.result .recommends .lack .recipes:not([data-selectedid="2"]) nav button:nth-of-type(2),
.check-base.result .recommends .lack .recipes:not([data-selectedid="3"]) nav button:nth-of-type(3),
.check-base.result .recommends .lack .recipes:not([data-selectedid="4"]) nav button:nth-of-type(4) {
	background: rgba(255,255,255,0.7);
}


.check-base.result .recommends .lack .recipes nav button img {
	height: 0.75em;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack .recipes nav button {
		padding: 1em 0.5em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack .recipes nav button {
		padding: 1.25em;
	}

}



/* ==================== check-base/&.result/recommends/lack/recipes/<nav>/@.css ==================== */

.check-base.result .recommends .lack .recipes nav {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	justify-content: center;
	margin-bottom: -1px;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack .recipes nav {
		grid-gap: 0.25em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack .recipes nav {
		grid-gap: 0.75em;
	}

}



/* ==================== check-base/&.result/recommends/lack/recipes/body/@.css ==================== */

.check-base.result .recommends .lack .recipes .body {
	background: white;
	border-radius: 1em;
	padding: 1.25em;
	background: white;
}



/* ==================== check-base/&.result/recommends/lack/recipes/body/nut/<h4>.css ==================== */

.check-base.result .recommends .lack .recipes .body .nut h4 {
	font-size: var(--size-l);
}

.check-base.result .recommends .lack .recipes .body .nut h4 strong {
	color: var(--orange);
	font-size: 125%;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack .recipes .body .nut h4 {
		display: grid;
		justify-items: center;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack .recipes .body .nut h4 strong {
		padding-right: 0.1em;
	}

}



/* ==================== check-base/&.result/recommends/lack/recipes/body/nut/> p.css ==================== */

.check-base.result .recommends .lack .recipes .body .nut > p {
	font-size: var(--size-m);
}



/* ==================== check-base/&.result/recommends/lack/recipes/body/nut/@.css ==================== */

.check-base.result .recommends .lack .recipes .body .nut {
	display: grid;
	grid-gap: 0.75em;
	justify-items: center;
}

.check-base.result .recommends .lack .recipes .body .nut:nth-of-type(n+2) {

	margin-top: 1em;
	padding-top: 1em;
	background: linear-gradient(to right, #82d0ff 40%, transparent 40%) repeat-x left top / 6px 2px;

}



/* ==================== check-base/&.result/recommends/lack/recipes/body/nut/advice.css ==================== */

.check-base.result .recommends .lack .recipes .body .nut .advice {
	display: grid;
	position: relative;
	justify-items: center;
	margin-top: 0.25em;
}

.check-base.result .recommends .lack .recipes .body .nut .advice[data-has_advice="0"] {
	display: none;
}

.check-base.result .recommends .lack .recipes .body .nut .advice > * {
	position: relative;
}

.check-base.result .recommends .lack .recipes .body .nut .advice::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 0.75em);
	border-radius: 0.5em;
	background: #DBF2FF;
}

.check-base.result .recommends .lack .recipes .body .nut .advice h5 {
	display: grid;
	align-items: center;
	justify-content: center;
	padding: 0 1.25em;
	height: 2.4em;
	border-radius: 1.2em;
	background: var(--blue);
	color: white;
	line-height: 1.3;
}

.check-base.result .recommends .lack .recipes .body .nut .advice p {
	color: var(--blue);
	padding: 1em;
}


@media (max-width: 640px) {

	.check-base.result .recommends .lack .recipes .body .nut .advice h5,
	.check-base.result .recommends .lack .recipes .body .nut .advice p {
		font-size: var(--size-s);
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .lack .recipes .body .nut .advice h5,
	.check-base.result .recommends .lack .recipes .body .nut .advice p {
		font-size: var(--size-m);
	}

}



/* ==================== check-base/&.result/recommends/over/<h2>.css ==================== */

.check-base.result .recommends .over h2 {
	margin-bottom: -0.5em;
}

.check-base.result .recommends .over h2 img {
	height: 3em;
}



/* ==================== check-base/&.result/recommends/over/@.css ==================== */

.check-base.result .recommends .over {
	position: relative;
	display: grid;
	grid-gap: 1.5em;
	justify-items: center;
}

.check-base.result .recommends .over::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 1em);
	background: #ff5e00;
}

.check-base.result .recommends .over > * {
	position: relative;
}


@media (max-width: 640px) {

	.check-base.result .recommends .over {
		padding: 0 1em 1.5em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .over {
		padding: 0 1.5em 1.5em;
	}

}



/* ==================== check-base/&.result/recommends/over/advices/@.css ==================== */

.check-base.result .recommends .over .advices {
	display: grid;
	border-radius: 1em;
	padding: 1.25em;
	background: white;
}

.check-base.result .recommends .over .advices:empty {
	display: none;
}



/* ==================== check-base/&.result/recommends/over/advices/> div/<h3>.css ==================== */

.check-base.result .recommends .over .advices > div h3 {
	display: grid;
	font-size: var(--size-l);
}

.check-base.result .recommends .over .advices > div h3 strong {
	color: var(--blue);
	font-size: 150%;
}


@media (max-width: 640px) {

	.check-base.result .recommends .over .advices > div h3 {
		justify-items: center;
	}

}



/* ==================== check-base/&.result/recommends/over/advices/> div/<p>.css ==================== */

.check-base.result .recommends .over .advices > div p {
	font-size: var(--size-m);
	line-height: 1.6;
}



/* ==================== check-base/&.result/recommends/over/advices/> div/@.css ==================== */

.check-base.result .recommends .over .advices > div {
	display: grid;
	align-items: center;
}

.check-base.result .recommends .over .advices > div:nth-of-type(n+2) {
	margin-top: 1em;
	padding-top: 1em;
	background: linear-gradient(to right, #82d0ff 40%, transparent 40%) repeat-x left top / 6px 2px;
}


@media (max-width: 640px) {

	.check-base.result .recommends .over .advices > div {
		grid-gap: 0.75em;
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .over .advices > div {
		grid-template-columns: 12em 1fr;
	}

}



/* ==================== check-base/&.result/recommends/over/reduce-salt/<h3>.css ==================== */

.check-base.result .recommends .over .reduce-salt h3 img {
	height: 2.4em;
}



/* ==================== check-base/&.result/recommends/over/reduce-salt/@.css ==================== */

.check-base.result .recommends .over .reduce-salt {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
	position: relative;
	padding: 0 1.25em 1.25em;
}

.check-base.result .recommends .over .reduce-salt::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 1em);
	border-radius: 1em;
	background: white;
}

.check-base.result .recommends .over .reduce-salt > * {
	position: relative;
}



/* ==================== check-base/&.result/recommends/over/reduce-salt/recipe-feature.css ==================== */

.check-base.result .recommends .over .reduce-salt .recipe-feature {
	display: grid;
	grid-gap: 0.5em;
	justify-items: center;
	margin: 0.75em;
}

.check-base.result .recommends .over .reduce-salt .recipe-feature h4 img { width: 6.5em; }
.check-base.result .recommends .over .reduce-salt .recipe-feature a img { width: 14em; }



/* ==================== check-base/&.result/recommends/over/reduce-salt/<ul>/@.css ==================== */

.check-base.result .recommends .over .reduce-salt ul {
	display: grid;
	grid-gap: 0.5em;
}


@media (min-width: 641px) {

	.check-base.result .recommends .over .reduce-salt ul {
		grid-template-columns: repeat(2, 1fr);
	}

}



/* ==================== check-base/&.result/recommends/over/reduce-salt/<ul>/<li>/<h4>.css ==================== */

.check-base.result .recommends .over .reduce-salt ul li h4 {
	display: grid;
	justify-items: center;
	font-size: var(--size-l);
	color: var(--orange);
	line-height: 1.3;
}



/* ==================== check-base/&.result/recommends/over/reduce-salt/<ul>/<li>/<img>.css ==================== */

.check-base.result .recommends .over .reduce-salt ul li img {
	width: 5em;
}



/* ==================== check-base/&.result/recommends/over/reduce-salt/<ul>/<li>/<p>.css ==================== */

.check-base.result .recommends .over .reduce-salt ul li p {
	font-size: var(--size-m);
}

.check-base.result .recommends .over .reduce-salt ul li p strong {
	color: var(--blue);
}



/* ==================== check-base/&.result/recommends/over/reduce-salt/<ul>/<li>/@.css ==================== */

.check-base.result .recommends .over .reduce-salt ul li {
	display: grid;
	grid-gap: 0.5em 0.75em;
	align-items: center;
	border-radius: 0.5em;
	padding: 1em;
	background: #FFF8A9;
}

.check-base.result .recommends .over .reduce-salt ul li h4 { grid-area: h4; }
.check-base.result .recommends .over .reduce-salt ul li img { grid-area: img; }
.check-base.result .recommends .over .reduce-salt ul li p { grid-area: p; }


@media (max-width: 640px) {

	.check-base.result .recommends .over .reduce-salt ul li {
		grid-template-columns: 1fr max-content;
		grid-template-areas:
		'h4 img'
		'p p';
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .over .reduce-salt ul li {
		grid-template-areas:
		'h4 h4'
		'img p';
	}

	.check-base.result .recommends .over .reduce-salt ul li:first-child {
		grid-column: span 2;
	}

}



/* ==================== check-base/&.result/recommends/recipe-list/@.css ==================== */

.check-base.result .recommends .recipe-list {
	display: grid;
	grid-gap: 0.75em;
}


@media (max-width: 640px) {

	.check-base.result .recommends .recipe-list {
		grid-template-columns: repeat(2, 1fr);
	}

}


@media (min-width: 641px) {

	.check-base.result .recommends .recipe-list {
		grid-template-columns: repeat(4, 1fr);
	}

}



/* ==================== check-base/&.result/recommends/recipe-list/<article>/<figure>.css ==================== */

.check-base.result .recommends .recipe-list article figure img {
	border-radius: 2px;
	aspect-ratio: 4/3;
	object-fit: cover;
}



/* ==================== check-base/&.result/recommends/recipe-list/<article>/<h1>.css ==================== */

.check-base.result .recommends .recipe-list article h1 {
	font-size: var(--size-s);
	font-weight: normal;
	line-height: 1.3;
}



/* ==================== check-base/&.result/recommends/recipe-list/<article>/<ul>.css ==================== */

.check-base.result .recommends .recipe-list article ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 0.25em;
	justify-content: center;
	font-size: var(--size-m);
	line-height: 0;

}

.check-base.result .recommends .recipe-list article ul img {
	height: 1.25em;
	font-size: inherit;
}



/* ==================== check-base/&.result/recommends/recipe-list/<article>/@.css ==================== */

.check-base.result .recommends .recipe-list article {
	display: grid;
	grid-gap: 0.5em;
	justify-items: center;
	align-content: start;
}

.check-base.result .recommends .recipe-list article a {
	color: inherit;
	text-decoration: none;
}



/* ==================== check-base/&.result/result-table/<h3>.css ==================== */

.check-base.result .result-table h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 3em;
	border: solid #fff585;
	border-width: 0 2px 2px 0;
	margin: 0;
	background: #006cd9;
	color: white;
	font-size: inherit;
}



/* ==================== check-base/&.result/result-table/@.css ==================== */

.check-base.result .result-table {
	border: solid #fff585;
	border-width: 2px 0 0 2px;
	margin: 0 auto;
}


@media (max-width: 640px) {
	.check-base.result .result-table {
		width: 21.5em;
		font-size: 100%;
	}
}


@media (min-width: 641px) {
	.check-base.result .result-table {
		width: 43em;
		font-size: 85%;
	}
}



/* ==================== check-base/&.result/result-table/table-row.css ==================== */

.check-base.result .result-table .table-row {
  display: grid;
  grid-template-columns: 8em repeat(3, 4.5em);
}
.check-base.result .result-table .table-row > span {
  box-sizing: border-box;
  border: solid #fff585;
  border-width: 0 2px 2px 0;
}
.check-base.result .result-table .table-row > span:nth-of-type(odd) {
  background: white;
}
.check-base.result .result-table .table-row > span:nth-of-type(even) {
  background: #fffde7;
}
.check-base.result .result-table .table-row.noodle_notes {
  grid-template-columns: 1fr;
  padding: 1em;
  font-size: 80%;
}
@media (max-width: 640px) {
  .check-base.result .result-table .table-row.noodle_notes {
    box-sizing: border-box;
    width: 100%;
    background: white;
    text-align: center;
  }
}



/* ==================== check-base/&.result/result-table/body/@.css ==================== */

.check-base.result .result-table .body {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.25em;
}
.check-base.result .result-table .body::after {
	content: none;
}

@media (min-width: 641px) {

	.check-base.result .result-table .body {
		background:
			linear-gradient(#fff585, #fff585) no-repeat right bottom / 2px 100%,
			linear-gradient(#fff585, #fff585) no-repeat left bottom / 100% 2px;
		background-color: white;
	}

	.check-base.result .result-table .body > div:nth-of-type(1) {
		order: 1;
	}
	.check-base.result .result-table .body > div:nth-of-type(2) {
		order: 3;
	}
	.check-base.result .result-table .body > div:nth-of-type(3) {
		order: 5;
	}
	.check-base.result .result-table .body > div:nth-of-type(4) {
		order: 7;
	}
	.check-base.result .result-table .body > div:nth-of-type(5) {
		order: 9;
	}
	.check-base.result .result-table .body > div:nth-of-type(6) {
		order: 11;
	}
	.check-base.result .result-table .body > div:nth-of-type(7) {
		order: 13;
	}
	.check-base.result .result-table .body > div:nth-of-type(8) {
		order: 15;
	}
	.check-base.result .result-table .body > div:nth-of-type(9) {
		order: 17;
	}
	.check-base.result .result-table .body > div:nth-of-type(10) {
		order: 2;
	}
	.check-base.result .result-table .body > div:nth-of-type(11) {
		order: 4;
	}
	.check-base.result .result-table .body > div:nth-of-type(12) {
		order: 6;
	}
	.check-base.result .result-table .body > div:nth-of-type(13) {
		order: 8;
	}
	.check-base.result .result-table .body > div:nth-of-type(14) {
		order: 10;
	}
	.check-base.result .result-table .body > div:nth-of-type(15) {
		order: 12;
	}
	.check-base.result .result-table .body > div:nth-of-type(16) {
		order: 14;
	}
	.check-base.result .result-table .body > div:nth-of-type(17) {
		order: 16;
	}
	.check-base.result .result-table .body > div:nth-of-type(18) {
		order: 18;
	}

}



/* ==================== check-base/&.result/result-table/body/table-row/label.css ==================== */

.check-base.result .result-table .body .table-row .label {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.5em 0;
}

.check-base.result .result-table .body .table-row .label > span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.75em;
	color: #828282;
	font-size: 60%;
	text-align: center;
	line-height: 1.3;
}

.check-base.result .result-table .body .table-row .label > span:nth-of-type(2) {
	font-size: 90%;
	font-weight: bold;
}

.check-base.result .result-table .body .table-row .label > span:nth-of-type(3) {
	margin-top: 0.5em;
	color: #ff6200;
	font-size: 70%;
	font-weight: bold;
}



/* ==================== check-base/&.result/result-table/body/table-row/result/@.css ==================== */

.check-base.result .result-table .body .table-row .result {
	position: relative;
}


.check-base.result .result-table .body .table-row .result.level0 > * {
	display: none;
}



/* ==================== check-base/&.result/result-table/body/table-row/result/intake.css ==================== */

.check-base.result .result-table .body .table-row .result .intake {
	position: absolute;
	bottom: 0.5em;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 70%;

	animation-name: check-result-intake;
	animation-duration: 200ms;
	animation-delay: 2s;
	animation-fill-mode: both;
}

@keyframes check-result-intake {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.check-base.result .result-table .body .table-row .result.level1 .intake {
	left: 50%;
}
.check-base.result .result-table .body .table-row .result.level2 .intake {
	left: 150%;
}
.check-base.result .result-table .body .table-row .result.level3 .intake {
	left: 250%;
}



/* ==================== check-base/&.result/result-table/body/table-row/result/meter > span.css ==================== */

/* color bar */

.check-base.result .result-table .body .table-row .result .meter > span {
	display: block;
	position: relative;
	height: 100%;
	transform-origin: 0 50%;

	animation-name: check-result-memter;
	animation-duration: 1.2s;
	animation-delay: 500ms;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}

@keyframes check-result-memter {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}

.check-base.result .result-table .body .table-row .result.level1 .meter > span {
	background-color: #4dbcff;
}

.check-base.result .result-table .body .table-row.nutrient16 .level1.result .meter > span, /* 食塩 */
.check-base.result .result-table .body .table-row .result.level2 .meter > span {
	background-color: #55cc00;
}
.check-base.result .result-table .body .table-row .result.level3 .meter > span {
	background-color: #ff5e00;
}



/* ==================== check-base/&.result/result-table/body/table-row/result/meter.css ==================== */

.check-base.result .result-table .body .table-row .result .meter {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: calc(300% + 6px);
	height: 2em;
}



/* ==================== check-base/&.result/result-table/body/table-row/result/meter::before.css ==================== */

/* good */

.check-base.result .result-table .body .table-row.nutrient16 .level1.result .meter::before, /* 食塩 */
.check-base.result .result-table .body .table-row .result.level2 .meter::before {
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 1.5em);
	bottom: calc(100% + 0.2em);
	width: 3em;
	height: 3em;
	transform-origin: 15% 100%;
	background: url(../images/check_result_good.svg) no-repeat left bottom / contain;

	animation-name: check-result-good;
	animation-duration: 150ms;
	animation-delay: 2s;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
}

@keyframes check-result-good {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}


.check-base.result .result-table .body .table-row.nutrient16 .level1.result .meter::before {
	left: calc(16.6% - 1.5em);
}



/* ==================== check-base/&.result/result-table/head/@.css ==================== */

@media (max-width: 640px) {
	.check-base.result .result-table .head > div:nth-of-type(2) {
		display: none;
	}
}


@media (min-width: 641px) {
	.check-base.result .result-table .head {
		display: flex;
		align-items: center;
	}
}



/* ==================== check-base/&.result/result-table/head/table-row.css ==================== */

.check-base.result .result-table .head .table-row span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 3.75em;
}

.check-base.result .result-table .head .table-row span:nth-of-type(1) small {
	color: #ff6200;
	font-size: 64%;
}



/* ==================== check-base/check-category/@.css ==================== */

.check-base .check-category {
	background: white;
	border-radius: 0.5em;
	padding: 1em 0;
}


@media (min-width: 641px) {
	.check-base .check-category {
		width: 44em;
	}
}



/* ==================== check-base/check-category/food-selector.css ==================== */

.check-base .check-category .food-selector {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	background: #ff9900;
}

.check-base .check-category.selector-open_close .food-selector {
	display: none;
}

.check-base .check-category .food-selector::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 1.5em;
	height: 0.75em;
	transform: translateX(-50%);
	background:
		linear-gradient(to right bottom, rgba(249,212,138,0) 50%, rgba(249,212,138,1) 50%) no-repeat left bottom / 50% 100%,
		linear-gradient(to left bottom, rgba(249,212,138,0) 50%, rgba(249,212,138,1) 50%) no-repeat right bottom / 50% 100%;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector {
		margin-top: 1.5em;
	}

	.check-base .check-category .food-selector .list-view,
	.check-base .check-category .food-selector .page {
		/* width: 21.8em; */
		/* padding: 0.5em 0; */
	}
}


@media (min-width: 641px) {
	.check-base .check-category .food-selector {
		margin-top: 1em;
	}

	.check-base .check-category .food-selector .list-view,
	.check-base .check-category .food-selector .pages,
	.check-base .check-category .food-selector .page {
		/* width: 42.4em; */
	}

	/* .check-base .check-category .food-selector .list-view,
	.check-base .check-category .food-selector .pages {
		padding: 0.75em 0;
	} */

	.Firefox .check-base .check-category .food-selector .page {
		width: 42.5em;
	}

}



/* ==================== check-base/check-category/selected-foods.css ==================== */

@charset "UTF-8";
.check-base .check-category .selected-foods .foods {
  display: grid;
  grid-gap: 0.5em;
  box-sizing: border-box;
  padding: 0 1em;
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods {
    grid-template-columns: repeat(4, 1fr);
    min-height: 7em;
  }
  .check-base .check-category .selected-foods .foods::after {
    content: none;
  }
}
.check-base .check-category .selected-foods .foods:empty {
  background: url(../images/check_selected_empty.svg) no-repeat;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods:empty {
    height: 4em;
    background-size: auto 1em;
    background-position: center center;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods:empty {
    background-size: auto 0.8em;
    background-position: center top 1.5em;
    background-position: center center;
  }
}
.check-base .check-category .selected-foods .foods:not(:empty) {
  position: relative;
  padding-top: 2.25em;
}
.check-base .check-category .selected-foods .foods:not(:empty)::before {
  content: "メニューの量の増減ができます。";
  display: flex;
  position: absolute;
  left: 50%;
  top: 0;
  align-items: center;
  height: 2.2em;
  border-radius: 1.1em;
  padding: 0 0.75em;
  color: #e06100;
  background: #ffe8b5;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods:not(:empty)::before {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods:not(:empty)::before {
    font-size: 65%;
  }
}
.check-base .check-category .selected-foods .foods:not(:empty) + * {
  margin-top: 1em;
}
.check-base .check-category .selected-foods .foods .item {
  display: grid;
  grid-gap: 0.25em;
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  padding: 0.5em;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods .item {
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    justify-content: start;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods .item {
    grid-template-rows: subgrid;
    grid-row: span 2;
    align-items: start;
    justify-items: start;
    box-sizing: border-box;
    grid-template-areas: "image name" "image select";
  }
  .check-base .check-category .selected-foods .foods .item .image {
    grid-area: image;
  }
  .check-base .check-category .selected-foods .foods .item .name {
    grid-area: name;
  }
  .check-base .check-category .selected-foods .foods .item select {
    grid-area: select;
  }
}
.check-base .check-category .selected-foods .foods .item .image {
  width: 3.5em;
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/4"], .check-base .check-category .selected-foods .foods .item .image[data-count="1/2"], .check-base .check-category .selected-foods .foods .item .image[data-count="1/3"] {
  position: relative;
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/4"]::before, .check-base .check-category .selected-foods .foods .item .image[data-count="1/2"]::before, .check-base .check-category .selected-foods .foods .item .image[data-count="1/3"]::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center/contain;
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/4"] .food-image, .check-base .check-category .selected-foods .foods .item .image[data-count="1/2"] .food-image, .check-base .check-category .selected-foods .foods .item .image[data-count="1/3"] .food-image {
  transform-origin: center top;
  transform: scale(0.8);
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/4"]::before {
  background-image: url(../images/food_mask_025.png);
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/2"]::before {
  background-image: url(../images/food_mask_05.png);
}
.check-base .check-category .selected-foods .foods .item .image[data-count="1/3"]::before {
  background-image: url(../images/food_mask_033.png);
}
.check-base .check-category .selected-foods .foods .item .name {
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods .item .name {
    flex-grow: 1;
    margin-left: 1em;
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods .item .name {
    font-size: 60%;
  }
}
.check-base .check-category .selected-foods .foods .item select {
  appearance: none;
  border: 1px solid #ffd699;
  border-radius: 0.25em;
  padding: 0.5em;
  padding-right: 1.25em;
  background: url(../images/selected_food_dropdown.svg) no-repeat right 0.25em center/0.75em;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  text-align: center;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods .item select {
    margin-left: 0.5em;
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods .item select {
    font-size: 60%;
  }
}
.check-base .check-category .selected-foods .foods .item button.del {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  margin: 0;
  padding: 0;
  transform: translate(40%, -40%);
  background: none;
  cursor: pointer;
}
@media (max-width: 640px) {
  .check-base .check-category .selected-foods .foods .item button.del img {
    width: 1.25em;
  }
}
@media (min-width: 641px) {
  .check-base .check-category .selected-foods .foods .item button.del img {
    width: 1em;
  }
}



/* ==================== check-base/check-category/selector-control.css ==================== */

.check-base .check-category .selector-control {
	display: flex;
	align-items: center;
	justify-content: center;
}

.check-base .check-category.selector-open_open .selector-control.open,
.check-base .check-category.selector-open_close .selector-control.close {
	display: none;
}

.check-base .check-category .selector-control.close {
	margin-top: 1em;
}

.check-base .check-category .selector-control button {
	border: none;
	padding: 0;
	background: none;
	color: #006cd9;
	font-size: inherit;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}


@media (min-width: 641px) {
	.check-base .check-category .selector-control button {
		font-size: 80%;
	}
}



/* ==================== check-base/check-category/food-selector/grid-view.css ==================== */





/* ==================== check-base/check-category/food-selector/list-view.css ==================== */

.check-base .check-category .food-selector .list-view {
	display: grid;
	grid-gap: 0.25em;
}

.check-base .check-category .food-selector .list-view button {
	display: flex;
	align-items: center;
	border: none;
	border-radius: 0.25em;
	margin: 0;
	padding: 0.5em;
	background: white;
	color: inherit;
	font-family: inherit;
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .list-view {
		grid-template-columns: 1fr;
	}

	.check-base .check-category .food-selector .list-view button {
		font-size: 90%;
	}
}


@media (min-width: 641px) {

	.check-base .check-category .food-selector .list-view {
		grid-template-columns: repeat(4, 1fr);
	}

	.check-base .check-category .food-selector .list-view button {
		font-size: 65%;
	}

	.IE .check-base .check-category .food-selector .list-view {
		display: flex;
		flex-wrap: wrap;
	}
	.IE .check-base .check-category .food-selector .list-view button {
		width: calc(25% - 0.25em);
		margin: 0 0.25em 0.25em 0;
	}

}



/* ==================== check-base/check-category/food-selector/menu.css ==================== */

.check-base .check-category .food-selector .menu {
	display: flex;
	align-self: stretch;
	background: #f9d48a;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .menu {
		padding: 1em 0.5em;
		flex-direction: column;
		align-items: center;
	}
}


@media (min-width: 641px) {
}



/* ==================== check-base/check-category/food-selector/pager.css ==================== */

.check-base .check-category .food-selector .pager {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1em;
	color: white;
	font-weight: bold;
}

.check-base .check-category .food-selector .pager button {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 0.25em;
	margin: 0;
	padding: 0;
	/* background: rgba(255,255,255,0.45); */
	background: #e06100;
	cursor: pointer;
}

.check-base .check-category .food-selector .pager .num {
	width: 6em;
	margin: 0 1em;
	text-align: center;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .pager {
		justify-content: space-around;
		margin-bottom: 0.5em;
	}
	.check-base .check-category .food-selector .pager button {
		width: 40%;
		height: 3.5em;
	}
	.check-base .check-category .food-selector .pager button img {
		width: 0.75em;
	}
}


@media (min-width: 641px) {
	.check-base .check-category .food-selector .pager button {
		width: 10em;
		height: 3em;
	}
	.check-base .check-category .food-selector .pager button img {
		width: auto;
		height: 40%;
	}
	.check-base .check-category .food-selector .pager .num {
		font-size: 80%;
	}
}



/* ==================== check-base/check-category/food-selector/pages.css ==================== */

.check-base .check-category .food-selector .pages {
	display: grid;
	overflow: hidden;
	align-items: start;
}

.IE .check-base .check-category .food-selector .pages {
	display: -ms-grid;
}



/* ==================== check-base/check-category/food-selector/pages__page.animation.css ==================== */

.check-base .check-category .food-selector .pages .page.animation {
	visibility: visible;
	animation-duration: 400ms;
	animation-fill-mode: both;
}

.check-base .check-category .food-selector .pages .page.animation.center-to-left {
	animation-name: page-center-to-left;
}
.check-base .check-category .food-selector .pages .page.animation.center-to-right {
	animation-name: page-center-to-right;
}
.check-base .check-category .food-selector .pages .page.animation.right-to-center {
	animation-name: page-right-to-center;
}
.check-base .check-category .food-selector .pages .page.animation.left-to-center {
	animation-name: page-left-to-center;
}

@keyframes page-center-to-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes page-center-to-right {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(100%);
	}
}
@keyframes page-right-to-center {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}
@keyframes page-left-to-center {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}



/* ==================== check-base/check-category/food-selector/pages__page.css ==================== */

.check-base .check-category .food-selector .pages .page {
	grid-column: 1;
	grid-row: 1;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 auto;
	visibility: hidden;

}
.IE .check-base .check-category .food-selector .pages .page {
	-ms-grid-row-align: start;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.check-base .check-category .food-selector .pages[data-page="1"] .page1 {
	visibility: visible;
	order: 1;
}
.check-base .check-category .food-selector .pages[data-page="2"] .page2 {
	visibility: visible;
	order: 1;
}
.check-base .check-category .food-selector .pages[data-page="3"] .page3 {
	visibility: visible;
	order: 1;
}
.check-base .check-category .food-selector .pages[data-page="4"] .page4 {
	visibility: visible;
	order: 1;
}
.check-base .check-category .food-selector .pages[data-page="5"] .page5 {
	visibility: visible;
	order: 1;
}



/* ==================== check-base/check-category/food-selector/pages__page__<button>.css ==================== */

.check-base .check-category .food-selector .pages .page button {
	display: grid;
	grid-row-gap: 0.2em;
	box-sizing: border-box;
	border: none;
	border-radius: 0.25em;
	padding: 0.4em;
	background: white;
	color: #828282;
	font-size: inherit;
	cursor: pointer;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .pages .page button {
		width: 21vw;
		margin: 0.1em;
	}
}


@media (min-width: 641px) {
	.check-base .check-category .food-selector .pages .page button {
		width: 5.1em;
		margin: 0.1em;
	}
}



/* ==================== check-base/check-category/food-selector/subcategory.css ==================== */

.check-base .check-category .food-selector[data-selectedindex="0"] .subcategory:not([data-index="0"]),
.check-base .check-category .food-selector[data-selectedindex="0"] .subcategory:not([data-index="0"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="1"] .subcategory:not([data-index="1"]),
.check-base .check-category .food-selector[data-selectedindex="1"] .subcategory:not([data-index="1"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="2"] .subcategory:not([data-index="2"]),
.check-base .check-category .food-selector[data-selectedindex="2"] .subcategory:not([data-index="2"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="3"] .subcategory:not([data-index="3"]),
.check-base .check-category .food-selector[data-selectedindex="3"] .subcategory:not([data-index="3"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="4"] .subcategory:not([data-index="4"]),
.check-base .check-category .food-selector[data-selectedindex="4"] .subcategory:not([data-index="4"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="5"] .subcategory:not([data-index="5"]),
.check-base .check-category .food-selector[data-selectedindex="5"] .subcategory:not([data-index="5"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="6"] .subcategory:not([data-index="6"]),
.check-base .check-category .food-selector[data-selectedindex="6"] .subcategory:not([data-index="6"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="7"] .subcategory:not([data-index="7"]),
.check-base .check-category .food-selector[data-selectedindex="7"] .subcategory:not([data-index="7"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="8"] .subcategory:not([data-index="8"]),
.check-base .check-category .food-selector[data-selectedindex="8"] .subcategory:not([data-index="8"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="9"] .subcategory:not([data-index="9"]),
.check-base .check-category .food-selector[data-selectedindex="9"] .subcategory:not([data-index="9"]) * {
	position: fixed;
	visibility: hidden !important;
}
.check-base .check-category .food-selector[data-selectedindex="10"] .subcategory:not([data-index="10"]),
.check-base .check-category .food-selector[data-selectedindex="10"] .subcategory:not([data-index="10"]) * {
	position: fixed;
	visibility: hidden !important;
}

.check-base .check-category .food-selector.viewmode-grid .list-view,
.check-base .check-category .food-selector.viewmode-list .grid-view {
	display: none;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .subcategory,
	.check-base .check-category .food-selector .subcategory .page {
		width: calc(21vw * 4 + 0.2em * 4);
	}

	.check-base .check-category .food-selector .subcategory {
		padding: 0.75em 0;
	}
}


@media (min-width: 641px) {
	.check-base .check-category .food-selector .subcategory,
	.check-base .check-category .food-selector .subcategory .page {
		width: 42.4em;
	}

	.check-base .check-category .food-selector .subcategory {
		padding: 0.75em 0;
	}

	.IE .check-base .check-category .food-selector .subcategory .page {
		width: 42.4em;
	}
}



/* ==================== check-base/check-category/food-selector/tabmenu.css ==================== */

.check-base .check-category .food-selector .tabmenu {
	display: flex;
	box-sizing: border-box;
	width: 100%;
}
.check-base .check-category .food-selector .tabmenu::after {
	content: none;
}

.check-base .check-category .food-selector .tabmenu button {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.6);
	color: #e06100;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
}

.check-base .check-category .food-selector[data-selectedindex="0"] .tabmenu button[data-index="0"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="1"] .tabmenu button[data-index="1"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="2"] .tabmenu button[data-index="2"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="3"] .tabmenu button[data-index="3"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="4"] .tabmenu button[data-index="4"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="5"] .tabmenu button[data-index="5"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="6"] .tabmenu button[data-index="6"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="7"] .tabmenu button[data-index="7"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="8"] .tabmenu button[data-index="8"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="9"] .tabmenu button[data-index="9"] {
	background: #ff9900;
	color: white;
}
.check-base .check-category .food-selector[data-selectedindex="10"] .tabmenu button[data-index="10"] {
	background: #ff9900;
	color: white;
}


@media (max-width: 640px) {
	.check-base .check-category .food-selector .tabmenu {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 1em;
	}

	.check-base .check-category .food-selector .tabmenu button {
		border-radius: 1em;
		margin: 0.25em;
		padding: 0 1em;
		height: 2em;
		font-size: 85%;
	}


}


@media (min-width: 641px) {

	.check-base .check-category .food-selector .tabmenu {
		padding: 0.75em 0.75em 0;
	}
	.check-base .check-category .food-selector .tabmenu button {
		border-radius: 0.5em 0.5em 0 0;
		/* min-width: 5em; */
		padding: 0.5em 0.5em;
		font-size: 70%;
		/* font-size: 65%; */
	}

	.check-base .check-category .food-selector .tabmenu button:nth-of-type(n+2) {
		margin-left: 0.5em;
	}

}



/* ==================== check-base/check-category/food-selector/toggleview.css ==================== */

.check-base .check-category .food-selector .toggleview {
	display: flex;
}

.check-base .check-category .food-selector .toggleview button {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 2em;
	border: 1px solid #e06100;
	border-radius: 1em;
	margin: 0 0.25em;
	padding: 0 0.75em;
	background: none;
	color: #e06100;
	cursor: pointer;
}

.check-base .check-category .food-selector .toggleview button::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	background: no-repeat center center / 90%;
}

.check-base .check-category .food-selector .toggleview button.list::before { background-image: url(../images/toggle_view_list.svg); }
.check-base .check-category .food-selector .toggleview button.grid::before { background-image: url(../images/toggle_view_grid.svg); }
.check-base .check-category .food-selector.viewmode-grid .toggleview button.grid::before { background-image: url(../images/toggle_view_grid_on.svg); }
.check-base .check-category .food-selector.viewmode-list .toggleview button.list::before { background-image: url(../images/toggle_view_list_on.svg); }

.check-base .check-category .food-selector.viewmode-grid .toggleview button.grid,
.check-base .check-category .food-selector.viewmode-list .toggleview button.list {
	background: #e06100;
	color: white;
}



@media (max-width: 640px) {
	.check-base .check-category .food-selector .toggleview button {
		font-size: 85%;
	}
}


@media (min-width: 641px) {
	.check-base .check-category .food-selector .toggleview {
		flex-shrink: 0;
		align-self: center;
		order: 1;
	}

	.check-base .check-category .food-selector .toggleview button {
		font-size: 65%;
	}
}



/* ==================== eiyo-foot/@.css ==================== */

.eiyo-foot.check:not(.result) {
	display: none;
}


@media (min-width: 641px) {
	.eiyo-foot {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: calc(100% - 45em) / 2);
	}
}



/* ==================== eiyo-foot/kanshu.css ==================== */

.eiyo-foot .kanshu {
	margin: 1em auto;
}

.eiyo-foot .kanshu p {
	margin: 0;
}


@media (max-width: 640px) {
	.eiyo-foot .kanshu p {
		font-size: 0.9em;
		text-align: center;
	}
}


@media (min-width: 641px) {
	.eiyo-foot .kanshu p {
		font-size: 0.8em;
	}
}



/* ==================== eiyo-foot/recipe.css ==================== */

.eiyo-foot .recipe {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3em;
}

.eiyo-foot .recipe h3 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: 0 0 0.5em;
	color: #d8271d;
}
.eiyo-foot .recipe h3::before,
.eiyo-foot .recipe h3::after {
	content: '';
	display: block;
	width: 1px;
	height: 1.25em;
	border-left: 2px solid #d8271d;
}
.eiyo-foot .recipe h3::before {
	transform-origin: 100% 100%;
	transform: translate(-0.5em, -0.2em) rotate(-20deg);
}
.eiyo-foot .recipe h3::after {
	transform-origin: 0 100%;
	transform: translate(0.25em, -0.2em) rotate(20deg);
}

.eiyo-foot .recipe a {
	border: 1px solid #ccc;
	transition: opacity 200ms;
}

.eiyo-foot .recipe a:hover {
	opacity: 0.6;
}

.eiyo-foot .recipe img {
	width: 18em;
}


@media (max-width: 640px) {
	.eiyo-foot .recipe h3 {
		font-size: 1.1em;
	}
}


@media (min-width: 641px) {
	.eiyo-foot .recipe h3 {
		font-size: 0.9em;
	}
}



/* ==================== eiyo-foot/totop.css ==================== */

.eiyo-foot .totop {
	margin: 2em auto;
}

.eiyo-foot .totop a {
	transition: opacity 200ms;
}
.eiyo-foot .totop a:hover {
	opacity: 0.7;
}


@media (max-width: 640px) {
	.eiyo-foot .totop {
		text-align: center;
	}
}


@media (min-width: 641px) {
	.eiyo-foot .totop img {
		width: 7em;
	}
}



/* ==================== result-finish/@.css ==================== */

.result-finish {
	display: grid;
	grid-gap: 2em;
}


@media (max-width: 640px) {

	.result-finish {
		margin: 3em auto;
		padding: 0 1em;
	}

}


@media (min-width: 641px) {

	.result-finish {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 2em auto;
	}

}



/* ==================== result-finish/body.css ==================== */

.result-finish .body h3 {
	margin: 0;
	color: #006cd9;
	line-height: 1.4;
}

.result-finish .body p {
	margin: 1.5em auto 0;
}
.result-finish .body p strong {
	color: #ff5e00;
}


@media (max-width: 640px) {

	.result-finish .body {
		background: url(../images/result_finish_back.svg) no-repeat center center / 14.6em;
	}

	.result-finish .body h3 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.result-finish .body h3 br {
		display: none;
	}

	.result-finish .body p {
		font-size: 90%;
	}

}


@media (min-width: 641px) {

	.result-finish .body h3 {
		text-align: center;
		padding: 1em 0;
		background: url(../images/result_finish_back.svg) no-repeat center center / contain;
	}

	.result-finish .body p {
		font-size: 80%;
	}

}