.recipe-m-pdf_link {
  padding: 8px 16px;
  border-radius: 20px;
  background-color: #00a0e9;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  width: fit-content;
  min-width: 196px;
  transition: 0.2s;
}
.recipe-m-pdf_link:hover {
  opacity: 0.8;
}
.recipe-m-pdf_link:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.66641%206.93333V6.4H2.13307V6.93333H2.66641ZM6.93307%206.93333V6.4H6.39974V6.93333H6.93307ZM6.93307%2011.2H6.39974V11.7333H6.93307V11.2ZM14.3997%203.73333H14.9331V3.51253L14.7773%203.35573L14.3997%203.73333ZM11.1997%200.533333L11.5773%200.155733L11.4205%200H11.1997V0.533333ZM2.66641%207.46667H3.73307V6.4H2.66641V7.46667ZM3.19974%2011.7333V9.06667H2.13307V11.7333H3.19974ZM3.19974%209.06667V6.93333H2.13307V9.06667H3.19974ZM3.73307%208.53333H2.66641V9.6H3.73307V8.53333ZM4.26641%208C4.26641%208.14145%204.21022%208.2771%204.1102%208.37712C4.01018%208.47714%203.87452%208.53333%203.73307%208.53333V9.6C4.15742%209.6%204.56439%209.43143%204.86444%209.13137C5.1645%208.83131%205.33307%208.42435%205.33307%208H4.26641ZM3.73307%207.46667C3.87452%207.46667%204.01018%207.52286%204.1102%207.62288C4.21022%207.7229%204.26641%207.85855%204.26641%208H5.33307C5.33307%207.57565%205.1645%207.16869%204.86444%206.86863C4.56439%206.56857%204.15742%206.4%203.73307%206.4V7.46667ZM6.39974%206.93333V11.2H7.46641V6.93333H6.39974ZM6.93307%2011.7333H7.99974V10.6667H6.93307V11.7333ZM9.59974%2010.1333V8H8.53307V10.1333H9.59974ZM7.99974%206.4H6.93307V7.46667H7.99974V6.4ZM9.59974%208C9.59974%207.57565%209.43117%207.16869%209.13111%206.86863C8.83105%206.56857%208.42409%206.4%207.99974%206.4V7.46667C8.14119%207.46667%208.27684%207.52286%208.37686%207.62288C8.47688%207.7229%208.53307%207.85855%208.53307%208H9.59974ZM7.99974%2011.7333C8.42409%2011.7333%208.83105%2011.5648%209.13111%2011.2647C9.43117%2010.9646%209.59974%2010.5577%209.59974%2010.1333H8.53307C8.53307%2010.2748%208.47688%2010.4104%208.37686%2010.5105C8.27684%2010.6105%208.14119%2010.6667%207.99974%2010.6667V11.7333ZM10.6664%206.4V11.7333H11.7331V6.4H10.6664ZM11.1997%207.46667H13.8664V6.4H11.1997V7.46667ZM11.1997%209.6H12.7997V8.53333H11.1997V9.6ZM2.13307%205.33333V1.6H1.06641V5.33333H2.13307ZM13.8664%203.73333V5.33333H14.9331V3.73333H13.8664ZM2.66641%201.06667H11.1997V0H2.66641V1.06667ZM10.8221%200.910933L14.0221%204.11093L14.7773%203.35573L11.5773%200.155733L10.8221%200.910933ZM2.13307%201.6C2.13307%201.45855%202.18926%201.3229%202.28928%201.22288C2.3893%201.12286%202.52496%201.06667%202.66641%201.06667V0C2.24206%200%201.83509%200.168571%201.53504%200.468629C1.23498%200.768687%201.06641%201.17565%201.06641%201.6H2.13307ZM1.06641%2012.8V14.4H2.13307V12.8H1.06641ZM2.66641%2016H13.3331V14.9333H2.66641V16ZM14.9331%2014.4V12.8H13.8664V14.4H14.9331ZM13.3331%2016C13.7574%2016%2014.1644%2015.8314%2014.4644%2015.5314C14.7645%2015.2313%2014.9331%2014.8243%2014.9331%2014.4H13.8664C13.8664%2014.5414%2013.8102%2014.6771%2013.7102%2014.7771C13.6102%2014.8771%2013.4745%2014.9333%2013.3331%2014.9333V16ZM1.06641%2014.4C1.06641%2014.8243%201.23498%2015.2313%201.53504%2015.5314C1.83509%2015.8314%202.24206%2016%202.66641%2016V14.9333C2.52496%2014.9333%202.3893%2014.8771%202.28928%2014.7771C2.18926%2014.6771%202.13307%2014.5414%202.13307%2014.4H1.06641Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.recipe-m-input {
  all: unset;
  padding: 12px 16px;
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  background-color: #f5f5f7;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 440px) {
  .recipe-m-input {
    padding: 8px 12px;
  }
}

