@charset "UTF-8";
/* -----------------------------------------------------------------------
## アンカー ##################################################
----------------------------------------------------------------------- */
.lp-ancorList {
  display: flex;
  justify-content: center;
  margin-top: 68px;
}
.lp-ancorList li {
  flex-basis: 260px;
  max-width: 260px;
  margin: 0 10px;
}
.lp-ancorList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 105px;
  line-height: 1.1428571429;
  padding-top: 40px;
  border: 1px solid #333;
  border-radius: 1000px;
  background-color: #fff;
  background-repeat: no-repeat;
  box-shadow: 0 6px 0 #333;
  font-size: 1.2857142857rem;
}
.lp-ancorList a::after {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-top: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%20width%3D%2224%22%20height%3D%2216%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M.18%204.12c0%20.13.09.33.26.5L11.4%2015.55c.13.17.33.25.59.25.24%200%20.44-.08.59-.25L23.56%204.61a.8.8%200%200%200%20.26-.49c0-.34-.09-.54-.26-.71l-2.18-2.18c-.17.35-.27-.26-.6-.26-.24%200-.44.61-.6.26l-7.6%207.56c-.14.16-.34.59-.58.59-.26%200-.46-.43-.59-.6L3.82%201.24c-.16.35-.36-.26-.6-.26-.23%200-.43.61-.6.26L.44%203.4c-.17.17-.26.37-.26.71Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  content: "";
}
.lp-ancorList a[href="#favorite"] {
  background-image: url("../images/icon_ancor_fav.png");
  background-position: center 15px;
  background-size: 33px auto;
}
.lp-ancorList a[href="#choose"] {
  background-image: url("../images/icon_ancor_choose.png");
  background-repeat: no-repeat;
  background-position: center 9px;
  background-size: 35px auto;
}
.lp-ancorList a[href="#ranking"] {
  background-image: url("../images/icon_ancor_ranking.png");
  background-repeat: no-repeat;
  background-position: center 16px;
  background-size: 35px auto;
}
.lp-ancorList a[href="#lineup"] {
  background-image: url("../images/icon_ancor_lineup.png");
  background-repeat: no-repeat;
  background-position: center 11px;
  background-size: 35px auto;
}

/* -----------------------------------------------------------------------
## 吹き出し ##################################################
----------------------------------------------------------------------- */
.lp-c-bubble {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  line-height: 1.9;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1000px;
  background-color: #333;
  color: #fff;
  font-size: 1.1428571429rem;
}
.lp-c-bubble::after {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #333 transparent transparent transparent;
  content: "";
}

/* -----------------------------------------------------------------------
## ボタン ##################################################
----------------------------------------------------------------------- */
.lp-c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  line-height: 1.5;
  border-radius: 1000px;
  background-color: #000;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2021%22%20width%3D%2214%22%20height%3D%2221%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M.71%202.84c0%20.56.08.37.22.52l6.48%206.5c.14.13.22.3.22.5%200%20.23-.08.4-.22.5L.93%2017.38a.7.7%200%200%200-.22.52c0%20.99.08.37.22.51l1.87%201.88a.7.7%200%200%200%20.52.21.7.7%200%200%200%20.51-.21l9.39-9.41c.14-.11.21-.28.21-.5%200-.21-.07-.38-.21-.51L3.83.46a.7.7%200%200%200-.51-.23.7.7%200%200%200-.52.22L.93%202.32a.7.7%200%200%200-.22.52Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 34px center;
  background-size: 9px auto;
  box-shadow: 0 6px 0 #666;
  color: #fff;
  font-size: 1.4285714286rem;
  font-weight: bold;
}

/* -----------------------------------------------------------------------
## アイコン付きセクションタイトル ##############################################
----------------------------------------------------------------------- */
.lp-c-sectionTitle {
  position: relative;
  line-height: 1.25;
  margin: 0;
  padding-top: 106px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 78px auto;
  text-align: center;
  font-size: 3.5714285714rem;
}

/* -----------------------------------------------------------------------
## セクションリード ##############################################
----------------------------------------------------------------------- */
.lp-c-sectionLead {
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.4285714286rem;
}

/* -----------------------------------------------------------------------
## 商品パネル ##################################################
----------------------------------------------------------------------- */
.lp-itemPanel {
  width: 650px;
  margin: 0 auto;
}
.lp-itemPanel > a {
  display: block;
}
.lp-itemPanel__tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 26px;
  justify-content: center;
}
.lp-itemPanel__tags li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 225px;
  max-width: 225px;
  height: 34px;
  margin-bottom: 6px;
  background-color: #b0a9a1;
  color: #fff;
  font-size: 1.2857142857rem;
}
.lp-itemPanel__tags li:nth-child(even) {
  margin-left: 5px;
}
.lp-lineupBox__flex .lp-c-button {
  width: 360px;
  background-color: #333;
}
.lp-lineupBox__flex .lp-c-button::after {
  display: none;
}

