@charset "UTF-8";
/*****************************************************************/
/* 新デザイン用 ***************************************************/
/* 特別ラベル */
.menu_spTtlOuter {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .menu_spTtlOuter {
    justify-content: flex-start;
  }
}

/* 商品名 */
.menu_ttlOuter {
  width: 100%;
}

.menu_ttlText {
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 2.5rem;
}
body#kiraku .menu_ttlText {
  /* いろり庵きらく */
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
body#matsuri .menu_ttlText {
  /* 駅弁屋祭 */
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
body#corporate .menu_ttlText {
  /* 企業サイト */
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
@media screen and (max-width: 768px) {
  .menu_ttlText {
    font-size: 1.5625rem;
  }
}

/* 商品詳細の大枠 */
.menu_detailOuter {
  display: grid;
  grid-template-columns: 42.86% 52.04%;
  grid-template-rows: auto 1fr;
  column-gap: 5.1%;
  box-sizing: border-box;
}
.menu_detailOuter * {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .menu_detailOuter {
    display: flex;
    flex-wrap: wrap;
  }
}
.menu_detailOuter * {
  box-sizing: border-box;
}

/* 商品画像の大枠 */
.menu_detailImageOuter {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .menu_detailImageOuter {
    order: 1;
    width: 100%;
  }
}

/* 商品画像枠 */
.menu_detailImageWrapper {
  position: relative;
  overflow: hidden;
}
.menu_detailImageWrapper .label {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 10px;
  top: -120px;
  left: -120px;
  width: 200px;
  height: 200px;
  transform: rotate(-45deg);
}
.menu_detailImageWrapper .label.new {
  color: #fff;
  background-color: #ccc;
}
body#becks .menu_detailImageWrapper .label.new {
  /* BECK'S */
  background-color: #b8004d;
}
body#honnoriya .menu_detailImageWrapper .label.new {
  /* ほんのり屋 */
  background-color: #012869;
}
body#kiraku .menu_detailImageWrapper .label.new {
  /* いろり庵きらく */
  background-color: #951e24;
}
body#matsuri .menu_detailImageWrapper .label.new {
  /* 駅弁屋祭 */
  background-color: #db1a1e;
}
body#corporate .menu_detailImageWrapper .label.new {
  /* 企業サイト */
  background-color: #55a530;
}
.menu_detailImageWrapper .label.renewal {
  color: #fff;
  background-color: #006eb8;
}
body#honnoriya .menu_detailImageWrapper .label.renewal {
  /* ほんのり屋 */
  background-color: #012869;
}
body#kiraku .menu_detailImageWrapper .label.renewal {
  /* いろり庵きらく */
  background-color: #951e24;
}
body#matsuri .menu_detailImageWrapper .label.renewal {
  /* 駅弁屋祭 */
  background-color: #db1a1e;
}
body#corporate .menu_detailImageWrapper .label.renewal {
  /* 企業サイト */
  background-color: #55a530;
}

.menu_detailImage {
  width: 100%;
  height: auto;
}

/* 商品の注意文大枠 */
.menu_detailAttentionOuter {
  grid-column: 1/2;
  grid-row: 2/3;
  width: 100%;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .menu_detailAttentionOuter {
    order: 3;
    margin-top: 20px;
  }
}

.menu_detailAttentionText {
  font-size: 0.6875rem;
  margin-bottom: 1em;
  color: #777;
}
.menu_detailAttentionText:last-of-type {
  margin-bottom: 0;
}

/* 商品説明文の大枠 */
.menu_detailInfoOuter {
  grid-column: 2/3;
  grid-row: 1/3;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .menu_detailInfoOuter {
    order: 2;
    width: 100%;
  }
}

/* カテゴリー枠 */
.menu_detailCategoryOuter {
  width: 100%;
  display: block;
}

.menu_detailCategoryText {
  width: 100%;
  display: block;
  color: #ccc;
  font-size: 1.25rem;
}
body#becks .menu_detailCategoryText {
  /* BECK'S */
  color: #b8004d;
}
body#honnoriya .menu_detailCategoryText {
  /* ほんのり屋 */
  color: #012869;
}
body#kiraku .menu_detailCategoryText {
  /* いろり庵きらく */
  color: #951e24;
}
body#matsuri .menu_detailCategoryText {
  /* 駅弁屋祭 */
  color: #db1a1e;
}
body#corporate .menu_detailCategoryText {
  /* 企業サイト */
  color: #55a530;
}