.recipe-m-checkbox {
  all: unset;
  width: 24px;
  height: 24px;
  background-color: #f5f5f7;
  border-radius: 3px;
  border: 1px solid #BCBCBC;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.96094%2010.9974L0.210938%206.2474L1.39844%205.0599L4.96094%208.6224L12.6068%200.976562L13.7943%202.16406L4.96094%2010.9974Z%22%20fill%3D%22%23BCBCBC%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.recipe-m-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.96094%2014.9974L3.21094%2010.2474L4.39844%209.0599L7.96094%2012.6224L15.6068%204.97656L16.7943%206.16406L7.96094%2014.9974Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-color: #00a0e9;
}

.recipe-allergy {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  column-gap: 12px;
  min-height: 24px;
}
@media (max-width: 440px) {
  .recipe-allergy {
    column-gap: 20px;
    min-height: auto;
  }
}
.recipe-allergy--label {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 3px;
}
@media (max-width: 440px) {
  .recipe-allergy--label {
    font-size: 10px;
  }
}
.recipe-allergy--list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recipe-allergy--item {
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #00a0e9;
  font-size: 12px;
  line-height: 1.5;
  color: #00a0e9;
}
@media (max-width: 440px) {
  .recipe-allergy--item {
    font-size: 10px;
  }
}

