<div class="plp-lesmills_24fw">
  <div class="plp-lesmills_24fw_image">
    <img src="/creative/202407/PLP_INTRO_lesmills_24fw-min_637c202d.jpg" alt="" />
  </div>
  <div class="plp-lesmills_24fw_testArea">
    <div class="plp-lesmills_24fw_testArea_inner">
      <p class="plp-lesmills_24fw_title"><span class="en">LES MILLS</span> キャンペーン</p>
      <p class="plp-lesmills_24fw_text">対象商品を税込合計18,000円以上購入で、<br>数量限定ロゴ入りシューレースをプレゼント。</p>
      <p class="plp-lesmills_24fw_text">さらに、抽選でLES MILLSスペシャル<br>イベントに参加できるチャンスも！</p>
      <p class="plp-lesmills_24fw_text">購入/応募期間：8/2 10:00 ~ 9/15 23:59まで</p>
      <a href="#popupContent" class="plp-lesmills_24fw_moreBtn">詳細を見る</a>
    </div>
  </div>
</div>


<div class="plp-lesmills_24fw_wrapper">
  <div id="popupContent" class="popup_wrapper">
    <div class="popup">
      <a href="#!" class="popup-close"><span></span></a>
      <div>
        <p class="plp-lesmills_24fw_popup_title"><span class="en">LES MILLS</span> キャンペーン</p>
        <ul>
          <li class="plp-lesmills_24fw_popup_item">
            <p class="plp-lesmills_24fw_popup_cp">【キャンペーン : 1】</p>
            <p class="plp-lesmills_24fw_popup_cpTitle"><span class="en">LES MILLS x adidas</span>ロゴ入りシューレースを<span class="en">Get</span>しよう！</p>
            <p class="plp-lesmills_24fw_popup_text">対象商品を税込み18,000円以上購入で、<br class="mod-displayNone_desktop">LES MILLS x adidasシューレースをプレゼント。</p>
            <div class="plp-lesmills_24fw_popup_image_wrap">
              <img class="plp-lesmills_24fw_popup_image" src="/creative/202407/PLP_lesmills_24fw_gwp_1-min_1c506724.jpg" alt="" />
              <img class="plp-lesmills_24fw_popup_image" src="/creative/202407/PLP_lesmills_24fw_gwp_2-min_1c506724.jpg" alt="" />
            </div>
            <small class="plp-lesmills_24fw_popup_note">※ 対象商品はアディダス直営店と異なります。オンラインは「LES MILLS対象商品」表示がある商品のみ対象です。（下記の「対象商品を見る」で表示がされた商品）</small>
            <small class="plp-lesmills_24fw_popup_note">※「adidasアプリからの購入」及び「店頭受取/発送」は対象外となります。</small>
            <small class="plp-lesmills_24fw_popup_note">※ 条件を満たした場合に、カート画面でカラーを選択できます。（1会計につき1点）</small>
            <small class="plp-lesmills_24fw_popup_note">※ 在庫がなくなり次第、終了となります。</small>
            <small class="plp-lesmills_24fw_popup_note">※ 在庫状況により、希望するカラーが選べない場合があります。</small>
            <small class="plp-lesmills_24fw_popup_note">※ トレーナー着用商品の一部が遅延してます。（JJ3161,JJ3164）</small>
            <div class="buttonCTA_box">
              <a class="buttonCTA mod-iconNext" href="/item/?cat2Id=lesmills_cp">
                <span>対象商品を見る</span>
              </a>
            </div>
          </li>
          <li class="plp-lesmills_24fw_popup_item">
            <p class="plp-lesmills_24fw_popup_cp">【キャンペーン : 2】</p>
            <p class="plp-lesmills_24fw_popup_cpTitle"><span class="en">ADIDAS X LES MILLS THE ONE</span>スペシャルイベントにご招待！</p>
            <p class="plp-lesmills_24fw_popup_text">THE ONE 2023セミファイナリストおよびLES MILLS JAPANプレゼンターによる豪華なスペシャルイベントが抽選で当たるチャンス！<br>期間中、対象商品を税込み18,000円分購入ごとに応募可能。</p>
            <dl class="plp-lesmills_24fw_popup_detail">
              <div class="plp-lesmills_24fw_popup_text">
                <dt class="plp-lesmills_24fw_popup_definition">キャンペーン対象期間</dt>
                <dd class="plp-lesmills_24fw_popup_list">・8月2日（金）10:00 ~ 9月15日（日）23:59まで</dd>
              </div>
              <div class="plp-lesmills_24fw_popup_text">
                <dt class="plp-lesmills_24fw_popup_definition">イベント日程</dt>
                <dd class="plp-lesmills_24fw_popup_list">・10月25日（金）ジェクサー・フィットネス&スパ 上野（東京）</dd>
                <dd class="plp-lesmills_24fw_popup_list">・10月26日（土）Studio TRIVE（大阪）</dd>
              </div>
            </dl>
            <small class="plp-lesmills_24fw_popup_note">※ 対象商品はアディダス直営店と異なります。オンラインは「LES MILLS対象商品」と表示がある商品のみ対象。</small>
            <div class="buttonCTA_box">
              <a class="buttonCTA mod-iconNext" href="/item/?cat2Id=lesmills_cp">
                <span>対象商品を見る</span>
              </a>
            </div>
            <div class="buttonCTA_box">
              <a class="buttonCTA mod-iconNext" href="https://form.run/@fw24adidaslesmills" target="_blank">
                <span>キャンペーンに応募する</span>
              </a>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <a class="popup_overlay" href="#!"></a>
  </div>
