@charset "utf-8";

ul.trend_30_menu-flexbox {
  display: flex;

}

.trend_30_menu-flexbox li{
  background-color: #fff2cc;
  border: 2px solid #b3c5b5;
  border-radius: 15px;
  color: #618164;
  width: 24%;
  height: auto;
  padding: 5px 15px;
  margin: 10px auto;
  text-align: left;
}

.trend_30_menu-flexbox__title{
  font-size: large;
  font-weight: bold;
  text-align: center;
}

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

ul.trend_30_menu-flexbox {
  display: block;}

  .trend_30_menu-flexbox li{
    width: 90%;
    padding: 15px;
  }
}