.recipe-new {
  padding-top: 120px;
}
@media (max-width: 440px) {
  .recipe-new {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recipe-new--ttl_wrapper {
  max-width: 1128px;
  margin: 0 auto;
}
.recipe-new--ttl {
  width: fit-content;
  font-family: "Montserrat", sans-serif;
  color: #00a0e9;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 440px) {
  .recipe-new--ttl {
    font-size: 40px;
  }
}
.recipe-new--layout {
  display: grid;
  grid-template-columns: 456px 1fr;
  column-gap: 120px;
  max-width: 1128px;
  margin: 0 auto;
  margin-top: 24px;
}
@media (max-width: 440px) {
  .recipe-new--layout {
    grid-template-columns: 1fr;
  }
}
.recipe-new--block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
}
@media (max-width: 440px) {
  .recipe-new--block {
    grid-template-columns: 1fr;
    row-gap: 40px;
    max-width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: 56px;
  }
}

.recipe-new_large--img_wrap {
  height: 285px;
}
@media (max-width: 440px) {
  .recipe-new_large--img_wrap {
    height: auto;
    aspect-ratio: 327/202;
    width: 100%;
  }
}
.recipe-new_large--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe-new_large--ttl {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCBCBC;
}
@media (max-width: 440px) {
  .recipe-new_large--ttl {
    margin-top: 16px;
    font-size: 18px;
  }
}
.recipe-new_large--pdf_link {
  margin-top: 27px;
}
@media (max-width: 440px) {
  .recipe-new_large--pdf_link {
    margin-top: 24px;
  }
}
.recipe-new_large--allergy {
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-new_large--allergy {
    margin-top: 12px;
  }
}

.recipe-new_article--lead {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.recipe-new_article--lead.brown {
  color: #a1593b;
}
.recipe-new_article--lead.green {
  color: #49b239;
}
@media (max-width: 440px) {
  .recipe-new_article--lead {
    font-size: 16px;
    text-align: center;
  }
}
.recipe-new_article--img_wrap {
  margin-top: 16px;
  height: 165px;
}
@media (max-width: 440px) {
  .recipe-new_article--img_wrap {
    height: auto;
    margin-top: 8px;
    aspect-ratio: 8/5;
  }
}
.recipe-new_article--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe-new_article--ttl {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCBCBC;
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-new_article--ttl {
    margin-top: 12px;
    font-size: 16px;
  }
}
.recipe-new_article--pdf_link {
  margin-top: 24px;
}
.recipe-new_article--allergy {
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-new_article--allergy {
    margin-top: 12px;
  }
}

.recipe-search {
  padding-top: 80px;
  padding-bottom: 56px;
}
@media (max-width: 440px) {
  .recipe-search {
    padding: 64px 32px 40px;
  }
}
.recipe-search--ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.5;
}
.recipe-search--ttl:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M29.9987%2018.3359C29.9987%2016.8039%2029.6979%2015.2868%2029.1117%2013.8714C28.5254%2012.4561%2027.6655%2011.1705%2026.5824%2010.0872C25.499%209.00386%2024.2121%208.14426%2022.7965%207.55794C21.3811%206.9717%2019.8641%206.66927%2018.332%206.66927C16.8%206.66932%2015.2829%206.97166%2013.8675%207.55794C12.4521%208.14426%2011.1666%209.00393%2010.0833%2010.0872C7.89543%2012.2751%206.66546%2015.2418%206.66536%2018.3359C6.66536%2021.4302%207.89534%2024.3983%2010.0833%2026.5863C12.2712%2028.7739%2015.2381%2030.0025%2018.332%2030.0026C21.4263%2030.0026%2024.3944%2028.7743%2026.5824%2026.5863C27.6657%2025.5029%2028.5253%2024.216%2029.1117%2022.8005C29.6978%2021.3851%2029.9987%2019.8678%2029.9987%2018.3359ZM33.332%2018.3359C33.332%2020.3057%2032.9449%2022.2566%2032.1911%2024.0765C31.6508%2025.3809%2030.9269%2026.5975%2030.0492%2027.6963L36.1771%2033.8242C36.828%2034.4751%2036.828%2035.5301%2036.1771%2036.181C35.5262%2036.8319%2034.4712%2036.8319%2033.8203%2036.181L27.6924%2030.0531C25.047%2032.1665%2021.7507%2033.3359%2018.332%2033.3359C14.3538%2033.3358%2010.538%2031.7561%207.72493%2028.943C4.91204%2026.13%203.33203%2022.3141%203.33203%2018.3359C3.33212%2014.3577%204.91191%2010.5419%207.72493%207.72884C9.11766%206.33611%2010.7718%205.23235%2012.5915%204.47852C14.4113%203.72472%2016.3623%203.33598%2018.332%203.33594C20.3019%203.33594%2022.2527%203.72468%2024.0726%204.47852C25.8923%205.23229%2027.5463%206.33612%2028.9391%207.72884C30.3319%209.12165%2031.4372%2010.7756%2032.1911%2012.5954C32.9449%2014.4152%2033.332%2016.3662%2033.332%2018.3359Z%22%20fill%3D%22%2300A0E9%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
}
@media (max-width: 440px) {
  .recipe-search--ttl {
    font-size: 26px;
    column-gap: 12px;
  }
  .recipe-search--ttl:before {
    content: "";
    width: 32px;
    height: 32px;
  }
}
.recipe-search--form {
  max-width: 1128px;
  margin: 0 auto;
  margin-top: 24px;
  border: 2px solid #00a0e9;
  display: flex;
  padding-top: 24px;
  padding-bottom: 28px;
}
@media (max-width: 440px) {
  .recipe-search--form {
    padding: 16px;
    padding-bottom: 20px;
    flex-direction: column;
  }
}
.recipe-search--block {
  flex: 1;
  padding: 4px 24px;
  display: flex;
  flex-direction: column;
}
.recipe-search--block + .recipe-search--block {
  border-left: 1px solid #C9E3EF;
}
@media (max-width: 440px) {
  .recipe-search--block {
    padding: 0;
  }
  .recipe-search--block + .recipe-search--block {
    border-left: 0;
    margin-top: 16px;
  }
}
.recipe-search--lead {
  color: #00a0e9;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 440px) {
  .recipe-search--lead {
    font-size: 14px;
    white-space: normal;
  }
}
.recipe-search--input {
  min-width: 290px;
  box-sizing: border-box;
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-search--input {
    min-width: auto;
    width: 100%;
    margin-top: 4px;
  }
}
.recipe-search--note {
  display: flex;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 8px;
}
@media (max-width: 440px) {
  .recipe-search--note {
    font-size: 10px;
    margin-top: 4px;
  }
}
.recipe-search--lead_note {
  white-space: nowrap;
  color: #333;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 440px) {
  .recipe-search--lead_note {
    font-size: 10px;
    white-space: normal;
  }
}
.recipe-search--submit_btn {
  all: unset;
  cursor: pointer;
  width: 176px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  background-color: #00a0e9;
  border-radius: 9999px;
  margin-top: auto;
  margin-bottom: auto;
  transition: 0.2s;
}
.recipe-search--submit_btn:hover {
  opacity: 0.8;
}
@media (max-width: 440px) {
  .recipe-search--submit_btn {
    width: 134px;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }
}