</div>

<style>
  /* introバナー */
  .plp-lesmills_24fw_testArea {
    padding-block: 30px;
    text-align: center;
    background-color: #000;
    color: #fff;
  }
  .plp-lesmills_24fw_title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
  }
  .plp-lesmills_24fw_text {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .plp-lesmills_24fw_moreBtn {
    display: inline-block;
    margin-top: 20px;
    margin-inline: auto;
    font-size: 16px;
    line-height: 1.4;
    padding: 15px 35px;
    color: #000;
    background-color: #fff;
  }
  
  @media screen and (min-width: 960px) {
    .plp-lesmills_24fw {
      display: flex;
    }
    .plp-lesmills_24fw_testArea,
    .plp-lesmills_24fw_image {
      width: 50%;
    }
    .plp-lesmills_24fw_testArea {
      padding-block: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .plp-lesmills_24fw_title {
      font-size: 18px;
    }
    .plp-lesmills_24fw_text {
      font-size: 14px;
      margin-top: 7px;
    }
    .plp-lesmills_24fw_moreBtn {
      padding: 6px 35px;
    }
    .plp-lesmills_24fw_moreBtn:hover {
      color: #767677;
    }
  }
  /* END introバナー */

  /* モーダル */
  .plp-lesmills_24fw_wrapper .popup_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    margin: 30px 10px;
    z-index: 9999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: opacity .6s ease, z-index .6s ease;
  }
  
  .plp-lesmills_24fw_wrapper .popup_wrapper:not(:target)>.popup+.popup_overlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    transition: opacity 0.3s ease-in-out;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:target>.popup+.popup_overlay {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    transition: opacity 0.3s ease-in-out;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:not(:target) {
    opacity: 0;
    z-index: -1;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:target {
    opacity: 1;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:not(:target)>.popup {
    opacity: 0;
    transform: translate(0, 0) scale(0.2);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: -1;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper>.popup {
    opacity: 0;
    position: relative;
    transform: translate(0, 0) scale(0.2);
    z-index: -1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    text-align: left;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:target>.popup {
    display: block;
    position: relative;
    transform: translate(0, 0) scale(1.0);
    width: 100%;
    z-index: 9999;
    overflow-y: scroll;
    -ms-overflow-style: none;
    padding: 35px 15px 30px;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 1;
    background-color: #fff;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper:target>.popup::-webkit-scrollbar {
    display: none;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper>.popup>.popup-close {
    position: absolute;
    top: -8px;
    right: 15px;
    z-index: 1;
    font-size: 36px;
    cursor: pointer;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper>.popup>.popup-close>span {
    position: relative;
  }

  .plp-lesmills_24fw_wrapper .popup_wrapper>.popup>.popup-close>span:after {
    font-family: 'adipictos-regular';
    content: '\e817';
    font-size: 14px;
    width: 18px;
    height: 18px;
    font-weight: normal;
    line-height: 1;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    color: #000;
  }

  /*----- desktopサイズ -----*/
  @media screen and (min-width: 960px) {
    /* Popup */
    .plp-lesmills_24fw_wrapper .popup_wrapper>.popup {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.2);
    }

    .plp-lesmills_24fw_wrapper .popup_wrapper:not(:target)>.popup {
      transform: translate(-50%, -50%) scale(0.2);
    }

    .plp-lesmills_24fw_wrapper .popup_wrapper:target>.popup {
      top: 0;
      left: 0;
      transform: translate(0, 0) scale(1.0);
    }

    .plp-lesmills_24fw_wrapper .popup_wrapper>.popup>.popup-close {
      top: -3px;
      right: 15px;
    }

    .plp-lesmills_24fw_wrapper .popup_wrapper>.popup>.popup-close>span:after {
      font-size: 18px;
    }

    .plp-lesmills_24fw_wrapper .popup_wrapper:target>.popup {
      max-width: 960px;
      margin: 0 auto;
      padding: 45px 30px 30px;
    }
  }
  /* END モーダル */
  /* popup内のコンテンツ */
  .plp-lesmills_24fw_popup_item {
    margin-top: 25px;
  }
  .plp-lesmills_24fw_popup_item + .plp-lesmills_24fw_popup_item {
    margin-top: 40px;
  }
  .plp-lesmills_24fw_popup_title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
  }
  .plp-lesmills_24fw_popup_cp {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    font-feature-settings: "palt";
  }
  .plp-lesmills_24fw_popup_cpTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 4px;
  }
  .plp-lesmills_24fw_popup_detail {
    margin-block: 20px;
  }
  .plp-lesmills_24fw_popup_text {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
    text-align: justify;
    text-justify: inter-character; /* Firefox */
  }
  .plp-lesmills_24fw_popup_definition {
    font-weight: bold;
  }
  .plp-lesmills_24fw_popup_list {
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .plp-lesmills_24fw_popup_list + .plp-lesmills_24fw_popup_list {
    margin-top: 5px;
  }
  .plp-lesmills_24fw_popup_note {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 5px;
    display: block;
    padding-left: 1em;
    text-indent: -1.2em;
  }
  .plp-lesmills_24fw_popup_note:nth-of-type(1) {
    margin-top: 20px;
  }
  .plp-lesmills_24fw_popup_item .buttonCTA_box:nth-of-type(1) {
    margin-top: 20px;
  }
  .plp-lesmills_24fw_popup_image_wrap {
    display: flex;
    margin-top: 10px;
  }
  .plp-lesmills_24fw_popup_image {
    width: 50%;
  }
  @media screen and (min-width: 960px) {
    .plp-lesmills_24fw_popup_image_wrap {
      margin-top: 15px;
    }
    .plp-lesmills_24fw_popup_image {
      width: 150px;
    }
    .plp-lesmills_24fw_popup_definition {
      display: flex;
    }
  }
  /* END popup内のコンテンツ */

</style>

<span class="en">Les Mills</span> 最新コレクション

パフォーマンス

スリー ストライプス

HEAT.RDY

インナー

LES MILLS

セール

通常価格

レディース

メンズ

ユニセックス

ホワイト

ブラック

ピンク

レッド

グリーン

パープル

価格の安い順

価格の高い順

22.0cm

22.5cm

23.0cm

23.5cm

24.0cm

24.5cm

25.0cm

25.5cm

26.0cm

26.5cm

27.0cm

27.5cm

28.0cm

28.5cm

29.0cm

29.5cm

30.0cm

30.5cm

32.0cm

ジム・トレーニング

ヨガ

ベターコットン

リサイクル素材一部使用

リサイクル素材と再生可能素材

アディダス LES MILLSキャンペーン対象品番

Les Mills 最新コレクション