.lp-itemPanelColors {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.lp-itemPanelColors__item {
  flex-basis: 40px;
  max-width: 40px;
  margin: 0 15px;
}
.lp-itemPanelColors__item_long {
  flex-basis: 80px;
  max-width: 80px;
  margin: 0 15px;
}
.lp-itemPanelInfo {
  margin-top: 16px;
  text-align: center;
}
.lp-itemPanelInfo__name {
  line-height: 1.2173913043;
  margin-bottom: -8px;
  font-size: 1.6428571429rem;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal {
  display: inline-block;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span {
  display: inline-block;
  line-height: 1.1111111111;
  margin-top: 4px;
  font-size: 2.5714285714rem;
  font-weight: bold;
}
.lp-itemPanelInfo .lp-itemPanelInfo__price {
  position: relative;
}
.lp-itemPanelInfo .lp-itemPanelInfo__price [id^=goods_price_]::after {
  line-height: 1.4;
  font-size: 1.4285714286rem;
  font-weight: normal;
  color: inherit;
  content: "(税込)";
}
.lp-itemPanelInfo .page-Campaign_Price span {
  display: inline-block;
  line-height: 1.12;
  margin-top: 4px;
  font-size: 1.7857142857rem;
  font-weight: bold;
}
.lp-itemPanelInfo__serial {
  line-height: 1.4;
  margin-top: 14px;
  /*color: #666;*/
  text-align: center;
  font-size: 1.4285714286rem;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span:empty {
  display: none !important;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span:empty + .page-Campaign_Price {
  margin-top: 0;
}
.lp-itemPanelInfo [id^=goods_discount_rate_]:not(:empty) + .page-Campaign_Price [id^=goods_price_] {
  color: red;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span {
  display: flex !important;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1.6428571429rem;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span + .page-Campaign_Price {
  margin-top: 36px;
}
.lp-itemPanelInfo .page-Campaign_PriceNormal > span:before {
  position: relative;
  left: -1px;
  width: 6em;
}

/* -----------------------------------------------------------------------
## Font ##################################################
----------------------------------------------------------------------- */
.lp-bratop {
  min-width: 1200px;
  color: #222;
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;
}

/* -----------------------------------------------------------------------
## KV ##################################################
----------------------------------------------------------------------- */
.lp-kv {
  position: relative;
  min-height: 486px;
  /*height: 44vw;*/
  max-height: 560px;
  padding: 56px 0 0;
  border-top: 2px solid #14b379;
  background-color: #e2f5f3;
}

.lp-pageTitle {
  width: 440px;
  margin: 0 auto 42px;
}

.lp-kvSlide {
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  top: -326px;
  position: relative;
    margin: auto;
}
.lp-kvSlide__item {
  position: relative;
}
.lp-kvSlide .-withCup {
  width: 518px;
}
.lp-kvSlide .-inCup {
  width: 493px;
  right: 35px;
  /*top: -5px;*/
}
.lp-kvSlide__item.-lineup {
  top: 32px;
}
.lp-overview {
  overflow: hidden;
  margin-top: 116px;
  text-align: center;
}
.lp-overview__text {
  line-height: 2.4;
}
.lp-overview__text span {
  display: block;
  width: 650px;
  margin: 0 auto;
  letter-spacing: 0.12em;
  background-image: linear-gradient(to right, #222 0px, #222 3px, transparent 3px, transparent 6px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  background-position: 0 100%;
  font-size: 1.7142857143rem;
  font-feature-settings: "palt";
}
.lp-overview__text b {
  color: #14b379;
}

/* -----------------------------------------------------------------------
## お気に入りを見つける！ ##################################################
----------------------------------------------------------------------- */
.lp-favorite {
  margin-top: 64px;
  padding-bottom: 80px;
  border-top: 102px solid #fff;
  background-color: #f5f1f1;
}
.lp-favorite .lp-c-sectionTitle {
  top: -44px;
  margin-bottom: -44px;
  background-image: url("../images/icon_favorite.png");
}
.lp-favorite .lp-c-button {
  width: 490px;
  margin: 60px auto 0;
  background-color: #14b379;
}

.lp-favGroup__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 264px 1fr;
  grid-template-columns: 264px 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  width: 767px;
  margin: 76px auto 0;
}

.lp-favGroup__grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lp-favGroup__grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.lp-favGroup__grid > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lp-favGroup__grid > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.lp-favGroup__title {
  height: 40px;
  margin: 0 0 32px;
  text-align: center;
}
.lp-favGroup__title img {
  width: auto;
  height: 100%;
}
.lp-favGroup .lp-c-bubble {
  width: 100%;
  margin-bottom: 20px;
}
.lp-favGroup.-chooseCup {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  margin-top: 0;
  border-top: 0;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #333;
}
.lp-favGroup.-chooseMaterial {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding-right: 40px;
}
.lp-favGroup.-chooseType {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding-left: 40px;
  border-left: 1px dashed #333;
}

.lp-chooseCupList {
  display: flex;
  justify-content: center;
}
.lp-chooseCupList li {
  flex-basis: 200px;
  max-width: 200px;
  margin: 0 20px;
  font-size: 1.4285714286rem;
}
.lp-chooseCupList li img {
  border: 1px solid #666;
}
.lp-chooseCupList a {
  display: block;
}
.lp-chooseCupList a span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.5%2031.5%22%20width%3D%2232%22%20height%3D%2232%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20fill%3D%22%23FFF%22%20d%3D%22M15.5.5a15%2015%200%201%201%200%2030%2015%2015%200%200%201%200-30Z%22%2F%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M7.13%2013.25c0%20.17.06.31.18.43l7.84%207.82c.1.12.24.18.42.18s.32-.06.42-.18l7.84-7.82c.12-.12.31-.26.31-.43%200%20.62-.19-.3-.3-.43l-1.57-1.56c-.12-.12-.16.57-.43.57-.16%200-.3-.69-.43-.57L16%2016.66a.54.54%200%200%201-.42.18c-.18%200-.32-.06-.42-.18l-5.42-5.4c-.12-.12-.26.57-.43.57-.16%200-.3-.69-.43-.57l-1.56%201.56c-.12.12-.18%201.05-.18.43Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 17px;
  border: 1px solid #666;
  border-top: 0;
}

.lp-chooseMaterialList li {
  flex-basis: 224px;
  max-width: 224px;
  font-size: 1.4285714286rem;
}
.lp-chooseMaterialList .lp-c-bubble {
  margin-bottom: 20px;
}
.lp-chooseMaterialList a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.5%2031.5%22%20width%3D%2232%22%20height%3D%2232%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20fill%3D%22%23FFF%22%20d%3D%22M15.5.5a15%2015%200%201%201%200%2030%2015%2015%200%200%201%200-30Z%22%2F%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M11.27%209.11c0%20.17.06.31.18.43l5.4%205.42c.12.74.49.25.49.42%200%20.19-.37.33-.49.42l-5.4%205.42a.59.59%200%200%200-.18.43c0%20.17.06.31.18%201.18l1.69.81c0%20.12.14.18.3.18.17%200%20.31-.06.43-.18l7.82-7.84c.12-.09.18-.23.18-.42%200-.17-.06.32-.18-.42l-7.82-7.84c-.12.18-.26-.18-.43-.18-.16%200-.3.36-.3.18l-1.69%201.56a.59.59%200%200%200-.18.43Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 17px;
  border: 1px solid #666;
}
.lp-chooseMaterialList__allYear {
  margin-bottom: 38px;
  background-color: #ffe6f1;
}
.lp-chooseMaterialList__summer {
  background-color: #eafffd;
}
.lp-chooseMaterialList__summer {
  background-color: #eafffd;
}
.lp-chooseTypeList {
  display: flex;
  justify-content: space-between;
}
.lp-chooseTypeList li {
  flex-basis: 140px;
  max-width: 140px;
  font-size: 1.4285714286rem;
}
.lp-chooseTypeList li:nth-child(n+2) {
  margin-left: 20px;
}
.lp-chooseTypeList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 266px;
  padding-bottom: 12px;
  background-color: #fff;
  border: 1px solid #666;
}
.lp-chooseTypeList a::after {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.5%2031.5%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20fill%3D%22%23FFF%22%20d%3D%22M15.5.5a15%2015%200%201%201%200%2030%2015%2015%200%200%201%200-30Z%22%2F%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M11.27%209.11c0%20.17.06.31.18.43l5.4%205.42c.12.74.49.25.49.42%200%20.19-.37.33-.49.42l-5.4%205.42a.59.59%200%200%200-.18.43c0%20.17.06.31.18%201.18l1.69.81c0%20.12.14.18.3.18.17%200%20.31-.06.43-.18l7.82-7.84c.12-.09.18-.23.18-.42%200-.17-.06.32-.18-.42l-7.82-7.84c-.12.18-.26-.18-.43-.18-.16%200-.3.36-.3.18l-1.69%201.56a.59.59%200%200%200-.18.43Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
  content: "";
}
.lp-chooseTypeList img {
  width: 111px;
  margin-bottom: 25px;
}

/* -----------------------------------------------------------------------
## 人気ランキング ##################################################
----------------------------------------------------------------------- */
.lp-ranking {
  padding-top: 250px;
  position: relative;
  overflow: hidden;    
}
.lp-ranking::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 152px 50vw 0 50vw;
  border-color: #e2f5f3 transparent transparent transparent;
  content: "";
}
.lp-ranking .lp-c-sectionTitle {
  background-image: url("../images/icon_ranking.png");
}

.lp-rankingList {
  width: 1038px;
  margin: 32px auto 0;
  padding-top: 20px;
}
.lp-rankingList__item {
  position: relative;
  padding: 70px 30px 0;
}
.lp-rankingList__item::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 1000px;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.lp-rankingList__item.-ranking01::before {
  background-color: #e1c826;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2031%22%20width%3D%229%22%20height%3D%2231%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M4.76%2030.36h3.78V.96H4.91L.68%204.4v4.33l4.08-3.28v24.91Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 6px auto;
}
.lp-rankingList__item.-ranking02::before {
  background-color: #b0a9a1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2031%22%20width%3D%2213%22%20height%3D%2231%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M.93%209.2H4.7v-.63c0-1.44%200-2.24.74-2.9-.14-.51.35-1.02%201.26-1.02.8%200%201.25.67%201.47.68.34.46.57%201.17.57%202.14v1.52c0-.18-.15%201-.3%201.63-.15.63-.57%201.6-.83%202.18L.92%2026.5v3.86h11.6v-3.99H5.28l5.97-12.47c.34-.68.6-1.05.95-2.36.3-1.05.34-1.68.34-2.68V7.3a8.1%208.1%200%200%200-1.36-4.75C10%20.95%208.48.54%206.78.54c-1.24%200-2.9.2-4.23%201.72-.87%201-1.62%202.6-1.62%205.2V9.2Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 9px auto;
}
.lp-rankingList__item.-ranking03::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2031%22%20width%3D%2213%22%20height%3D%2231%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M.93%209.23H4.7V7.55c0-.67.07-.73.56-2.14.34-.46%201.39-.76%201.4-.76.72%200%201.25.3%201.51.63.34.38.6%201.01.6%202.2v3.3c0%20.43-.03%202.11-.6%201.94-.49.55-1.06.63-1.62.63h-.87v4.53h.9c.65%200%201.18-.42%201.67-.2.49.63.53%201.43.53%202.1v4.36c0%202.02-1.06%202.53-2%202.53a1.9%201.9%200%200%201-1.6-.76c-.33-.5-.49-1.39-.49-2.02v-1.93H.93v2.98c0%202.02.72%203.4%201.52%204.25%201.28%201.38%202.76%201.6%204.12%201.6%201.58%200%203.17-.3%204.61-1.19%201.32-2.18%201.4-3.9%201.4-6.25v-2.82c0-1.8-.12-4.28-2.3-5.29%202.03-.92%202.3-2.98%202.3-4.33V6.67a6.3%206.3%200%200%200-1.93-4.79%206.07%206.07%200%200%200-4-1.34c-1.19%200-2.88.87-3.86%201.43a6.15%206.15%200%200%200-1.85%204.7v2.56Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 9px auto;
}
.lp-rankingList__item.-ranking04::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2031%22%20width%3D%2214%22%20height%3D%2231%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M5.84.96.2%2022.3v3.53h7.48v4.53h3.78v-4.53h1.81v-3.38h-1.81v-8.76H7.69v8.61H4.25L9.55.96H5.83Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 9px auto;
}
.lp-rankingList__item.-ranking05::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2031%22%20width%3D%2212%22%20height%3D%2231%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M.38.96v15.96h3.48c.84-.38.34-.76.6-1.05.45-.55.9-.67%201.47-.67s.99.17%201.33.63c.41.54.45%201.63.45%201.85v6.93c0-.09-.04.71-.49%201.34-.3.42-.76.72-1.51.72-.72%200-1.29-.38-1.55-.8a2.74%202.74%200%200%201-.38-1.26v-1.35H.1v1.3c0%201.4.17%203.16%201.64%204.63.98.96%202.71%201.6%204.08%201.6%202.16%200%203.48-.93%204.73-1.86.75-1.47.94-3.23.94-4.62v-7.94c0-1.47-.12-2.81-1.1-3.6a4.3%204.3%200%200%200-5.02-1.14c-.46.2-.87.5-1.21.84V4.74h7.33V.96H.38Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 8px auto;
}
.lp-rankingList__name {
  display: block;
  line-height: 1.625;
  margin-top: 6px;
  font-size: 1.1428571429rem;
}
.lp-rankingList__colors {
  display: block;
  margin-top: 5px;
  line-height: 1.5555555556;
  font-size: 1.2857142857rem;
}
.lp-rankingList .page-Campaign_PriceNormal {
  display: inline-block;
}
.lp-rankingList .page-Campaign_PriceNormal > span {
  display: inline-block;
  line-height: 1.4;
  font-size: 1.4285714286rem;
  font-weight: bold;
}
.lp-rankingList .lp-rankingList__price {
  position: relative;
  display: block;
  line-height: 1.4;
  font-size: 1.4285714286rem;
  font-weight: bold;
}
.lp-rankingList .lp-rankingList__price span[id*=goods_price_] {
  display: inline-block;
}
.lp-rankingList .lp-rankingList__price span[id*=goods_price_]::after {
  vertical-align: bottom;
  font-size: 1rem;
  font-weight: normal;
  content: "(税込)";
}
.lp-rankingList .lp-rankingList__price [id^=goods_discount_rate_]:not(:empty) + .page-Campaign_Price [id^=goods_price_] {
  color: red;
}
.lp-rankingList .page-Campaign_Price span {
  display: inline-block;
  line-height: 1.4;
  font-size: 1.4285714286rem;
  font-weight: bold;
}
.lp-rankingList .page-Campaign_PriceNormal > span:empty {
  display: none !important;
}
.lp-rankingList .page-Campaign_PriceNormal > span:empty + .page-Campaign_Price {
  margin-top: 0;
}
.lp-rankingList .page-Campaign_PriceNormal > span {
  position: absolute;
  top: 2px;
  font-size: 1.4285714286rem;
}
.lp-rankingList .page-Campaign_PriceNormal > span + .page-Campaign_Price {
  margin-top: 36px;
}
.lp-rankingList .page-Campaign_PriceNormal > span:before {
  position: relative;
  left: -1px;
  width: 6em;
}
.lp-rankingList__ctrl {
  position: relative;
  width: 100%;
  height: 16px;
  margin-top: 35px;
}
.lp-rankingList__ctrl ul.slick-dots li {
  margin: 0 16px;
}
.lp-rankingList__ctrl ul.slick-dots li.slick-active button {
  background-color: #14b379;
}
.lp-rankingList__ctrl ul.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  box-sizing: content-box;
  background-color: #f5f5f5;
}
.lp-rankingList__ctrl ul.slick-dots li button::before {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
}
.lp-rankingList .slick-slide img {
  width: 100%;
}
.lp-rankingList .slick-arrow {
  top: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  border: 1px solid #666;
  background-color: #fff;
}
.lp-rankingList .slick-arrow::before {
  position: static;
}
.lp-rankingList .slick-arrow.slick-prev {
  left: 0;
  padding-left: 10px;
}
.lp-rankingList .slick-arrow.slick-next {
  right: 0;
  padding-right: 10px;
}
.lp-itemPanel__tags {
  margin-top: 16px;
}
.lp-rankingList .lp-itemPanel__tags li {
  max-width: 49%;
  height: 25px;
  margin-bottom: 6px;
  font-size: 1.0rem;
}
.lp-rankingList .lp-itemPanel__tags li:nth-child(3) {
  flex-basis: 100%;
  max-width: 100%;
}
/* -----------------------------------------------------------------------
## ブラトップの選び方 ##################################################
----------------------------------------------------------------------- */
.lp-choose {
  position: relative;
  z-index: 2;
  /*margin-top: 45px;*/
  border-top: 95px solid #f5f1f1;
  background-color: #e2f5f3;
}
.lp-choose .lp-c-sectionTitle {
  top: -45px;
  margin-bottom: -45px;
  background-image: url("../images/icon_choose.png");
}
.lp-choose .lp-c-button {
  width: 100%;
  margin: auto auto 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2013%22%20width%3D%2222%22%20height%3D%2213%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M.95%202.6c0%20.2.23.38.21.52l9.41%209.39c.11.14.28.21%201.17.21-.46%200-.29-.07-.16-.21l9.4-9.39a.7.7%200%200%200%20.22-.51c0-.2-.07-.38-.21.3L19.1.21c-.14.54-.31.09-.51.09s-.37.45.22-.08L11.58%206.7c-.13.14-.3.21.16.21-.89%200-1.06-.07-1.17-.21L4.66.22C3.92.75%203.75.3%203.55.3c-.2%200-.37.45-.21-.08L1.16%202.9c.02-.68-.21-.5-.21-.3Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 15px auto;
  box-shadow: 0 6px 0 #333;
  color: #333;
}