.recipe-search_labels {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 15px;
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-search_labels {
    column-gap: 16px;
    row-gap: 4px;
    margin-top: 4px;
  }
}
.recipe-search_labels--label {
  font-size: 16px;
  line-height: 1.7;
  display: flex;
  column-gap: 8px;
  align-items: center;
}
@media (max-width: 440px) {
  .recipe-search_labels--label {
    font-size: 14px;
  }
}
.recipe-result {
  padding-top: 56px;
  padding-bottom: 120px;
  background-color: #f5f5f7;
}
@media (max-width: 440px) {
  .recipe-result {
    padding: 40px 24px 80px;
  }
}
.recipe-result--inner {
  max-width: 1128px;
  margin: 0 auto;
}
.recipe-result--head {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}
.recipe-result--head > .number {
  font-size: 24px;
  margin-left: 8px;
  margin-right: 4px;
}
@media (max-width: 440px) {
  .recipe-result--head {
    font-size: 14px;
  }
  .recipe-result--head > .number {
    font-size: 18px;
  }
}
.recipe-result--list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24px;
  row-gap: 32px;
  margin-top: 24px;
}
@media (max-width: 440px) {
  .recipe-result--list {
    grid-template-columns: 1fr;
    padding-left: 32px;
    padding-right: 32px;
    row-gap: 24px;
  }
}
.recipe-result--more_btn {
  padding-top: 22px;
  padding-bottom: 23px;
  border-radius: 9999px;
  background-color: #fff;
  display: block;
  width: 360px;
  margin: 0 auto;
  margin-top: 56px;
  border: 1px solid #00a0e9;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  transition: 0.2s;
}
.recipe-result--more_btn:hover {
  opacity: 0.8;
}
@media (max-width: 440px) {
  .recipe-result--more_btn {
    width: 295px;
    margin-top: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.recipe-result_article {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.recipe-result_article--img_wrap {
  height: 165px;
}
@media (max-width: 440px) {
  .recipe-result_article--img_wrap {
    height: auto;
    aspect-ratio: 263/164;
  }
}
.recipe-result_article--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe-result_article--block {
  padding: 24px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 440px) {
  .recipe-result_article--block {
    padding: 16px 16px 20px;
  }
}
.recipe-result_article--ttl {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCBCBC;
}
@media (max-width: 440px) {
  .recipe-result_article--ttl {
    font-size: 14px;
    padding-bottom: 8px;
  }
}
.recipe-result_article--allergy {
  margin-bottom: 24px;
}
@media (max-width: 440px) {
  .recipe-result_article--allergy {
    margin-top: 8px;
    margin-bottom: 20px;
  }
}
.recipe-result_article--pdf_link {
  margin: 0 auto;
  margin-top: auto;
}
.recipe-result_article--allergy {
  margin-top: 16px;
}
@media (max-width: 440px) {
  .recipe-result_article--allergy {
    margin-top: 8px;
  }
}

/*# sourceMappingURL=recipe.css.map */