.md66 {
 color: #000;
}
.md66 + .b-footer {
 margin: 0;
}
.b-nav-logo .logo_w {
    display: none;
}
.b-nav-logo .logo_b {
    display: block;
}
.b-nav-btn {
    color: #001865;
}
.b-nav-btn_icon {
    background: #001865;
}
.b-nav-btn_icon > span {
    background: #001865;
}
@media screen and (max-width: 767px) {
 .md66 + .b-footer {
  margin: 0;
 }
}
.mv_img {
 width: 100%;
 text-align: center;
}
.mv_img img {
 width: 100%;
}
.mv_txt {
 width: 100%;
 background: #c4a872;
 color: #fff;
 text-align: center;
}
.mv_inner {
 width: 100%;
 position: relative;
}
.mv_inner .mv_date {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
}
@media screen and (min-width: 768px) {
 .md66 {
  background: url("../images/bg.jpg") no-repeat center top fixed;
  background-size: cover;
 }
 .mv_inner {
  max-width: 1364px;
  margin: 0 auto;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
 }
 .mv_txt {
  line-height: 1.739130434782609;
 }
}
@media screen and (max-width: 767px) {
 .md66 {
  background: url("../images/bg.jpg") repeat-y center top;
  background-size: contain;
 }
 .mv_txt {
  font-size: 4.8vw;
  line-height: 1.777777777777778;
 }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
 .mv_txt {
  font-size: 1.916666666666667vw;
 }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
 .mv_txt {
  font-size: 18.4px;
 }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
 .mv_txt {
  font-size: 18px;
 }
}
.content {
 width: 100%;
 margin-left: auto;
 margin-right: 0;
}
.taste {
 position: relative;
}
@media screen and (min-width: 768px) {
 .taste {
  padding-top: 10%;
  padding-bottom: 5%;
 }
}
@media screen and (max-width: 767px) {
 .taste {
  padding-top: 18%;
  padding-bottom: 10%;
 }
}
.taste_content {
 position: relative;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
 .taste_content {
  width: 70%;
  max-width: 960px;
 }
}
@media screen and (max-width: 767px) {
 .taste_content {
  width: 100%;
 }
}
@media screen and (min-width: 768px) {
 .taste_txt {
  width: 52%;
  margin-left: 48%;
  padding-bottom: 8%;
 }
 .lead_text {
  margin: 5% auto 0 auto;
  font-size: 18px;
  text-align: center;
  line-height: 2.4;
  letter-spacing: 0.1em;
 }
 .lead_text .note {
  display: inline-block;
  font-size: 14px;
  line-height: 2;
 }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
 .lead_text {
  font-size: 16px;
 }
 .lead_text .note {
  display: inline-block;
  font-size: 12px;
  line-height: 2;
 }
}
@media screen and (max-width: 767px) {
 .taste_txt {
  width: 100%;
  margin-left: 0;
  text-align: center;
  position: relative;
 }
}
@media screen and (min-width: 768px) {
 .taste_img {
  position: absolute;
  top: 0;
  left: 4%;
  width: 38%;
  padding: 0 6%;
 }
}
@media screen and (max-width: 767px) {
 .taste_img {
  position: absolute;
  top: -6%;
  left: 5%;
  width: 34%;
 }
}
@media screen and (min-width: 768px) {
 .taste_ttl {
  width: 100%;
 }
}
@media screen and (max-width: 767px) {
 .taste_ttl {
  width: 48%;
  margin: 0 7% 0 45%;
 }
}
.taste_desc {
 line-height: 2;
 color: #c4a872;
 margin-top: 10.778443113772456%;
}
@media screen and (min-width: 768px) {
 .taste_desc {
  margin-top: -14%;
  width: 86%;
 }
}
@media screen and (max-width: 767px) {
 .taste_desc {
  width: 90%;
  margin: 10% auto 8% auto;
 }
 .lead_text {
  margin: 5% 5% 0 5%;
 text-align: center;
 font-size: 4vw;
  line-height: 2.2;
 }
 .lead_text .note {
  display: inline-block;
 text-align: left;
 font-size: 14px;
  line-height: 2;
 }
}
@media screen and (min-width: 768px) {
 .kodawari .kodawariinner {
  max-width: 1164px;
  margin: 0 auto;
 }
 .kodawari .title {
  width: 410px;
  margin: 0 auto 70px auto;
  padding: 0;
  border: none;
  text-align: left;
 }
 .kodawari .sectionbox {
  background: url("../images/kodawari_bg.jpg") repeat center top;
  background-size: 1120px auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 80px 0;
  color: #000;
 }
 .kodawari .titlelabel {
  font-size: 30px;
  font-family: 'Noto Serif JP', serif;
  color: #000;
  position: relative;
 }
 .kodawari .titlelabel .num {
  display: inline-block;
  width: 2.2em;
  font-size: 52px;
 }
 #suntory_contents .titlelabel .num {
  vertical-align: middle;
 }
 .kodawari .titlelabel .labeltext {
  position: relative;
  top: 0.06em;
  padding: 0 5% 0 0;
 }
 #suntory_contents .titlelabel .labeltext {
  vertical-align: middle;
 }
 .kodawari .kodawari01 .stitle {
  background: url("../images/kodawari_title_bg01.jpg") no-repeat center center;
  background-size: 1164px auto;
  font-weight: normal;
 }
 .kodawari .kodawari02 .stitle {
  background: url("../images/kodawari_title_bg02.jpg") no-repeat center center;
  background-size: 1164px auto;
  font-weight: normal;
 }
 .kodawari .kodawari03 .stitle {
  background: url("../images/kodawari_title_bg03.jpg") no-repeat center center;
  background-size: 1164px auto;
  font-weight: normal;
 }
 .kodawari .stitle a {
  display: block;
  position: relative;
  padding: 30px 60px 30px 60px;
  cursor: pointer;
 }
 .kodawari .stitle a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 0;
 }
 .kodawari .stitle a::after {
  background: url("../../../images/mastersdream/icon_open_b.svg") no-repeat 0 0;
  background-size: contain;
 }
 .kodawari .stitle.active a::after {
  background: url("../../../images/mastersdream/icon_close_b.svg") no-repeat 0 0;
  background-size: contain;
 }
 .kodawari .boxbody {
  padding: 6% 8%;
  display: none;
 }
 .kodawari .textbox {
  display: flex;
  justify-content: space-between
 }
 .kodawari .textbox .textset01 {
  width: 47%;
 }
 .kodawari .textbox .textset02 {
  width: 45%;
 }
 .kodawari .kodawari01 .textset01 .pic {
  margin: 0 -3% 30px -12%;
 }
 .kodawari .kodawari01 .textset01 .note {
  font-size: 14px;
  line-height: 2;
  margin: 0 3% 0 0;
 }
 .kodawari .kodawari01 .textset02 h4 {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 400;
  margin: -10px 0 10px 0;
  letter-spacing: 0.05em;
 }
 .kodawari .kodawari01 .textset02 h4 .label {
  font-size: 24px;
  vertical-align: baseline !important;
 }
 .kodawari .kodawari01 .textset02 .text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari01 .textset02 .pic {
  margin: 20px 0 0 0;
 }
 .kodawari .kodawari02 .textbox {
  flex-direction: row-reverse;
 }
 .kodawari .kodawari02 .textset02 h4 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 20px 0;
 }
 .kodawari .kodawari02 .textset02 .text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
  .kodawari .kodawari02 .textset02 .note {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari03 .textbox {
  margin: 0 0 40px 0;
 }
 .kodawari .kodawari03 .textset01 .pic {
  margin: 0 0 10px 0;
 }
 .kodawari .kodawari03 .textset02 .text {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari03 .textset02 .text01 {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #b0b0b0;
 }
 .kodawari .kodawari03 .textset02 .text02 .label {
  font-family: 'Noto Sans JP', sans-serif;
 }
 .kodawari .kodawari03 .sign {
  width: 60%;
  margin: -10px 0 0 40%;
 }
 .kodawari .profile {
  background: #fff;
  padding: 60px;
 }
 .kodawari .profile .prifilebox {
  display: flex;
  justify-content: space-between
 }
 .kodawari .profile .prifilebox .proftext {
  width: 64%;
 }
 .kodawari .profile .prifilebox .profpic {
  width: 32%;
 }
 .kodawari .profile .name {
  font-size: 18px;
  margin: 0 0 20px 0;
 }
 .kodawari .profile .name .label {
  display: inline-block;
  width: 80px;
  vertical-align: bottom !important;
  margin: 0 20px 0 0;
 }
 .kodawari .profile .text {
  font-size: 16px;
  line-height: 1.8;
 }
 .kodawari .profile .pic {
  margin: 0 0 10px 0;
  min-width: 180px;
 }
 .kodawari .profile .caption {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  text-align: center;
 }
 .kodawari .profile .caption a.blanklink {
  display: inline-block;
  text-decoration: underline !important;
  position: relative;
  padding: 0 20px 0 0;
 }
 .kodawari .profile .caption a.blanklink::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url("../images/icon_blank.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
 }
 .kodawari .profile .caption a.icon {
  display: inline-block;
  width: 10%;
  margin: -2px 0 0 5%;
 }
}
.products .b-products_content {
 width: 50%;
}
@media screen and (min-width: 768px) {
 .products .b-products_content {
  max-width: 760px;
 }
 .b-products .b-products_inner {
  padding-top: 3%;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
 }
 .b-products .b-products_ttl {
  width: 410px;
  margin: 0 auto;
  padding: 0;
  border: none;
 }
}
@media screen and (max-width: 767px) {
 .b-products .b-products_inner {
  padding-top: 3%;
  padding-right: 5%;
  padding-bottom: 0;
  padding-left: 5%;
 }
 .b-products .b-products_ttl {
  margin: 0 auto;
  padding: 0;
  border: none;
 }
 .products .b-products_content {
  width: 100%;
  padding-bottom: 10%;
 }
 .kodawari .kodawariinner {
  margin: 0 5%;
 }
 .kodawari .title {
  margin: 0 auto 5% auto;
 }
 .kodawari .sectionbox {
  background: url("../images/kodawari_bg.jpg") repeat center top;
  background-size: 120% auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 10% 0;
  color: #000;
 }
 .kodawari .titlelabel {
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
  color: #000;
  text-align: left;
  position: relative;
 }
 .kodawari .titlelabel .num {
  display: inline-block;
  width: 2.2em;
  font-size: 52px;
 }
 #suntory_contents .titlelabel .num {
  display: inline-block;
  width: 1.8em;
  font-size: 32px;
  vertical-align: middle;
 }
 .kodawari .titlelabel .labeltext {
  position: relative;
  top: 0.06em;
  padding: 0 5% 0 0;
 }
 #suntory_contents .titlelabel .labeltext {
  vertical-align: middle;
 }
 .kodawari .kodawari01 .stitle {
  background: url("../images/kodawari_title_bg01.jpg") no-repeat center center;
  background-size: 120% auto;
  font-weight: normal;
 }
 .kodawari .kodawari02 .stitle {
  background: url("../images/kodawari_title_bg02.jpg") no-repeat center center;
  background-size: 120% auto;
  font-weight: normal;
 }
 .kodawari .kodawari03 .stitle {
  background: url("../images/kodawari_title_bg03.jpg") no-repeat center center;
  background-size: 120% auto;
  font-weight: normal;
 }
 .kodawari .stitle a {
  display: block;
  position: relative;
  padding: 5% 3% 5% 8%;
  cursor: pointer;
 }
 .kodawari .stitle a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 0;
 }
 .kodawari .stitle a::after {
  background: url("../../../images/mastersdream/icon_open_b.svg") no-repeat 0 0;
  background-size: contain;
 }
 .kodawari .stitle.active a::after {
  background: url("../../../images/mastersdream/icon_close_b.svg") no-repeat 0 0;
  background-size: contain;
 }
 .kodawari .boxbody {
  padding: 8% 5%;
   display: none;
}
 .kodawari .textbox .textset01 {
  margin: 0 0 10% 0;
 }
 .kodawari .kodawari01 .textset01 .pic {
  margin: 0 0 5% 0;
 }
 .kodawari .kodawari01 .textset01 .note {
  font-size: 13px;
  line-height: 2;
  margin: 0 3% 0 0;
 }
 .kodawari .kodawari01 .textset02 h4 {
  font-size: 21px;
  line-height: 1.5;
  font-weight: 400;
  margin: -10px 0 10px 0;
  letter-spacing: 0.05em;
  text-align: center;
 }
 .kodawari .kodawari01 .textset02 h4 .label {
  font-size: 16px;
  vertical-align: baseline !important;
 }
 .kodawari .kodawari01 .textset02 rt {
  font-size: 11px;
 }
 .kodawari .kodawari01 .textset02 .text {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari01 .textset02 .pic {
  margin: 5% 0 0 0;
 }
 .kodawari .kodawari02 .textbox {
  flex-direction: row-reverse;
 }
 .kodawari .kodawari02 .textset02 h4 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 5% 0;
 }
 .kodawari .kodawari02 .textset02 .text {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
  .kodawari .kodawari02 .textset02 .note {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari03 .textbox {
  margin: 0 0 8% 0;
 }
 .kodawari .kodawari03 .textset01 {
  margin: 0 0 5% 0;
 }
 .kodawari .kodawari03 .textset02 .pic {
  margin: 0 0 5% 0;
 }
 .kodawari .kodawari03 .textset02 .text {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.02em;
 }
 .kodawari .kodawari03 .textset02 .text01 {
  margin: 0 0 8% 0;
 }
 .kodawari .kodawari03 .textset02 .text02 .label {
  font-family: 'Noto Sans JP', sans-serif;
 }
 .kodawari .kodawari03 .sign {
  width: 70%;
  margin: -3% 0 0 30%;
 }
 .kodawari .profile {
  background: #fff;
  padding: 5%;
 }
 .kodawari .profile .name {
  font-size: 16px;
  margin: 0 0 5% 0;
 }
 .kodawari .profile .name .label {
  display: inline-block;
  width: 30%;
  vertical-align: bottom !important;
  margin: 0 5% 0 0;
 }
 .kodawari .profile .text {
  font-size: 14px;
  line-height: 1.8;
 }
 .kodawari .profile .pic {
  margin: 8% auto 0 auto;
  width: 80%;
 }
 .kodawari .profile .caption {
  margin: 3% 0 0 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  text-align: center;
 }
 .kodawari .profile .caption a.blanklink {
  display: inline-block;
  text-decoration: underline !important;
  position: relative;
  padding: 0 20px 0 0;
 }
 .kodawari .profile .caption a.blanklink::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url("../images/icon_blank.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
 }
 .kodawari .profile .caption a.icon {
  display: inline-block;
  width: 10%;
  margin: -2px 0 0 5%;
 }
}
.products .b-products_content_list {
 margin-top: 10.362694300518134%;
 flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
 .products .b-products_content_list {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
 }
}
.products .b-products_content_list_itm {
 text-align: center;
 width: 48%;
 margin: 0 auto;
}
@media screen and (max-width: 767px) {
 .products .b-products_content_list_itm {
  margin: auto;
  margin-top: 15.901060070671377%;
 }
}
@media screen and (min-width: 768px) {
 .products .b-products_content_list_itm + .b-products_content_list_itm .b-products_content_list_itm_btn {
  width: 56.201550387596896%;
  margin-left: 24.031007751937985%;
 }
}
.products .b-products_content_list_itm.item01 .b-products_content_list_itm_img {
 padding: 0 26% 0 26%;
}
.products .b-products_content_list_itm .b-products_content_list_itm_img img {
 width: 100%;
 transform: translateZ(0);
}
.products .b-products_content_list_itm .b-products_content_list_itm_txt {
 margin-top: 3.076923076923077em;
 line-height: 1.733333333333333;
}
@media screen and (min-width: 961px) {
 .products .b-products_content_list_itm .b-products_content_list_itm_txt {
  font-size: 16px;
 }
.products .b-products_content_list_itm .b-products_content_list_itm_txt .note{
 font-size: 12px;
}
}
@media screen and (max-width: 767px) {
 .products .b-products_content_list_itm.item01 .b-products_content_list_itm_img {
  padding: 0 24% 0 24%;
 }
 .products .b-products_content_list_itm.item02 .b-products_content_list_itm_img {
  padding: 11% 0 0 0;
 }
 .products .b-products_content_list_itm .b-products_content_list_itm_txt {
  margin-top: 1.285714285714286em;
  font-size: 4vw;
  line-height: 1.733333333333333;
 }
 .products .b-products_content_list_itm .b-products_content_list_itm_txt .note{
  font-size: 3vw;
}
}
@media screen and (max-width: 767px) and (max-width: 374px) {
 .products .b-products_content_list_itm .b-products_content_list_itm_txt {
  font-size: 15px;
 }
}
@media screen and (min-width: 768px) {
 .products .b-products_content_list_itm_btn {
  width: 53.70370370370371%;
  margin-left: 22.962962962962962%;
 }
}
@media screen and (max-width: 767px) {
 .products .b-products_content_list_itm_btn {
  width: 42.10526315789473%;
 }
}
@media screen and (max-width: 767px) {
 .products .b-products_nutrient_note {
  position: static;
  margin-top: 1.285714285714286em;
 }
}
.products-pack {
 border-top: 1px solid #c4a872;
 border-bottom: 1px solid #c4a872;
 margin: 0 auto;
 position: relative;
}
@media screen and (min-width: 768px) {
 .products-pack {
  width: 82.6086956521739%;
  margin-top: 6.666666666666667%;
  padding: 5.043859649122806% 0 7.12719298245614% 0;
 }
}
@media screen and (max-width: 767px) {
 .products-pack {
  width: 100%;
  margin-top: 34.66666666666667%;
  padding: 21.052631578947366% 0;
 }
}
.products-pack_txt {
 width: 47.69736842105263%;
 margin-left: 52.30263157894737%;
}
@media screen and (max-width: 767px) {
 .products-pack_txt {
  width: 80vw;
  margin-left: 0;
  text-align: center;
 }
}
.products-pack_img {
 position: absolute;
 top: 0;
 left: 7.456140350877193%;
 width: 34.64912280701755%;
 margin-top: 3.728070175438596%;
}
@media screen and (max-width: 767px) {
 .products-pack_img {
  position: static;
  width: 66.93333333333334vw;
  margin: 7.199999999999999vw auto 0 auto;
 }
}
.products-pack_lead {
 line-height: 2.133333333333333;
 color: #333;
}
@media screen and (min-width: 961px) {
 .products-pack_lead {
  font-size: 1.25vw;
 }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
 .products-pack_lead {
  font-size: 12px;
 }
}
@media screen and (max-width: 767px) {
 .products-pack_lead {
  font-size: 4vw;
  line-height: 1.733333333333333;
  text-align: center;
  margin-top: 0;
 }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
 .products-pack_lead {
  font-size: 15px;
 }
}
.products-pack_ttl {
 width: 74%;
 margin-top: 3.67816091954023%;
 line-height: 0;
}
@media screen and (max-width: 767px) {
 .products-pack_ttl {
  width: 68vw;
  margin: 4.266666666666667vw auto 0;
 }
}
.products-pack_desc {
 line-height: 2.133333333333333;
 color: #333;
 margin-top: 3.448275862068965%;
 margin-bottom: 5.977011494252873%;
}
@media screen and (min-width: 961px) {
 .products-pack_desc {
  font-size: 1.25vw;
 }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
 .products-pack_desc {
  font-size: 12px;
 }
}
@media screen and (max-width: 767px) {
 .products-pack_desc {
  font-size: 3.466666666666666vw;
  line-height: 2;
  margin-top: 5.333333333333334vw;
  text-align: left;
  letter-spacing: -1px;
 }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
 .products-pack_desc {
  font-size: 13px;
 }
}
.products-pack_btn {
 width: 33.33333333333333%;
 height: 2.769230769230769em;
 margin-top: 2.960526315789473%;
}
@media screen and (max-width: 767px) {
 .products-pack_btn {
  width: 41.75438596491228%;
  height: 1.571428571428571em;
  margin: 8.771929824561402% auto 0;
 }
}
.products-pack_btn img {
 width: 100%;
 height: 100%;
}
.b-products .b-products_nutrient {
 background: none;
}
@media screen and (min-width: 768px) {
 .b-products .b-products_nutrient {
  width: 90%;
  max-width: 880px;
  padding: 0;
  margin: 0 auto 8% auto;
 }
 .b-products .b-products_nutrient .label {
  font-size: 16px;
  margin: 0 0 20px 0;
  color: #000;
 }
 .b-products .b-products_nutrient .productdata {
  background-color: #cdae1e;
  border-radius: 8px;
  overflow: hidden;
  padding: 25px 5%;
  color: #fff;
 }
 .b-products .b-products_nutrient .dataname {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin: 0 0 20px 0;
 }
 .b-products .b-products_nutrient .dataname strong {
  font-weight: normal;
 }
 .b-products .b-products_nutrient .datalist {
  display: flex;
  justify-content: space-between;
 }
 .b-products .b-products_nutrient .datalist li {
  background: #c69000;
  padding: 20px 10px;
  text-align: center;
  width: 15.8%;
 }
 .b-products .b-products_nutrient .datalist .datalabel {
  margin: 0 0 5% 0;
  font-size: 14px;
 }
 .b-products .b-products_nutrient .datalist .datanum {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
 }
 .b-products .b-products_nutrient .datanote {
  margin: 10px 0 0 0;
  font-size: 14px;
  text-align: right;
 }
 #onlineshop {
  width: 480px;
  margin: 10% auto 0 auto;
 }
 #giftshop {
  width: 320px;
  margin: 10% auto 0 auto;
 }
 #giftshop .btn a {
  display: block;
  background: #c4a872;
  color: #fff;
  padding: 12px;
  border-radius: 30px;
  font-size: 18px;
  text-align: center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  transition: 0.2s;
 }
  #giftshop .btn a:hover {
  background: #d7bd8b;
 }
 #linkbnr {
  padding: 0 0 100px 0;
 }
 #linkbnr .contentsinner {
  max-width: 960px;
  margin: 0 auto;
 }
 #linkbnr .bnr {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
 }
  #linkbnr .bnr.bnr02 {
  margin: 0 auto 80px auto;
 }
 #linkbnr .bnr a {
  display: block;
  transition: 0.2s;
 }
 #linkbnr .bnr a:hover {
  opacity: 0.8;
 }
 #linkbnr .bnr01 {
  max-width: 960px;
  margin: 0 auto 100px auto;
 }
 #shopbtn {
  width: 330px;
  position: fixed;
  bottom: 8%;
  right: 3%;
  z-index: 2;
 }
}
@media screen and (min-width: 768px) and (max-width: 1164px) {
 .b-products .b-products_nutrient .datalist .datalabel {
  margin: 0 0 5% 0;
  font-size: 1vw;
 }
 .b-products .b-products_nutrient .datalist .datanum {
  font-size: 1.5vw;
  font-family: 'Noto Serif JP', serif;
 }
}
@media screen and (max-width: 767px) {
 .b-products .b-products_nutrient {
  padding: 0;
 }
 .b-products .b-products_nutrient .label {
  font-size: 16px;
  margin: 0 0 3% 0;
  color: #000;
 }
 .b-products .b-products_nutrient .productdata {
  background-color: #cdae1e;
  border-radius: 8px;
  overflow: hidden;
  padding: 5%;
  color: #fff;
 }
 .b-products .b-products_nutrient .dataname {
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  margin: 0 0 3% 0;
 }
 .b-products .b-products_nutrient .dataname strong {
  font-weight: normal;
 }
 .b-products .b-products_nutrient .datalist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .b-products .b-products_nutrient .datalist li {
  background: #c69000;
  padding: 5% 3%;
  text-align: center;
  width: 32%;
  margin: 0 0 2% 0;
 }
 .b-products .b-products_nutrient .datalist .datalabel {
  margin: 0 0 3% 0;
  font-size: 3vw;
 }
 .b-products .b-products_nutrient .datalist .datanum {
  font-size: 4vw;
  font-family: 'Noto Serif JP', serif;
 }
 .b-products .b-products_nutrient .datanote {
  margin: 2% 0 0 0;
  font-size: 14px;
  text-align: right;
 }
 #onlineshop {
  width: 240px;
  margin: 15% auto 0 auto;
 }
 #giftshop {
  width: 240px;
  margin: 10% auto 0 auto;
 }
 #giftshop .btn a {
  display: block;
  background: #c4a872;
  color: #fff;
  padding: 8px;
  border-radius: 25px;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
 }
 #linkbnr {
  padding: 12% 0;
 }
 #linkbnr .contentsinner {
  width: 90%;
  margin: 0 auto;
 }
 #linkbnr .bnr {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
 }
#linkbnr .bnr.bnr02 {
  margin: 0 auto 8% auto;
 }
 #linkbnr .bnr01 {
  margin: 0 0 10% 0;
 }
 #linkbnr .bnr a {
  display: block;
 }
 #shopbtn {
  width: 48%;
  position: fixed;
  bottom: 5%;
  right: 2%;
  z-index: 2;
 }
}