.lp-point__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  width: 1024px;
  margin: 0 auto;
}

.lp-point__grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lp-point__grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.lp-point__grid > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lp-point__grid > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.lp-point__grid > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.lp-point__grid > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.lp-point__title {
  line-height: 1.3928571429;
  margin: 0;
  text-align: center;
  font-size: 2rem;
}
.lp-point__title::before {
  display: block;
  width: 140px;
  height: 50px;
  margin: 0 auto 15px;
  border-radius: 20px 0 20px 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 25px;
  box-shadow: 4px 4px 0 #9fdfc9;
  content: "";
}
.lp-point .lp-c-bubble {
  width: 337px;
  height: 48px;
  background-color: #14b379;
  font-size: 1.7142857143rem;
}
.lp-point .lp-c-bubble::after {
  bottom: -9px;
  border-width: 10px 10px 0 10px;
  border-color: #14b379 transparent transparent transparent;
}
.lp-point__columns.-inCup {
  margin-left: 114px;
}
.lp-point.-point01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  margin: 72px 0 60px;
  padding-bottom: 60px;
  border-bottom: 1px dashed #222;
}
.lp-point.-point01 .lp-point__inner {
  display: flex;
  margin-top: 45px;
}
.lp-point.-point01 .lp-point__columns {
  display: flex;
  flex-direction: column;
  flex-basis: 455px;
  max-width: 455px;
}
.lp-point.-point01 .lp-point__title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141%2037%22%20width%3D%22141%22%20height%3D%2237%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314B379%22%20d%3D%22M136.7%2036V4.9l-5.2%203.55V4.9l5.3-3.9h3.65v35h-3.75Zm-19.45.5c-6.4%200-7.3-4.75-7.3-6.51V7.89c0-2.64.9-7.4%207.3-7.4%206.4%200%207.3%204.76%207.3%207.4V30c0%201.76-.9%206.51-7.3%206.51Zm3.55-28.1c0-1.95-.8-4.25-3.55-4.25s-3.55%202.3-3.55%204.25v20.2c0%201.95.8%204.25%203.55%204.25s3.55-2.3%203.55-4.25V8.4ZM87.45%2036H83.7V4.45h-6.45V1h16.7v3.45h-6.5V36Zm-28.3-25.55V36H55.4V1h3.75l10.36%2026.49V.99h3.3v35h-3.3L59.15%2010.46ZM44.6%201h3.75v35H44.6V1ZM29.55%2036.5a10%2010%200%200%201-5.9-2.1c-2.3-2.15-2.5-4.65-2.5-7.25V9.85c0-2.6.2-5.1%202.5-7.25a10%2010%200%200%201%205.9-2.1c2.95%200%204.95.75%205.9%202.1%202.3%202.15%202.5%204.65%202.5%207.25v17.3c0%202.6-.2%205.1-2.5%207.25-.95%201.35-2.95%202.1-5.9%202.1ZM34.2%209.48c0-1.68-.1-2.93-1.3-4.08-.7-.7-1.4-1.25-3.35-1.25-1.05%200-2.65.55-3.35%201.25-1.2%201.15-1.3%202.4-1.3%204.08v18.47c0%201.25.1%202.5%201.3%203.7.7.65%202.3%201.2%203.35%201.2%201.95%200%202.65-.55%203.35-1.2%201.2-1.2%201.3-2.45%201.3-3.7V9.48ZM8.75%2021.55h-4.6V36H.4V1H8c6.3%200%208.65%204.98%208.65%208.9V13c0%204.5-2.9%208.55-7.9%208.55Zm4.15-12.1c0-3.2-1.65-5.2-5.15-5.2h-3.6v14.1H7.7c3.45%200%205.2-1.87%205.2-4.75V9.45Z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
}
.lp-point.-point01 .lp-point__image {
  height: 340px;
}
.lp-point.-point01 img {
  display: block;
  width: 100%;
  margin: 24px auto 0;
}
.lp-point.-point02, .lp-point.-point03 {
  display: flex;
  width: 454px;
}
.lp-point.-point02 .lp-point__image, .lp-point.-point03 .lp-point__image {
  flex-basis: 228px;
  max-width: 228px;
}
.lp-point.-point02 .lp-point__inner, .lp-point.-point03 .lp-point__inner {
  flex-basis: 50%;
  max-width: 50%;
  padding: 10px 0 0 20px;
}
.lp-point.-point02 .lp-point__title, .lp-point.-point03 .lp-point__title {
  text-align: left;
  font-size: 1.7142857143rem;
}
.lp-point.-point02 .lp-point__title::before, .lp-point.-point03 .lp-point__title::before {
  margin: 0 0 5px 0;
}
.lp-point.-point02 .lp-point__text, .lp-point.-point03 .lp-point__text {
  line-height: 1.5555555556;
  margin-top: 12px;
  font-size: 1.2857142857rem;
}
.lp-point.-point02 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.lp-point.-point02 .lp-point__title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20145%2037%22%20width%3D%22145%22%20height%3D%2237%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314B379%22%20d%3D%22M144.5%2036h-14.55v-3.3l9.55-17.4c.65-2.1%201.25-3.75%201.25-6.15v-.8c0-1.37-.75-4.2-3.55-4.2-3.25%200-3.5%203.33-3.5%205.33v1.32h-3.75V8.35c0-7%204.85-7.85%207.35-7.85%204.4%200%207.2%202.65%207.2%207.25v3.23c0%20.97-.8%203.37-1.5%204.67l-9%2016.9h10.5V36Zm-27.25.5c-6.4%200-7.3-4.75-7.3-6.51V7.89c0-2.64.9-7.4%207.3-7.4%206.4%200%207.3%204.76%207.3%207.4V30c0%201.76-.9%206.51-7.3%206.51Zm3.55-28.1c0-1.95-.8-4.25-3.55-4.25s-3.55%202.3-3.55%204.25v20.2c0%201.95.8%204.25%203.55%204.25s3.55-2.3%203.55-4.25V8.4ZM87.45%2036H83.7V4.45h-6.45V1h16.7v3.45h-6.5V36Zm-28.3-25.55V36H55.4V1h3.75l10.36%2026.49V.99h3.3v35h-3.3L59.15%2010.46ZM44.6%201h3.75v35H44.6V1ZM29.55%2036.5a10%2010%200%200%201-5.9-2.1c-2.3-2.15-2.5-4.65-2.5-7.25V9.85c0-2.6.2-5.1%202.5-7.25a10%2010%200%200%201%205.9-2.1c2.95%200%204.95.75%205.9%202.1%202.3%202.15%202.5%204.65%202.5%207.25v17.3c0%202.6-.2%205.1-2.5%207.25-.95%201.35-2.95%202.1-5.9%202.1ZM34.2%209.48c0-1.68-.1-2.93-1.3-4.08-.7-.7-1.4-1.25-3.35-1.25-1.05%200-2.65.55-3.35%201.25-1.2%201.15-1.3%202.4-1.3%204.08v18.47c0%201.25.1%202.5%201.3%203.7.7.65%202.3%201.2%203.35%201.2%201.95%200%202.65-.55%203.35-1.2%201.2-1.2%201.3-2.45%201.3-3.7V9.48ZM8.75%2021.55h-4.6V36H.4V1H8c6.3%200%208.65%204.98%208.65%208.9V13c0%204.5-2.9%208.55-7.9%208.55Zm4.15-12.1c0-3.2-1.65-5.2-5.15-5.2h-3.6v14.1H7.7c3.45%200%205.2-1.87%205.2-4.75V9.45Z%22%20%2F%3E%3C%2Fsvg%3E");
}
.lp-point.-point03 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px dashed #222;
}
.lp-point.-point03 .lp-point__title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20145%2037%22%20width%3D%22145%22%20height%3D%2237%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314B379%22%20d%3D%22M144.55%2029.35c0%203.95-2.2%207.15-7.55%207.15-2.65%200-7.05-1.15-7.05-6.5v-3.51h3.75v2.2c0%201.7.5%204.16%203.6%204.16%201.65%200%203.5.14%203.5-3.85v-5.65c0-1.95-.9-3.7-3.6-3.7H136V16.3h1.25c2.7%200%203.55-2.15%203.55-3.85V7.8c0-1.95-1.25-3.65-3.65-3.65-2.85%200-3.45%202.8-3.45%204.3v2.35h-3.75V7.2c0-2.25%201.2-6.7%207.15-6.7%203.3%200%207.45%201.2%207.45%206.5v4.85c0%202.63-.4%204.9-3.6%205.95%203.55.95%203.6%203.95%203.6%205.8v5.75Zm-27.3%207.15c-6.4%200-7.3-4.75-7.3-6.51V7.89c0-2.64.9-7.4%207.3-7.4%206.4%200%207.3%204.76%207.3%207.4V30c0%201.76-.9%206.51-7.3%206.51Zm3.55-28.1c0-1.95-.8-4.25-3.55-4.25s-3.55%202.3-3.55%204.25v20.2c0%201.95.8%204.25%203.55%204.25s3.55-2.3%203.55-4.25V8.4ZM87.45%2036H83.7V4.45h-6.45V1h16.7v3.45h-6.5V36Zm-28.3-25.55V36H55.4V1h3.75l10.36%2026.49V.99h3.3v35h-3.3L59.15%2010.46ZM44.6%201h3.75v35H44.6V1ZM29.55%2036.5a10%2010%200%200%201-5.9-2.1c-2.3-2.15-2.5-4.65-2.5-7.25V9.85c0-2.6.2-5.1%202.5-7.25a10%2010%200%200%201%205.9-2.1c2.95%200%204.95.75%205.9%202.1%202.3%202.15%202.5%204.65%202.5%207.25v17.3c0%202.6-.2%205.1-2.5%207.25-.95%201.35-2.95%202.1-5.9%202.1ZM34.2%209.48c0-1.68-.1-2.93-1.3-4.08-.7-.7-1.4-1.25-3.35-1.25-1.05%200-2.65.55-3.35%201.25-1.2%201.15-1.3%202.4-1.3%204.08v18.47c0%201.25.1%202.5%201.3%203.7.7.65%202.3%201.2%203.35%201.2%201.95%200%202.65-.55%203.35-1.2%201.2-1.2%201.3-2.45%201.3-3.7V9.48ZM8.75%2021.55h-4.6V36H.4V1H8c6.3%200%208.65%204.98%208.65%208.9V13c0%204.5-2.9%208.55-7.9%208.55Zm4.15-12.1c0-3.2-1.65-5.2-5.15-5.2h-3.6v14.1H7.7c3.45%200%205.2-1.87%205.2-4.75V9.45Z%22%20%2F%3E%3C%2Fsvg%3E");
}