/* 価格枠 */
.menu_detailPriceOuter {
  width: 100%;
  display: block;
  margin-top: 10px;
}

.menu_detailPriceText {
  width: 100%;
  font-size: 0.875rem;
  padding-bottom: 3px;
}
.menu_detailPriceText:last-of-type {
  padding-bottom: 0;
}
.menu_detailPriceText span.menu_detailPriceListDesc-price {
  font-size: 1.125rem;
  font-weight: bold;
}
.menu_detailPriceText span.menu_detailPriceListDesc-cal::before {
  content: "/";
  margin-right: 0.5em;
}

.menu_detailPriceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.menu_detailPriceListTerm {
  min-width: 7rem;
  padding-top: 5px;
  padding-bottom: 3px;
}
.menu_detailPriceListTerm:last-of-type {
  padding-bottom: 0;
}
.menu_detailPriceListTerm span {
  width: 100%;
  display: block;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  border-radius: 1em;
  font-size: 0.75rem;
}
body#becks .menu_detailPriceListTerm span {
  /* BECK'S */
  background-color: #b8004d;
}
body#honnoriya .menu_detailPriceListTerm span {
  /* ほんのり屋 */
  background-color: #012869;
}
body#kiraku .menu_detailPriceListTerm span {
  /* いろり庵きらく */
  background-color: #951e24;
}
body#matsuri .menu_detailPriceListTerm span {
  /* 駅弁屋祭 */
  background-color: #db1a1e;
}
body#corporate .menu_detailPriceListTerm span {
  /* 企業サイト */
  background-color: #55a530;
}

.menu_detailPriceListDesc {
  width: calc(100% - 8rem);
  padding-left: 1rem;
  font-size: 0.875rem;
  padding-bottom: 3px;
}
.menu_detailPriceListDesc:last-of-type {
  padding-bottom: 0;
}
.menu_detailPriceListDesc span.menu_detailPriceListDesc-price {
  font-size: 1.125rem;
  font-weight: bold;
}
.menu_detailPriceListDesc span.menu_detailPriceListDesc-cal::before {
  content: "/";
  margin-right: 0.5em;
}

/* 製造者枠 */
.menu_makerOuter {
  width: 100%;
  display: block;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
body#matsuri .menu_makerOuter {
  /* 駅弁屋祭 */
  border-color: #ddd;
}

.menu_makerList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.menu_makerTerm {
  width: 5rem;
}

.menu_makerDesc {
  width: calc(100% - 5rem);
  font-size: 0.875rem;
}

/* 商品説明文枠 */
.menu_detailTextOuter {
  width: 100%;
  display: block;
  margin-top: 20px;
}

.menu_detailText {
  font-size: 0.875rem;
  margin-bottom: 1em;
}
.menu_detailText:last-of-type {
  margin-bottom: 0;
}

/* 取り扱い店舗枠 */
.menu_detailShopOuter {
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

.menu_detailShopTtl {
  font-size: 1rem;
  font-weight: bold;
}

.menu_detailShopList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .menu_detailShopList {
    display: block;
  }
}

.menu_detailShopListItem {
  width: 49%;
  display: block;
}
@media screen and (max-width: 768px) {
  .menu_detailShopListItem {
    width: 100%;
  }
}

.menu_detailShopListItemLink {
  display: block;
  position: relative;
  padding-left: 19px;
}
.menu_detailShopListItemLink::before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 0.55em;
  left: 3px;
  border-left: 7px solid #999;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
}

/* アレルギー */
.menu_detailAllergyOuter {
  width: 100%;
  display: block;
  background: #fff;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 6px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyOuter {
    padding: 20px;
  }
}
.menu_detailAllergyOuter * {
  box-sizing: border-box;
}

.menu_detailAllergyTtl {
  margin-bottom: 20px;
  color: #ccc;
  font-size: 1.875rem;
}
body#becks .menu_detailAllergyTtl {
  /* BECK'S */
  color: #b8004d;
}
body#honnoriya .menu_detailAllergyTtl {
  /* ほんのり屋 */
  color: #012869;
}
body#kiraku .menu_detailAllergyTtl {
  /* いろり庵きらく */
  color: #951e24;
}
body#matsuri .menu_detailAllergyTtl {
  /* 駅弁屋祭 */
  color: #db1a1e;
}
body#corporate .menu_detailAllergyTtl {
  /* 企業サイト */
  color: #55a530;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyTtl {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
}

