@charset "utf-8";

/* レシピの表 --------------------------------------*/



.table-recipe table {
  border-collapse: collapse;
}

.table-recipe th,
.table-recipe td {
  font-size: 1.2rem;
  padding: 0px 2px;
}

.table-recipe .line1 {
  border-top: solid 1px black;
}

.table-recipe .line2 {
  border-bottom: solid 1px black;
}

.table-recipe td {
  font-weight: 500;
  padding-left: 1em;
}

.table-recipe td:nth-of-type(2) {
  text-align: right;
}

.recipe-text-s {
  font-size: 1.2rem;
  font-weight: normal;
}

@media screen and (max-width: 600px) {

  .taste-recipe {
    text-align: center;
    margin-top: 20px;
  }

  .taste-recipe table {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }

}

@media all and (min-width: 768px) {

  .taste-recipe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
  }

  .table-recipe table,
  .recipe-text-s {
    width: 200px;
    margin-left: 40px;
  }

}