@charset "utf-8";
main
{
 font-family: 'Noto Serif JP', serif;
}
.b-products {
  color: #c4a872;
  line-height: 2;
}
@media screen and (min-width: 961px) {
  .b-products {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) {
  .b-products {
    font-size: 3.466666666666666vw;
    line-height: 2.153846153846154;
  }
}
.b-products .b-products_inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .b-products .b-products_inner {
    padding-top: 11.538461538461538em;
    padding-right: 3.846153846153846em;
    padding-bottom: 11.538461538461538em;
    padding-left: 3.846153846153846em;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_inner {
    padding-top: 7.785714285714286em;
    padding-right: 3.285714285714286em;
    padding-left: 3.285714285714286em;
    padding-bottom: 7.142857142857143em;
  }
}
.b-products .b-products_ttl {
  line-height: 1.233333333333333;
  border-bottom: 1px solid rgba(196,168,114,0.5);
}
@media screen and (min-width: 961px) {
  .b-products .b-products_ttl {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_ttl {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .b-products .b-products_ttl {
    padding-right: 1.666666666666667em;
    padding-left: 1.666666666666667em;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_ttl {
    font-size: 5.333333333333334vw;
    line-height: 1.2;
    padding-bottom: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .b-products .b-products_ttl {
    font-size: 20px;
  }
}
.b-products .u-fadeIn.transform-no {
  -webkit-transform: none !important;
  transform: none !important;
}
.b-products .b-products_content {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .b-products .b-products_content {
    padding-bottom: 10em;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_content {
    padding-bottom: 7.857142857142857em;
  }
}
.b-products .b-products_content_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_content_list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.b-products .b-products_content_list_itm {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 16.74364896073903%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_content_list_itm {
    width: 50%;
    margin-top: 3.928571428571428em;
  }
}
.b-products .b-products_content_list_itm_img img {
  -webkit-filter: drop-shadow(8px 8px 8px rgba(0,0,0,0.3));
  filter: drop-shadow(8px 8px 8px rgba(0,0,0,0.3));
}
.b-products .b-products_content_list_itm_txt {
  width: 100%;
  text-align: center;
  margin-top: 2.307692307692307em;
  line-height: 2.133333333333333;
  color: #333;
}
@media screen and (min-width: 961px) {
  .b-products .b-products_content_list_itm_txt {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_content_list_itm_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_content_list_itm_txt {
    margin-top: 1.285714285714286em;
    font-size: 3.466666666666666vw;
    line-height: 2.153846153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .b-products .b-products_content_list_itm_txt {
    font-size: 13px;
  }
}
.b-products .b-products_content_list_itm_btn {
  width: 100%;
  height: 2.769230769230769em;
  position: absolute;
  text-align: center;
  bottom: -3.538461538461538em;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_content_list_itm_btn {
    width: 84.50704225352112%;
    height: 1.571428571428571em;
    margin: auto;
    margin-top: 1.071428571428571em;
    position: static;
  }
}
.b-products .b-products_content_list_itm_btn img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .b-products .b-products_content_list_itm_btn img:hover {
    opacity: 0.6;
  }
}
.b-products .b-products_content_list_itm_btn[class*='u-delay-'] {
  -webkit-transform: none !important;
  transform: none !important;
}
.b-products .b-products_content_list_itm_btn a {
  display: block;
}
.b-products .b-products_nutrient {
  width: 65.21739130434783%;
  padding-top: 1.384615384615385em;
  padding-bottom: 1.384615384615385em;
  padding-left: 6.25%;
  padding-right: 6.25%;
  background: #fff;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (min-width: 961px) {
  .b-products .b-products_nutrient {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_nutrient {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient {
    width: 100%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 5.28169014084507%;
    padding-right: 5.28169014084507%;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .b-products .b-products_nutrient {
    font-size: 13px;
  }
}
.b-products .b-products_nutrient_ttl {
  line-height: 1.733333333333333;
  margin-bottom: 0.769230769230769em;
}
@media screen and (min-width: 961px) {
  .b-products .b-products_nutrient_ttl {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_nutrient_ttl {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_ttl {
    line-height: 1.733333333333333;
    margin-bottom: 0.714285714285714em;
  }
}
@media screen and (max-width: 767px) and (min-width: 961px) {
  .b-products .b-products_nutrient_ttl {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_nutrient_ttl {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_inner {
    position: relative;
  }
}
.b-products .b-products_nutrient_list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.769230769230769em;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0.357142857142857em;
  }
}
.b-products .b-products_nutrient_list_itm {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_list_itm {
    width: calc(100% / 3);
    margin-top: 1.214285714285714em;
  }
}
.b-products .b-products_nutrient_list_itm_value {
  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;
  border: 1px solid #b2994e;
  border-radius: 0.307692307692308em;
  height: 2.692307692307693em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_list_itm_value {
    height: 2.357142857142857em;
  }
}
.b-products .b-products_nutrient_list_itm:nth-child(odd) .b-products_nutrient_list_itm_value {
  background: #b2994e;
  color: #fff;
}
.b-products .b-products_nutrient_list_itm_name {
  text-align: center;
}
.b-products .b-products_nutrient_list_itm_name sup {
  line-height: 1.6;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
@media screen and (min-width: 961px) {
  .b-products .b-products_nutrient_list_itm_name sup {
    font-size: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_nutrient_list_itm_name sup {
    font-size: 8px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_list_itm_name sup {
    font-size: 2.666666666666667vw;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .b-products .b-products_nutrient_list_itm_name sup {
    font-size: 10px;
  }
}
.b-products .b-products_nutrient_note {
  line-height: 2.6;
}
@media screen and (min-width: 961px) {
  .b-products .b-products_nutrient_note {
    font-size: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .b-products .b-products_nutrient_note {
    font-size: 8px;
  }
}
@media screen and (max-width: 767px) {
  .b-products .b-products_nutrient_note {
    font-size: 3.2vw;
    line-height: 1.5;
    position: absolute;
    bottom: 0.214285714285714em;
    right: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .b-products .b-products_nutrient_note {
    font-size: 12px;
  }
}