.menu_detailAllergyList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyList {
    justify-content: space-between;
  }
}

.menu_detailAllergyListItem {
  width: 19.13%;
  margin-bottom: 10px;
  margin-right: 1.09%;
  padding: 5px;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyListItem {
    width: 48%;
    margin-right: 0;
    margin-bottom: 7px;
  }
}
.menu_detailAllergyListItem:nth-of-type(5n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyListItem:nth-of-type(5n) {
    margin-right: 0;
  }
}
.menu_detailAllergyListItem {
  border: 1px solid #ccc;
  background-color: #fafafa;
}
body#becks .menu_detailAllergyListItem {
  /* BECK'S */
  border: 1px solid #b8004d;
  background-color: #fffafc;
}
body#honnoriya .menu_detailAllergyListItem {
  /* ほんのり屋 */
  border: 1px solid #012869;
  background-color: #f9fbff;
}
body#kiraku .menu_detailAllergyListItem {
  /* いろり庵きらく */
  border: 1px solid #951e24;
  background-color: #fdf7f7;
}
body#matsuri .menu_detailAllergyListItem {
  /* 駅弁屋祭 */
  border: 1px solid #db1a1e;
  background-color: #fef6f6;
}
body#corporate .menu_detailAllergyListItem {
  /* 企業サイト */
  border: 1px solid #55a530;
  background-color: #f8fcf6;
}
.menu_detailAllergyListItem[inert] {
  border: 1px solid #fff !important;
  background: none !important;
}

.menu_detailAllergyListItemInner {
  min-height: 40px;
  padding-left: 50px;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media screen and (max-width: 768px) {
  .menu_detailAllergyListItemInner {
    min-height: 35px;
    padding-left: 43px;
    background-size: 35px 35px;
  }
}
.menu_detailAllergyListItem.shrimp[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/shrimp_off.svg);
}
.menu_detailAllergyListItem.shrimp .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/shrimp_on.svg);
}
.menu_detailAllergyListItem.crab[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/crab_off.svg);
}
.menu_detailAllergyListItem.crab .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/crab_on.svg);
}
.menu_detailAllergyListItem.walnut[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/walnut_off.svg);
}
.menu_detailAllergyListItem.walnut .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/walnut_on.svg);
}
.menu_detailAllergyListItem.wheat[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/wheat_off.svg);
}
.menu_detailAllergyListItem.wheat .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/wheat_on.svg);
}
.menu_detailAllergyListItem.soba[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/soba_off.svg);
}
.menu_detailAllergyListItem.soba .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/soba_on.svg);
}
.menu_detailAllergyListItem.egg[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/egg_off.svg);
}
.menu_detailAllergyListItem.egg .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/egg_on.svg);
}
.menu_detailAllergyListItem.milkingredients[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/milkingredients_off.svg);
}
.menu_detailAllergyListItem.milkingredients .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/milkingredients_on.svg);
}
.menu_detailAllergyListItem.peanut[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/peanut_off.svg);
}
.menu_detailAllergyListItem.peanut .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/peanut_on.svg);
}
.menu_detailAllergyListItem.almond[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/almond_off.svg);
}
.menu_detailAllergyListItem.almond .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/almond_on.svg);
}
.menu_detailAllergyListItem.abalone[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/abalone_off.svg);
}
.menu_detailAllergyListItem.abalone .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/abalone_on.svg);
}
.menu_detailAllergyListItem.squid[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/squid_off.svg);
}
.menu_detailAllergyListItem.squid .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/squid_on.svg);
}
.menu_detailAllergyListItem.salmonroe[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/salmonroe_off.svg);
}
.menu_detailAllergyListItem.salmonroe .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/salmonroe_on.svg);
}
.menu_detailAllergyListItem.orange[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/orange_off.svg);
}
.menu_detailAllergyListItem.orange .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/orange_on.svg);
}
.menu_detailAllergyListItem.cashew[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/cashew_off.svg);
}
.menu_detailAllergyListItem.cashew .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/cashew_on.svg);
}
.menu_detailAllergyListItem.kiwifruit[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/kiwifruit_off.svg);
}
.menu_detailAllergyListItem.kiwifruit .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/kiwifruit_on.svg);
}
.menu_detailAllergyListItem.beef[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/beef_off.svg);
}
.menu_detailAllergyListItem.beef .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/beef_on.svg);
}
.menu_detailAllergyListItem.sesame[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/sesame_off.svg);
}
.menu_detailAllergyListItem.sesame .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/sesame_on.svg);
}
.menu_detailAllergyListItem.salmon[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/salmon_off.svg);
}
.menu_detailAllergyListItem.salmon .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/salmon_on.svg);
}
.menu_detailAllergyListItem.mackerel[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/mackerel_off.svg);
}
.menu_detailAllergyListItem.mackerel .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/mackerel_on.svg);
}
.menu_detailAllergyListItem.soybean[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/soybean_off.svg);
}
.menu_detailAllergyListItem.soybean .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/soybean_on.svg);
}
.menu_detailAllergyListItem.chicken[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/chicken_off.svg);
}
.menu_detailAllergyListItem.chicken .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/chicken_on.svg);
}
.menu_detailAllergyListItem.banana[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/banana_off.svg);
}
.menu_detailAllergyListItem.banana .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/banana_on.svg);
}
.menu_detailAllergyListItem.pork[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/pork_off.svg);
}
.menu_detailAllergyListItem.pork .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/pork_on.svg);
}
.menu_detailAllergyListItem.matsutake[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/matsutake_off.svg);
}
.menu_detailAllergyListItem.matsutake .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/matsutake_on.svg);
}
.menu_detailAllergyListItem.peach[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/peach_off.svg);
}
.menu_detailAllergyListItem.peach .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/peach_on.svg);
}
.menu_detailAllergyListItem.wildyam[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/wildyam_off.svg);
}
.menu_detailAllergyListItem.wildyam .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/wildyam_on.svg);
}
.menu_detailAllergyListItem.apple[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/apple_off.svg);
}
.menu_detailAllergyListItem.apple .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/apple_on.svg);
}
.menu_detailAllergyListItem.gelatin[inert] .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/gelatin_off.svg);
}
.menu_detailAllergyListItem.gelatin .menu_detailAllergyListItemInner {
  background-image: url(/img/common/allergyicon/gelatin_on.svg);
}

