html {
  scroll-behavior: smooth;
}

#container {
  color: #5b1b00;
  font-family: YakuHanRP, "M PLUS Rounded 1c", sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-left: -16px;
  margin-right: -16px;
  position: relative;
  /* inview */
  /* blocks */
  /* Brand */
  /* Lead */
  /* Lineup */
  /* Main */
  /* Recipe */
}

@media print, screen and (min-width: 768px) {
  #container {
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
  #container .-sp,
  #container .sp {
    display: none !important;
  }
}

@media print, screen and (max-width: 767px) {
  #container .-pc,
  #container .pc {
    display: none !important;
  }
}

#container picture,
#container img {
  display: block;
  height: auto;
  width: 100%;
}

#container a {
  text-decoration: none;
}

#container em {
  font-style: normal;
  font-weight: bold;
}

#container .Brand {
  background-color: #ffc738;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

@media print, screen and (max-width: 767px) {
  #container .Brand {
    padding: 64px 24px 40px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand {
    background-image: url("../img/brand_background.webp");
    background-position: top 320px center;
    background-size: 1230px auto;
    padding: 188px 50px 64px;
  }
}

#container .Brand:before {
  background-color: #e00010;
  background-image: url("../img/line_background.svg");
  background-position: center center;
  background-repeat: repeat-x;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media print, screen and (max-width: 767px) {
  #container .Brand:before {
    background-size: 48px auto;
    height: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand:before {
    background-size: auto;
    height: 72px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__inner {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0;
  }
}

@media print, screen and (max-width: 767px) {
  #container .Brand .Brand__title {
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
  }
  #container .Brand .Brand__title img {
    margin-inline: -8px;
    width: calc(100% + 16px);
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__title {
    margin: 0 auto;
    width: 732px;
  }
}

#container .Brand .Brand__text {
  margin-inline: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#container .Brand .Brand__text > span:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media print, screen and (max-width: 767px) {
  #container .Brand .Brand__text {
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 8px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__text {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 8px auto 0;
    text-align: center;
  }
}

#container .Brand .Brand__list {
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media print, screen and (max-width: 767px) {
  #container .Brand .Brand__list {
    gap: 8px;
    margin-top: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__list {
    gap: 16px;
    margin-top: 40px;
  }
}

#container .Brand .Brand__list li {
  gap: 8px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

@media print, screen and (max-width: 767px) {
  #container .Brand .Brand__list li {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__list li {
    font-size: 20px;
  }
}

#container .Brand .Brand__list li:before {
  background-image: url("../img/brand_icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
}

@media print, screen and (max-width: 767px) {
  #container .Brand .Brand__list li:before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    height: 12px;
    width: 12px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Brand .Brand__list li:before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
  }
}

#container .Lead {
  background-color: #fff;
  width: 100%;
  z-index: 1;
}

@media print, screen and (max-width: 767px) {
  #container .Lead {
    border: 6px solid #5b1b00;
    border-radius: 20px;
    margin: 0 8px;
    padding: 24px 16px;
    text-align: center;
    width: calc(100% - 16px);
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lead {
    border: 8px solid #5b1b00;
    border-radius: 40px;
    bottom: 0;
    left: 50%;
    padding: 24px 40px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(70%);
    transform: translateX(-50%) translateY(70%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

#container .Lead .Lead__inner > *:first-child {
  margin-top: 0;
}

#container .Lead .Lead__lead {
  width: auto;
}

@media print, screen and (max-width: 767px) {
  #container .Lead .Lead__lead {
    font-size: 15px;
    white-space: break-word;
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lead .Lead__lead {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
  }
}

#container .Lead .Lead__lead strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd900));
  background: linear-gradient(transparent 70%, #ffd900 0%);
  display: inline;
}

#container .Lineup {
  background-color: #fff;
  position: relative;
  z-index: 20;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup {
    padding: 80px 0 40px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup {
    padding: 160px 0 40px;
  }
}

#container .Lineup:before {
  background-color: #e00010;
  background-image: url("../img/line_background.svg");
  background-position: center center;
  background-repeat: repeat-x;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup:before {
    background-size: 48px auto;
    height: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup:before {
    background-size: 64px auto;
    height: 56px;
  }
}

#container .Lineup .Lineup__inner {
  position: relative;
  z-index: 3;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__inner {
    margin: 0 auto;
    padding: 1px 20px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 1px 50px;
    width: 100%;
  }
}

#container .Lineup .Lineup__title {
  position: relative;
  z-index: 3;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__title {
    margin: 0 auto 0;
    width: 56vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__title {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
  }
}

#container .Lineup .Lineup__list {
  display: grid;
  position: relative;
  z-index: 1;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__list {
    gap: 40px;
    grid-template-columns: 1fr;
    margin: 0 auto 0;
    max-width: 600px;
    width: 80%;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__list {
    gap: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-template-columns: 60% 1fr;
    margin: -60px auto 0;
    width: 900px;
  }
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__list li {
    margin-top: -60px;
  }
}