.lp-pointList {
  line-height: 1.4583333333;
  margin: 10px 0 24px;
  font-size: 1.7142857143rem;
}
.lp-pointList li {
  padding-top: 15px;
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: 0 16px;
  background-size: 32px auto;
}
.lp-pointList li:nth-child(n+2) {
  margin-top: 10px;
  border-top: 1px solid #aaa;
}
.lp-pointList li:nth-child(1) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047.5%2047.5%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333%22%20fill%3D%22%23FFF%22%20d%3D%22M23.5.5a23%2023%200%201%201%200%2046%2023%2023%200%200%201%200-46Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M22.26%2037.66h4v-28h-3.84l-4.48%203.29v4.7l4.32-3.7v23.71Z%22%20%2F%3E%3C%2Fsvg%3E");
}
.lp-pointList li:nth-child(2) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047.5%2047.5%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333%22%20fill%3D%22%23FFF%22%20d%3D%22M23.5.5a23%2023%200%201%201%200%2046%2023%2023%200%200%201%200-46Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M17.14%2017.5h4v-1.07c0-.88%200-1.64.36-2.28.28-.48.8-.96%201.76-.96.84%200%201.32.36%201.56.64.36.44.6%201.12.6%202.04v.6c0%20.68-.16%201.8-.32%202.4-.16.6-.6%201.52-.88%202.07l-7.08%2013.04v3.68h12.28v-3.8h-7.68l6.88-11.88c-.2-.64.08-1%201-2.23-.24-1-.2-1.6-.2-2.57v-1.47c0-1.84-.56-3.44-1.44-4.52-1.24-1.52-2.84-1.92-4.64-1.92-1.11%200-3.08.2-4.48%201.64-.92.96-1.72%202.48-1.72%204.96v1.63Z%22%20%2F%3E%3C%2Fsvg%3E");
}
.lp-pointList li:nth-child(3) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047.5%2047.5%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333%22%20fill%3D%22%23FFF%22%20d%3D%22M23.5.5a23%2023%200%201%201%200%2046%2023%2023%200%200%201%200-46Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23333%22%20d%3D%22M17.14%2017.55h4v-1.6c0-.64.08-1.4.6-2.04.36-.44.84-.72%201.48-.72.76%200%201.32.28%201.6.6.36.36.64.96.64%201.68v3.78c0%20.18-.04%201.02-.64%201.61-.52.52-1.12.6-1.72.6h-.92v3.78h.96c.68%200%201.24-.26%201.76.34.52.6.56%201.36.56%202v4.16c0%201.92-1.12%202.4-2.12%202.4-.84%200-1.4-.36-1.68-.72a3.55%203.55%200%200%201-.52-1.92v-1.84h-4v2.84c0%201.92.76%203.24%201.6%204.04%201.36%201.32%202.92%202.08%204.36%202.08%201.68%200%203.36-.84%204.72-2.2%201.56-1.56%201.64-3.2%201.64-5.44V28.3c0-1.72-.12-4.08-2.24-5.04%201.96-.88%202.24-2.84%202.24-4.12V15.1a5.73%205.73%200%200%200-2.04-4.55%206.9%206.9%200%200%200-4.24-1.28c-1.68%200-3.04.48-4.08%201.36a5.54%205.54%200%200%200-1.96%204.47v2.45Z%22%20%2F%3E%3C%2Fsvg%3E");
}
.lp-pointList b {
  color: #14b379;
  font-weight: bold;
}

