<div class="wdsSection wdsPUSection">
<div class="wdsSection wdsPUSection">
<div class="wdpssSection BrandMixGuide">
<div class="BrandMixIntro">
<h3 class="eb">春の注目BRAND</h3>
<p class="body4"><span data-metadata="&lt;!--(figmeta)eyJmaWxlS2V5IjoiMzI0cXYwc2tvTjIzQXdTdFNNbzU1MCIsInBhc3RlSUQiOjMzOTkyOTQzMSwiZGF0YVR5cGUiOiJzY2VuZSJ9Cg==(/figmeta)--&gt;"></span><b id="docs-internal-guid-fbfd2e7b-7fff-5d30-b183-4c57b02c27b1"><span>新生活を彩る10ブランド。</span></b><br><b id="docs-internal-guid-12917fda-7fff-c810-64c9-044fc1e48048"><span>この春注目の韓国ブランドから、</span></b><br><b id="docs-internal-guid-12917fda-7fff-c810-64c9-044fc1e48048"><span>新作コレクションがラインナップ。</span></b></p>
</div>
<div class="BrandMixFlow">
<div class="BrandMixTrack"><img src="https://cdn.nugu.jp/public/107353-Slide-01.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-02.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-03.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-04.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-05.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-06.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-07.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-088.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-09.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-10.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-01.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-02.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-03.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-04.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-05.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-06.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-07.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-088.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-09.jpg"> <img src="https://cdn.nugu.jp/public/107353-Slide-10.jpg"></div>
</div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">The Barnnet</h6>
</div>
<a href="https://www.nugu.jp/director/the-barnnet" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/barnnet-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/barnnet-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/barnnet-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/barnnet-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">SOMEWHERE BUTTER</h6>
</div>
<a href="https://www.nugu.jp/director/somewhere-butter" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/some-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/some-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/some-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/some-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">Smoothmood</h6>
</div>
<a href="https://www.nugu.jp/director/smooth-mood" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/smooth-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/smooth-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/smooth-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/smooth-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">ENZOBLUES</h6>
</div>
<a href="https://www.nugu.jp/director/enzoblues" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/enzo-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/enzo-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/enzo-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/enzo-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">OHESHIO</h6>
</div>
<a href="https://www.nugu.jp/director/oheshio" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/ohe-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/ohe-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/ohe-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/ohe-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">niceghost club</h6>
</div>
<a href="https://www.nugu.jp/director/niceghostclub" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/nice-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/nice-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/nice-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/nice-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">MAHAGRID</h6>
</div>
<a href="https://www.nugu.jp/director/mahagrid" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/maha-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/maha-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/maha-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/maha-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">WACKY WILLY</h6>
</div>
<a href="https://www.nugu.jp/director/wacky-willy" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/wacky-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/wacky-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/wacky-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/wacky-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">overdue flair</h6>
</div>
<a href="https://www.nugu.jp/director/overdue-flair" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/overdue-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/overdue-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/overdue-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/overdue-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<div class="wdsPULookbook" id="wdsPULookbook">
<div class="contentsBox">
<div class="titleBox">
<h6 class="b">Fancy Club</h6>
</div>
<a href="https://www.nugu.jp/director/fancy-club" class="instagramBox">
<p class="body4 m">詳しく見る &gt;</p>
</a></div>
</div>
<div class="wdsPUItem" id="wdsPUItem">
<ul class="wdpssImageSlide wdpssImageSlideCusom">
<li><img src="https://cdn.nugu.jp/public/fancy-01.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/fancy-02.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/fancy-03.jpg"></li>
<li><img src="https://cdn.nugu.jp/public/fancy-04.jpg"></li>
</ul>
</div>

<div class="NNBLine"></div>
<script type="text/javascript" data-rich-content-config="">
      {
        "stickyTab": [
          {
            "observerTarget": "#wdsPUMap",
            "activeTarget": "a[href='#wdsPUMap'] p",
            "activeClass": "wdsPUAnchorActive"
          },
          {
            "observerTarget": "#wdsPUBenefit",
            "activeTarget": "a[href='#wdsPUBenefit'] p",
            "activeClass": "wdsPUAnchorActive"
          },
          {
            "observerTarget": "#wdsPUItem",
            "activeTarget": "a[href='#wdsPUItem'] p",
            "activeClass": "wdsPUAnchorActive"
          }
        ]
      }
      </script>
</div>
</div>
</div>
<style>
/* ----- intro ----- */
  .BrandMixIntro {color: var(--color-wt); padding: 35px 25px 28px 25px; background-color: var(--color-gr07);}
  .BrandMixIntro h3 {margin-bottom: 7px;}
/* ----- Flow Banner ----- */
  .BrandMixFlow {overflow: hidden; width: 100%;}
/* 125px × 20장 = 2500px */
  .BrandMixTrack {display: flex; width: 2500px; animation: brandFlow 20s linear infinite;}
  .BrandMixTrack img {width: 125px; flex-shrink: 0; display: block;}
  @keyframes brandFlow {
    from {transform: translateX(0);}
    to {transform: translateX(-1250px); /* 10장 분량 */}
  }
/* ----- Project css ----- */
  :root {--color-point: #B09782;}
  .wdsPUSection {background-color: var(--wds-wt);}
  .wdsPUSection ul {margin-bottom: 0;}

/* ----- Item ----- */
  .wdsPUItem h6 {padding: 0 0px;}
  .wdsPUItem ul.wdpssImageSlide {padding: 0px 20px 0 20px; margin-bottom: 0; display: flex; gap: 8px; overflow: scroll; scrollbar-width: none;}
  .wdsPUItem ul.wdpssImageSlide::-webkit-scrollbar {display: none;}
  .wdsPUItem ul.wdpssImageSlide li img {width: 100%;}
  .wdsPUItem ul.wdpssImageSlideCusom li {min-width: 300px;}
  
/* ----- Lookbook ----- */
  .wdsPULookbook {padding: 60px 0 32px 0;}
  .wdsPULookbook .contentsBox {padding: 0 20px 0px 20px;}
  .wdsPULookbook .titleBox {text-align: left;}
  .wdsPULookbook .titleBox p {color: var(--color-point); margin-bottom: 4px;}
  .wdsPULookbook .textBox {padding: 20px 0 24px 0; display: flex; gap: 16px; flex-direction: column;}
  .wdsPULookbook .instagramBox {display: flex; gap: 6px; justify-content: flex-start; align-items: center;}
  .wdsPULookbook .instagramBox img {width: 14px;}
  .wdsPULookbook ul {display: flex; gap: 60px; flex-direction: column;}
  .wdsPULookbook ul img {width: 100%;}
  .wdpPopupLookbook ul li:first-child {height: 40px;}
  .NNBLine {width: 100%; height: 1px; background-color: var(--wds-gray300);}
</style>