#container .Lineup .Lineup__list a {
  color: #fff;
  display: block;
}

@media (hover: hover) {
  #container .Lineup .Lineup__list a {
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
  }
  #container .Lineup .Lineup__list a img {
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
  }
  #container .Lineup .Lineup__list a .Lineup__name {
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
  }
  #container .Lineup .Lineup__list a:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  #container .Lineup .Lineup__list a:hover .Lineup__name {
    opacity: 0.8;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__image {
    margin: 0 auto;
    max-width: 360px;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

#container .Lineup .Lineup__name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1.3;
  position: relative;
  text-align: center;
}

#container .Lineup .Lineup__name.-item1 {
  background-color: #e50011;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__name {
    font-size: 18px;
    height: 50px;
    margin: 20px auto 0;
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__name {
    font-size: 22px;
    height: 60px;
    margin: 20px auto 0;
    padding: 0 1.5em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #container .Lineup .Lineup__name:before {
    top: -16px;
  }
}

#container .Lineup .Lineup__discription {
  margin-inline: auto;
  background-color: #fffadf;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__discription {
    border: 6px solid #5b1b00;
    border-radius: 20px;
    margin-top: 32px;
    padding: 24px;
    text-align: center;
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__discription {
    border: 8px solid #5b1b00;
    border-radius: 40px;
    margin-top: 60px;
    padding: 40px 80px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

#container .Lineup .Lineup__text {
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
  width: auto;
}

@media print, screen and (max-width: 767px) {
  #container .Lineup .Lineup__text {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Lineup .Lineup__text {
    font-size: 20px;
    white-space: nowrap;
  }
}

#container .Lineup .Lineup__text strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd900));
  background: linear-gradient(transparent 70%, #ffd900 0%);
  display: inline;
}

#container .Main {
  background-color: #fff6b4;
  position: relative;
  width: 100vw;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  #container .Main {
    width: 100%;
  }
}

@media print, screen and (max-width: 767px) {
  #container .Main {
    padding-bottom: 16px;
  }
}

#container .Main picture,
#container .Main img {
  display: block;
  height: auto;
  width: 100%;
}

#container .Main .Main__container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__container {
    background-image: url("../img/main_background.webp");
    height: 700px;
  }
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__inner {
    background-image: url("../img/main_background_sp.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 128vw;
    padding-top: 36vw;
    position: relative;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__inner {
    padding: 0;
    position: relative;
  }
}

#container .Main .Main__title {
  position: absolute;
  z-index: 10;
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__title {
    left: 2.66667vw;
    top: 2.66667vw;
    width: 85.33333vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__title {
    left: calc(50% - 420px);
    top: 50px;
    width: 650px;
  }
}

#container .Main .Main__package {
  position: absolute;
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__package {
    left: 22.66667vw;
    position: relative;
    top: -4vw;
    width: 57.33333vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__package {
    left: 50%;
    top: 110px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 400px;
  }
}

#container .Main .Main__decoration {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
}

#container .Main .Main__decoration.-recipe1 {
  aspect-ratio: 512 / 364;
  background-image: url("../img/main_recipe1.webp");
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__decoration.-recipe1 {
    right: 6.66667vw;
    top: 2.66667vw;
    width: 34.13333vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__decoration.-recipe1 {
    left: calc(50% + 262px);
    top: 43px;
    width: 256px;
  }
}

#container .Main .Main__decoration.-recipe2 {
  aspect-ratio: 666 / 336;
  background-image: url("../img/main_recipe2.webp");
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__decoration.-recipe2 {
    left: 6.66667vw;
    top: 98.66667vw;
    width: 44.4vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__decoration.-recipe2 {
    left: calc(50% - 586px);
    top: 252px;
    width: 333px;
  }
}

#container .Main .Main__decoration.-recipe3 {
  aspect-ratio: 696 / 438;
  background-image: url("../img/main_recipe3.webp");
}

@media print, screen and (max-width: 767px) {
  #container .Main .Main__decoration.-recipe3 {
    right: 1.33333vw;
    top: 96vw;
    width: 45.33333vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Main .Main__decoration.-recipe3 {
    left: calc(50% + 217px);
    top: 388px;
    width: 348px;
  }
}

#container .Recipe {
  background-color: #fff5b5;
  padding: 0 0;
  position: relative;
  z-index: 20;
}