.lp-variation {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
  width: 455px;
  height: 586px;
  margin: 0 0 0 auto;
  padding: 30px 20px 20px;
  background-color: #fff;
  box-shadow: 0px 12px 20px 0 rgba(51, 51, 51, 0.1);
}
.lp-variation__title {
  margin-top: 0;
  margin-bottom: 30px;
}
.lp-variation__title img {
  display: block;
  width: 289px;
  margin: auto;
}

/* -----------------------------------------------------------------------
## 商品ラインナップ ##################################################
----------------------------------------------------------------------- */
.lp-lineup {
  position: relative;
  z-index: 2;
  margin-top: 45px;
  background: #f5f1f1;
  border-top: 95px solid #fff;
}
.lp-lineup .lp-c-sectionTitle {
  top: -44px;
  margin-bottom: -44px;
  background-image: url("../images/icon_lineup.png");
}
.lp-lineup .lp-chooseCupList {
  padding: 75px 35px 0;
}
.lp-lineup .lp-chooseCupList li {
  margin: 0 20px;
}
.lp-lineup .lp-c-button {
  margin: 24px auto 0;
}
.lp-lineup .lp-c-button.-details {
  width: 350px;
  height: 55px;
  background-image: none;
  box-shadow: 0px 4px 0 0 #666;
}
.lp-lineup .lp-c-button.-all {
  width: 490px;
  margin-top: 60px;
  background-color: #14b379;
  background-image: url("/lp/bratop/23ss/images/arrow.png");
  background-position: right 30px center;
  background-size: 9px auto;
  box-shadow: 0 6px 0 #333;
  color: #fff;
}

