{"id":31476,"date":"2026-07-31T10:00:58","date_gmt":"2026-07-31T01:00:58","guid":{"rendered":"https:\/\/store.descente.co.jp\/munsingwear\/?post_type=feature&#038;p=31476"},"modified":"2026-07-31T10:08:15","modified_gmt":"2026-07-31T01:08:15","slug":"%e3%80%902026%e5%b9%b4%e7%9b%9b%e5%a4%8f%e3%80%91%e6%96%b0%e4%bd%9c%e3%82%b7%e3%83%bc%e3%82%ba%e3%83%b3%e3%82%b3%e3%83%ac%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3vol-1%ef%bd%9c%e3%83%9e%e3%83%b3%e3%82%b7","status":"publish","type":"feature","link":"https:\/\/store.descente.co.jp\/munsingwear\/feature\/maw_26073101","title":{"rendered":"\u30102026\u5e74\u76db\u590f\u3011\u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3Vol.1\uff5c\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2\u516c\u5f0f"},"content":{"rendered":"","protected":false},"featured_media":0,"template":"","feature_tag":[],"class_list":["post-31476","feature","type-feature","status-publish","hentry"],"acf":{"emergency_direct_link":"","emergency_direct_link_target":"\u901a\u5e38","\u767b\u9332":{"add_css_js_source":""},"feature_list_img":{"ID":31480,"id":31480,"title":"2026fw_season_vp1_2160\u00d72160","filename":"2026fw_season_vp1_2160\u00d72160.jpg","filesize":471125,"url":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160.jpg","link":"https:\/\/store.descente.co.jp\/munsingwear\/feature\/maw_26073101\/attachment\/2026fw_season_vp1_2160x2160\/","alt":"","author":"8","description":"","caption":"","name":"2026fw_season_vp1_2160x2160","status":"inherit","uploaded_to":31476,"date":"2026-07-30 10:55:22","modified":"2026-07-30 10:55:59","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/store.descente.co.jp\/munsingwear\/wp-includes\/images\/media\/default.png","width":1500,"height":1500,"sizes":{"thumbnail":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-360x220.jpg","thumbnail-width":150,"thumbnail-height":92,"medium":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-630x340.jpg","medium-width":300,"medium-height":162,"medium_large":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-768x768.jpg","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-760x194.jpg","large-width":760,"large-height":194,"1536x1536":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160.jpg","1536x1536-width":1500,"1536x1536-height":1500,"2048x2048":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160.jpg","2048x2048-width":1500,"2048x2048-height":1500,"small":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-300x300.jpg","small-width":300,"small-height":300,"tournament_thumb":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-350x420.jpg","tournament_thumb-width":350,"tournament_thumb-height":420,"tournament":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_2160\u00d72160-700x840.jpg","tournament-width":700,"tournament-height":840}},"feature_list_txt":"","feature_list_display":true,"module":[{"acf_fc_layout":"module11","add_css":"<script>\r\n      (function (d) {\r\n        var config = {\r\n            kitId: 'qnb1uic',\r\n            scriptTimeout: 3000,\r\n            async: true,\r\n          },\r\n          h = d.documentElement,\r\n          t = setTimeout(function () {\r\n            h.className = h.className.replace(\/\\bwf-loading\\b\/g, '') + ' wf-inactive';\r\n          }, config.scriptTimeout),\r\n          tk = d.createElement('script'),\r\n          f = false,\r\n          s = d.getElementsByTagName('script')[0],\r\n          a;\r\n        h.className += ' wf-loading';\r\n        tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js';\r\n        tk.async = true;\r\n        tk.onload = tk.onreadystatechange = function () {\r\n          a = this.readyState;\r\n          if (f || (a && a != 'complete' && a != 'loaded')) return;\r\n          f = true;\r\n          clearTimeout(t);\r\n          try {\r\n            Typekit.load(config);\r\n          } catch (e) {}\r\n        };\r\n        s.parentNode.insertBefore(tk, s);\r\n      })(document);\r\n    <\/script>\r\n    <script>\r\n      document.documentElement.classList.add('js');\r\n    <\/script>\r\n    <style>\r\n      \/* =========================================================\r\n       * VP lp \u4e13\u7528WP\u4e3b\u9898 reset\u4ee3\u7801\r\n       * ========================================================= *\/\r\n      #wrapper,\r\n      #penguinmag.detail .main_width,\r\n      .col2 {\r\n        overflow: clip;\r\n      }\r\n      #penguinmag.detail #post_title h1 {\r\n        font-size: 200%;\r\n        text-align: left;\r\n      }\r\n\r\n      @media screen and (min-width: 901px) {\r\n        #penguinmag.detail #post_title h1 {\r\n          transform: translateX(-15px);\r\n        }\r\n        #home_player .main_width {\r\n          max-width: 100%;\r\n        }\r\n        #home_player .penguinmag_title {\r\n          max-width: 1040px;\r\n          margin: 0 auto;\r\n        }\r\n        #penguinmag.detail .col2 {\r\n          position: relative;\r\n          margin-top: 20px;\r\n        }\r\n        #home_player .col2 .right {\r\n          padding-left: 0;\r\n          width: 100%;\r\n          float: none;\r\n        }\r\n        #home_player .col2 .left {\r\n          width: 1040px;\r\n          margin: 0 auto;\r\n          padding-bottom: 5%;\r\n          float: none;\r\n          border: none;\r\n        }\r\n        #penguinmag.detail .date_cat {\r\n          width: 182px;\r\n          margin-top: 0;\r\n          padding-top: 48px;\r\n          border-top: 2px #263a58 solid;\r\n        }\r\n        #penguinmag.detail .sns {\r\n          justify-content: left;\r\n        }\r\n        #penguinmag.detail #post_title {\r\n          width: 1040px;\r\n          position: relative;\r\n          top: auto;\r\n          left: auto;\r\n          transform: translate(0);\r\n          text-align: center;\r\n          margin: 0 auto;\r\n          padding: 20px 0;\r\n        }\r\n      }\r\n      @media only screen and (max-width: 900px) {\r\n        .main_width {\r\n          padding: 0;\r\n        }\r\n        .penguinmag_title,\r\n        #penguinmag.detail #post_title,\r\n        #penguinmag.detail .col2 .left,\r\n        .return {\r\n          padding: 0 20px;\r\n        }\r\n        #latest_article .main_width {\r\n          padding: 0 20px;\r\n        }\r\n      }\r\n      \/* PC view padding-bottom \u4fee\u6b63 *\/\r\n      @media screen and (min-width: 1024px) {\r\n        #home_player .col2 .left {\r\n          padding-bottom: 52px;\r\n        }\r\n      }\r\n      #penguinmag.detail .col2 {\r\n        overflow: visible;\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u57fa\u7840 reset \/ wrap\r\n       * ========================================================= *\/\r\n      html,\r\n      body {\r\n        padding: 0;\r\n        margin: 0;\r\n        position: relative;\r\n      }\r\n\r\n      #lp_wrap {\r\n        --font-base: 'yu-gothic-pr6n', YuGothic, 'Hiragino Sans', 'Meiryo', sans-serif;\r\n        --font-en: Arial, Helvetica, sans-serif;\r\n        --font-serif: 'Times New Roman', 'Times', serif;\r\n\r\n        --color-text: #000000;\r\n        --color-white: #ffffff;\r\n\r\n        --green: #033e2c;\r\n        --navy: #00013c;\r\n\r\n        \/* \u25bc LP \u8ffd\u52a0\uff1a\u5360\u4f4d\u7070\u30fb\u95f4\u8ddd\u30fb\u65ad\u70b9\u53c2\u7167 *\/\r\n        --ph-gray: #d9d9d9; \/* \u56fe\u7247\u672a\u52a0\u8f7d\u5360\u4f4d\u7070 *\/\r\n\r\n        \/* \u25bc \u590d\u53e4\u7eb8\u611f\u80cc\u666f\uff1a\u6696\u7c73\u767d\u5e95 + \u9759\u6001\u80f6\u7247\u566a\u70b9\uff08\u5185\u8054 SVG feTurbulence\uff0c\u96f6\u8bf7\u6c42\uff09\r\n           \u00b7 --color-bg    \u5e95\u8272\uff0c\u8d34\u5408\u6a21\u7279\u56fe\u504f\u6696\u7684\u80f6\u7247\u767d\uff08\u53ef\u8c03\uff09\r\n           \u00b7 baseFrequency \u9897\u7c92\u7c97\u7ec6\uff1a\u8d8a\u5927\u8d8a\u7ec6\uff080.6~1.0 \u4e4b\u95f4\u8c03\uff09\r\n           \u00b7 opacity       \u9897\u7c92\u5f3a\u5ea6\uff1a0.04~0.08 \u4e4b\u95f4\u8c03 *\/\r\n        --color-bg: #f4f0e8;\r\n        --color-bg: #f4f0e8;\r\n        --noise: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'\/%3E%3C\/svg%3E\");\r\n        --bg-paper: var(--noise) var(--color-bg);\r\n\r\n        --header-h: 60px; \/* \u5047 header \u9ad8\u5ea6\uff08\u4e0e\u9875\u9762\u5916\u5c42\u540c\u6b65\uff09 *\/\r\n\r\n        position: relative;\r\n        line-height: 2;\r\n        font-weight: 400;\r\n        font-family: var(--font-base);\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n        color: var(--color-text);\r\n        background: var(--bg-paper);\r\n      }\r\n      #lp_wrap *,\r\n      #lp_wrap *::before,\r\n      #lp_wrap *::after {\r\n        box-sizing: border-box;\r\n      }\r\n      #lp_wrap img,\r\n      #lp_wrap video,\r\n      #lp_wrap svg {\r\n        max-width: 100%;\r\n        display: block;\r\n      }\r\n      \/* <picture> \u53ea\u4f5c\u54cd\u5e94\u5f0f\u6765\u6e90\u5207\u6362\uff0c\u4e0d\u4ea7\u751f\u76d2\u5b50 \u2192 \u5185\u90e8 img \u7ee7\u7eed\u6cbf\u7528\u539f\u5e03\u5c40 *\/\r\n      #lp_wrap picture {\r\n        display: contents;\r\n      }\r\n\r\n      #lp_wrap p {\r\n        margin: 0;\r\n      }\r\n      #lp_wrap h1,\r\n      #lp_wrap h2,\r\n      #lp_wrap h3 {\r\n        margin: 0;\r\n        font-weight: 700;\r\n      }\r\n      #lp_wrap a {\r\n        text-decoration: none;\r\n        color: inherit;\r\n      }\r\n      #lp_wrap ul,\r\n      #lp_wrap ol {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n      #lp_wrap .pcview {\r\n        display: inline;\r\n      }\r\n      #lp_wrap .spview {\r\n        display: none;\r\n      }\r\n      \/* \u5185\u5d4c SVG sprite\uff08\u4e0d\u5360\u4f4d\uff09 *\/\r\n      #lp_wrap .lp-sprite {\r\n        position: absolute;\r\n        width: 0;\r\n        height: 0;\r\n        overflow: hidden;\r\n      }\r\n\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap {\r\n          box-sizing: border-box;\r\n        }\r\n        #lp_wrap .pcview {\r\n          display: none;\r\n        }\r\n        #lp_wrap .spview {\r\n          display: inline;\r\n        }\r\n        \/* WP \u5916\u5c42\u4e3b\u9898\u5143\u7d20\u63a7\u5236\uff08\u5fc5\u987b\u4fdd\u7559\uff09 *\/\r\n        #penguinmag.detail #post_title h1 {\r\n          font-size: 176%;\r\n          font-weight: 700;\r\n        }\r\n      }\r\n\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap {\r\n          --title-pad: 200px;\r\n        }\r\n      }\r\n      @media screen and (min-width: 900px) {\r\n        #lp_wrap {\r\n          --header-h: 76px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u5165\u573a\u52a8\u753b\uff08\u96c6\u4e2d\u7ba1\u7406\uff09\r\n       *   \u00b7 \u89e6\u53d1\uff1a.anim \u5143\u7d20\u8fdb\u5165\u89c6\u53e3 \u2192 JS(IntersectionObserver) \u52a0 .ac\uff0c\u53ea\u8dd1\u4e00\u6b21\r\n       *   \u00b7 \u57fa\u7840 .anim\/.ac \u4e3a\u7eaf\u6de1\u5165\uff1b\u5404 section \u7684\u5dee\u5f02\u5316\u52a8\u753b\u5728\u4e0b\u65b9\u6309\u9700\u8986\u76d6\r\n       * ========================================================= *\/\r\n      \/* \u2014\u2014 \u57fa\u7840 hook\uff1a\u7eaf\u6de1\u5165\uff08\u9ed8\u8ba4\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .anim {\r\n        opacity: 0;\r\n        transition: 1.6s all 0s ease;\r\n      }\r\n      #lp_wrap .anim.ac {\r\n        opacity: 1;\r\n      }\r\n\r\n      \/* \u2014\u2014 \u2461 lead\uff1alead__title \u9010 span \u4e0a\u79fb\u6de1\u5165\uff08\u4f9d\u6b21\u9519\u5f00\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50\uff0c\u589e\u51cf span \u65e0\u9700\u6539\u4ee3\u7801\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .lead__title.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .lead__title span {\r\n        display: inline-block;\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n        transition-delay: calc(var(--i, 0) * 0.1s);\r\n      }\r\n      #lp_wrap .lead__title.ac span {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 stage\uff1astage__label \u8fdb\u5165\u89c6\u53e3\u4e0a\u79fb\u6de1\u5165\uff08\u5de6\u5148\u53f3\u540e\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .stage__label.anim {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n      }\r\n      #lp_wrap .stage__label--right.anim {\r\n        transition-delay: 0.2s;\r\n      }\r\n      #lp_wrap .stage__label.anim.ac {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 stage \u00b7 Scene2 \u9876\u90e8\u5e8f\u5217\uff1a\u8fdb\u5165\u89c6\u53e3\u540e\u4f9d\u6b21 \u5e8f\u53f7 \u2192 \u88c5\u9970\u7ebf \u2192 viewer \u2192 \u7f29\u7565\u56fe \u2014\u2014 *\/\r\n      \/* stage__no\uff1aNo.(::before) \u4e0e \u6570\u5b57(::after) \u5148\u540e\u4e0a\u79fb\u6de1\u5165\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .stage__no.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .stage__no.anim::before,\r\n      #lp_wrap .stage__no.anim::after {\r\n        display: inline-block; \/* \u4f2a\u5143\u7d20\u9700 inline-block \u624d\u80fd transform *\/\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n      }\r\n      #lp_wrap .stage__no.anim::before {\r\n        transition-delay: 0.05s;\r\n      }\r\n      #lp_wrap .stage__no.anim::after {\r\n        transition-delay: 0.24s;\r\n      }\r\n      \/* SP\uff1a\u6570\u5b57(::after)\u5b57\u53f7\u66f4\u5927\uff0c\u4e0a\u79fb\u8ddd\u79bb\u7565\u7f29\u77ed *\/\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap .stage__no.anim::after {\r\n          transform: translateY(9px);\r\n        }\r\n      }\r\n      #lp_wrap .stage__no.anim.ac::before,\r\n      #lp_wrap .stage__no.anim.ac::after {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u88c5\u9970\u7ebf\uff1a\u6a2a\u7ebf stroke-dashoffset \u5411\u53f3\u753b\u51fa \u2192 \u6298\u89d2(tip)\u968f\u540e\u6311\u8d77\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .stage__deco.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-line,\r\n      #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n        stroke-dasharray: 100;\r\n        stroke-dashoffset: 100;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-line {\r\n        transition: stroke-dashoffset 0.55s ease 0.28s;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n        transition: stroke-dashoffset 0.3s ease 0.83s;\r\n      }\r\n      #lp_wrap .stage__deco.anim.ac .stage__deco-line,\r\n      #lp_wrap .stage__deco.anim.ac .stage__deco-tip {\r\n        stroke-dashoffset: 0;\r\n      }\r\n\r\n      \/* showcase viewer\uff1a\u6574\u4f53\u6de1\u5165 + \u8f7b\u5fae\u4e0a\u79fb *\/\r\n      #lp_wrap .showcase__viewer.anim {\r\n        opacity: 0;\r\n        transform: translateY(16px);\r\n        transition:\r\n          opacity 0.7s ease 0.42s,\r\n          transform 0.7s ease 0.42s;\r\n      }\r\n      #lp_wrap .showcase__viewer.anim.ac {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n      \/* \u7f29\u7565\u56fe\u4e0d\u5355\u72ec\u505a\u52a8\u753b\uff1a\u968f viewer \u6574\u4f53\u4e0a\u79fb\u6de1\u5165\uff0c\u907f\u514d\u8986\u76d6\u5176 active \u6001\u8fc7\u6e21 *\/\r\n\r\n      \/* credit\uff1a\u5404 <li> \u9010\u4e2a\u4e0a\u79fb\u6de1\u5165\uff08\u6eda\u5230\u65f6\u72ec\u7acb\u89e6\u53d1\uff09\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .showcase__credit.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .showcase__credit.anim .credit li {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.6s ease,\r\n          transform 0.6s ease;\r\n        transition-delay: calc(var(--i, 0) * 0.1s);\r\n      }\r\n      #lp_wrap .showcase__credit.anim.ac .credit li {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 prefers-reduced-motion\uff1a\u5168\u90e8\u843d\u5b9a\u3001\u53bb\u52a8\u753b \u2014\u2014 *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n        #lp_wrap .anim {\r\n          opacity: 1;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .lead__title span,\r\n        #lp_wrap .stage__label.anim,\r\n        #lp_wrap .stage__no.anim::before,\r\n        #lp_wrap .stage__no.anim::after,\r\n        #lp_wrap .showcase__viewer.anim,\r\n        #lp_wrap .showcase__credit.anim .credit li {\r\n          opacity: 1;\r\n          transform: none;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .stage__deco.anim .stage__deco-line,\r\n        #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n          stroke-dashoffset: 0;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .hero__cta {\r\n          opacity: 1;\r\n          animation: none;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2460 hero  #main_banner\r\n       * ========================================================= *\/\r\n      #lp_wrap .hero {\r\n        position: relative;\r\n      }\r\n      #lp_wrap .hero__link {\r\n        display: block;\r\n      }\r\n      #lp_wrap .hero__img {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n\r\n      #lp_wrap .hero__cta {\r\n        position: absolute;\r\n        right: 20px;\r\n        bottom: 30px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 12px 32px;\r\n        border: 1px solid var(--color-white);\r\n        color: var(--color-white);\r\n        font-family: var(--font-serif);\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n        letter-spacing: 0.09em;\r\n      }\r\n      #lp_wrap .hero__cta--ofst {\r\n        position: relative;\r\n        left: 4px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: inherit;\r\n      }\r\n\r\n      #lp_wrap .icon--cart {\r\n        transition: transform 0.3s ease;\r\n      }\r\n\r\n      #lp_wrap .hero__cta:hover .icon--cart {\r\n        transform: translateX(5px);\r\n      }\r\n      #lp_wrap .icon {\r\n        display: block;\r\n        fill: none;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n      }\r\n      #lp_wrap .icon--cart {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n      \/* \u2460 hero \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .hero__img {\r\n          aspect-ratio: 16 \/ 9; \/* PC 16:9 \u30ef\u30a4\u30c9 *\/\r\n        }\r\n        #lp_wrap .hero__cta {\r\n          right: 56px;\r\n          bottom: 60px;\r\n          gap: 12px;\r\n          padding: 16px 48px;\r\n          font-size: 24px;\r\n        }\r\n        #lp_wrap .icon--cart {\r\n          width: 22px;\r\n          height: 22px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2461 lead \uff5c humane Scene1\u300cLaid-back Classic\u300d\r\n       * ========================================================= *\/\r\n      #lp_wrap .lead {\r\n        padding: 14svh 20px;\r\n        text-align: center;\r\n      }\r\n      #lp_wrap .lead__title {\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 24px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        text-align: center;\r\n        -webkit-text-stroke: 0px currentColor;\r\n      }\r\n      \/* \u2461 lead \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .lead {\r\n          padding: 20svh 20px;\r\n        }\r\n        #lp_wrap .lead__title {\r\n          font-size: 36px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * stage \uff5c \u6bcf\u4e2a collection\uff1a\u5927\u56fe(Scene1) + swiper(Scene2)\r\n       *   \u8fc7\u6e21 = \u539f\u751f sticky \u8986\u76d6\u5f0f\uff08\u96f6 JS\u3001\u65e0\u6eda\u52a8\u52ab\u6301\uff09\uff1a\r\n       *   \u00b7 Scene1 sticky \u5438\u5728 header \u4e0b\u65b9\uff0c\u94fa\u6ee1 header \u4e0b\u89c6\u53e3\uff1b\r\n       *   \u00b7 Scene2 \u662f\u6587\u6863\u6d41\u91cc\u7684\u4e0b\u4e00\u5757\uff0c\u968f\u7528\u6237\u6eda\u52a8\u81ea\u4e0b\u800c\u4e0a\u628a Scene1 \u76d6\u6389\u2014\u2014\r\n       *     1 \u30b9\u30af\u30ed\u30fc\u30eb = 1 \u5909\u5316\uff0c\u6eda\u52a8\u6761\u884c\u4e3a\u5b8c\u5168\u81ea\u7136\u3002\r\n       *   \u00b7 \u7ed8\u5236\u987a\u5e8f\u9760 DOM \u540e\u5e8f\uff08\u540c\u4e3a positioned \u4e14 z-auto\uff09\uff1a\r\n       *     swiper\/credit\/\u4e0b\u4e00\u4e2a stage \u5929\u7136\u76d6\u5728 sticky \u7684 Scene1 \u4e4b\u4e0a\uff0c\u65e0 z-index \u7ade\u8d5b\u3002\r\n       * ========================================================= *\/\r\n      \/* section \u5e8f\u53f7\uff1a\u6bcf\u4e2a .stage \u81ea\u589e 1\uff0801, 02, \u2026\uff09\u3002\u7236\u7ea7 reset \u4fdd\u8bc1\u4ece 01 \u8d77\u7b97\u3002 *\/\r\n      #lp_wrap .main_contents {\r\n        counter-reset: section-num;\r\n      }\r\n      #lp_wrap .stage {\r\n        position: relative;\r\n        counter-increment: section-num;\r\n\r\n        --arc-pad: 80px; \/* Scene2 \u9876\u90e8\u547c\u5438\u7559\u767d *\/\r\n      }\r\n      \/* Safari \u5c01\u6761 *\/\r\n      #lp_wrap .stage::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: -2px;\r\n        height: 4px;\r\n        background: #edeae4;\r\n        pointer-events: none;\r\n      }\r\n      \/* Scene1 \u2014 \u6a21\u7279\u5927\u56fe\uff1asticky \u5438\u5728 header \u4e0b\uff0c\u7b49 Scene2 \u4e0a\u6765\u76d6 *\/\r\n      #lp_wrap .stage__model {\r\n        position: sticky;\r\n        top: var(--header-h);\r\n        height: calc(100svh - var(--header-h));\r\n        overflow: hidden;\r\n        display: grid;\r\n        place-items: center;\r\n      }\r\n      #lp_wrap .stage__model-link {\r\n        display: contents;\r\n        cursor: pointer;\r\n      }\r\n      #lp_wrap .stage__model picture {\r\n        \/* \u56fe\u6bd4\u6846\u5bbd 20%\uff1a\u6784\u56fe\u4e0a\u7684\u653e\u5927\u88c1\u5207\uff08\u5de6\u53f3\u5404\u88c1 10%\uff09\uff0c\u975e\u52a8\u753b\u4f59\u91cf\u3002\r\n           max-width:none \u89e3\u9664\u5168\u5c40 #lp_wrap img{max-width:100%} \u7684\u4e0a\u9650\uff0c\u5426\u5219 120% \u88ab\u538b\u56de 100%\u3002 *\/\r\n        \/* \u25bc \u6eda\u52a8\u9a71\u52a8\u6548\u679c\u65cb\u94ae\uff08--pe \/ --p \u7531 JS \u6309\u6bcf\u4e2a stage \u5199\u5165\uff0c\u5747 0\u21921\uff09\r\n           --pe = \u8fdb\u5165\u89c6\u53e3\u8fdb\u5ea6\uff08stage \u5e95\u8fdb\u5165\u89c6\u53e3 \u2192 sticky \u5438\u4f4f\uff09\uff0c\u9a71\u52a8\u201c\u6b63\u5e38\u6eda\u52a8\u65f6\u7684\u989d\u5916\u4e0a\u79fb\u201d\u89c6\u5dee\u3002\r\n           --p  = \u8986\u76d6\u8fdb\u5ea6\uff08\u5438\u4f4f \u2192 Scene2 \u5b8c\u5168\u76d6\u4f4f\uff09\uff0c\u9a71\u52a8\u7ee7\u7eed\u4e0a\u79fb + \u6574\u4f53\u7f29\u5c0f\u3002 *\/\r\n        --scene1-px-enter: 6%; \/* \u8fdb\u5165\u89c6\u53e3\u9636\u6bb5\u7684\u989d\u5916\u4e0a\u79fb\u91cf\uff08\u5e94 \u2264 scene1-bleed\uff0c\u5426\u5219\u5e95\u90e8\u9732\u9985\uff09 *\/\r\n        --scene1-px-cover: 6%; \/* \u8986\u76d6\u9636\u6bb5\u7ee7\u7eed\u4e0a\u79fb\u91cf\uff08\u5e95\u90e8\u7531 Scene2 \u76d6\u4f4f\uff0c\u4e0d\u53d7 bleed \u9650\u5236\uff09 *\/\r\n        --scene1-shrink: 0.2; \/* \u8986\u76d6\u9636\u6bb5\u7f29\u5c0f\u5e45\u5ea6\uff080.2\uff1d\u7f29\u5230 0.8\uff09 *\/\r\n        --scene1-bleed: 6%; \/* \u5e95\u90e8\u88c1\u5207\u4f59\u91cf\uff1a\u4e3a\u5411\u4e0a\u89c6\u5dee\u7559\u7ad6\u76f4\u7a7a\u95f4\u3002\u56fe\u9876\u5bf9\u9f50\uff0c\u591a\u51fa\u7684\u9ad8\u5ea6\u88c1\u5728\u5e95\u90e8\r\n                               \uff08\uff1d\u521d\u59cb\u6784\u56fe\u591a\u88c1\u6389\u5e95\u90e8\u8fd9\u4e48\u591a\uff09\u3002\u5411\u4e0a\u89c6\u5dee\u7684\u6700\u5927\u5b89\u5168\u5e45\u5ea6\uff1d\u6b64\u503c\u3002 *\/\r\n        display: block;\r\n        width: 120%;\r\n        max-width: none;\r\n        height: calc(100% + var(--scene1-bleed));\r\n        align-self: start;\r\n        transform-origin: top center;\r\n        transform: translateY(\r\n            calc(\r\n              var(--pe, 0) * var(--scene1-px-enter) * -1 + var(--p, 0) * var(--scene1-px-cover) * -1\r\n            )\r\n          )\r\n          scale(calc(1 - var(--p, 0) * var(--scene1-shrink)));\r\n        will-change: transform;\r\n      }\r\n      #lp_wrap .stage__model-img {\r\n        width: 100%;\r\n        max-width: none;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      #lp_wrap .stage__label {\r\n        position: absolute;\r\n        top: 18px;\r\n        z-index: 2;\r\n        color: var(--color-white);\r\n        mix-blend-mode: difference;\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 20px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n      }\r\n      #lp_wrap .stage__label--left {\r\n        left: 20px;\r\n      }\r\n      #lp_wrap .stage__label--right {\r\n        right: 20px;\r\n      }\r\n\r\n      \/* Scene2 \u2014 \u6a21\u7279\u4ea4\u4e92 swiper + credit *\/\r\n      #lp_wrap .stage__swiper {\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: var(--bg-paper);\r\n        padding-top: var(--arc-pad);\r\n      }\r\n\r\n      \/* section \u5e8f\u53f7\uff1a\u663e\u793a\u5728 Scene2 \u9876\u90e8 padding(--arc-pad) \u533a\u57df\u7684\u5de6\u4e0a\u89d2\u3002\r\n         \u300cNo.\u300d(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7) \u62c6\u6210\u4e24\u4e2a\u4f2a\u5143\u7d20\uff0c\u57fa\u7ebf\u5bf9\u9f50\u3002\r\n         \u6570\u5b57\u7528 counter(\u2026, decimal-leading-zero) \u2192 01, 02, \u2026\uff08\u81ea\u52a8\u8865\u96f6\u3001\u81ea\u52a8\u9012\u589e\uff09\u3002 *\/\r\n      #lp_wrap .stage__no {\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 20px;\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        line-height: 1;\r\n        color: var(--color-text);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n      }\r\n      #lp_wrap .stage__no::before {\r\n        content: 'No.';\r\n        font-size: 20px; \/* No. \u5c0f\u5b57\u53f7\uff08SP\uff09 *\/\r\n      }\r\n      #lp_wrap .stage__no::after {\r\n        content: counter(section-num, decimal-leading-zero);\r\n        font-size: 28px; \/* \u6570\u5b57\u5927\u5b57\u53f7\uff08SP\uff09 *\/\r\n      }\r\n      \/* \u5e8f\u53f7\u53f3\u4fa7\u7684\u6a2a\u7ebf\u6bb5 + \u53f3\u7aef\u5f80\u5de6\u4e0a\u6311\u8d77\u7684\u6298\u89d2 \u2014\u7528 SVG \u5b9e\u73b0\u3002 *\/\r\n      #lp_wrap .stage__deco {\r\n        position: absolute;\r\n        top: 36px;\r\n        left: 96px;\r\n        width: calc(100% - 96px - 20px); \/* = 100% \u2212 \u5de6\u8d77\u70b996 \u2212 \u53f3\u4fa7\u7559\u767d20 *\/\r\n        height: 16px;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        overflow: visible;\r\n      }\r\n      #lp_wrap .stage__deco svg {\r\n        overflow: visible;\r\n      }\r\n      #lp_wrap .stage__deco line,\r\n      #lp_wrap .stage__deco path {\r\n        stroke: var(--color-text);\r\n        stroke-width: 1px;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n      }\r\n      #lp_wrap .stage__deco-tip--pc {\r\n        display: none;\r\n      }\r\n\r\n      #lp_wrap .showcase__viewer {\r\n        position: relative;\r\n        height: calc(\r\n          100svh - var(--header-h)\r\n        ); \/* \u5927\u56fe\u533a\uff1d\u89c6\u53e3\u2212header\uff1bshowcase_main \u5360\u6ee1\u8fd9\u5757\uff08credit \u5728\u5176\u4e0b\u987a\u6d41\u6392\uff09 *\/\r\n        padding-inline: 20px;\r\n      }\r\n      #lp_wrap .showcase__main {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      #lp_wrap .showcase__main .swiper-slide {\r\n        display: flex;\r\n      }\r\n      #lp_wrap .showcase__slide-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      \/* thumbnail\uff08SP\uff1a\u6a2a\u5411\u6761\uff0c\u53e0\u5728\u5927\u56fe\u5e95\u90e8\uff09 *\/\r\n      #lp_wrap .showcase__thumbs {\r\n        position: absolute;\r\n        left: 42px;\r\n        right: 20px;\r\n        bottom: 24px;\r\n        height: 21vw;\r\n        z-index: 3;\r\n      }\r\n      #lp_wrap .showcase__thumbs .swiper-slide {\r\n        height: 100%;\r\n        width: auto;\r\n        aspect-ratio: 2 \/ 3;\r\n        opacity: 0.5;\r\n        border-radius: 9px;\r\n        border: 2px solid #fff;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: opacity 0.2s;\r\n      }\r\n      #lp_wrap .showcase__thumbs .swiper-slide-thumb-active {\r\n        opacity: 1;\r\n      }\r\n      \/* SP\uff1a\u5f53\u524d thumbnail \u66f4\u5927\u2014\u2014\u975e active \u7b49\u6bd4\u7f29\u5c0f *\/\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap .showcase__thumbs .swiper-wrapper {\r\n          align-items: flex-end;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide {\r\n          transition:\r\n            opacity 0.2s,\r\n            height 0.3s;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide:not(.swiper-slide-thumb-active) {\r\n          height: 75%;\r\n        }\r\n      }\r\n      #lp_wrap .showcase__thumb-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      \/* credit\uff08\u56fe\u7247\u4e0b\u65b9\u7684\u767d\u5e95\u533a\u5757\uff0cSP\/PC \u901a\u7528\uff1bSP \u4e00\u680f\u3001PC \u53cc\u680f\uff09\r\n         \u6bcf\u6761 li \u7528 border-bottom \u505a\u5206\u5272\u7ebf\uff08\u542b\u6700\u540e\u4e00\u6761\uff0c\u4e0e\u8bbe\u8ba1\u7a3f\u4e00\u81f4\uff09\r\n         position:relative\uff1a\u8fdb\u5165 positioned \u7ed8\u5236\u5e8f\uff0c\u76d6\u4f4f\u540e\u65b9 sticky \u7684 Scene1 *\/\r\n      #lp_wrap .showcase__credit {\r\n        position: relative;\r\n        padding: 14px 20px 160px;\r\n      }\r\n      #lp_wrap .credit li {\r\n        border-bottom: 1px solid #b3b3b3; \/* \u5206\u5272\u7ebf\u989c\u8272 *\/\r\n      }\r\n      #lp_wrap .credit__link {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: baseline;\r\n        gap: 12px;\r\n        padding: 10px 0;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        background: none;\r\n        transition: background 0.3s;\r\n      }\r\n      #lp_wrap .credit__link:hover,\r\n      #lp_wrap .credit__link:active,\r\n      #lp_wrap .credit__link:focus-visible {\r\n        background: #fffaf3;\r\n      }\r\n      #lp_wrap .credit__name {\r\n        font-weight: 400;\r\n      }\r\n      #lp_wrap .credit__price {\r\n        color: #5f5f5f; \/* \u4ef7\u683c\u7070\u5b57 *\/\r\n        -webkit-text-stroke: 0;\r\n      }\r\n      \/* stage \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .stage__label {\r\n          top: 38px;\r\n          font-size: 28px;\r\n          -webkit-text-stroke: 0px currentColor;\r\n        }\r\n        #lp_wrap .stage__label--left {\r\n          left: 56px;\r\n        }\r\n        #lp_wrap .stage__label--right {\r\n          right: 56px;\r\n        }\r\n\r\n        #lp_wrap .stage__no {\r\n          left: 56px;\r\n          top: 42px;\r\n          -webkit-text-stroke: 0px currentColor;\r\n        }\r\n        #lp_wrap .stage__no::before {\r\n          font-size: 48px; \/* No. \u5c0f\u5b57\u53f7\uff08PC\uff09 *\/\r\n        }\r\n        #lp_wrap .stage__no::after {\r\n          font-size: 64px; \/* \u6570\u5b57\u5927\u5b57\u53f7\uff08PC\uff09 *\/\r\n        }\r\n        \/* PC \u88c5\u9970\u7ebf\uff08SVG\uff09\uff1a\u56fa\u5b9a 217px \u957f\u6a2a\u7ebf\u3001\u53f3\u951a 51px\u3001\u7ebf\u7c97 1.5px *\/\r\n        #lp_wrap .stage__deco {\r\n          top: 84.25px;\r\n          left: auto;\r\n          right: 55px;\r\n          width: 212px;\r\n        }\r\n        #lp_wrap .stage__deco line,\r\n        #lp_wrap .stage__deco path {\r\n          stroke-width: 1.5px;\r\n        }\r\n        #lp_wrap .stage__deco-tip--sp {\r\n          display: none;\r\n        }\r\n        #lp_wrap .stage__deco-tip--pc {\r\n          display: block;\r\n        }\r\n\r\n        \/* \u25bc Scene2 PC \u5c3a\u5bf8 \u552f\u4e00\u4e8b\u5b9e\u6765\u6e90\uff1a\u5927\u56fe\/\u7f29\u7565\u56fe\/\u95f4\u8ddd\/credit \u5168\u90e8\u6d88\u8d39\u8fd9\u7ec4\u53d8\u91cf\u3002\r\n           \u8c03\u6574\u5c3a\u5bf8\u53ea\u6539\u8fd9\u91cc\uff1bcredit \u4e0e\u5927\u56fe\u7684\u5bf9\u9f50\u7531\u300c\u8bfb\u540c\u4e00\u4e2a\u6570\u300d\u5728\u6784\u9020\u4e0a\u4fdd\u8bc1\u3002\r\n           --pc-main-h = \u89c6\u53e3\u2212header = \u5927\u56fe\/viewer \u771f\u5b9e\u9ad8\u5ea6\uff08arc-pad \u53e0\u5728\u5176\u4e0a\u65b9\uff0c\u4e0d\u4ece\u4e2d\u6263\uff09 *\/\r\n        #lp_wrap .stage {\r\n          --arc-pad: 140px; \/* \u9876\u90e8\u5f27+\u547c\u5438\u7559\u767d PC \u8986\u76d6\uff08\u53e0\u5728\u5927\u56fe\u4e0a\u65b9\u7684\u989d\u5916\u9ad8\u5ea6\uff09 *\/\r\n          --pc-main-h: calc(100svh - var(--header-h)); \/* \u5927\u56fe\u9ad8 = \u89c6\u53e3\u2212header *\/\r\n          --pc-main-w: calc(var(--pc-main-h) * 2 \/ 3); \/* \u5927\u56fe\u5bbd\uff082:3\uff09 *\/\r\n          --pc-thumb-w: min(12vh, 110px);\r\n          --pc-gap: 38px; \/* \u5927\u56fe \u2194 \u7f29\u7565\u56fe\u95f4\u8ddd *\/\r\n        }\r\n        \/* Scene2\uff1amain\uff082:3\uff09+ thumbnail\uff08\u4e00\u5217\uff09\u4f5c\u4e3a\u4e00\u7ec4\u6574\u4f53\u6c34\u5e73\u5c45\u4e2d *\/\r\n        #lp_wrap .showcase__viewer {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          gap: var(--pc-gap);\r\n          padding-inline: 0;\r\n        }\r\n        #lp_wrap .showcase__main {\r\n          flex: none;\r\n          min-width: 0; \/* \u9632\u6b62\u5185\u90e8 Swiper \u6491\u7206 flex item *\/\r\n          width: var(--pc-main-w); \/* \u5bbd\u5ea6\u76f4\u8bfb\u5355\u6e90\u53d8\u91cf\uff08\u4e0d\u518d\u7531\u9ad8\u5ea6\u53cd\u63a8\uff09 *\/\r\n          aspect-ratio: 2 \/ 3;\r\n          height: auto;\r\n          margin: 0; \/* \u2605 \u8986\u76d6 swiper \u7684 margin:auto\uff0c\u5426\u5219 auto margin \u5438\u6536\u5269\u4f59\u7a7a\u95f4\u628a\u4e24\u5757\u6491\u5f00 *\/\r\n        }\r\n        #lp_wrap .showcase__thumbs {\r\n          position: relative; \/* \u8131\u79bb SP \u7684 absolute\uff0c\u56de\u5f52 flex \u6d41 *\/\r\n          left: auto;\r\n          right: auto;\r\n          top: auto;\r\n          bottom: auto;\r\n          transform: none;\r\n          flex: none;\r\n          min-width: 0;\r\n          width: var(--pc-thumb-w); \/* \u7f29\u7565\u56fe\u7ad6\u6761\u5bbd *\/\r\n          height: 78vh;\r\n          margin: 0; \/* \u2605 \u540c\u4e0a\uff1a\u6e05\u6389 swiper \u7684 auto margin *\/\r\n        }\r\n        \/* \u7f29\u7565\u56fe\u603b\u9ad8 < 78vh \u5bb9\u5668\u9ad8\u5ea6\u65f6\uff0c\u6574\u7ec4\u5185\u5bb9\u5782\u76f4\u5c45\u4e2d\u800c\u975e\u8d34\u9876\uff1b\r\n           \u53d8\u7a84\u7684\u975e active \u7f29\u7565\u56fe\u9760\u5de6\u5bf9\u9f50 *\/\r\n        #lp_wrap .showcase__thumbs .swiper-wrapper {\r\n          justify-content: center;\r\n          align-items: flex-start;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide {\r\n          width: 100%; \/* \u4e0e\u5bb9\u5668\u540c\u5bbd\uff0c\u5373\u5f53\u524d active \u7f29\u7565\u56fe\u201c\u5168\u5bbd\u201d *\/\r\n          height: auto;\r\n          aspect-ratio: 2 \/ 3; \/* \u5bbd\u5ea6\u53d8\u5316\u65f6\u9ad8\u5ea6\u6309\u6bd4\u4f8b\u8ddf\u968f\uff0c\u4e0d\u62c9\u4f38\u53d8\u5f62 *\/\r\n          border-radius: 12px;\r\n          border: 3px solid #fff;\r\n          transition:\r\n            opacity 0.2s,\r\n            width 0.3s;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide:not(.swiper-slide-thumb-active) {\r\n          width: 75%; \/* \u975e active \u7f29\u7565\u56fe\u7f29\u7a84\uff0c\u9760 align-items:flex-start \u5de6\u5bf9\u9f50 *\/\r\n        }\r\n        \/* PC credit\uff1a\u53cc\u680f\uff08CSS \u591a\u680f\u5e03\u5c40\uff0c\u59cb\u7ec8\u56fa\u5b9a 2 \u680f\uff0c\u4e0d\u968f\u6761\u76ee\u6570\u589e\u51cf\uff09 *\/\r\n        #lp_wrap .credit {\r\n          columns: 2;\r\n          column-gap: 28px;\r\n        }\r\n        #lp_wrap .credit li {\r\n          break-inside: avoid; \/* \u9632\u6b62\u5355\u6761 credit \u88ab\u4ece\u4e2d\u95f4\u65ad\u5230\u4e0b\u4e00\u680f *\/\r\n        }\r\n        #lp_wrap .credit__link {\r\n          font-size: 14px;\r\n        }\r\n        \/* PC\uff1acredit \u5360\u6ee1 swiper \u5168\u5bbd\uff08\u80cc\u666f\u7531 swiper \u63d0\u4f9b\uff09\uff1b\u5bbd\u5ea6\/\u5bf9\u9f50\u4e0b\u6c89\u5230\u5185\u90e8 .credit\u3002 *\/\r\n        #lp_wrap .showcase__credit {\r\n          padding: 16px 0 184px;\r\n        }\r\n        \/* \u5185\u90e8\u6761\u76ee\uff1a\u5bbd\u5ea6 = \u5927\u56fe\u5bbd\uff0c\u5de6\u504f\u79fb\u590d\u523b viewer \u7684 justify-content:center\r\n           \uff08\u5927\u56fe\u5de6\u7f18 =\uff08\u5bb9\u5668\u5bbd \u2212 \u6574\u7ec4\u5bbd\uff09\/ 2\uff09\uff0c\u4e0e\u4e0a\u65b9\u5927\u56fe\u5de6\u53f3\u7f18\u5bf9\u9f50\u3002\r\n           \u5168\u90e8\u8bfb .stage \u4e0a\u7684\u5355\u6e90\u53d8\u91cf\uff0c\u4e0e\u771f\u5b9e\u5e03\u5c40\u540c\u6e90\uff0c\u4e0d\u4f1a\u6f02\u79fb\u3002 *\/\r\n        #lp_wrap .showcase__credit .credit {\r\n          --pc-group-w: calc(var(--pc-main-w) + var(--pc-gap) + var(--pc-thumb-w));\r\n          width: var(--pc-main-w);\r\n          margin-left: calc((100% - var(--pc-group-w)) \/ 2);\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2466 outro \uff5c \u5e95\u90e8 SHOP NOW banner\uff08\u6574\u56fe\u4e3a\u94fe\u63a5\uff09\r\n       *   \u00b7 \u80cc\u666f\u56fe\uff1a\u6a21\u7cca\u6ee4\u955c\u5df2\u5728 figma \u7aef\u70d8\u7119\u8fdb\u5bfc\u51fa\u56fe\uff0c\u6b64\u5904\u4e0d\u518d\u5b9e\u88c5\r\n       *   \u00b7 \u85cf\u9752\u8499\u7248 #182755 30%\uff08figma \u72ec\u7acb\u77e9\u5f62 \u2192 CSS ::after \u8986\u76d6\uff09\r\n       *   \u00b7 \u5c45\u4e2d\u767d\u8272\u63cf\u8fb9\u300cSHOP NOW\u300d\u6309\u94ae\r\n       * ========================================================= *\/\r\n      #lp_wrap .outro {\r\n        position: relative;\r\n      }\r\n      #lp_wrap .outro__link {\r\n        position: relative;\r\n        display: block;\r\n      }\r\n      #lp_wrap .outro__img {\r\n        width: 100%;\r\n        aspect-ratio: 375 \/ 280; \/* SP \u6bd4\u4f8b *\/\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      #lp_wrap .outro__cta {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 1;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 8px 30px;\r\n        border: 1px solid var(--color-white);\r\n        color: var(--color-white);\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 20px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        -webkit-text-stroke: 0px currentColor;\r\n      }\r\n      \/* \u2466 outro \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .outro__img {\r\n          aspect-ratio: 1200 \/ 550; \/* PC \u6bd4\u4f8b *\/\r\n        }\r\n        #lp_wrap .outro__cta {\r\n          padding: 15px 60px;\r\n          font-size: 24px;\r\n        }\r\n      }\r\n    <\/style>","add_html":"<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@12\/swiper-bundle.min.css\" \/>\r\n      <div id=\"lp_wrap\">\r\n        <!-- ============================================== -->\r\n        <!-- SVG sprite\uff08\u590d\u7528\u56fe\u6807\uff09                          -->\r\n        <!-- ============================================== -->\r\n        <svg class=\"lp-sprite\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <!-- figma(#117:15): \u8d2d\u7269\u8f66\u56fe\u6807 \u63cf\u8fb9 1.5px\uff08\u539f\u6837\u5bfc\u51fa\uff0c20\u00d720\uff09 -->\r\n          <symbol id=\"icon-cart\" viewBox=\"0 0 20 20\">\r\n            <path\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.53846\"\r\n              d=\"M0 0.769231H2.05128L2.46154 2.82051M2.46154 2.82051H18.4615L14.359 11.0256H4.10256M2.46154 2.82051L4.10256 11.0256M4.10256 11.0256L1.75077 13.3774C1.10462 14.0236 1.56205 15.1282 2.4759 15.1282H14.359M14.359 15.1282C13.8149 15.1282 13.2932 15.3443 12.9085 15.729C12.5238 16.1137 12.3077 16.6355 12.3077 17.1795C12.3077 17.7235 12.5238 18.2453 12.9085 18.63C13.2932 19.0147 13.8149 19.2308 14.359 19.2308C14.903 19.2308 15.4248 19.0147 15.8094 18.63C16.1941 18.2453 16.4103 17.7235 16.4103 17.1795C16.4103 16.6355 16.1941 16.1137 15.8094 15.729C15.4248 15.3443 14.903 15.1282 14.359 15.1282ZM6.15385 17.1795C6.15385 17.7235 5.93773 18.2453 5.55304 18.63C5.16835 19.0147 4.6466 19.2308 4.10256 19.2308C3.55853 19.2308 3.03678 19.0147 2.65209 18.63C2.2674 18.2453 2.05128 17.7235 2.05128 17.1795C2.05128 16.6355 2.2674 16.1137 2.65209 15.729C3.03678 15.3443 3.55853 15.1282 4.10256 15.1282C4.6466 15.1282 5.16835 15.3443 5.55304 15.729C5.93773 16.1137 6.15385 16.6355 6.15385 17.1795Z\"\r\n            \/>\r\n          <\/symbol>\r\n        <\/svg>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- \u2460 main_banner  hero + CTA                      -->\r\n        <!-- ============================================== -->\r\n        <header id=\"main_banner\" class=\"hero\">\r\n          <!-- \u203b hero \u6574\u56fe\u4e3a\u94fe\u63a5\uff08href \u5f85\u8865\uff09\u3002alt \u5f85\u8bbe\u8ba1\u786e\u8ba4 -->\r\n          <a\r\n            class=\"hero__link anim\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n          >\r\n            <h1>\r\n              <picture>\r\n                <!-- PC \u4e13\u7528 16:9 \u6a2a\u56fe\uff08\u5f85\u4e0a\u4f20\uff09 -->\r\n                <source\r\n                  media=\"(min-width: 769px)\"\r\n                  srcset=\"\r\n                    https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_main_pc.webp\r\n                  \"\r\n                \/>\r\n                <img\r\n                  class=\"hero__img\"\r\n                  src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_main.webp\"\r\n                  alt=\"\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2 2026\u5e74\u76db\u590f \u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Vol.1\"\r\n                  width=\"375\"\r\n                  height=\"375\"\r\n                \/>\r\n              <\/picture>\r\n            <\/h1>\r\n          <\/a>\r\n          <!-- CTA\uff08href \u5f85\u8865\uff09 -->\r\n          <a\r\n            class=\"hero__cta anim\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            <span class=\"hero__cta--ofst\">\r\n              SHOP NOW\r\n              <svg class=\"icon icon--cart\" aria-hidden=\"true\"><use href=\"#icon-cart\" \/><\/svg>\r\n            <\/span>\r\n          <\/a>\r\n        <\/header>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- main_contents                                  -->\r\n        <!-- ============================================== -->\r\n        <main id=\"main_contents\" class=\"main_contents\">\r\n          <!-- \u2461 lead \/ humane Scene1 -->\r\n          <section class=\"lead\">\r\n            <h2 class=\"lead__title anim\">\r\n              <span>Laid-<\/span><span>back<\/span> <span>Classic<\/span>\r\n            <\/h2>\r\n          <\/section>\r\n\r\n          <!-- ============================================== -->\r\n          <!-- \u2462\u2463 Men's\uff1a\u5927\u56fe(Scene1) + swiper(Scene2) \u540c\u4e00 stage -->\r\n          <!-- ============================================== -->\r\n          <section class=\"stage stage--men anim\" aria-label=\"Men's Season Collection\">\r\n            <!-- Scene1\uff1a\u6a21\u7279\u5927\u56fe -->\r\n            <div class=\"stage__model\">\r\n              <a\r\n                class=\"stage__model-link\"\r\n                href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                <picture>\r\n                  <!-- PC \u4e13\u7528\u6a2a\u56fe\uff08\u5360\u6ee1\u89c6\u53e3\u5bbd\u5ea6\uff1b\u5f85\u4e0a\u4f20\uff09 -->\r\n                  <source\r\n                    media=\"(min-width: 769px)\"\r\n                    srcset=\"\r\n                      https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-hero_pc-1.webp\r\n                    \"\r\n                  \/>\r\n                  <img\r\n                    class=\"stage__model-img\"\r\n                    src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-hero-1.webp\"\r\n                    alt=\"\"\r\n                    width=\"375\"\r\n                    height=\"752\"\r\n                  \/>\r\n                <\/picture>\r\n              <\/a>\r\n              <p class=\"stage__label stage__label--left anim\">Men\u2019s<\/p>\r\n              <p class=\"stage__label stage__label--right anim\">Season Collection<\/p>\r\n            <\/div>\r\n            <!-- Scene2\uff1a\u6a21\u7279\u4ea4\u4e92 swiper + credit -->\r\n            <div class=\"stage__swiper\">\r\n              <!-- section \u5e8f\u53f7\uff1aNo.(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7)\u3002\u6570\u5b57\u7531 CSS counter \u751f\u6210 -->\r\n              <span class=\"stage__no anim\" aria-hidden=\"true\"><\/span>\r\n              <!-- \u5e8f\u53f7\u53f3\u4fa7\u88c5\u9970\u7ebf\uff08\u6a2a\u7ebf + \u53f3\u7aef\u6298\u89d2\uff09\uff1aSVG \u7248\uff0c\u53ef\u7528 stroke-dashoffset \u505a\u300c\u5411\u53f3\u884c\u8fdb\u300d\u8def\u5f84\u52a8\u753b\u3002\r\n                   \u7aef\u70b9\u5750\u6807\u6309\u539f CSS \u7684 rotate(-140deg) \u7ed3\u679c\u7b97\u51fa\uff1b\u6298\u7ebf --sp \/ --pc \u7531\u5a92\u4f53\u67e5\u8be2\u5207\u6362\u3002 -->\r\n              <svg class=\"stage__deco anim\" aria-hidden=\"true\">\r\n                <line\r\n                  class=\"stage__deco-line\"\r\n                  x1=\"0\"\r\n                  y1=\"10.5\"\r\n                  x2=\"100%\"\r\n                  y2=\"10.5\"\r\n                  pathLength=\"100\"\r\n                \/>\r\n                <svg class=\"stage__deco-tipwrap\" x=\"100%\" y=\"10.5\" width=\"1\" height=\"1\">\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--sp\"\r\n                    d=\"M0 0 L-10.72 -9\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--pc\"\r\n                    d=\"M0 0 L-12.26 -10.28\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/svg>\r\n              <div class=\"showcase__viewer anim\">\r\n                <!-- main swiper -->\r\n                <div class=\"swiper showcase__main\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-03-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-02-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-04-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <!-- thumbnails -->\r\n                <div class=\"swiper showcase__thumbs\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-03-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-02-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-04-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- credit\uff1a\u79fb\u5165 swiper \u5185\uff0c\u4e0e viewer \u5171\u7528\u540c\u4e00\u6574\u5757\u7eb8\u8272\u80cc\u666f\uff0c\u4ece\u6839\u4e0a\u6d88\u9664\u63a5\u7f1d -->\r\n              <div class=\"showcase__credit anim\">\r\n                <ul class=\"credit\">\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015697\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30ad\u30e3\u30c3\u30d7<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc6,160\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015477\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30dd\u30ed\u30b7\u30e3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc19,800\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015655\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30d1\u30f3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc18,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015471\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30bd\u30c3\u30af\u30b9<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc2,640\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871BU014317\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b7\u30e5\u30fc\u30ba<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc33,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM014912\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b0\u30ed\u30fc\u30d6<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc3,850\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- ============================================== -->\r\n          <!-- \u2464\u2465 Ladies\u2019\uff1a\u5927\u56fe(Scene1) + swiper(Scene2) \u540c\u4e00 stage -->\r\n          <!-- ============================================== -->\r\n          <section class=\"stage stage--women anim\" aria-label=\"Ladies\u2019 Season Collection\">\r\n            <!-- Scene1\uff1a\u6a21\u7279\u5927\u56fe -->\r\n            <div class=\"stage__model\">\r\n              <a\r\n                class=\"stage__model-link\"\r\n                href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                <picture>\r\n                  <!-- PC \u4e13\u7528\u6a2a\u56fe\uff08\u5360\u6ee1\u89c6\u53e3\u5bbd\u5ea6\uff1b\u5f85\u4e0a\u4f20\uff09 -->\r\n                  <source\r\n                    media=\"(min-width: 769px)\"\r\n                    srcset=\"\r\n                      https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-hero_pc-1.webp\r\n                    \"\r\n                  \/>\r\n                  <img\r\n                    class=\"stage__model-img\"\r\n                    src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-hero-1.webp\"\r\n                    alt=\"\"\r\n                    width=\"375\"\r\n                    height=\"752\"\r\n                  \/>\r\n                <\/picture>\r\n              <\/a>\r\n              <p class=\"stage__label stage__label--left anim\">Ladies\u2019<\/p>\r\n              <p class=\"stage__label stage__label--right anim\">Season Collection<\/p>\r\n            <\/div>\r\n            <!-- Scene2\uff1a\u6a21\u7279\u4ea4\u4e92 swiper + credit -->\r\n            <div class=\"stage__swiper\">\r\n              <!-- section \u5e8f\u53f7\uff1aNo.(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7)\u3002\u6570\u5b57\u7531 CSS counter \u751f\u6210 -->\r\n              <span class=\"stage__no anim\" aria-hidden=\"true\"><\/span>\r\n              <!-- \u5e8f\u53f7\u53f3\u4fa7\u88c5\u9970\u7ebf\uff08\u6a2a\u7ebf + \u53f3\u7aef\u6298\u89d2\uff09\uff1aSVG \u7248\uff0c\u53ef\u7528 stroke-dashoffset \u505a\u300c\u5411\u53f3\u884c\u8fdb\u300d\u8def\u5f84\u52a8\u753b\u3002\r\n                   \u7aef\u70b9\u5750\u6807\u6309\u539f CSS \u7684 rotate(-140deg) \u7ed3\u679c\u7b97\u51fa\uff1b\u6298\u7ebf --sp \/ --pc \u7531\u5a92\u4f53\u67e5\u8be2\u5207\u6362\u3002 -->\r\n              <svg class=\"stage__deco anim\" aria-hidden=\"true\">\r\n                <line\r\n                  class=\"stage__deco-line\"\r\n                  x1=\"0\"\r\n                  y1=\"10.5\"\r\n                  x2=\"100%\"\r\n                  y2=\"10.5\"\r\n                  pathLength=\"100\"\r\n                \/>\r\n                <svg class=\"stage__deco-tipwrap\" x=\"100%\" y=\"10.5\" width=\"1\" height=\"1\">\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--sp\"\r\n                    d=\"M0 0 L-10.72 -9\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--pc\"\r\n                    d=\"M0 0 L-12.26 -10.28\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/svg>\r\n              <div class=\"showcase__viewer anim\">\r\n                <div class=\"swiper showcase__main\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-02.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-03.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-05.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper showcase__thumbs\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-01.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-02.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-03.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-05.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- credit\uff1a\u79fb\u5165 swiper \u5185\uff0c\u4e0e viewer \u5171\u7528\u540c\u4e00\u6574\u5757\u7eb8\u8272\u80cc\u666f\uff0c\u4ece\u6839\u4e0a\u6d88\u9664\u63a5\u7f1d -->\r\n              <div class=\"showcase__credit anim\">\r\n                <ul class=\"credit\">\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015221\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30ad\u30e3\u30c3\u30d7<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc8,580\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015248\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30dd\u30ed\u30b7\u30e3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc18,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015308\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30d1\u30f3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc22,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015292\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30bd\u30c3\u30af\u30b9<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc3,300\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871BU014317\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b7\u30e5\u30fc\u30ba<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc33,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW013000\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b0\u30ed\u30fc\u30d6<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc7,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/main>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- \u2466 outro  \u5e95\u90e8 SHOP NOW banner      -->\r\n        <!-- ============================================== -->\r\n        <section class=\"outro anim\" aria-label=\"Shop Now\">\r\n          <a\r\n            class=\"outro__link\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            <picture>\r\n              <source\r\n                media=\"(min-width: 769px)\"\r\n                srcset=\"\r\n                  https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_outro_pc.webp\r\n                \"\r\n              \/>\r\n              <img\r\n                class=\"outro__img\"\r\n                src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_outro.webp\"\r\n                alt=\"\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2 2026\u5e74\u76db\u590f \u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Vol.1\"\r\n                width=\"375\"\r\n                height=\"280\"\r\n              \/>\r\n            <\/picture>\r\n            <span class=\"outro__cta\">SHOP NOW<\/span>\r\n          <\/a>\r\n        <\/section>\r\n      <\/div>\r\n\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@12\/swiper-bundle.min.js\"><\/script>\r\n      <script>\r\n        'use strict';\r\n\r\n        \/* ---------- swiper\uff08\u5404 stage\uff1amain + thumbnail \u8054\u52a8\uff09 ---------- *\/\r\n        document.querySelectorAll('.stage__swiper').forEach((sc) => {\r\n          const thumbs = new Swiper(sc.querySelector('.showcase__thumbs'), {\r\n            slidesPerView: 'auto',\r\n            spaceBetween: 8,\r\n            watchSlidesProgress: true,\r\n            freeMode: true,\r\n            \/\/ \u5bb9\u5668\u5c3a\u5bf8\u968f\u65ad\u70b9\/\u89c6\u53e3\u53d8\u5316\u65f6\u81ea\u52a8\u91cd\u7b97 slide \u5c3a\u5bf8\uff08PC \u5927\u56fe\/\u7f29\u7565\u56fe\u5bbd\u9ad8\u7531 CSS \u53d8\u91cf\u51b3\u5b9a\uff09\r\n            observer: true,\r\n            observeParents: true,\r\n            resizeObserver: true,\r\n            breakpoints: {\r\n              769: { direction: 'vertical', spaceBetween: 12 },\r\n            },\r\n          });\r\n          new Swiper(sc.querySelector('.showcase__main'), {\r\n            slidesPerView: 1,\r\n            observer: true,\r\n            observeParents: true,\r\n            resizeObserver: true,\r\n            thumbs: { swiper: thumbs },\r\n          });\r\n        });\r\n\r\n        \/* ---------- .anim \u5165\u573a ---------- *\/\r\n        function inview(selector, rootMargin, callback) {\r\n          const observer = new IntersectionObserver(callback, {\r\n            root: null,\r\n            rootMargin,\r\n            threshold: 0,\r\n          });\r\n          document.querySelectorAll(selector).forEach((el) => observer.observe(el));\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n          inview('.anim', '-15% 0px', (entries, observer) => {\r\n            entries.forEach((entry) => {\r\n              if (!entry.isIntersecting) return;\r\n              entry.target.classList.add('ac');\r\n              observer.unobserve(entry.target);\r\n            });\r\n          });\r\n        } else {\r\n          document.querySelectorAll('.anim').forEach((el) => el.classList.add('ac'));\r\n        }\r\n\r\n        \/* \u9010\u4e2a\u9519\u5f00\uff1a\u6309\u4f4d\u7f6e\u5199 --i\uff0c\u589e\u51cf\u6761\u76ee\u65e0\u9700\u6539\u6b64\u4ee3\u7801 *\/\r\n        \/\/ lead__title\uff1a\u6e90\u987a\u5e8f\u5373\u89c6\u89c9\u987a\u5e8f\r\n        document.querySelectorAll('.lead__title').forEach((title) => {\r\n          title.querySelectorAll('span').forEach((span, i) => {\r\n            span.style.setProperty('--i', i);\r\n          });\r\n        });\r\n        \/\/ credit\uff1aPC \u53cc\u680f(CSS columns \u5148\u586b\u6ee1\u5de6\u680f\u518d\u53f3\u680f) \u2192 \u628a\u6e90\u5e8f\u53f7\u6362\u7b97\u6210\u300c\u9605\u8bfb\u987a\u5e8f\u300d\r\n        \/\/   \u5e8f\u53f7\uff08\u9010\u884c\u3001\u884c\u5185\u5de6\u2192\u53f3\uff09\uff1bSP \u5355\u680f\u65f6\u9000\u5316\u4e3a\u6e90\u987a\u5e8f\u3002\u589e\u51cf\u6761\u76ee\u81ea\u52a8\u9002\u914d\u3002\r\n        const creditCols = window.matchMedia('(min-width: 769px)').matches ? 2 : 1;\r\n        document.querySelectorAll('.credit').forEach((ul) => {\r\n          const lis = ul.querySelectorAll('li');\r\n          const perCol = Math.ceil(lis.length \/ creditCols); \/\/ \u5de6\u680f\u6761\u76ee\u6570\r\n          lis.forEach((li, i) => {\r\n            const col = Math.floor(i \/ perCol);\r\n            const row = i % perCol;\r\n            li.style.setProperty('--i', row * creditCols + col);\r\n          });\r\n        });\r\n\r\n        \/* ---------- stage \u6eda\u52a8\u8fdb\u5ea6\uff1a\u53ea\u5199 --pe\/--p\uff0c\u89c6\u89c9\u6620\u5c04\u5168\u7559\u5728 CSS ----------\r\n           \u975e\u6eda\u52a8\u52ab\u6301\uff1a\u4ec5\u88ab\u52a8\u8bfb\u6eda\u52a8\u4f4d\u7f6e\uff0c\u7ed9\u6bcf\u4e2a stage \u7b97 --pe\uff08\u8fdb\u5165\u89c6\u53e3\uff09\/ --p\uff08\u8986\u76d6\uff09\u4e24\u4e2a\u5f52\u4e00\u5316\u8fdb\u5ea6\u3002\r\n           \u2605 \u53d8\u91cf\u5199\u5728 picture \u5143\u7d20\u672c\u8eab\u3001\u800c\u975e .stage \u4e0a\uff1a\u81ea\u5b9a\u4e49\u5c5e\u6027\u662f\u7ee7\u627f\u7684\uff0c\u5199\u5728 .stage \u4f1a\u8ba9\u6574\u4e2a\r\n             stage \u5b50\u6811\uff08swiper\/slide\/credit\u2026\uff09\u6bcf\u5e27\u91cd\u7b97\u6837\u5f0f\uff1b\u53ea\u6709 picture \u6d88\u8d39\u8fd9\u4e24\u4e2a\u53d8\u91cf\uff0c\r\n             \u5199\u5728 picture \u4e0a\u628a\u6837\u5f0f\u5931\u6548\u8303\u56f4\u6536\u7f29\u5230 picture\u2192img\uff0c\u4e3b\u7ebf\u7a0b\u6bcf\u5e27\u5f00\u9500\u9aa4\u964d\r\n             \uff08iOS \u5feb\u901f\u6eda\u52a8\u4e3b\u7ebf\u7a0b\u88ab\u5408\u6210\u5668\u997f\u6b7b\u65f6\uff0c\u8fd9\u7b14\u7701\u4e0b\u7684\u5f00\u9500\u8ba9 rAF \u66f4\u5bb9\u6613\u8ddf\u4e0a\uff09\u3002\r\n           rAF \u8282\u6d41 + passive \u76d1\u542c\u3002 *\/\r\n        (function () {\r\n          \/\/ \u9884\u53d6\u5f15\u7528\uff08\u542b picture\uff09\uff0c\u907f\u514d\u6bcf\u5e27 querySelector\r\n          const items = [...document.querySelectorAll('.stage')]\r\n            .map((stage) => ({\r\n              model: stage.querySelector('.stage__model'),\r\n              picture: stage.querySelector('.stage__model picture'),\r\n              stage,\r\n            }))\r\n            .filter((it) => it.model && it.picture);\r\n          if (!items.length) return;\r\n          const readHeaderH = () =>\r\n            parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) ||\r\n            0;\r\n          let headerH = readHeaderH();\r\n          let ticking = false;\r\n          const clamp01 = (v) => (v < 0 ? 0 : v > 1 ? 1 : v);\r\n          function update() {\r\n            ticking = false;\r\n            const vh = window.innerHeight;\r\n            for (const it of items) {\r\n              const top = it.stage.getBoundingClientRect().top;\r\n              \/\/ --pe \u8fdb\u5165\u89c6\u53e3\u8fdb\u5ea6\uff1astage \u9876\u4ece\u89c6\u53e3\u5e95(vh) \u5347\u5230\u5438\u9644\u70b9(headerH)\u30020\u21921\uff1b\u5438\u4f4f\u540e\u6052\u4e3a 1\u3002\r\n              \/\/ \u9a71\u52a8\u201c\u6b63\u5e38\u6eda\u52a8\u65f6\u7684\u989d\u5916\u4e0a\u79fb\u201d\u89c6\u5dee\uff08Scene2 \u5c1a\u672a\u4e0a\u6765\u65f6\u4e5f\u6709\uff09\u3002\r\n              it.picture.style.setProperty('--pe', clamp01((vh - top) \/ (vh - headerH)).toFixed(4));\r\n\r\n              const travel = it.stage.offsetHeight - it.model.offsetHeight; \/\/ = Scene2 \u9ad8\u5ea6 = sticky \u884c\u7a0b\r\n              if (travel <= 0) {\r\n                it.picture.style.setProperty('--p', '0');\r\n                continue;\r\n              }\r\n              \/\/ --p \u8986\u76d6\u8fdb\u5ea6\uff1astage.top === headerH \u65f6 model \u521a\u5438\u4f4f(p=0)\uff1b\u518d\u6eda travel \u8ddd\u79bb\u88ab\u5b8c\u5168\u76d6\u4f4f(p=1)\r\n              it.picture.style.setProperty('--p', clamp01((headerH - top) \/ travel).toFixed(4));\r\n            }\r\n          }\r\n          function onScroll() {\r\n            if (!ticking) {\r\n              ticking = true;\r\n              requestAnimationFrame(update);\r\n            }\r\n          }\r\n          addEventListener('scroll', onScroll, { passive: true });\r\n          addEventListener('resize', () => {\r\n            headerH = readHeaderH();\r\n            update();\r\n          });\r\n          update();\r\n        })();\r\n\r\n        \/* ---------- \u30a2\u30f3\u30ab\u30fc smooth scroll ---------- *\/\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach((a) => {\r\n          a.addEventListener('click', (e) => {\r\n            const href = a.getAttribute('href');\r\n            if (!href || href === '#') {\r\n              e.preventDefault();\r\n              return;\r\n            }\r\n            const target = document.querySelector(href);\r\n            if (!target) return;\r\n            e.preventDefault();\r\n            const top = target.getBoundingClientRect().top + window.scrollY - 80;\r\n            window.scrollTo({ top, behavior: 'smooth' });\r\n          });\r\n        });\r\n      <\/script>"}],"\u30e2\u30b8\u30e5\u30fc\u30eb":{"module":[{"acf_fc_layout":"module11","add_css":"<script>\r\n      (function (d) {\r\n        var config = {\r\n            kitId: 'qnb1uic',\r\n            scriptTimeout: 3000,\r\n            async: true,\r\n          },\r\n          h = d.documentElement,\r\n          t = setTimeout(function () {\r\n            h.className = h.className.replace(\/\\bwf-loading\\b\/g, '') + ' wf-inactive';\r\n          }, config.scriptTimeout),\r\n          tk = d.createElement('script'),\r\n          f = false,\r\n          s = d.getElementsByTagName('script')[0],\r\n          a;\r\n        h.className += ' wf-loading';\r\n        tk.src = 'https:\/\/use.typekit.net\/' + config.kitId + '.js';\r\n        tk.async = true;\r\n        tk.onload = tk.onreadystatechange = function () {\r\n          a = this.readyState;\r\n          if (f || (a && a != 'complete' && a != 'loaded')) return;\r\n          f = true;\r\n          clearTimeout(t);\r\n          try {\r\n            Typekit.load(config);\r\n          } catch (e) {}\r\n        };\r\n        s.parentNode.insertBefore(tk, s);\r\n      })(document);\r\n    <\/script>\r\n    <script>\r\n      document.documentElement.classList.add('js');\r\n    <\/script>\r\n    <style>\r\n      \/* =========================================================\r\n       * VP lp \u4e13\u7528WP\u4e3b\u9898 reset\u4ee3\u7801\r\n       * ========================================================= *\/\r\n      #wrapper,\r\n      #penguinmag.detail .main_width,\r\n      .col2 {\r\n        overflow: clip;\r\n      }\r\n      #penguinmag.detail #post_title h1 {\r\n        font-size: 200%;\r\n        text-align: left;\r\n      }\r\n\r\n      @media screen and (min-width: 901px) {\r\n        #penguinmag.detail #post_title h1 {\r\n          transform: translateX(-15px);\r\n        }\r\n        #home_player .main_width {\r\n          max-width: 100%;\r\n        }\r\n        #home_player .penguinmag_title {\r\n          max-width: 1040px;\r\n          margin: 0 auto;\r\n        }\r\n        #penguinmag.detail .col2 {\r\n          position: relative;\r\n          margin-top: 20px;\r\n        }\r\n        #home_player .col2 .right {\r\n          padding-left: 0;\r\n          width: 100%;\r\n          float: none;\r\n        }\r\n        #home_player .col2 .left {\r\n          width: 1040px;\r\n          margin: 0 auto;\r\n          padding-bottom: 5%;\r\n          float: none;\r\n          border: none;\r\n        }\r\n        #penguinmag.detail .date_cat {\r\n          width: 182px;\r\n          margin-top: 0;\r\n          padding-top: 48px;\r\n          border-top: 2px #263a58 solid;\r\n        }\r\n        #penguinmag.detail .sns {\r\n          justify-content: left;\r\n        }\r\n        #penguinmag.detail #post_title {\r\n          width: 1040px;\r\n          position: relative;\r\n          top: auto;\r\n          left: auto;\r\n          transform: translate(0);\r\n          text-align: center;\r\n          margin: 0 auto;\r\n          padding: 20px 0;\r\n        }\r\n      }\r\n      @media only screen and (max-width: 900px) {\r\n        .main_width {\r\n          padding: 0;\r\n        }\r\n        .penguinmag_title,\r\n        #penguinmag.detail #post_title,\r\n        #penguinmag.detail .col2 .left,\r\n        .return {\r\n          padding: 0 20px;\r\n        }\r\n        #latest_article .main_width {\r\n          padding: 0 20px;\r\n        }\r\n      }\r\n      \/* PC view padding-bottom \u4fee\u6b63 *\/\r\n      @media screen and (min-width: 1024px) {\r\n        #home_player .col2 .left {\r\n          padding-bottom: 52px;\r\n        }\r\n      }\r\n      #penguinmag.detail .col2 {\r\n        overflow: visible;\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u57fa\u7840 reset \/ wrap\r\n       * ========================================================= *\/\r\n      html,\r\n      body {\r\n        padding: 0;\r\n        margin: 0;\r\n        position: relative;\r\n      }\r\n\r\n      #lp_wrap {\r\n        --font-base: 'yu-gothic-pr6n', YuGothic, 'Hiragino Sans', 'Meiryo', sans-serif;\r\n        --font-en: Arial, Helvetica, sans-serif;\r\n        --font-serif: 'Times New Roman', 'Times', serif;\r\n\r\n        --color-text: #000000;\r\n        --color-white: #ffffff;\r\n\r\n        --green: #033e2c;\r\n        --navy: #00013c;\r\n\r\n        \/* \u25bc LP \u8ffd\u52a0\uff1a\u5360\u4f4d\u7070\u30fb\u95f4\u8ddd\u30fb\u65ad\u70b9\u53c2\u7167 *\/\r\n        --ph-gray: #d9d9d9; \/* \u56fe\u7247\u672a\u52a0\u8f7d\u5360\u4f4d\u7070 *\/\r\n\r\n        \/* \u25bc \u590d\u53e4\u7eb8\u611f\u80cc\u666f\uff1a\u6696\u7c73\u767d\u5e95 + \u9759\u6001\u80f6\u7247\u566a\u70b9\uff08\u5185\u8054 SVG feTurbulence\uff0c\u96f6\u8bf7\u6c42\uff09\r\n           \u00b7 --color-bg    \u5e95\u8272\uff0c\u8d34\u5408\u6a21\u7279\u56fe\u504f\u6696\u7684\u80f6\u7247\u767d\uff08\u53ef\u8c03\uff09\r\n           \u00b7 baseFrequency \u9897\u7c92\u7c97\u7ec6\uff1a\u8d8a\u5927\u8d8a\u7ec6\uff080.6~1.0 \u4e4b\u95f4\u8c03\uff09\r\n           \u00b7 opacity       \u9897\u7c92\u5f3a\u5ea6\uff1a0.04~0.08 \u4e4b\u95f4\u8c03 *\/\r\n        --color-bg: #f4f0e8;\r\n        --color-bg: #f4f0e8;\r\n        --noise: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'\/%3E%3C\/svg%3E\");\r\n        --bg-paper: var(--noise) var(--color-bg);\r\n\r\n        --header-h: 60px; \/* \u5047 header \u9ad8\u5ea6\uff08\u4e0e\u9875\u9762\u5916\u5c42\u540c\u6b65\uff09 *\/\r\n\r\n        position: relative;\r\n        line-height: 2;\r\n        font-weight: 400;\r\n        font-family: var(--font-base);\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n        color: var(--color-text);\r\n        background: var(--bg-paper);\r\n      }\r\n      #lp_wrap *,\r\n      #lp_wrap *::before,\r\n      #lp_wrap *::after {\r\n        box-sizing: border-box;\r\n      }\r\n      #lp_wrap img,\r\n      #lp_wrap video,\r\n      #lp_wrap svg {\r\n        max-width: 100%;\r\n        display: block;\r\n      }\r\n      \/* <picture> \u53ea\u4f5c\u54cd\u5e94\u5f0f\u6765\u6e90\u5207\u6362\uff0c\u4e0d\u4ea7\u751f\u76d2\u5b50 \u2192 \u5185\u90e8 img \u7ee7\u7eed\u6cbf\u7528\u539f\u5e03\u5c40 *\/\r\n      #lp_wrap picture {\r\n        display: contents;\r\n      }\r\n\r\n      #lp_wrap p {\r\n        margin: 0;\r\n      }\r\n      #lp_wrap h1,\r\n      #lp_wrap h2,\r\n      #lp_wrap h3 {\r\n        margin: 0;\r\n        font-weight: 700;\r\n      }\r\n      #lp_wrap a {\r\n        text-decoration: none;\r\n        color: inherit;\r\n      }\r\n      #lp_wrap ul,\r\n      #lp_wrap ol {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n      #lp_wrap .pcview {\r\n        display: inline;\r\n      }\r\n      #lp_wrap .spview {\r\n        display: none;\r\n      }\r\n      \/* \u5185\u5d4c SVG sprite\uff08\u4e0d\u5360\u4f4d\uff09 *\/\r\n      #lp_wrap .lp-sprite {\r\n        position: absolute;\r\n        width: 0;\r\n        height: 0;\r\n        overflow: hidden;\r\n      }\r\n\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap {\r\n          box-sizing: border-box;\r\n        }\r\n        #lp_wrap .pcview {\r\n          display: none;\r\n        }\r\n        #lp_wrap .spview {\r\n          display: inline;\r\n        }\r\n        \/* WP \u5916\u5c42\u4e3b\u9898\u5143\u7d20\u63a7\u5236\uff08\u5fc5\u987b\u4fdd\u7559\uff09 *\/\r\n        #penguinmag.detail #post_title h1 {\r\n          font-size: 176%;\r\n          font-weight: 700;\r\n        }\r\n      }\r\n\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap {\r\n          --title-pad: 200px;\r\n        }\r\n      }\r\n      @media screen and (min-width: 900px) {\r\n        #lp_wrap {\r\n          --header-h: 76px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u5165\u573a\u52a8\u753b\uff08\u96c6\u4e2d\u7ba1\u7406\uff09\r\n       *   \u00b7 \u89e6\u53d1\uff1a.anim \u5143\u7d20\u8fdb\u5165\u89c6\u53e3 \u2192 JS(IntersectionObserver) \u52a0 .ac\uff0c\u53ea\u8dd1\u4e00\u6b21\r\n       *   \u00b7 \u57fa\u7840 .anim\/.ac \u4e3a\u7eaf\u6de1\u5165\uff1b\u5404 section \u7684\u5dee\u5f02\u5316\u52a8\u753b\u5728\u4e0b\u65b9\u6309\u9700\u8986\u76d6\r\n       * ========================================================= *\/\r\n      \/* \u2014\u2014 \u57fa\u7840 hook\uff1a\u7eaf\u6de1\u5165\uff08\u9ed8\u8ba4\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .anim {\r\n        opacity: 0;\r\n        transition: 1.6s all 0s ease;\r\n      }\r\n      #lp_wrap .anim.ac {\r\n        opacity: 1;\r\n      }\r\n\r\n      \/* \u2014\u2014 \u2461 lead\uff1alead__title \u9010 span \u4e0a\u79fb\u6de1\u5165\uff08\u4f9d\u6b21\u9519\u5f00\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50\uff0c\u589e\u51cf span \u65e0\u9700\u6539\u4ee3\u7801\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .lead__title.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .lead__title span {\r\n        display: inline-block;\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n        transition-delay: calc(var(--i, 0) * 0.1s);\r\n      }\r\n      #lp_wrap .lead__title.ac span {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 stage\uff1astage__label \u8fdb\u5165\u89c6\u53e3\u4e0a\u79fb\u6de1\u5165\uff08\u5de6\u5148\u53f3\u540e\uff09 \u2014\u2014 *\/\r\n      #lp_wrap .stage__label.anim {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n      }\r\n      #lp_wrap .stage__label--right.anim {\r\n        transition-delay: 0.2s;\r\n      }\r\n      #lp_wrap .stage__label.anim.ac {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 stage \u00b7 Scene2 \u9876\u90e8\u5e8f\u5217\uff1a\u8fdb\u5165\u89c6\u53e3\u540e\u4f9d\u6b21 \u5e8f\u53f7 \u2192 \u88c5\u9970\u7ebf \u2192 viewer \u2192 \u7f29\u7565\u56fe \u2014\u2014 *\/\r\n      \/* stage__no\uff1aNo.(::before) \u4e0e \u6570\u5b57(::after) \u5148\u540e\u4e0a\u79fb\u6de1\u5165\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .stage__no.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .stage__no.anim::before,\r\n      #lp_wrap .stage__no.anim::after {\r\n        display: inline-block; \/* \u4f2a\u5143\u7d20\u9700 inline-block \u624d\u80fd transform *\/\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.7s ease,\r\n          transform 0.7s ease;\r\n      }\r\n      #lp_wrap .stage__no.anim::before {\r\n        transition-delay: 0.05s;\r\n      }\r\n      #lp_wrap .stage__no.anim::after {\r\n        transition-delay: 0.24s;\r\n      }\r\n      \/* SP\uff1a\u6570\u5b57(::after)\u5b57\u53f7\u66f4\u5927\uff0c\u4e0a\u79fb\u8ddd\u79bb\u7565\u7f29\u77ed *\/\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap .stage__no.anim::after {\r\n          transform: translateY(9px);\r\n        }\r\n      }\r\n      #lp_wrap .stage__no.anim.ac::before,\r\n      #lp_wrap .stage__no.anim.ac::after {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u88c5\u9970\u7ebf\uff1a\u6a2a\u7ebf stroke-dashoffset \u5411\u53f3\u753b\u51fa \u2192 \u6298\u89d2(tip)\u968f\u540e\u6311\u8d77\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .stage__deco.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-line,\r\n      #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n        stroke-dasharray: 100;\r\n        stroke-dashoffset: 100;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-line {\r\n        transition: stroke-dashoffset 0.55s ease 0.28s;\r\n      }\r\n      #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n        transition: stroke-dashoffset 0.3s ease 0.83s;\r\n      }\r\n      #lp_wrap .stage__deco.anim.ac .stage__deco-line,\r\n      #lp_wrap .stage__deco.anim.ac .stage__deco-tip {\r\n        stroke-dashoffset: 0;\r\n      }\r\n\r\n      \/* showcase viewer\uff1a\u6574\u4f53\u6de1\u5165 + \u8f7b\u5fae\u4e0a\u79fb *\/\r\n      #lp_wrap .showcase__viewer.anim {\r\n        opacity: 0;\r\n        transform: translateY(16px);\r\n        transition:\r\n          opacity 0.7s ease 0.42s,\r\n          transform 0.7s ease 0.42s;\r\n      }\r\n      #lp_wrap .showcase__viewer.anim.ac {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n      \/* \u7f29\u7565\u56fe\u4e0d\u5355\u72ec\u505a\u52a8\u753b\uff1a\u968f viewer \u6574\u4f53\u4e0a\u79fb\u6de1\u5165\uff0c\u907f\u514d\u8986\u76d6\u5176 active \u6001\u8fc7\u6e21 *\/\r\n\r\n      \/* credit\uff1a\u5404 <li> \u9010\u4e2a\u4e0a\u79fb\u6de1\u5165\uff08\u6eda\u5230\u65f6\u72ec\u7acb\u89e6\u53d1\uff09\uff1b\u5bb9\u5668\u53ea\u4f5c\u89e6\u53d1\u94a9\u5b50 *\/\r\n      #lp_wrap .showcase__credit.anim {\r\n        opacity: 1;\r\n        transition: none;\r\n      }\r\n      #lp_wrap .showcase__credit.anim .credit li {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n        transition:\r\n          opacity 0.6s ease,\r\n          transform 0.6s ease;\r\n        transition-delay: calc(var(--i, 0) * 0.1s);\r\n      }\r\n      #lp_wrap .showcase__credit.anim.ac .credit li {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      \/* \u2014\u2014 prefers-reduced-motion\uff1a\u5168\u90e8\u843d\u5b9a\u3001\u53bb\u52a8\u753b \u2014\u2014 *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n        #lp_wrap .anim {\r\n          opacity: 1;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .lead__title span,\r\n        #lp_wrap .stage__label.anim,\r\n        #lp_wrap .stage__no.anim::before,\r\n        #lp_wrap .stage__no.anim::after,\r\n        #lp_wrap .showcase__viewer.anim,\r\n        #lp_wrap .showcase__credit.anim .credit li {\r\n          opacity: 1;\r\n          transform: none;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .stage__deco.anim .stage__deco-line,\r\n        #lp_wrap .stage__deco.anim .stage__deco-tip {\r\n          stroke-dashoffset: 0;\r\n          transition: none;\r\n        }\r\n        #lp_wrap .hero__cta {\r\n          opacity: 1;\r\n          animation: none;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2460 hero  #main_banner\r\n       * ========================================================= *\/\r\n      #lp_wrap .hero {\r\n        position: relative;\r\n      }\r\n      #lp_wrap .hero__link {\r\n        display: block;\r\n      }\r\n      #lp_wrap .hero__img {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n\r\n      #lp_wrap .hero__cta {\r\n        position: absolute;\r\n        right: 20px;\r\n        bottom: 30px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 12px 32px;\r\n        border: 1px solid var(--color-white);\r\n        color: var(--color-white);\r\n        font-family: var(--font-serif);\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n        letter-spacing: 0.09em;\r\n      }\r\n      #lp_wrap .hero__cta--ofst {\r\n        position: relative;\r\n        left: 4px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: inherit;\r\n      }\r\n\r\n      #lp_wrap .icon--cart {\r\n        transition: transform 0.3s ease;\r\n      }\r\n\r\n      #lp_wrap .hero__cta:hover .icon--cart {\r\n        transform: translateX(5px);\r\n      }\r\n      #lp_wrap .icon {\r\n        display: block;\r\n        fill: none;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n      }\r\n      #lp_wrap .icon--cart {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n      \/* \u2460 hero \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .hero__img {\r\n          aspect-ratio: 16 \/ 9; \/* PC 16:9 \u30ef\u30a4\u30c9 *\/\r\n        }\r\n        #lp_wrap .hero__cta {\r\n          right: 56px;\r\n          bottom: 60px;\r\n          gap: 12px;\r\n          padding: 16px 48px;\r\n          font-size: 24px;\r\n        }\r\n        #lp_wrap .icon--cart {\r\n          width: 22px;\r\n          height: 22px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2461 lead \uff5c humane Scene1\u300cLaid-back Classic\u300d\r\n       * ========================================================= *\/\r\n      #lp_wrap .lead {\r\n        padding: 14svh 20px;\r\n        text-align: center;\r\n      }\r\n      #lp_wrap .lead__title {\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 24px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        text-align: center;\r\n        -webkit-text-stroke: 0px currentColor;\r\n      }\r\n      \/* \u2461 lead \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .lead {\r\n          padding: 20svh 20px;\r\n        }\r\n        #lp_wrap .lead__title {\r\n          font-size: 36px;\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * stage \uff5c \u6bcf\u4e2a collection\uff1a\u5927\u56fe(Scene1) + swiper(Scene2)\r\n       *   \u8fc7\u6e21 = \u539f\u751f sticky \u8986\u76d6\u5f0f\uff08\u96f6 JS\u3001\u65e0\u6eda\u52a8\u52ab\u6301\uff09\uff1a\r\n       *   \u00b7 Scene1 sticky \u5438\u5728 header \u4e0b\u65b9\uff0c\u94fa\u6ee1 header \u4e0b\u89c6\u53e3\uff1b\r\n       *   \u00b7 Scene2 \u662f\u6587\u6863\u6d41\u91cc\u7684\u4e0b\u4e00\u5757\uff0c\u968f\u7528\u6237\u6eda\u52a8\u81ea\u4e0b\u800c\u4e0a\u628a Scene1 \u76d6\u6389\u2014\u2014\r\n       *     1 \u30b9\u30af\u30ed\u30fc\u30eb = 1 \u5909\u5316\uff0c\u6eda\u52a8\u6761\u884c\u4e3a\u5b8c\u5168\u81ea\u7136\u3002\r\n       *   \u00b7 \u7ed8\u5236\u987a\u5e8f\u9760 DOM \u540e\u5e8f\uff08\u540c\u4e3a positioned \u4e14 z-auto\uff09\uff1a\r\n       *     swiper\/credit\/\u4e0b\u4e00\u4e2a stage \u5929\u7136\u76d6\u5728 sticky \u7684 Scene1 \u4e4b\u4e0a\uff0c\u65e0 z-index \u7ade\u8d5b\u3002\r\n       * ========================================================= *\/\r\n      \/* section \u5e8f\u53f7\uff1a\u6bcf\u4e2a .stage \u81ea\u589e 1\uff0801, 02, \u2026\uff09\u3002\u7236\u7ea7 reset \u4fdd\u8bc1\u4ece 01 \u8d77\u7b97\u3002 *\/\r\n      #lp_wrap .main_contents {\r\n        counter-reset: section-num;\r\n      }\r\n      #lp_wrap .stage {\r\n        position: relative;\r\n        counter-increment: section-num;\r\n\r\n        --arc-pad: 80px; \/* Scene2 \u9876\u90e8\u547c\u5438\u7559\u767d *\/\r\n      }\r\n      \/* Safari \u5c01\u6761 *\/\r\n      #lp_wrap .stage::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: -2px;\r\n        height: 4px;\r\n        background: #edeae4;\r\n        pointer-events: none;\r\n      }\r\n      \/* Scene1 \u2014 \u6a21\u7279\u5927\u56fe\uff1asticky \u5438\u5728 header \u4e0b\uff0c\u7b49 Scene2 \u4e0a\u6765\u76d6 *\/\r\n      #lp_wrap .stage__model {\r\n        position: sticky;\r\n        top: var(--header-h);\r\n        height: calc(100svh - var(--header-h));\r\n        overflow: hidden;\r\n        display: grid;\r\n        place-items: center;\r\n      }\r\n      #lp_wrap .stage__model-link {\r\n        display: contents;\r\n        cursor: pointer;\r\n      }\r\n      #lp_wrap .stage__model picture {\r\n        \/* \u56fe\u6bd4\u6846\u5bbd 20%\uff1a\u6784\u56fe\u4e0a\u7684\u653e\u5927\u88c1\u5207\uff08\u5de6\u53f3\u5404\u88c1 10%\uff09\uff0c\u975e\u52a8\u753b\u4f59\u91cf\u3002\r\n           max-width:none \u89e3\u9664\u5168\u5c40 #lp_wrap img{max-width:100%} \u7684\u4e0a\u9650\uff0c\u5426\u5219 120% \u88ab\u538b\u56de 100%\u3002 *\/\r\n        \/* \u25bc \u6eda\u52a8\u9a71\u52a8\u6548\u679c\u65cb\u94ae\uff08--pe \/ --p \u7531 JS \u6309\u6bcf\u4e2a stage \u5199\u5165\uff0c\u5747 0\u21921\uff09\r\n           --pe = \u8fdb\u5165\u89c6\u53e3\u8fdb\u5ea6\uff08stage \u5e95\u8fdb\u5165\u89c6\u53e3 \u2192 sticky \u5438\u4f4f\uff09\uff0c\u9a71\u52a8\u201c\u6b63\u5e38\u6eda\u52a8\u65f6\u7684\u989d\u5916\u4e0a\u79fb\u201d\u89c6\u5dee\u3002\r\n           --p  = \u8986\u76d6\u8fdb\u5ea6\uff08\u5438\u4f4f \u2192 Scene2 \u5b8c\u5168\u76d6\u4f4f\uff09\uff0c\u9a71\u52a8\u7ee7\u7eed\u4e0a\u79fb + \u6574\u4f53\u7f29\u5c0f\u3002 *\/\r\n        --scene1-px-enter: 6%; \/* \u8fdb\u5165\u89c6\u53e3\u9636\u6bb5\u7684\u989d\u5916\u4e0a\u79fb\u91cf\uff08\u5e94 \u2264 scene1-bleed\uff0c\u5426\u5219\u5e95\u90e8\u9732\u9985\uff09 *\/\r\n        --scene1-px-cover: 6%; \/* \u8986\u76d6\u9636\u6bb5\u7ee7\u7eed\u4e0a\u79fb\u91cf\uff08\u5e95\u90e8\u7531 Scene2 \u76d6\u4f4f\uff0c\u4e0d\u53d7 bleed \u9650\u5236\uff09 *\/\r\n        --scene1-shrink: 0.2; \/* \u8986\u76d6\u9636\u6bb5\u7f29\u5c0f\u5e45\u5ea6\uff080.2\uff1d\u7f29\u5230 0.8\uff09 *\/\r\n        --scene1-bleed: 6%; \/* \u5e95\u90e8\u88c1\u5207\u4f59\u91cf\uff1a\u4e3a\u5411\u4e0a\u89c6\u5dee\u7559\u7ad6\u76f4\u7a7a\u95f4\u3002\u56fe\u9876\u5bf9\u9f50\uff0c\u591a\u51fa\u7684\u9ad8\u5ea6\u88c1\u5728\u5e95\u90e8\r\n                               \uff08\uff1d\u521d\u59cb\u6784\u56fe\u591a\u88c1\u6389\u5e95\u90e8\u8fd9\u4e48\u591a\uff09\u3002\u5411\u4e0a\u89c6\u5dee\u7684\u6700\u5927\u5b89\u5168\u5e45\u5ea6\uff1d\u6b64\u503c\u3002 *\/\r\n        display: block;\r\n        width: 120%;\r\n        max-width: none;\r\n        height: calc(100% + var(--scene1-bleed));\r\n        align-self: start;\r\n        transform-origin: top center;\r\n        transform: translateY(\r\n            calc(\r\n              var(--pe, 0) * var(--scene1-px-enter) * -1 + var(--p, 0) * var(--scene1-px-cover) * -1\r\n            )\r\n          )\r\n          scale(calc(1 - var(--p, 0) * var(--scene1-shrink)));\r\n        will-change: transform;\r\n      }\r\n      #lp_wrap .stage__model-img {\r\n        width: 100%;\r\n        max-width: none;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      #lp_wrap .stage__label {\r\n        position: absolute;\r\n        top: 18px;\r\n        z-index: 2;\r\n        color: var(--color-white);\r\n        mix-blend-mode: difference;\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 20px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n      }\r\n      #lp_wrap .stage__label--left {\r\n        left: 20px;\r\n      }\r\n      #lp_wrap .stage__label--right {\r\n        right: 20px;\r\n      }\r\n\r\n      \/* Scene2 \u2014 \u6a21\u7279\u4ea4\u4e92 swiper + credit *\/\r\n      #lp_wrap .stage__swiper {\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: var(--bg-paper);\r\n        padding-top: var(--arc-pad);\r\n      }\r\n\r\n      \/* section \u5e8f\u53f7\uff1a\u663e\u793a\u5728 Scene2 \u9876\u90e8 padding(--arc-pad) \u533a\u57df\u7684\u5de6\u4e0a\u89d2\u3002\r\n         \u300cNo.\u300d(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7) \u62c6\u6210\u4e24\u4e2a\u4f2a\u5143\u7d20\uff0c\u57fa\u7ebf\u5bf9\u9f50\u3002\r\n         \u6570\u5b57\u7528 counter(\u2026, decimal-leading-zero) \u2192 01, 02, \u2026\uff08\u81ea\u52a8\u8865\u96f6\u3001\u81ea\u52a8\u9012\u589e\uff09\u3002 *\/\r\n      #lp_wrap .stage__no {\r\n        position: absolute;\r\n        top: 24px;\r\n        left: 20px;\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        line-height: 1;\r\n        color: var(--color-text);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        -webkit-text-stroke: 0.3px currentColor;\r\n      }\r\n      #lp_wrap .stage__no::before {\r\n        content: 'No.';\r\n        font-size: 20px; \/* No. \u5c0f\u5b57\u53f7\uff08SP\uff09 *\/\r\n      }\r\n      #lp_wrap .stage__no::after {\r\n        content: counter(section-num, decimal-leading-zero);\r\n        font-size: 28px; \/* \u6570\u5b57\u5927\u5b57\u53f7\uff08SP\uff09 *\/\r\n      }\r\n      \/* \u5e8f\u53f7\u53f3\u4fa7\u7684\u6a2a\u7ebf\u6bb5 + \u53f3\u7aef\u5f80\u5de6\u4e0a\u6311\u8d77\u7684\u6298\u89d2 \u2014\u7528 SVG \u5b9e\u73b0\u3002 *\/\r\n      #lp_wrap .stage__deco {\r\n        position: absolute;\r\n        top: 36px;\r\n        left: 96px;\r\n        width: calc(100% - 96px - 20px); \/* = 100% \u2212 \u5de6\u8d77\u70b996 \u2212 \u53f3\u4fa7\u7559\u767d20 *\/\r\n        height: 16px;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        overflow: visible;\r\n      }\r\n      #lp_wrap .stage__deco svg {\r\n        overflow: visible;\r\n      }\r\n      #lp_wrap .stage__deco line,\r\n      #lp_wrap .stage__deco path {\r\n        stroke: var(--color-text);\r\n        stroke-width: 1px;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n      }\r\n      #lp_wrap .stage__deco-tip--pc {\r\n        display: none;\r\n      }\r\n\r\n      #lp_wrap .showcase__viewer {\r\n        position: relative;\r\n        height: calc(\r\n          100svh - var(--header-h)\r\n        ); \/* \u5927\u56fe\u533a\uff1d\u89c6\u53e3\u2212header\uff1bshowcase_main \u5360\u6ee1\u8fd9\u5757\uff08credit \u5728\u5176\u4e0b\u987a\u6d41\u6392\uff09 *\/\r\n        padding-inline: 20px;\r\n      }\r\n      #lp_wrap .showcase__main {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      #lp_wrap .showcase__main .swiper-slide {\r\n        display: flex;\r\n      }\r\n      #lp_wrap .showcase__slide-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      \/* thumbnail\uff08SP\uff1a\u6a2a\u5411\u6761\uff0c\u53e0\u5728\u5927\u56fe\u5e95\u90e8\uff09 *\/\r\n      #lp_wrap .showcase__thumbs {\r\n        position: absolute;\r\n        left: 42px;\r\n        right: 20px;\r\n        bottom: 24px;\r\n        height: 21vw;\r\n        z-index: 3;\r\n      }\r\n      #lp_wrap .showcase__thumbs .swiper-slide {\r\n        height: 100%;\r\n        width: auto;\r\n        aspect-ratio: 2 \/ 3;\r\n        opacity: 0.5;\r\n        border-radius: 9px;\r\n        border: 2px solid #fff;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: opacity 0.2s;\r\n      }\r\n      #lp_wrap .showcase__thumbs .swiper-slide-thumb-active {\r\n        opacity: 1;\r\n      }\r\n      \/* SP\uff1a\u5f53\u524d thumbnail \u66f4\u5927\u2014\u2014\u975e active \u7b49\u6bd4\u7f29\u5c0f *\/\r\n      @media only screen and (max-width: 768px) {\r\n        #lp_wrap .showcase__thumbs .swiper-wrapper {\r\n          align-items: flex-end;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide {\r\n          transition:\r\n            opacity 0.2s,\r\n            height 0.3s;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide:not(.swiper-slide-thumb-active) {\r\n          height: 75%;\r\n        }\r\n      }\r\n      #lp_wrap .showcase__thumb-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      \/* credit\uff08\u56fe\u7247\u4e0b\u65b9\u7684\u767d\u5e95\u533a\u5757\uff0cSP\/PC \u901a\u7528\uff1bSP \u4e00\u680f\u3001PC \u53cc\u680f\uff09\r\n         \u6bcf\u6761 li \u7528 border-bottom \u505a\u5206\u5272\u7ebf\uff08\u542b\u6700\u540e\u4e00\u6761\uff0c\u4e0e\u8bbe\u8ba1\u7a3f\u4e00\u81f4\uff09\r\n         position:relative\uff1a\u8fdb\u5165 positioned \u7ed8\u5236\u5e8f\uff0c\u76d6\u4f4f\u540e\u65b9 sticky \u7684 Scene1 *\/\r\n      #lp_wrap .showcase__credit {\r\n        position: relative;\r\n        padding: 14px 20px 160px;\r\n      }\r\n      #lp_wrap .credit li {\r\n        border-bottom: 1px solid #b3b3b3; \/* \u5206\u5272\u7ebf\u989c\u8272 *\/\r\n      }\r\n      #lp_wrap .credit__link {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: baseline;\r\n        gap: 12px;\r\n        padding: 10px 0;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        background: none;\r\n        transition: background 0.3s;\r\n      }\r\n      #lp_wrap .credit__link:hover,\r\n      #lp_wrap .credit__link:active,\r\n      #lp_wrap .credit__link:focus-visible {\r\n        background: #fffaf3;\r\n      }\r\n      #lp_wrap .credit__name {\r\n        font-weight: 400;\r\n      }\r\n      #lp_wrap .credit__price {\r\n        color: #5f5f5f; \/* \u4ef7\u683c\u7070\u5b57 *\/\r\n        -webkit-text-stroke: 0;\r\n      }\r\n      \/* stage \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .stage__label {\r\n          top: 38px;\r\n          font-size: 28px;\r\n          -webkit-text-stroke: 0px currentColor;\r\n        }\r\n        #lp_wrap .stage__label--left {\r\n          left: 56px;\r\n        }\r\n        #lp_wrap .stage__label--right {\r\n          right: 56px;\r\n        }\r\n\r\n        #lp_wrap .stage__no {\r\n          left: 56px;\r\n          top: 42px;\r\n          -webkit-text-stroke: 0px currentColor;\r\n        }\r\n        #lp_wrap .stage__no::before {\r\n          font-size: 48px; \/* No. \u5c0f\u5b57\u53f7\uff08PC\uff09 *\/\r\n        }\r\n        #lp_wrap .stage__no::after {\r\n          font-size: 64px; \/* \u6570\u5b57\u5927\u5b57\u53f7\uff08PC\uff09 *\/\r\n        }\r\n        \/* PC \u88c5\u9970\u7ebf\uff08SVG\uff09\uff1a\u56fa\u5b9a 217px \u957f\u6a2a\u7ebf\u3001\u53f3\u951a 51px\u3001\u7ebf\u7c97 1.5px *\/\r\n        #lp_wrap .stage__deco {\r\n          top: 84.25px;\r\n          left: auto;\r\n          right: 55px;\r\n          width: 212px;\r\n        }\r\n        #lp_wrap .stage__deco line,\r\n        #lp_wrap .stage__deco path {\r\n          stroke-width: 1.5px;\r\n        }\r\n        #lp_wrap .stage__deco-tip--sp {\r\n          display: none;\r\n        }\r\n        #lp_wrap .stage__deco-tip--pc {\r\n          display: block;\r\n        }\r\n\r\n        \/* \u25bc Scene2 PC \u5c3a\u5bf8 \u552f\u4e00\u4e8b\u5b9e\u6765\u6e90\uff1a\u5927\u56fe\/\u7f29\u7565\u56fe\/\u95f4\u8ddd\/credit \u5168\u90e8\u6d88\u8d39\u8fd9\u7ec4\u53d8\u91cf\u3002\r\n           \u8c03\u6574\u5c3a\u5bf8\u53ea\u6539\u8fd9\u91cc\uff1bcredit \u4e0e\u5927\u56fe\u7684\u5bf9\u9f50\u7531\u300c\u8bfb\u540c\u4e00\u4e2a\u6570\u300d\u5728\u6784\u9020\u4e0a\u4fdd\u8bc1\u3002\r\n           --pc-main-h = \u89c6\u53e3\u2212header = \u5927\u56fe\/viewer \u771f\u5b9e\u9ad8\u5ea6\uff08arc-pad \u53e0\u5728\u5176\u4e0a\u65b9\uff0c\u4e0d\u4ece\u4e2d\u6263\uff09 *\/\r\n        #lp_wrap .stage {\r\n          --arc-pad: 140px; \/* \u9876\u90e8\u5f27+\u547c\u5438\u7559\u767d PC \u8986\u76d6\uff08\u53e0\u5728\u5927\u56fe\u4e0a\u65b9\u7684\u989d\u5916\u9ad8\u5ea6\uff09 *\/\r\n          --pc-main-h: calc(100svh - var(--header-h)); \/* \u5927\u56fe\u9ad8 = \u89c6\u53e3\u2212header *\/\r\n          --pc-main-w: calc(var(--pc-main-h) * 2 \/ 3); \/* \u5927\u56fe\u5bbd\uff082:3\uff09 *\/\r\n          --pc-thumb-w: min(12vh, 110px);\r\n          --pc-gap: 38px; \/* \u5927\u56fe \u2194 \u7f29\u7565\u56fe\u95f4\u8ddd *\/\r\n        }\r\n        \/* Scene2\uff1amain\uff082:3\uff09+ thumbnail\uff08\u4e00\u5217\uff09\u4f5c\u4e3a\u4e00\u7ec4\u6574\u4f53\u6c34\u5e73\u5c45\u4e2d *\/\r\n        #lp_wrap .showcase__viewer {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          gap: var(--pc-gap);\r\n          padding-inline: 0;\r\n        }\r\n        #lp_wrap .showcase__main {\r\n          flex: none;\r\n          min-width: 0; \/* \u9632\u6b62\u5185\u90e8 Swiper \u6491\u7206 flex item *\/\r\n          width: var(--pc-main-w); \/* \u5bbd\u5ea6\u76f4\u8bfb\u5355\u6e90\u53d8\u91cf\uff08\u4e0d\u518d\u7531\u9ad8\u5ea6\u53cd\u63a8\uff09 *\/\r\n          aspect-ratio: 2 \/ 3;\r\n          height: auto;\r\n          margin: 0; \/* \u2605 \u8986\u76d6 swiper \u7684 margin:auto\uff0c\u5426\u5219 auto margin \u5438\u6536\u5269\u4f59\u7a7a\u95f4\u628a\u4e24\u5757\u6491\u5f00 *\/\r\n        }\r\n        #lp_wrap .showcase__thumbs {\r\n          position: relative; \/* \u8131\u79bb SP \u7684 absolute\uff0c\u56de\u5f52 flex \u6d41 *\/\r\n          left: auto;\r\n          right: auto;\r\n          top: auto;\r\n          bottom: auto;\r\n          transform: none;\r\n          flex: none;\r\n          min-width: 0;\r\n          width: var(--pc-thumb-w); \/* \u7f29\u7565\u56fe\u7ad6\u6761\u5bbd *\/\r\n          height: 78vh;\r\n          margin: 0; \/* \u2605 \u540c\u4e0a\uff1a\u6e05\u6389 swiper \u7684 auto margin *\/\r\n        }\r\n        \/* \u7f29\u7565\u56fe\u603b\u9ad8 < 78vh \u5bb9\u5668\u9ad8\u5ea6\u65f6\uff0c\u6574\u7ec4\u5185\u5bb9\u5782\u76f4\u5c45\u4e2d\u800c\u975e\u8d34\u9876\uff1b\r\n           \u53d8\u7a84\u7684\u975e active \u7f29\u7565\u56fe\u9760\u5de6\u5bf9\u9f50 *\/\r\n        #lp_wrap .showcase__thumbs .swiper-wrapper {\r\n          justify-content: center;\r\n          align-items: flex-start;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide {\r\n          width: 100%; \/* \u4e0e\u5bb9\u5668\u540c\u5bbd\uff0c\u5373\u5f53\u524d active \u7f29\u7565\u56fe\u201c\u5168\u5bbd\u201d *\/\r\n          height: auto;\r\n          aspect-ratio: 2 \/ 3; \/* \u5bbd\u5ea6\u53d8\u5316\u65f6\u9ad8\u5ea6\u6309\u6bd4\u4f8b\u8ddf\u968f\uff0c\u4e0d\u62c9\u4f38\u53d8\u5f62 *\/\r\n          border-radius: 12px;\r\n          border: 3px solid #fff;\r\n          transition:\r\n            opacity 0.2s,\r\n            width 0.3s;\r\n        }\r\n        #lp_wrap .showcase__thumbs .swiper-slide:not(.swiper-slide-thumb-active) {\r\n          width: 75%; \/* \u975e active \u7f29\u7565\u56fe\u7f29\u7a84\uff0c\u9760 align-items:flex-start \u5de6\u5bf9\u9f50 *\/\r\n        }\r\n        \/* PC credit\uff1a\u53cc\u680f\uff08CSS \u591a\u680f\u5e03\u5c40\uff0c\u59cb\u7ec8\u56fa\u5b9a 2 \u680f\uff0c\u4e0d\u968f\u6761\u76ee\u6570\u589e\u51cf\uff09 *\/\r\n        #lp_wrap .credit {\r\n          columns: 2;\r\n          column-gap: 28px;\r\n        }\r\n        #lp_wrap .credit li {\r\n          break-inside: avoid; \/* \u9632\u6b62\u5355\u6761 credit \u88ab\u4ece\u4e2d\u95f4\u65ad\u5230\u4e0b\u4e00\u680f *\/\r\n        }\r\n        #lp_wrap .credit__link {\r\n          font-size: 14px;\r\n        }\r\n        \/* PC\uff1acredit \u5360\u6ee1 swiper \u5168\u5bbd\uff08\u80cc\u666f\u7531 swiper \u63d0\u4f9b\uff09\uff1b\u5bbd\u5ea6\/\u5bf9\u9f50\u4e0b\u6c89\u5230\u5185\u90e8 .credit\u3002 *\/\r\n        #lp_wrap .showcase__credit {\r\n          padding: 16px 0 184px;\r\n        }\r\n        \/* \u5185\u90e8\u6761\u76ee\uff1a\u5bbd\u5ea6 = \u5927\u56fe\u5bbd\uff0c\u5de6\u504f\u79fb\u590d\u523b viewer \u7684 justify-content:center\r\n           \uff08\u5927\u56fe\u5de6\u7f18 =\uff08\u5bb9\u5668\u5bbd \u2212 \u6574\u7ec4\u5bbd\uff09\/ 2\uff09\uff0c\u4e0e\u4e0a\u65b9\u5927\u56fe\u5de6\u53f3\u7f18\u5bf9\u9f50\u3002\r\n           \u5168\u90e8\u8bfb .stage \u4e0a\u7684\u5355\u6e90\u53d8\u91cf\uff0c\u4e0e\u771f\u5b9e\u5e03\u5c40\u540c\u6e90\uff0c\u4e0d\u4f1a\u6f02\u79fb\u3002 *\/\r\n        #lp_wrap .showcase__credit .credit {\r\n          --pc-group-w: calc(var(--pc-main-w) + var(--pc-gap) + var(--pc-thumb-w));\r\n          width: var(--pc-main-w);\r\n          margin-left: calc((100% - var(--pc-group-w)) \/ 2);\r\n        }\r\n      }\r\n\r\n      \/* =========================================================\r\n       * \u2466 outro \uff5c \u5e95\u90e8 SHOP NOW banner\uff08\u6574\u56fe\u4e3a\u94fe\u63a5\uff09\r\n       *   \u00b7 \u80cc\u666f\u56fe\uff1a\u6a21\u7cca\u6ee4\u955c\u5df2\u5728 figma \u7aef\u70d8\u7119\u8fdb\u5bfc\u51fa\u56fe\uff0c\u6b64\u5904\u4e0d\u518d\u5b9e\u88c5\r\n       *   \u00b7 \u85cf\u9752\u8499\u7248 #182755 30%\uff08figma \u72ec\u7acb\u77e9\u5f62 \u2192 CSS ::after \u8986\u76d6\uff09\r\n       *   \u00b7 \u5c45\u4e2d\u767d\u8272\u63cf\u8fb9\u300cSHOP NOW\u300d\u6309\u94ae\r\n       * ========================================================= *\/\r\n      #lp_wrap .outro {\r\n        position: relative;\r\n      }\r\n      #lp_wrap .outro__link {\r\n        position: relative;\r\n        display: block;\r\n      }\r\n      #lp_wrap .outro__img {\r\n        width: 100%;\r\n        aspect-ratio: 375 \/ 280; \/* SP \u6bd4\u4f8b *\/\r\n        object-fit: cover;\r\n        background: var(--ph-gray);\r\n      }\r\n      #lp_wrap .outro__cta {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 1;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 8px 30px;\r\n        border: 1px solid var(--color-white);\r\n        color: var(--color-white);\r\n        font-family: var(--font-serif);\r\n        font-weight: 400;\r\n        font-size: 20px;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.02em;\r\n        -webkit-text-stroke: 0px currentColor;\r\n      }\r\n      \/* \u2466 outro \u2014 PC *\/\r\n      @media screen and (min-width: 769px) {\r\n        #lp_wrap .outro__img {\r\n          aspect-ratio: 1200 \/ 550; \/* PC \u6bd4\u4f8b *\/\r\n        }\r\n        #lp_wrap .outro__cta {\r\n          padding: 15px 60px;\r\n          font-size: 24px;\r\n        }\r\n      }\r\n    <\/style>","add_html":"<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@12\/swiper-bundle.min.css\" \/>\r\n      <div id=\"lp_wrap\">\r\n        <!-- ============================================== -->\r\n        <!-- SVG sprite\uff08\u590d\u7528\u56fe\u6807\uff09                          -->\r\n        <!-- ============================================== -->\r\n        <svg class=\"lp-sprite\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <!-- figma(#117:15): \u8d2d\u7269\u8f66\u56fe\u6807 \u63cf\u8fb9 1.5px\uff08\u539f\u6837\u5bfc\u51fa\uff0c20\u00d720\uff09 -->\r\n          <symbol id=\"icon-cart\" viewBox=\"0 0 20 20\">\r\n            <path\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.53846\"\r\n              d=\"M0 0.769231H2.05128L2.46154 2.82051M2.46154 2.82051H18.4615L14.359 11.0256H4.10256M2.46154 2.82051L4.10256 11.0256M4.10256 11.0256L1.75077 13.3774C1.10462 14.0236 1.56205 15.1282 2.4759 15.1282H14.359M14.359 15.1282C13.8149 15.1282 13.2932 15.3443 12.9085 15.729C12.5238 16.1137 12.3077 16.6355 12.3077 17.1795C12.3077 17.7235 12.5238 18.2453 12.9085 18.63C13.2932 19.0147 13.8149 19.2308 14.359 19.2308C14.903 19.2308 15.4248 19.0147 15.8094 18.63C16.1941 18.2453 16.4103 17.7235 16.4103 17.1795C16.4103 16.6355 16.1941 16.1137 15.8094 15.729C15.4248 15.3443 14.903 15.1282 14.359 15.1282ZM6.15385 17.1795C6.15385 17.7235 5.93773 18.2453 5.55304 18.63C5.16835 19.0147 4.6466 19.2308 4.10256 19.2308C3.55853 19.2308 3.03678 19.0147 2.65209 18.63C2.2674 18.2453 2.05128 17.7235 2.05128 17.1795C2.05128 16.6355 2.2674 16.1137 2.65209 15.729C3.03678 15.3443 3.55853 15.1282 4.10256 15.1282C4.6466 15.1282 5.16835 15.3443 5.55304 15.729C5.93773 16.1137 6.15385 16.6355 6.15385 17.1795Z\"\r\n            \/>\r\n          <\/symbol>\r\n        <\/svg>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- \u2460 main_banner  hero + CTA                      -->\r\n        <!-- ============================================== -->\r\n        <header id=\"main_banner\" class=\"hero\">\r\n          <!-- \u203b hero \u6574\u56fe\u4e3a\u94fe\u63a5\uff08href \u5f85\u8865\uff09\u3002alt \u5f85\u8bbe\u8ba1\u786e\u8ba4 -->\r\n          <a\r\n            class=\"hero__link anim\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n          >\r\n            <h1>\r\n              <picture>\r\n                <!-- PC \u4e13\u7528 16:9 \u6a2a\u56fe\uff08\u5f85\u4e0a\u4f20\uff09 -->\r\n                <source\r\n                  media=\"(min-width: 769px)\"\r\n                  srcset=\"\r\n                    https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_main_pc.webp\r\n                  \"\r\n                \/>\r\n                <img\r\n                  class=\"hero__img\"\r\n                  src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_main.webp\"\r\n                  alt=\"\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2 2026\u5e74\u76db\u590f \u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Vol.1\"\r\n                  width=\"375\"\r\n                  height=\"375\"\r\n                \/>\r\n              <\/picture>\r\n            <\/h1>\r\n          <\/a>\r\n          <!-- CTA\uff08href \u5f85\u8865\uff09 -->\r\n          <a\r\n            class=\"hero__cta anim\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            <span class=\"hero__cta--ofst\">\r\n              SHOP NOW\r\n              <svg class=\"icon icon--cart\" aria-hidden=\"true\"><use href=\"#icon-cart\" \/><\/svg>\r\n            <\/span>\r\n          <\/a>\r\n        <\/header>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- main_contents                                  -->\r\n        <!-- ============================================== -->\r\n        <main id=\"main_contents\" class=\"main_contents\">\r\n          <!-- \u2461 lead \/ humane Scene1 -->\r\n          <section class=\"lead\">\r\n            <h2 class=\"lead__title anim\">\r\n              <span>Laid-<\/span><span>back<\/span> <span>Classic<\/span>\r\n            <\/h2>\r\n          <\/section>\r\n\r\n          <!-- ============================================== -->\r\n          <!-- \u2462\u2463 Men's\uff1a\u5927\u56fe(Scene1) + swiper(Scene2) \u540c\u4e00 stage -->\r\n          <!-- ============================================== -->\r\n          <section class=\"stage stage--men anim\" aria-label=\"Men's Season Collection\">\r\n            <!-- Scene1\uff1a\u6a21\u7279\u5927\u56fe -->\r\n            <div class=\"stage__model\">\r\n              <a\r\n                class=\"stage__model-link\"\r\n                href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                <picture>\r\n                  <!-- PC \u4e13\u7528\u6a2a\u56fe\uff08\u5360\u6ee1\u89c6\u53e3\u5bbd\u5ea6\uff1b\u5f85\u4e0a\u4f20\uff09 -->\r\n                  <source\r\n                    media=\"(min-width: 769px)\"\r\n                    srcset=\"\r\n                      https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-hero_pc-1.webp\r\n                    \"\r\n                  \/>\r\n                  <img\r\n                    class=\"stage__model-img\"\r\n                    src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-hero-1.webp\"\r\n                    alt=\"\"\r\n                    width=\"375\"\r\n                    height=\"752\"\r\n                  \/>\r\n                <\/picture>\r\n              <\/a>\r\n              <p class=\"stage__label stage__label--left anim\">Men\u2019s<\/p>\r\n              <p class=\"stage__label stage__label--right anim\">Season Collection<\/p>\r\n            <\/div>\r\n            <!-- Scene2\uff1a\u6a21\u7279\u4ea4\u4e92 swiper + credit -->\r\n            <div class=\"stage__swiper\">\r\n              <!-- section \u5e8f\u53f7\uff1aNo.(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7)\u3002\u6570\u5b57\u7531 CSS counter \u751f\u6210 -->\r\n              <span class=\"stage__no anim\" aria-hidden=\"true\"><\/span>\r\n              <!-- \u5e8f\u53f7\u53f3\u4fa7\u88c5\u9970\u7ebf\uff08\u6a2a\u7ebf + \u53f3\u7aef\u6298\u89d2\uff09\uff1aSVG \u7248\uff0c\u53ef\u7528 stroke-dashoffset \u505a\u300c\u5411\u53f3\u884c\u8fdb\u300d\u8def\u5f84\u52a8\u753b\u3002\r\n                   \u7aef\u70b9\u5750\u6807\u6309\u539f CSS \u7684 rotate(-140deg) \u7ed3\u679c\u7b97\u51fa\uff1b\u6298\u7ebf --sp \/ --pc \u7531\u5a92\u4f53\u67e5\u8be2\u5207\u6362\u3002 -->\r\n              <svg class=\"stage__deco anim\" aria-hidden=\"true\">\r\n                <line\r\n                  class=\"stage__deco-line\"\r\n                  x1=\"0\"\r\n                  y1=\"10.5\"\r\n                  x2=\"100%\"\r\n                  y2=\"10.5\"\r\n                  pathLength=\"100\"\r\n                \/>\r\n                <svg class=\"stage__deco-tipwrap\" x=\"100%\" y=\"10.5\" width=\"1\" height=\"1\">\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--sp\"\r\n                    d=\"M0 0 L-10.72 -9\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--pc\"\r\n                    d=\"M0 0 L-12.26 -10.28\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/svg>\r\n              <div class=\"showcase__viewer anim\">\r\n                <!-- main swiper -->\r\n                <div class=\"swiper showcase__main\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-03-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-02-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-04-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <!-- thumbnails -->\r\n                <div class=\"swiper showcase__thumbs\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-03-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-02-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_men-04-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- credit\uff1a\u79fb\u5165 swiper \u5185\uff0c\u4e0e viewer \u5171\u7528\u540c\u4e00\u6574\u5757\u7eb8\u8272\u80cc\u666f\uff0c\u4ece\u6839\u4e0a\u6d88\u9664\u63a5\u7f1d -->\r\n              <div class=\"showcase__credit anim\">\r\n                <ul class=\"credit\">\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015697\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30ad\u30e3\u30c3\u30d7<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc6,160\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015477\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30dd\u30ed\u30b7\u30e3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc19,800\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015655\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30d1\u30f3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc18,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM015471\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30bd\u30c3\u30af\u30b9<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc2,640\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871BU014317\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b7\u30e5\u30fc\u30ba<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc33,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EM014912\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b0\u30ed\u30fc\u30d6<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc3,850\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- ============================================== -->\r\n          <!-- \u2464\u2465 Ladies\u2019\uff1a\u5927\u56fe(Scene1) + swiper(Scene2) \u540c\u4e00 stage -->\r\n          <!-- ============================================== -->\r\n          <section class=\"stage stage--women anim\" aria-label=\"Ladies\u2019 Season Collection\">\r\n            <!-- Scene1\uff1a\u6a21\u7279\u5927\u56fe -->\r\n            <div class=\"stage__model\">\r\n              <a\r\n                class=\"stage__model-link\"\r\n                href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >\r\n                <picture>\r\n                  <!-- PC \u4e13\u7528\u6a2a\u56fe\uff08\u5360\u6ee1\u89c6\u53e3\u5bbd\u5ea6\uff1b\u5f85\u4e0a\u4f20\uff09 -->\r\n                  <source\r\n                    media=\"(min-width: 769px)\"\r\n                    srcset=\"\r\n                      https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-hero_pc-1.webp\r\n                    \"\r\n                  \/>\r\n                  <img\r\n                    class=\"stage__model-img\"\r\n                    src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-hero-1.webp\"\r\n                    alt=\"\"\r\n                    width=\"375\"\r\n                    height=\"752\"\r\n                  \/>\r\n                <\/picture>\r\n              <\/a>\r\n              <p class=\"stage__label stage__label--left anim\">Ladies\u2019<\/p>\r\n              <p class=\"stage__label stage__label--right anim\">Season Collection<\/p>\r\n            <\/div>\r\n            <!-- Scene2\uff1a\u6a21\u7279\u4ea4\u4e92 swiper + credit -->\r\n            <div class=\"stage__swiper\">\r\n              <!-- section \u5e8f\u53f7\uff1aNo.(\u5c0f\u5b57\u53f7) + \u81ea\u52a8\u9012\u589e\u6570\u5b57(\u5927\u5b57\u53f7)\u3002\u6570\u5b57\u7531 CSS counter \u751f\u6210 -->\r\n              <span class=\"stage__no anim\" aria-hidden=\"true\"><\/span>\r\n              <!-- \u5e8f\u53f7\u53f3\u4fa7\u88c5\u9970\u7ebf\uff08\u6a2a\u7ebf + \u53f3\u7aef\u6298\u89d2\uff09\uff1aSVG \u7248\uff0c\u53ef\u7528 stroke-dashoffset \u505a\u300c\u5411\u53f3\u884c\u8fdb\u300d\u8def\u5f84\u52a8\u753b\u3002\r\n                   \u7aef\u70b9\u5750\u6807\u6309\u539f CSS \u7684 rotate(-140deg) \u7ed3\u679c\u7b97\u51fa\uff1b\u6298\u7ebf --sp \/ --pc \u7531\u5a92\u4f53\u67e5\u8be2\u5207\u6362\u3002 -->\r\n              <svg class=\"stage__deco anim\" aria-hidden=\"true\">\r\n                <line\r\n                  class=\"stage__deco-line\"\r\n                  x1=\"0\"\r\n                  y1=\"10.5\"\r\n                  x2=\"100%\"\r\n                  y2=\"10.5\"\r\n                  pathLength=\"100\"\r\n                \/>\r\n                <svg class=\"stage__deco-tipwrap\" x=\"100%\" y=\"10.5\" width=\"1\" height=\"1\">\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--sp\"\r\n                    d=\"M0 0 L-10.72 -9\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                  <path\r\n                    class=\"stage__deco-tip stage__deco-tip--pc\"\r\n                    d=\"M0 0 L-12.26 -10.28\"\r\n                    pathLength=\"100\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/svg>\r\n              <div class=\"showcase__viewer anim\">\r\n                <div class=\"swiper showcase__main\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-01-1.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-02.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-03.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__slide-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-05.webp\"\r\n                        alt=\"\"\r\n                        width=\"375\"\r\n                        height=\"700\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper showcase__thumbs\">\r\n                  <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-01.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-02.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-03.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                    <div class=\"swiper-slide\">\r\n                      <img\r\n                        class=\"showcase__thumb-img\"\r\n                        src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_women-05.webp\"\r\n                        alt=\"\"\r\n                        width=\"56\"\r\n                        height=\"64\"\r\n                      \/>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <!-- credit\uff1a\u79fb\u5165 swiper \u5185\uff0c\u4e0e viewer \u5171\u7528\u540c\u4e00\u6574\u5757\u7eb8\u8272\u80cc\u666f\uff0c\u4ece\u6839\u4e0a\u6d88\u9664\u63a5\u7f1d -->\r\n              <div class=\"showcase__credit anim\">\r\n                <ul class=\"credit\">\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015221\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30ad\u30e3\u30c3\u30d7<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc8,580\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015248\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30dd\u30ed\u30b7\u30e3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc18,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015308\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30d1\u30f3\u30c4<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc22,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW015292\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30bd\u30c3\u30af\u30b9<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc3,300\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871BU014317\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b7\u30e5\u30fc\u30ba<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc33,000\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                  <li>\r\n                    <a\r\n                      class=\"credit__link\"\r\n                      href=\"https:\/\/store.descente.co.jp\/commodity\/SDSC0140D\/M01871EW013000\/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener\"\r\n                      ><span class=\"credit__name\">\u30b0\u30ed\u30fc\u30d6<\/span\r\n                      ><span class=\"credit__price\">\u7a0e\u8fbc7,700\u5186<\/span><\/a\r\n                    >\r\n                  <\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/main>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- \u2466 outro  \u5e95\u90e8 SHOP NOW banner      -->\r\n        <!-- ============================================== -->\r\n        <section class=\"outro anim\" aria-label=\"Shop Now\">\r\n          <a\r\n            class=\"outro__link\"\r\n            href=\"https:\/\/store.descente.co.jp\/brand\/munsingwear\/?commercialType=0%7C2%7C3&currentPage=1&alignmentSequence=recommend_commodity_rank+asc&searchWord=msw_26fw_v1\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            <picture>\r\n              <source\r\n                media=\"(min-width: 769px)\"\r\n                srcset=\"\r\n                  https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_outro_pc.webp\r\n                \"\r\n              \/>\r\n              <img\r\n                class=\"outro__img\"\r\n                src=\"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/260711_fwvp-vol1_outro.webp\"\r\n                alt=\"\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2 2026\u5e74\u76db\u590f \u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3 Vol.1\"\r\n                width=\"375\"\r\n                height=\"280\"\r\n              \/>\r\n            <\/picture>\r\n            <span class=\"outro__cta\">SHOP NOW<\/span>\r\n          <\/a>\r\n        <\/section>\r\n      <\/div>\r\n\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@12\/swiper-bundle.min.js\"><\/script>\r\n      <script>\r\n        'use strict';\r\n\r\n        \/* ---------- swiper\uff08\u5404 stage\uff1amain + thumbnail \u8054\u52a8\uff09 ---------- *\/\r\n        document.querySelectorAll('.stage__swiper').forEach((sc) => {\r\n          const thumbs = new Swiper(sc.querySelector('.showcase__thumbs'), {\r\n            slidesPerView: 'auto',\r\n            spaceBetween: 8,\r\n            watchSlidesProgress: true,\r\n            freeMode: true,\r\n            \/\/ \u5bb9\u5668\u5c3a\u5bf8\u968f\u65ad\u70b9\/\u89c6\u53e3\u53d8\u5316\u65f6\u81ea\u52a8\u91cd\u7b97 slide \u5c3a\u5bf8\uff08PC \u5927\u56fe\/\u7f29\u7565\u56fe\u5bbd\u9ad8\u7531 CSS \u53d8\u91cf\u51b3\u5b9a\uff09\r\n            observer: true,\r\n            observeParents: true,\r\n            resizeObserver: true,\r\n            breakpoints: {\r\n              769: { direction: 'vertical', spaceBetween: 12 },\r\n            },\r\n          });\r\n          new Swiper(sc.querySelector('.showcase__main'), {\r\n            slidesPerView: 1,\r\n            observer: true,\r\n            observeParents: true,\r\n            resizeObserver: true,\r\n            thumbs: { swiper: thumbs },\r\n          });\r\n        });\r\n\r\n        \/* ---------- .anim \u5165\u573a ---------- *\/\r\n        function inview(selector, rootMargin, callback) {\r\n          const observer = new IntersectionObserver(callback, {\r\n            root: null,\r\n            rootMargin,\r\n            threshold: 0,\r\n          });\r\n          document.querySelectorAll(selector).forEach((el) => observer.observe(el));\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n          inview('.anim', '-15% 0px', (entries, observer) => {\r\n            entries.forEach((entry) => {\r\n              if (!entry.isIntersecting) return;\r\n              entry.target.classList.add('ac');\r\n              observer.unobserve(entry.target);\r\n            });\r\n          });\r\n        } else {\r\n          document.querySelectorAll('.anim').forEach((el) => el.classList.add('ac'));\r\n        }\r\n\r\n        \/* \u9010\u4e2a\u9519\u5f00\uff1a\u6309\u4f4d\u7f6e\u5199 --i\uff0c\u589e\u51cf\u6761\u76ee\u65e0\u9700\u6539\u6b64\u4ee3\u7801 *\/\r\n        \/\/ lead__title\uff1a\u6e90\u987a\u5e8f\u5373\u89c6\u89c9\u987a\u5e8f\r\n        document.querySelectorAll('.lead__title').forEach((title) => {\r\n          title.querySelectorAll('span').forEach((span, i) => {\r\n            span.style.setProperty('--i', i);\r\n          });\r\n        });\r\n        \/\/ credit\uff1aPC \u53cc\u680f(CSS columns \u5148\u586b\u6ee1\u5de6\u680f\u518d\u53f3\u680f) \u2192 \u628a\u6e90\u5e8f\u53f7\u6362\u7b97\u6210\u300c\u9605\u8bfb\u987a\u5e8f\u300d\r\n        \/\/   \u5e8f\u53f7\uff08\u9010\u884c\u3001\u884c\u5185\u5de6\u2192\u53f3\uff09\uff1bSP \u5355\u680f\u65f6\u9000\u5316\u4e3a\u6e90\u987a\u5e8f\u3002\u589e\u51cf\u6761\u76ee\u81ea\u52a8\u9002\u914d\u3002\r\n        const creditCols = window.matchMedia('(min-width: 769px)').matches ? 2 : 1;\r\n        document.querySelectorAll('.credit').forEach((ul) => {\r\n          const lis = ul.querySelectorAll('li');\r\n          const perCol = Math.ceil(lis.length \/ creditCols); \/\/ \u5de6\u680f\u6761\u76ee\u6570\r\n          lis.forEach((li, i) => {\r\n            const col = Math.floor(i \/ perCol);\r\n            const row = i % perCol;\r\n            li.style.setProperty('--i', row * creditCols + col);\r\n          });\r\n        });\r\n\r\n        \/* ---------- stage \u6eda\u52a8\u8fdb\u5ea6\uff1a\u53ea\u5199 --pe\/--p\uff0c\u89c6\u89c9\u6620\u5c04\u5168\u7559\u5728 CSS ----------\r\n           \u975e\u6eda\u52a8\u52ab\u6301\uff1a\u4ec5\u88ab\u52a8\u8bfb\u6eda\u52a8\u4f4d\u7f6e\uff0c\u7ed9\u6bcf\u4e2a stage \u7b97 --pe\uff08\u8fdb\u5165\u89c6\u53e3\uff09\/ --p\uff08\u8986\u76d6\uff09\u4e24\u4e2a\u5f52\u4e00\u5316\u8fdb\u5ea6\u3002\r\n           \u2605 \u53d8\u91cf\u5199\u5728 picture \u5143\u7d20\u672c\u8eab\u3001\u800c\u975e .stage \u4e0a\uff1a\u81ea\u5b9a\u4e49\u5c5e\u6027\u662f\u7ee7\u627f\u7684\uff0c\u5199\u5728 .stage \u4f1a\u8ba9\u6574\u4e2a\r\n             stage \u5b50\u6811\uff08swiper\/slide\/credit\u2026\uff09\u6bcf\u5e27\u91cd\u7b97\u6837\u5f0f\uff1b\u53ea\u6709 picture \u6d88\u8d39\u8fd9\u4e24\u4e2a\u53d8\u91cf\uff0c\r\n             \u5199\u5728 picture \u4e0a\u628a\u6837\u5f0f\u5931\u6548\u8303\u56f4\u6536\u7f29\u5230 picture\u2192img\uff0c\u4e3b\u7ebf\u7a0b\u6bcf\u5e27\u5f00\u9500\u9aa4\u964d\r\n             \uff08iOS \u5feb\u901f\u6eda\u52a8\u4e3b\u7ebf\u7a0b\u88ab\u5408\u6210\u5668\u997f\u6b7b\u65f6\uff0c\u8fd9\u7b14\u7701\u4e0b\u7684\u5f00\u9500\u8ba9 rAF \u66f4\u5bb9\u6613\u8ddf\u4e0a\uff09\u3002\r\n           rAF \u8282\u6d41 + passive \u76d1\u542c\u3002 *\/\r\n        (function () {\r\n          \/\/ \u9884\u53d6\u5f15\u7528\uff08\u542b picture\uff09\uff0c\u907f\u514d\u6bcf\u5e27 querySelector\r\n          const items = [...document.querySelectorAll('.stage')]\r\n            .map((stage) => ({\r\n              model: stage.querySelector('.stage__model'),\r\n              picture: stage.querySelector('.stage__model picture'),\r\n              stage,\r\n            }))\r\n            .filter((it) => it.model && it.picture);\r\n          if (!items.length) return;\r\n          const readHeaderH = () =>\r\n            parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) ||\r\n            0;\r\n          let headerH = readHeaderH();\r\n          let ticking = false;\r\n          const clamp01 = (v) => (v < 0 ? 0 : v > 1 ? 1 : v);\r\n          function update() {\r\n            ticking = false;\r\n            const vh = window.innerHeight;\r\n            for (const it of items) {\r\n              const top = it.stage.getBoundingClientRect().top;\r\n              \/\/ --pe \u8fdb\u5165\u89c6\u53e3\u8fdb\u5ea6\uff1astage \u9876\u4ece\u89c6\u53e3\u5e95(vh) \u5347\u5230\u5438\u9644\u70b9(headerH)\u30020\u21921\uff1b\u5438\u4f4f\u540e\u6052\u4e3a 1\u3002\r\n              \/\/ \u9a71\u52a8\u201c\u6b63\u5e38\u6eda\u52a8\u65f6\u7684\u989d\u5916\u4e0a\u79fb\u201d\u89c6\u5dee\uff08Scene2 \u5c1a\u672a\u4e0a\u6765\u65f6\u4e5f\u6709\uff09\u3002\r\n              it.picture.style.setProperty('--pe', clamp01((vh - top) \/ (vh - headerH)).toFixed(4));\r\n\r\n              const travel = it.stage.offsetHeight - it.model.offsetHeight; \/\/ = Scene2 \u9ad8\u5ea6 = sticky \u884c\u7a0b\r\n              if (travel <= 0) {\r\n                it.picture.style.setProperty('--p', '0');\r\n                continue;\r\n              }\r\n              \/\/ --p \u8986\u76d6\u8fdb\u5ea6\uff1astage.top === headerH \u65f6 model \u521a\u5438\u4f4f(p=0)\uff1b\u518d\u6eda travel \u8ddd\u79bb\u88ab\u5b8c\u5168\u76d6\u4f4f(p=1)\r\n              it.picture.style.setProperty('--p', clamp01((headerH - top) \/ travel).toFixed(4));\r\n            }\r\n          }\r\n          function onScroll() {\r\n            if (!ticking) {\r\n              ticking = true;\r\n              requestAnimationFrame(update);\r\n            }\r\n          }\r\n          addEventListener('scroll', onScroll, { passive: true });\r\n          addEventListener('resize', () => {\r\n            headerH = readHeaderH();\r\n            update();\r\n          });\r\n          update();\r\n        })();\r\n\r\n        \/* ---------- \u30a2\u30f3\u30ab\u30fc smooth scroll ---------- *\/\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach((a) => {\r\n          a.addEventListener('click', (e) => {\r\n            const href = a.getAttribute('href');\r\n            if (!href || href === '#') {\r\n              e.preventDefault();\r\n              return;\r\n            }\r\n            const target = document.querySelector(href);\r\n            if (!target) return;\r\n            e.preventDefault();\r\n            const top = target.getBoundingClientRect().top + window.scrollY - 80;\r\n            window.scrollTo({ top, behavior: 'smooth' });\r\n          });\r\n        });\r\n      <\/script>"}]},"relation_display_feature":"\u975e\u8868\u793a","add_css_js_source":"","meta_title":"\u30102026\u5e74\u76db\u590f\u3011\u65b0\u4f5c\u30b7\u30fc\u30ba\u30f3\u30b3\u30ec\u30af\u30b7\u30e7\u30f3Vol.1\uff5c\u30de\u30f3\u30b7\u30f3\u30b0\u30a6\u30a7\u30a2\u516c\u5f0f","meta_keyword":"","meta_desc":"","ogp_img":{"ID":31481,"id":31481,"title":"2026fw_season_vp1_1200\u00d7630","filename":"2026fw_season_vp1_1200\u00d7630.jpg","filesize":860353,"url":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630.jpg","link":"https:\/\/store.descente.co.jp\/munsingwear\/feature\/maw_26073101\/attachment\/2026fw_season_vp1_1200x630\/","alt":"","author":"8","description":"","caption":"","name":"2026fw_season_vp1_1200x630","status":"inherit","uploaded_to":31476,"date":"2026-07-30 10:55:25","modified":"2026-07-30 10:56:00","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/store.descente.co.jp\/munsingwear\/wp-includes\/images\/media\/default.png","width":1200,"height":630,"sizes":{"thumbnail":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-360x220.jpg","thumbnail-width":150,"thumbnail-height":92,"medium":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-630x340.jpg","medium-width":300,"medium-height":162,"medium_large":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-768x403.jpg","medium_large-width":768,"medium_large-height":403,"large":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-760x194.jpg","large-width":760,"large-height":194,"1536x1536":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630.jpg","1536x1536-width":1200,"1536x1536-height":630,"2048x2048":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630.jpg","2048x2048-width":1200,"2048x2048-height":630,"small":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-300x158.jpg","small-width":300,"small-height":158,"tournament_thumb":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-350x420.jpg","tournament_thumb-width":350,"tournament_thumb-height":420,"tournament":"https:\/\/store.descente.co.jp\/munsingwear\/wp-content\/uploads\/2026\/07\/2026fw_season_vp1_1200\u00d7630-700x630.jpg","tournament-width":700,"tournament-height":630}}},"_links":{"self":[{"href":"https:\/\/store.descente.co.jp\/munsingwear\/wp-json\/wp\/v2\/feature\/31476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.descente.co.jp\/munsingwear\/wp-json\/wp\/v2\/feature"}],"about":[{"href":"https:\/\/store.descente.co.jp\/munsingwear\/wp-json\/wp\/v2\/types\/feature"}],"wp:attachment":[{"href":"https:\/\/store.descente.co.jp\/munsingwear\/wp-json\/wp\/v2\/media?parent=31476"}],"wp:term":[{"taxonomy":"feature_tag","embeddable":true,"href":"https:\/\/store.descente.co.jp\/munsingwear\/wp-json\/wp\/v2\/feature_tag?post=31476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}