#container .Recipe .Recipe__background {
  background-color: #fff5b5;
  background-image: radial-gradient(circle, #fffada 4px, transparent 4px), radial-gradient(circle, #fffada 4px, transparent 4px);
  background-position: 0 0, 12px 24px;
  background-size: 24px 48px;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__background {
    padding: 40px 0;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__background {
    padding: 80px 0;
  }
}

#container .Recipe .Recipe__background.-orange {
  background-color: #ffc021;
  background-image: radial-gradient(circle, #ffca45 4px, transparent 4px), radial-gradient(circle, #ffca45 4px, transparent 4px);
  background-position: 0 0, 12px 24px;
  background-size: 24px 48px;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__background:last-child {
    padding-bottom: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__background:last-child {
    padding-bottom: 100px;
  }
}

#container .Recipe .Recipe__inner {
  position: relative;
  z-index: 3;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__inner {
    margin: 0 auto;
    padding: 0 40px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 50px;
    width: 100%;
  }
}

#container .Recipe .Recipe__title {
  aspect-ratio: 615 / 95;
  position: relative;
  z-index: 3;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__title {
    margin: 0 auto 30px;
    width: 80vw;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__title {
    margin: 0 auto 60px;
    max-width: 615px;
    width: 100%;
  }
}

#container .Recipe .Recipe__subTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__subTitle {
    gap: 4px;
    margin-inline: -24px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__subTitle {
    gap: 8px;
  }
}

#container .Recipe .Recipe__subTitle:before, #container .Recipe .Recipe__subTitle:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 0;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__subTitle:before, #container .Recipe .Recipe__subTitle:after {
    height: 32px;
    width: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__subTitle:before, #container .Recipe .Recipe__subTitle:after {
    height: 64px;
    width: 64px;
  }
}

#container .Recipe .Recipe__subTitle.-recipe1:before, #container .Recipe .Recipe__subTitle.-recipe3:before, #container .Recipe .Recipe__subTitle.-recipe5:before {
  background-image: url("../img/recipe_title_parts1_1.webp");
}

#container .Recipe .Recipe__subTitle.-recipe1:after, #container .Recipe .Recipe__subTitle.-recipe3:after, #container .Recipe .Recipe__subTitle.-recipe5:after {
  background-image: url("../img/recipe_title_parts1_2.webp");
}

#container .Recipe .Recipe__subTitle.-recipe2, #container .Recipe .Recipe__subTitle.-recipe4, #container .Recipe .Recipe__subTitle.-recipe6 {
  color: #fff;
  text-shadow: 4px 4px 0 rgba(91, 27, 0, 0.2);
}

#container .Recipe .Recipe__subTitle.-recipe2:before, #container .Recipe .Recipe__subTitle.-recipe4:before, #container .Recipe .Recipe__subTitle.-recipe6:before {
  background-image: url("../img/recipe_title_parts2_1.webp");
}

#container .Recipe .Recipe__subTitle.-recipe2:after, #container .Recipe .Recipe__subTitle.-recipe4:after, #container .Recipe .Recipe__subTitle.-recipe6:after {
  background-image: url("../img/recipe_title_parts2_2.webp");
}

#container .Recipe .Recipe__subTitleText {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}

#container .Recipe .Recipe__subTitleText span {
  font-size: 80%;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__subTitleText {
    font-size: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__subTitleText {
    font-size: 50px;
  }
}

#container .Recipe .Recipe__list {
  position: relative;
  z-index: 4;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__list {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
  #container .Recipe .Recipe__list + .Recipe__subTitle {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__list {
    gap: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
  #container .Recipe .Recipe__list + .Recipe__subTitle {
    margin-top: 80px;
  }
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__list li {
    margin: 0 auto 0;
    max-width: 600px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 327px;
    flex: 0 0 327px;
    margin: 0;
  }
}

#container .Recipe .Recipe__list a {
  gap: 0;
  background-color: #fff;
  -webkit-box-shadow: 12px 12px 0 rgba(91, 27, 0, 0.2);
  box-shadow: 12px 12px 0 rgba(91, 27, 0, 0.2);
  color: #5b1b00;
  display: grid;
  grid-template-columns: 1fr;
}

@media (hover: hover) {
  #container .Recipe .Recipe__list a {
    -webkit-transition: -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: transform 200ms, box-shadow 200ms;
    transition: transform 200ms, box-shadow 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
  }
  #container .Recipe .Recipe__list a img {
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
  }
  #container .Recipe .Recipe__list a:hover {
    -webkit-box-shadow: 6px 6px 0 rgba(91, 27, 0, 0.2);
    box-shadow: 6px 6px 0 rgba(91, 27, 0, 0.2);
    -webkit-transform: translate(6px, 6px);
    transform: translate(6px, 6px);
  }
}

#container .Recipe .Recipe__image {
  overflow: hidden;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__image {
    padding: 8px 8px 0;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__image {
    padding: 12px 12px 0;
  }
}

#container .Recipe .Recipe__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1.2;
  position: relative;
  text-align: center;
}

@media print, screen and (max-width: 767px) {
  #container .Recipe .Recipe__text {
    font-size: 17px;
    min-height: 64px;
  }
}

@media print, screen and (min-width: 768px) {
  #container .Recipe .Recipe__text {
    font-size: 20px;
    min-height: 80px;
    padding: 8px 16px;
  }
}

#container .Recipe .Recipe__text strong {
  background-color: #ffc738;
  padding: 0 0.1em;
}

.g-siteFooter_pagetop {
  z-index: 3;
}