body {
  padding: 0;
  background-color: #e2d1b3;
  background-size: auto 250%;
  font-family: 'M PLUS 1p', YuGothic, sans-serif;
  font-size: 16px;
  color: #000;
}
input {
  height: 50%;
  width: 100%;
  border-radius: 5%;
  font-size: 14px;
}
form {
  font-size: 13px;
}

.top {
  text-align: center;
}
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: fit-content;
  margin: 0 0 1em;
}
.around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.content {
  flex: 1;
  margin: 0.2em;
  padding: 0.4em;
  background-color: #fff;
  text-align: center;
}
.recipe, .meat {
  text-align: center;
}

@media (min-width: 845px) {
  body {
    font-family: 'YuGothic', sans-serif;
  }
  img {
    border-radius: 5%;
 }
  input {
    border-radius: 4%;
  }
  table {
    width: 100%;
  }
  
  .top {
    margin-bottom: 40px;
  }
  .content {
    margin: 0;
    background-color: #fff0;
  }
  .meat {
    font-size: 17px;
    font-weight: 600;
  }

  .show_sp {
    display: none;
  }
}
@media (max-width: 844px) {
  .show_pc {
    display: none;
  }
}