.menu_detailAllergyText-ja {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  color: #ccc;
  line-height: 1.4;
}
.menu_detailAllergyListItem .menu_detailAllergyText-ja {
  color: #333;
}
.menu_detailAllergyListItem[inert] .menu_detailAllergyText-ja {
  color: #999;
}

.menu_detailAllergyText-en {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  color: #ccc;
  line-height: 1.2;
}
.menu_detailAllergyListItem .menu_detailAllergyText-en {
  color: #333;
}
.menu_detailAllergyListItem[inert] .menu_detailAllergyText-en {
  color: #999;
}

.menu_detailAllergyAttentionOuter {
  width: 100%;
  display: block;
  margin-top: 15px;
}

.menu_detailAllergyAttentionList {
  font-size: 0.6875rem;
  margin-left: 1em;
  text-indent: -1em;
}

/* 商品画像スライダー */
.js_detailImageSlider {
  width: 100%;
  display: block;
}
.js_detailImageSlider .slick-dots {
  text-align: center;
  width: 100%;
}
.js_detailImageSlider .slick-dots li {
  display: inline-block;
  margin-right: 10px;
}
.js_detailImageSlider .slick-dots li.slick-active button {
  background-color: #fff !important;
}
.js_detailImageSlider .slick-dots li button {
  display: block;
  color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 0;
  background: #fff;
  border: 1px solid #ccc;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  background-color: #ccc;
}
body#becks .js_detailImageSlider .slick-dots li button {
  /* BECK'S */
  border: 1px solid #b8004d;
  background-color: #b8004d;
}
body#honnoriya .js_detailImageSlider .slick-dots li button {
  /* ほんのり屋 */
  border: 1px solid #012869;
  background-color: #012869;
}
body#kiraku .js_detailImageSlider .slick-dots li button {
  /* いろり庵きらく */
  border: 1px solid #951e24;
  background-color: #951e24;
}
body#matsuri .js_detailImageSlider .slick-dots li button {
  /* 駅弁屋祭 */
  border: 1px solid #db1a1e;
  background-color: #db1a1e;
}/*# sourceMappingURL=product_detail.css.map */