#news {
  width: 100%;
}

#news .inner {
  max-width: 680px;
  margin: 30px auto 60px auto;
}

#news .inner h1 {
  font-size: 2.4rem;
  color: #53A530;
  padding: 0px 0px 20px 0px;
  border-bottom: solid 1px #DDDDDD;
}

#news .inner h1 span {
  display: block;
  font-size: 1.4rem;
  color: #333333;
}

#news .inner h2 {
  padding: 40px 0 20px 0;
  font-size: 1.6rem;
  font-weight: bold;
}

#news .inner p.copy {
  padding: 40px 0 20px 0;
}

#news .inner img {
  max-width: 100%;
}

#news .inner table {
  width: 100%;
  margin: 20px 0;
  text-align: center;
  background-color: #FFFFFF;
}

#news .inner tr {
  border: solid 1px #DDDDDD;
}

#news .inner th {
  padding: 10px 0;
  border: solid 1px #DDDDDD;
  background-color: #EEEEEE;
}

#news .inner td {
  padding: 10px 0;
  border: solid 1px #DDDDDD;
}

#news .inner div.coution ul {
  margin: 40px 0 0 0;
  padding: 20px 0 0 0;
  font-size: 1.2rem;
  border-top: solid 1px #DDDDDD;
}

#news .inner div.coution li {
  padding: 0 0 10px 0;
}

#news p.all {
  padding: 40px 0 0 0;
  text-align: center;
}

#news p.all a {
  display: inline-block;
  padding: 5px 30px;
  border-radius: 25px;
  background-color: #53A530;
  font-size: 1.6rem;
  color: #FFFFFF;
}

/*newmenu template*/
#news div.menu {
  padding: 0 0 40px 0;
}

#news div.menu h2 {
  padding: 20px 0 15px 0;
}

#news div.menu p {
  padding: 0 0 20px 0;
}

#news div.menu-title-area {
  align-items:  baseline;
  display: flex;
  gap: 20px;
}

#news div.menu-title-area h2 + .p-menu-food-info__category {
  transform: translateY(-1px);
  word-break: keep-all;
}

#news div.menu table {
  width: 100%;
  margin: 0px 0;
  border-top: solid 3px #8CC53E;
  border-bottom: solid 1px #8CC53E;
  text-align: left;
  background-color: transparent;
}

#news div.menu table tr {
  width: 100%;
  border: none;
  border-top: solid 1px #DDDDDD;
}

#news div.menu table td {
  width: 33.3%;
  padding: 10px 10px;
  border: none;
  border-right: solid 1px #DDDDDD;
}

#news div.menu table td:last-child {
  border-right: none;
}

#news div.menu table tr:first-child td:last-child {
  padding: 20px 10px 10px 10px;
}

#news div.menu table tr:first-child td:last-child span {
  margin: -10px 0 0 0;
}

#news div.menu table td span {
  margin: 0px 0 0 0;
  float: right;
  line-height: 1.5;
  color: #52A530;
  font-size: 1.8rem;
  display: block;
  text-align: center;
}

#news div.menu table td em {
  display: block;
  font-size: 1.2rem;
  text-align: center;
  font-style: normal;
}

#news div.menu img {
  width: 100%;
}

#news div.menu p.detail {
  padding: 40px 0 0 0;
  text-align: center;
}

#news div.menu p.detail a {
  display: inline-block;
  padding: 5px 30px;
  border-radius: 25px;
  background-color: #53A530;
  font-size: 1.6rem;
  color: #FFFFFF;
}

/*newmenu template*/

@media screen and (max-width:768px) {
  #news .inner {
    padding: 0 10px;
    font-size: 1.2rem;
  }

  #news .inner h1 {
    padding: 10px 0;
    font-size: 2rem;
  }

  #news .inner h2 {
    padding: 20px 0 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
  }

  #news .inner li {
    padding: 20px 0;
  }

  /*newmenu template*/
  #news div.menu table td {
    padding: 10px;
    border-right: solid 1px #DDDDDD;
    text-align: center;
    font-size: 1.2rem;
    vertical-align: top;
  }

  #news div.menu table tr:first-child td:last-child {
    padding: 10px;
  }

  #news div.menu table td span {
    padding: 10px 0 0 0;
    float: none;
  }

  /*newmenu template*/
}