.lp-lineupBox {
  padding-top: 60px;
  padding-bottom: 120px;
}
.lp-lineupBox .item_kinds {
  width: 900px;
  margin: 65px auto 0;
  text-align: center;
}
.lp-lineupBox .item_kinds sup {
  font-size: 14px;
  vertical-align: 0;
}
.lp-lineupBox .item_kinds__main {
  font-size: 2.5714285714rem;
  font-weight: 700;
  border-bottom: 1px dashed #222;
  line-height: 2.2;
  margin-bottom: 2.5rem;
  letter-spacing: 0.05em;
}
.lp-lineupBox .item_kinds__sub {
    max-width: 560px;
    margin: auto;
    border: 1px solid #666;
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 3px;
}
.lp-lineupBox .item_kinds__note {
    text-align: right;
    margin: -26px 0 10px;
    font-size: 10px;
}
.lp-lineupBox .item_kinds .-allyear {
    background-color: #ffe6f1;
}
.lp-lineupBox .item_kinds .-summer {
    background-color: #eafffd;
}
.lp-lineupBox__flex {
  display: flex;
  flex-wrap: wrap;
  width: 1024px;
  margin: 36px auto 0;
  padding-bottom: 20px;
}
.lp-lineupBox__flex .lp-itemPanel,.lp-lineupBox__flex .lp-itemDetail {
  flex-basis: 50%;
  max-width: 50%;
  /*margin-top: 65px;*/
}
.lp-lineupBox__flex .lp-itemPanel {
  padding-right: 56px;
}
.lp-lineupBox__title {
  padding-top: 20px;
}
.lp-lineupBox__title img {
  display: block;
  width: 50px;
  margin-right: 5px;
}
.lp-lineupBox__title .lp-c-bubble {
  width: 580px;
  height: 68px;
  margin-top: 12px;
  background-color: #fff;
  border: 1px solid #000;
  color: #333;
  font-size: 2.5714285714rem;
  font-weight: normal;
}
.lp-lineupBox__title .lp-c-bubble::after {
  bottom: -11px;
  width: 20px;
  height: 20px;
  border: inherit;
  border-left: 0;
  border-top: 0;
  background-color: inherit;
  transform: rotate(45deg);
}
.lp-lineupBox__title .lp-c-bubble::before {
  position: absolute;
  bottom: -45px;
  right: -65px;
  width: 180px;
  height: 60px;
  background-image: url("../images/txt_favorite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: "";
}
.lp-lineupBox.-withCup .page-Campaign_PriceNormal > span:before {
  background-color: #f5f1f1;
}
.lp-lineupBox.-inCup {
  padding-top: 84px;
  background-color: #fff;
}