@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-show-pc {
    display: none;
  }
}

.is-show-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-show-sp {
    display: block;
  }
}

/* function
------------------------------------------ */
.main-area .main-inner {
  width: 100%;
}

.LB250829PUMA2 {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 420; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */
  --color-green: #42b2aa;
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
}
@media (min-width: 1401px) {
  .LB250829PUMA2 {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 固定値（可変しない） */
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .LB250829PUMA2 {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .LB250829PUMA2 {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.LB250829PUMA2 img {
  width: 100%;
  height: auto;
}
.LB250829PUMA2 * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.LB250829PUMA2 .slide-item {
  background-color: #fff;
}
.LB250829PUMA2 .js-fade-up,
.LB250829PUMA2 .js-fade-slide {
  background-color: #fff;
}
.LB250829PUMA2 .js-smooth-up {
  overflow: hidden;
}
.LB250829PUMA2 .product-slider[data-fade=parentL] .slide-item {
  opacity: 0;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
.LB250829PUMA2 .product-slider[data-fade=parentL][data-is-active=true] .slide-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.LB250829PUMA2 .product-slider[data-fade=parentR] .slide-item {
  opacity: 0;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
.LB250829PUMA2 .product-slider[data-fade=parentR][data-is-active=true] .slide-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.LB250829PUMA2 .delay01 {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}
.LB250829PUMA2 .mv {
  width: 100%;
  padding-bottom: calc(72 * var(--formula_pc));
}
@media (max-width: 767px) {
  .LB250829PUMA2 .mv {
    padding-bottom: calc(128 * var(--formula));
  }
}
.LB250829PUMA2 .mv a {
  display: block;
  position: relative;
  z-index: 0;
}
.LB250829PUMA2 .mv-img {
  position: relative;
}
.LB250829PUMA2 .mv-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: calc(239 * var(--formula_pc));
  left: calc(173 * var(--formula_pc));
  z-index: 1;
}
@media (max-width: 767px) {
  .LB250829PUMA2 .mv-logo {
    top: calc(342 * var(--formula));
    left: calc(28 * var(--formula));
  }
}
.LB250829PUMA2 .mv-logo-puma {
  overflow: hidden;
  width: calc(380 * var(--formula_pc));
}
@media (max-width: 767px) {
  .LB250829PUMA2 .mv-logo-puma {
    width: calc(260 * var(--formula));
  }
}
.LB250829PUMA2 .mv-logo-lead {
  overflow: hidden;
  width: calc(223 * var(--formula_pc));
  margin-top: calc(33 * var(--formula_pc));
}
@media (max-width: 767px) {
  .LB250829PUMA2 .mv-logo-lead {
    width: calc(264 * var(--formula));
    margin-top: calc(58 * var(--formula));
  }
}
.LB250829PUMA2 .mv-txt {
  margin-top: calc(73 * var(--formula_pc));
  line-height: 2;
  letter-spacing: 0.08em;
  font-size: calc(13 * var(--formula_pc));
  font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 300;
  text-align: center;
  -webkit-font-feature-settings: "pwid";
          font-feature-settings: "pwid";
  color: #000;
}
@media (max-width: 767px) {
  .LB250829PUMA2 .mv-txt {
    margin-top: calc(129 * var(--formula));
    font-size: calc(24 * var(--formula));
  }
}
.LB250829PUMA2 .lp-container {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
  overflow: hidden;
}
.LB250829PUMA2 .lp-container .date {
  padding: calc(44 * var(--formula)) 0 calc(42 * var(--formula));
  background-color: var(--color-green);
}
.LB250829PUMA2 .lp-container .date-img {
  width: calc(421 * var(--formula));
  margin: 0 auto;
}
.LB250829PUMA2 .lp-container .product01 {
  position: relative;
  margin-top: calc(140 * var(--formula));
}
.LB250829PUMA2 .lp-container .product01::before {
  position: absolute;
  top: calc(191 * var(--formula));
  right: 0;
  content: "";
  width: calc(280 * var(--formula));
  height: calc(1783 * var(--formula));
  background-color: var(--color-green);
  z-index: -1;
}
.LB250829PUMA2 .lp-container .product01-img {
  position: absolute;
  top: calc(833 * var(--formula));
  left: calc(30 * var(--formula));
  z-index: 1;
  pointer-events: none;
  width: calc(87 * var(--formula));
}
.LB250829PUMA2 .lp-container .product01-photo-01 {
  width: calc(670 * var(--formula));
  margin-right: auto;
}
.LB250829PUMA2 .lp-container .product01-photo-02 {
  width: calc(590 * var(--formula));
  margin-top: calc(40 * var(--formula));
  margin-left: auto;
}
.LB250829PUMA2 .lp-container .product01-price {
  margin-right: calc(35 * var(--formula));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.LB250829PUMA2 .lp-container .product01-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product01-price-01 {
  margin-top: calc(30 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02 {
  margin-top: calc(266 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02-img {
  width: 100%;
}
.LB250829PUMA2 .lp-container .product02-slider {
  margin-top: calc(39 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02-slider .slick-list {
  padding-right: calc(100 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02-slider .slide-item {
  width: calc(630 * var(--formula));
  margin-right: calc(20 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
  margin-top: calc(30 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.LB250829PUMA2 .lp-container .product02-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product03 {
  margin-top: calc(128 * var(--formula));
}
.LB250829PUMA2 .lp-container .product03-img {
  margin-top: calc(38 * var(--formula));
  width: 100%;
}
.LB250829PUMA2 .lp-container .product03-photo-01 {
  width: calc(670 * var(--formula));
  margin: 0 auto;
}
.LB250829PUMA2 .lp-container .product03-photo-02 {
  width: calc(670 * var(--formula));
  margin: calc(40 * var(--formula)) auto 0;
}
.LB250829PUMA2 .lp-container .product03-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.LB250829PUMA2 .lp-container .product03-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product03-price-01 {
  margin-top: calc(30 * var(--formula));
}
.LB250829PUMA2 .lp-container .product04 {
  position: relative;
  margin-top: calc(127 * var(--formula));
  padding: calc(138 * var(--formula)) calc(40 * var(--formula)) calc(127 * var(--formula)) calc(40 * var(--formula));
  background-color: var(--color-green);
}
.LB250829PUMA2 .lp-container .product04-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LB250829PUMA2 .lp-container .product04-photo-01 {
  width: calc(510 * var(--formula));
}
.LB250829PUMA2 .lp-container .product04-img {
  width: calc(116 * var(--formula));
  position: relative;
  top: calc(2 * var(--formula));
}
.LB250829PUMA2 .lp-container .product04-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
  margin-top: calc(31 * var(--formula));
}
.LB250829PUMA2 .lp-container .product04-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product04-price a {
  color: #fff;
}
.LB250829PUMA2 .lp-container .product05 {
  position: relative;
  margin-top: calc(140 * var(--formula));
}
.LB250829PUMA2 .lp-container .product05::before {
  position: absolute;
  top: calc(200 * var(--formula));
  left: 0;
  content: "";
  width: calc(348 * var(--formula));
  height: calc(2789 * var(--formula));
  background-color: var(--color-green);
  z-index: -1;
}
.LB250829PUMA2 .lp-container .product05-img {
  position: absolute;
  top: calc(24 * var(--formula));
  right: calc(20 * var(--formula));
  width: calc(89 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
.LB250829PUMA2 .lp-container .product05-slider {
  margin-top: calc(20 * var(--formula));
  width: calc(690 * var(--formula));
  margin-right: auto;
}
.LB250829PUMA2 .lp-container .product05-slider .slick-list {
  padding-left: calc(40 * var(--formula));
}
.LB250829PUMA2 .lp-container .product05-slider .slide-item {
  width: calc(630 * var(--formula));
  margin-left: calc(20 * var(--formula));
}
.LB250829PUMA2 .lp-container .product05-price {
  margin-left: calc(60 * var(--formula));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
}
.LB250829PUMA2 .lp-container .product05-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product05-price-01 {
  margin-top: calc(29 * var(--formula));
}
.LB250829PUMA2 .lp-container .product06 {
  margin-top: calc(130 * var(--formula));
}
.LB250829PUMA2 .lp-container .product06-img {
  margin-top: calc(20 * var(--formula));
  width: 100%;
}
.LB250829PUMA2 .lp-container .product06-photo-01 {
  width: calc(530 * var(--formula));
  margin-left: auto;
}
.LB250829PUMA2 .lp-container .product06-photo-02 {
  width: calc(670 * var(--formula));
  margin: calc(40 * var(--formula)) auto 0 0;
}
.LB250829PUMA2 .lp-container .product06-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: calc(15 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.LB250829PUMA2 .lp-container .product06-price a {
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  color: #000;
}
.LB250829PUMA2 .lp-container .product06-price-01 {
  margin-top: calc(29 * var(--formula));
}
.LB250829PUMA2 .lp-container .lp-footer {
  padding: calc(267 * var(--formula)) 0 calc(188 * var(--formula));
}
.LB250829PUMA2 .lp-container .lp-footer-logo {
  width: calc(260 * var(--formula));
  margin: 0 auto;
}
.LB250829PUMA2 .lp-container .lp-footer-links {
  margin-top: calc(138 * var(--formula));
}
.LB250829PUMA2 .lp-container .lp-footer-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(670 * var(--formula));
  height: calc(140 * var(--formula));
  margin: 0 auto;
  border: 0.1rem solid var(--color-green);
}
.LB250829PUMA2 .lp-container .lp-footer-link:not(:first-child) {
  margin-top: calc(20 * var(--formula));
}
.LB250829PUMA2 .lp-container .lp-footer-link::after {
  position: absolute;
  right: calc(28 * var(--formula));
  content: "";
  width: calc(12 * var(--formula));
  height: calc(28 * var(--formula));
  background-image: url("../img/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.LB250829PUMA2 .lp-container .lp-footer-link span {
  display: block;
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(38 * var(--formula));
  letter-spacing: 0.08em;
  color: var(--color-green);
}
.LB250829PUMA2 .lp-container .lp-footer .staff-txt {
  margin-top: calc(129 * var(--formula));
  font-family: "elza-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
}
.LB250829PUMA2 .lp-container .lp-footer .staff-txt-ttl {
  color: var(--color-green);
}