@charset "UTF-8";

/* CSS Document */
/* 新商品レシピを見る */
#NewRecipe h2 {
  font-size: 124%;
  border-left: solid 5px #8fc31e;
  line-height: 1;
  padding: 4px 0 4px 14px;
  margin: 13px 13px 13px 0px;
}

.recipe_listin {
  padding-bottom: 25px !important;
}

.recipe_list h2 {
  color: #fff;
  border-radius: 6px;
  padding: 0 18px;
  font-weight: normal;
  position: relative;
}

.recipe_list h2 span {
  background-color: #fff;
  border-radius: 2px;
  padding: 2px 4px 4px 12px;
  font-size: 14px;
  position: relative;
  position: absolute;
  right: 6px;
  height: 19px;
  margin-top: 5px;
}

.recipe_list h2 span:before {
  content: "";
  border: transparent solid 0.3em;
  left: 0.4em;
  height: 0;
  width: 0;
  margin: 0;
  margin-top: 0.6em;
  padding: 0px;
  position: absolute;
}

#yuzukosho-baisengoma h2 {
  background-color: #449043;
}

#yuzukosho-baisengoma h2 span,
#yuzukosho-baisengoma h2 a {
  color: #449043;
}

#yuzukosho-baisengoma h2 span:before {
  border-left-color: #449043;
}

#toritennomoto h2 {
  background-color: #F3981E;
}

#toritennomoto h2 span,
#toritennomoto h2 a {
  color: #F3981E;
}

#toritennomoto h2 span:before {
  border-left-color: #F3981E;
}

#kobashi-garlic-dressing h2 {
  background-color: #251F1C;
}

#kobashi-garlic-dressing h2 span,
#kobashi-garlic-dressing h2 a {
  color: #251F1C;
}

#kobashi-garlic-dressing h2 span:before {
  border-left-color: #251F1C;
}

#umadare h2 {
  background-color: #0B5B31;
}

#umadare h2 span,
#umadare h2 a {
  color: #0B5B31;
}

#umadare h2 span:before {
  border-left-color: #0B5B31;
}



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

  /*新商品レシピ*/
  .main_visual {
    margin-bottom: 1em;
  }

  .main_visual img {
    max-width: 100%;
  }

  ul#Syohin_list_top {
    margin-bottom: 2em;
  }

  .cate_ttl h2 {
    font-size: 1.6rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #212121;
  }

  .detail_link {
    padding: .5em 0 1em;
    text-align: center;
  }

  .detail_link a {
    color: #C30D23;
  }

  #Ygreen_list .cate_ttl {
    border-left: solid 10px #8FC31E;
  }

  .product_header {
    display: flex;
    align-items: center;
  }

  .product_header h3 {
    display: inline;
    font-size: 19px;
    flex: 1 1 auto;
  }

  #yuzukosho-baisengoma {
    color: #449043;
    border-top: 5px solid #449043;
  }

  #toritennomoto {
    color: #F3981E;
    border-top: 5px solid #F3981E;
  }

  #kobashi-garlic-dressing {
    color: #251F1C;
    border-top: 5px solid #251F1C;
  }

  #umadare {
    color: #0B5B31;
    border-top: 5px solid #0B5B31;
  }


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