{"id":17237,"date":"2024-03-08T10:00:03","date_gmt":"2024-03-08T01:00:03","guid":{"rendered":"https:\/\/store.descente.co.jp\/descente\/?post_type=feature&#038;p=17237"},"modified":"2025-12-05T15:31:26","modified_gmt":"2025-12-05T06:31:26","slug":"descente-pro%ef%bc%88%e3%83%87%e3%82%b5%e3%83%b3%e3%83%88-%e3%83%97%e3%83%ad%ef%bc%89-2","status":"publish","type":"feature","link":"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro","title":{"rendered":"DESCENTE PRO\uff08\u30c7\u30b5\u30f3\u30c8 \u30d7\u30ed\uff09"},"content":{"rendered":"","protected":false},"featured_media":0,"template":"","feature_tag":[],"acf":{"meta_title":"DESCENTE PRO \u30c7\u30b5\u30f3\u30c8 \u30d7\u30ed\uff5c\u30c7\u30b5\u30f3\u30c8\u516c\u5f0f ","meta_keyword":"","meta_desc":"\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u8ab2\u984c\u89e3\u6c7a\u3092\u8d77\u70b9\u306b\u3001\u307e\u3060\u4e16\u306e\u4e2d\u306b\u306a\u3044\u30b9\u30dd\u30fc\u30c4\u30a6\u30a7\u30a2\u306e\u958b\u767a\u3092\u76ee\u6307\u3057\u305f\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u58f0\u3092\u3082\u3068\u306b\u5f62\u4f5c\u3089\u308c\u308b\u30c7\u30b6\u30a4\u30f3\u306b\u306f\u3001\u8ab2\u984c\u89e3\u6c7a\u306e\u8996\u70b9\u304b\u3089\u8a2d\u8a08\u3055\u308c\u305f\u72ec\u81ea\u306e\u6a5f\u80fd\u7f8e\u304c\u51dd\u7e2e\u3055\u308c\u3066\u3044\u307e\u3059\u3002","ogp_img":{"ID":17292,"id":17292,"title":"4GzR0I_4","filename":"4GzR0I_4.png","filesize":1411435,"url":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4.png","link":"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro\/attachment\/4gzr0i_4\/","alt":"","author":"54","description":"","caption":"","name":"4gzr0i_4","status":"inherit","uploaded_to":17237,"date":"2024-03-08 07:59:47","modified":"2024-03-08 07:59:47","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/store.descente.co.jp\/descente\/wp-includes\/images\/media\/default.png","width":1200,"height":630,"sizes":{"thumbnail":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4-360x220.png","thumbnail-width":150,"thumbnail-height":92,"medium":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4-630x340.png","medium-width":300,"medium-height":162,"medium_large":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4-768x403.png","medium_large-width":768,"medium_large-height":403,"large":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4-760x194.png","large-width":760,"large-height":194,"1536x1536":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4.png","1536x1536-width":1200,"1536x1536-height":630,"2048x2048":"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2024\/03\/4GzR0I_4.png","2048x2048-width":1200,"2048x2048-height":630}},"emergency_direct_link":"","emergency_direct_link_target":"\u901a\u5e38","\u767b\u9332":{"add_css_js_source":"<script>\r\n\/* PLUGIN *\/\r\ngsap.registerPlugin(ScrollTrigger);\r\ngsap.registerPlugin(ScrollToPlugin)\r\n\r\n\/* LOADING *\/\r\nlet body = document.querySelector('.l-body');\r\nlet loading = document.querySelector('.l-loading');\r\nlet logo = document.querySelector('.p-header');\r\nlet bar = document.querySelector('.p-loading__bar');\r\nlet progress = document.querySelector('.p-loading__progress');\r\nlet overlay = document.querySelector('.p-loading__overlay');\r\nlet aside = document.querySelector('.l-aside');\r\nlet message = document.querySelector('.p-message');\r\nlet mv = document.querySelector('.p-mv__img');\r\nlet main = document.querySelector('.l-main');\r\n\r\ngsap.set([logo,message], {\r\n  y: 20,\r\n});\r\n\r\ngsap.set([logo,bar,aside,message], {\r\n  opacity: 0,\r\n});\r\n\r\ngsap.set(mv, {\r\n  y: '20%',\r\n});\r\n\r\nScrollTrigger.matchMedia({\r\n\"(max-width: 959px)\": function () {\r\n  gsap.timeline()\r\n  .fromTo(logo, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '+=1.2')\r\n  .fromTo(bar, 0.4, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'power2.out' }, '+=0.4')\r\n  .fromTo(progress, 0.8, { width: '0' }, { width: '100%', ease: 'power2.out' }, '+=0.2')\r\n  \/\/.add(() => { youtubeSP(); })\r\n  .add(() => {\r\n    var video = document.getElementById('video');\r\n    \/\/\u518d\u751f\r\n    video.play();\r\n  })\r\n  .fromTo(overlay, 1, { height: '100%', background: '#222' }, { height: '80vw', background: '#222', ease: 'power4.out' }, '+=0.2')\r\n  .to(bar, 0, { autoAlpha: 0 }, '<')\r\n  .fromTo(mv, 1.8, { y: '12%', scale: 1.2 }, { y: '-5%', scale: 1 ,ease: 'power3.out' }, '<')\r\n  .fromTo(message, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.2')\r\n  .fromTo(aside, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.02')\r\n  .to(loading, 0, {\r\n    onComplete: () => {\r\n      loading.style.display = 'none' \r\n    }\r\n  }, '<')\r\n  .fromTo(main, 0, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'none' }, '<')\r\n  .add(() => {\r\n    body.classList.remove('is-fixed');\r\n  });\r\n},\r\n\"(min-width: 960px)\": function () {\r\n  gsap.timeline()\r\n  .fromTo(logo, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '+=1.2')\r\n  .fromTo(bar, 0.4, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'power2.out' }, '+=0.4')\r\n  .fromTo(progress, 0.8, { width: '0' }, { width: '100%', ease: 'power2.out' }, '+=0.2')\r\n  \/\/.add(() => { youtubePC(); })\r\n  .add(() => {\r\n    videoPlay();\r\n  })\r\n  .fromTo(overlay, 1, { height: '100%', background: '#222' }, { height: '230px', background: '#222', ease: 'power4.out' }, '+=0.2')\r\n  .to(bar, 0, { autoAlpha: 0 }, '<')\r\n  .fromTo(mv, 1.8, { y: '12%', scale: 1.2 }, { y: '-5%', scale: 1 ,ease: 'power3.out' }, '<')\r\n  .fromTo(message, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.2')\r\n  .fromTo(aside, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.02')\r\n  .to(loading, 0, {\r\n    onComplete: () => {\r\n      loading.style.display = 'none' \r\n    }\r\n  }, '<')\r\n  .fromTo(main, 0, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'none' }, '<')\r\n  .add(() => {\r\n    body.classList.remove('is-fixed');\r\n  });\r\n},\r\n});\r\n\r\nfunction videoPlay() {\r\n  var video = document.getElementById('video');\r\n  \/\/\u518d\u751f\r\n  video.play();\r\n}\r\n\r\nfunction youtubePC() {\r\n  \/\/IFrame Player API\u306e\u8aad\u307f\u8fbc\u307f\r\n  var tag = document.createElement('script');\r\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n  var firstScriptTag = document.getElementsByTagName('script')[0];\r\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n  \/\/YouTube player\u306e\u57cb\u3081\u8fbc\u307f\r\n  var player;\r\n  window.onYouTubeIframeAPIReady = function() {\r\n    player = new YT.Player('player-pc', {\r\n      videoId: '0pDTm0pkFw4',\r\n      playerVars: {\r\n        autoplay: 1,\r\n        loop: 1,\r\n        playlist: '0pDTm0pkFw4',\r\n      },\r\n      events: {\r\n        'onReady': onPlayerReady,\r\n      }\r\n    });\r\n  }\r\n  function onPlayerReady(event) {\r\n    event.target.setVolume(0);\r\n  }\r\n}\r\n\r\nfunction youtubeSP() {\r\n\r\n  \/\/IFrame Player API\u306e\u8aad\u307f\u8fbc\u307f\r\n  var tag = document.createElement('script');\r\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n  var firstScriptTag = document.getElementsByTagName('script')[0];\r\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n  \/\/YouTube player\u306e\u57cb\u3081\u8fbc\u307f\r\n  var player;\r\n  window.onYouTubeIframeAPIReady = function() {\r\n    player = new YT.Player('player-sp', {\r\n      videoId: '0pDTm0pkFw4',\r\n      playerVars: {\r\n        autoplay: 1,\r\n        loop: 1,\r\n        playlist: '0pDTm0pkFw4',\r\n      },\r\n      events: {\r\n        'onReady': onPlayerReady,\r\n      }\r\n    });\r\n  }\r\n  function onPlayerReady(event) {\r\n    event.target.setVolume(0);\r\n  }\r\n}\r\n\r\n\/* PARALLAX IMG *\/\r\ngsap.utils.toArray(\".js-mvImg\").forEach(target => {\r\n  ScrollTrigger.matchMedia({\r\n  \"(max-width: 959px)\": function () {\r\n    gsap.fromTo(target,\r\n      { y: \"-5%\", scale: 1 },\r\n      { y: \"-26%\", scale: 1, delay: 0, duration: 0.8, ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: \".l-main\",\r\n          start: 'top top',\r\n          end: 'bottom top',\r\n          scrub: 1.8,\r\n          markers: false,\r\n          toggleClass: {targets: target, className: \"is-active\"},\r\n        }\r\n      }\r\n    );\r\n  },\r\n  \"(min-width: 960px)\": function () {\r\n    gsap.fromTo(target,\r\n      { y: \"-5%\", scale: 1 },\r\n      { y: \"-80%\", scale: 1, delay: 0, duration: 0.8, ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: \".l-main\",\r\n          start: 'top top',\r\n          end: 'bottom top',\r\n          scrub: 1.8,\r\n          markers: false,\r\n          toggleClass: {targets: target, className: \"is-active\"},\r\n        }\r\n      }\r\n    );\r\n  },\r\n  });\r\n});\r\n\r\n\/* SNAP SCROLL *\/\r\nScrollTrigger.matchMedia({\r\n  \"(max-width: 959px)\": function () {\r\n    const panels = document.querySelectorAll(\".js-snap\");\r\n    \/\/console.log(img);\r\n\r\n    function goToPanel(panel) {\r\n      gsap.to(window, {\r\n        scrollTo: { y: panel, autoKill: false },\r\n        duration: 1,\r\n      });\r\n    }\r\n\r\n    panels.forEach((panel) => {\r\n      ScrollTrigger.create({\r\n        trigger: panel,\r\n        top: \"top center\",\r\n        toggleClass: {targets: panel, className: \"is-active\"},\r\n        once: true,\r\n      });\r\n    });\r\n    ScrollTrigger.addEventListener(\"scrollEnd\", () => console.log(\"scrollEnd\"));\r\n  },\r\n  \"(min-width: 960px)\": function () {\r\n    const panels = document.querySelectorAll(\".js-snap\");\r\n    \/\/console.log(img);\r\n\r\n    function goToPanel(panel) {\r\n      gsap.to(window, {\r\n        scrollTo: { y: panel, autoKill: false },\r\n        duration: 1,\r\n      });\r\n    }\r\n\r\n    panels.forEach((panel) => {\r\n      ScrollTrigger.create({\r\n        trigger: panel,\r\n        start: \"top center\",\r\n        end: \"bottom top+=1px\",\r\n        \/\/onEnter: () => goToPanel(panel),\r\n        \/\/onEnterBack: () => goToPanel(panel),\r\n        toggleClass: {targets: panel, className: \"is-active\"},\r\n        once: true,\r\n      });\r\n    });\r\n    ScrollTrigger.addEventListener(\"scrollEnd\", () => console.log(\"scrollEnd\"));\r\n  },\r\n});\r\n\r\n\/* SMOOTH SCROLL *\/\r\nconst smoothScrollTrigger = document.querySelectorAll('a[href^=\"#\"]');\r\nfor (let i = 0; i < smoothScrollTrigger.length; i++){\r\n  smoothScrollTrigger[i].addEventListener('click', (e) => {\r\n    e.preventDefault();\r\n    let href = smoothScrollTrigger[i].getAttribute('href');\r\n     let targetElement = document.getElementById(href.replace('#', ''));\r\n    const rect = targetElement.getBoundingClientRect().top;\r\n    const offset = window.pageYOffset;\r\n    const gap = 60;\r\n    const target = rect + offset - gap;\r\n    window.scrollTo({\r\n      top: target,\r\n      behavior: 'smooth',\r\n    });\r\n  });\r\n}\r\n\r\n\/* STAGGER *\/\r\nwindow.addEventListener(\"load\", function(){\r\n  gsap.utils.toArray(\".js-stagger\").forEach(target => {\r\n    const staggerItem  = target.querySelectorAll(\".js-staggerItem\");\r\n    gsap.fromTo(staggerItem,\r\n      { y: 20, autoAlpha: 0},\r\n      {\r\n        y: 0,\r\n        autoAlpha: 1,\r\n        stagger: 0.2,\r\n        delay: 0.02,\r\n        duration: 0.8,\r\n        ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: target,\r\n          start: 'top center',\r\n          end: 'bottom top',\r\n          scrub: false,\r\n          markers: false,\r\n          pin: false,\r\n          toggleClass: {targets: staggerItem, className: \"is-active\"},\r\n          once: true, \r\n        }\r\n    });\r\n  });\r\n});\r\n\r\n\/* SCROLL FADE *\/\r\n\r\nvar beforePos = 0;\r\n\r\nfunction ScrollAnime() {\r\n\r\n  var elemTop = 30;\r\n  var scroll = $(window).scrollTop();\r\n  if(scroll == beforePos) {\r\n  }else if(elemTop > scroll || 0 > scroll - beforePos){\r\n    $('.l-aside,.l-header').removeClass('is-up');\r\n    $('.l-aside,.l-header').addClass('is-down');\r\n  }else {\r\n    $('.l-aside,.l-header').removeClass('is-down');\r\n    $('.l-aside,.l-header').addClass('is-up');\r\n  }\r\n  beforePos = scroll;\r\n}\r\n\r\n$(function(){\r\n  ScrollAnime();\r\n});\r\n\r\n$(window).scroll(function () {\r\n  ScrollAnime();\r\n});\r\n<\/script>"},"feature_list_img":false,"feature_list_display":false,"module":[{"acf_fc_layout":"module11","add_css":"<style>\r\n  @charset \"UTF-8\";\r\n  \r\n    html {\r\n    margin-top: 0 !important;\r\n    }\r\n  \r\n    \/***\r\n        The new CSS reset - version 1.7.3 (last updated 7.8.2022)\r\n        GitHub page: https:\/\/github.com\/elad2412\/the-new-css-reset\r\n    ***\/\r\n    \/*\r\n        Remove all the styles of the \"User-Agent-Stylesheet\", except for the 'display' property\r\n        - The \"symbol *\" part is to solve Firefox SVG sprite bug\r\n     *\/\r\n    *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {\r\n      all: unset;\r\n      display: revert;\r\n    }\r\n  \r\n    \/* Preferred box-sizing value *\/\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n    }\r\n  \r\n    \/* Reapply the pointer cursor for anchor tags *\/\r\n    a, button {\r\n      cursor: revert;\r\n    }\r\n  \r\n    \/* Remove list styles (bullets\/numbers) *\/\r\n    ol, ul, menu {\r\n      list-style: none;\r\n    }\r\n  \r\n    \/* For images to not be able to exceed their container *\/\r\n    img {\r\n      max-width: 100%;\r\n    }\r\n  \r\n    \/* removes spacing between cells in tables *\/\r\n    table {\r\n      border-collapse: collapse;\r\n    }\r\n  \r\n    \/* Safari - solving issue when using user-select:none on the <body> text input doesn't working *\/\r\n    input, textarea {\r\n      -webkit-user-select: auto;\r\n    }\r\n  \r\n    \/* revert the 'white-space' property for textarea elements on Safari *\/\r\n    textarea {\r\n      white-space: revert;\r\n    }\r\n  \r\n    \/* minimum style to allow to style meter element *\/\r\n    meter {\r\n      -webkit-appearance: revert;\r\n      -moz-appearance: revert;\r\n      appearance: revert;\r\n    }\r\n  \r\n    \/* reset default text opacity of input placeholder *\/\r\n    ::-moz-placeholder {\r\n      color: unset;\r\n    }\r\n    :-ms-input-placeholder {\r\n      color: unset;\r\n    }\r\n    ::placeholder {\r\n      color: unset;\r\n    }\r\n  \r\n    \/* fix the feature of 'hidden' attribute.\r\n       display:revert; revert to element instead of attribute *\/\r\n    :where([hidden]) {\r\n      display: none;\r\n    }\r\n  \r\n    \/* revert for bug in Chromium browsers\r\n       - fix for the content editable attribute will work properly.\r\n       - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*\/\r\n    :where([contenteditable]:not([contenteditable=\"false\"])) {\r\n      -moz-user-modify: read-write;\r\n      -webkit-user-modify: read-write;\r\n      -webkit-line-break: after-white-space;\r\n      -webkit-user-select: auto;\r\n      overflow-wrap: break-word;\r\n    }\r\n  \r\n    \/* apply back the draggable feature - exist only in Chromium and Safari *\/\r\n    :where([draggable=\"true\"]) {\r\n      -webkit-user-drag: element;\r\n    }\r\n  \r\n    \/*=============\r\n    Customize\r\n    ===============*\/\r\n  \r\n    header,\r\n    footer,\r\n    #bread,\r\n    .article_ttl,\r\n    .return_btn,\r\n    .sns_icon,\r\n    #relation_tag_list {\r\n      display: none !important;\r\n    }\r\n  \r\n    .ticker_off.lower #main_area {\r\n      padding: 0 !important;\r\n    }\r\n  \r\n    #article_detail .article_width {\r\n        max-width: 100% !important;\r\n        padding: 0 !important;\r\n    }\r\n  \r\n    \/*=============\r\n    Default\r\n    ===============*\/\r\n  \r\n    :root {\r\n      \/*\u80cc\u666f\u8272*\/\r\n      --color_bg: #fdf5ed;\r\n  \r\n      \/*\u6587\u5b57\u8272*\/\r\n      --color_main: #fff;\r\n  \r\n      \/*\u5f37\u8abf\u8272(1)*\/\r\n      --color_accent: #ed1c24;\r\n  \r\n      \/*\u5f37\u8abf\u8272(2)*\/\r\n      --color_accent2: #000092;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u80cc\u666f\u8272(1)*\/\r\n      --bg_btn: #ed1c24;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u30ab\u30e9\u30fc(1)*\/\r\n      --color_btn: #fff;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u80cc\u666f\u8272(2)*\/\r\n      --bg_btn2: #000092;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u30ab\u30e9\u30fc(2)*\/\r\n      --color_btn2: #fff;\r\n  \r\n      \/*\u30dc\u30fc\u30c0\u30fc\u30ab\u30e9\u30fc*\/\r\n      --color_border: #39332e;\r\n    }\r\n  \r\n    html,\r\n    body {\r\n      font-size: 100%;\r\n      font-weight: 300;\r\n      font-family: \"Noto Sans JP\", \"\u6e38\u30b4\u30b7\u30c3\u30af\u4f53\", YuGothic, \"\u6e38\u30b4\u30b7\u30c3\u30af\", \"Yu Gothic\", \"Helvetica Neue\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Meiryo\", \"Arial\", sans-serif;\r\n      letter-spacing: 0.05em;\r\n      color: var(--color_main);\r\n      -webkit-font-smoothing: antialiased;\r\n      \/*overflow-x: hidden;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 1100px) {\r\n      html,\r\n      body {\r\n        font-size: 90%;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      html,\r\n      body {\r\n        font-size: 100%;\r\n      }\r\n    }\r\n  \r\n    a {\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    svg,\r\n    img,\r\n    video {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        vertical-align: top;\r\n    }\r\n  \r\n    \/*=============\r\n    Font\r\n    ===============*\/\r\n  \r\n    @font-face {\r\n      font-family: 'Riviera Light';\r\n      src: url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Light.woff') format('woff'),\r\n           url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Light.ttf') format('truetype');\r\n    }\r\n  \r\n    @font-face {\r\n      font-family: 'Riviera Regular';\r\n      src: url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Regular.woff') format('woff'),\r\n           url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Regular.ttf') format('truetype');\r\n    }\r\n  \r\n    \/*=============\r\n    Animation\r\n    ===============*\/\r\n  \r\n  \r\n    \/*=============\r\n    JS\r\n    ===============*\/\r\n  \r\n    .js-proxy {\r\n      position: absolute;\r\n      visibility: hidden;\r\n    }\r\n  \r\n    .js-sideArea,\r\n    .js-txtArea {\r\n      overflow: hidden;\r\n    }\r\n  \r\n    .js-sideWrap,\r\n    .js-txtWrap {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      will-change: auto;\r\n      \/*margin-left: 100%;*\/\r\n    }\r\n  \r\n    .js-txtWrap {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      z-index: 2;\r\n    }\r\n  \r\n    .js-section {\r\n      display: block;\r\n    }\r\n  \r\n    \/*=============\r\n    Layout\r\n    ===============*\/\r\n  \r\n    .l-body {\r\n      color: var(--color_main);\r\n    }\r\n  \r\n    .l-body a {\r\n      color: var(--color_main);\r\n    }\r\n  \r\n    .l-body.is-fixed {\r\n      position: fixed;\r\n      overflow: hidden; \r\n      width: 100%;\r\n    }\r\n  \r\n    .l-loading {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 1;\r\n    }\r\n  \r\n    .l-wrapper {\r\n      background: #222;\r\n      overflow-x: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-wrapper {\r\n        overflow-x: hidden;\r\n      }\r\n    }\r\n  \r\n    .l-header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      padding: 70px 64px;\r\n      z-index: 2;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-header {\r\n        padding: 27px 8vw;\r\n        transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n      .l-header.is-up {\r\n        top: -20px;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  \r\n    .l-main {\r\n      opacity: 0;\r\n      \/*height: 100vh;\r\n      scroll-snap-type: y mandatory;\r\n      overflow: auto;*\/\r\n    }\r\n  \r\n    .l-snap {\r\n      \/*height: 100vh;*\/\r\n      \/*scroll-snap-align: center;\r\n      overflow-y: scroll;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-snap {\r\n        height: inherit;\r\n      }\r\n    }\r\n  \r\n    .l-aside {\r\n      position: fixed;\r\n      bottom: 80px;\r\n      left: 64px;\r\n      z-index: 5;\r\n      color: var(--color_main);\r\n      \/*mix-blend-mode: overlay;*\/\r\n      opacity: 0;\r\n      width: min(50vw,400px);\r\n            transform: translate(0,0);\r\n                  transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n    }\r\n  \r\n    .l-aside.is-up {\r\n      bottom: 70px;\r\n      opacity: 0 !important;\r\n      pointer-events: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-aside {\r\n        top: 27px;\r\n        bottom: auto;\r\n        left: inherit;\r\n        right: 8vw;\r\n        height: 25vw;\r\n        width: min(43vw,280px);\r\n        transform: translate(0,0);\r\n        z-index: 3;\r\n        transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n      .l-aside.is-up {\r\n        top: -20px;\r\n        opacity: 0 !important;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  \r\n    .l-footer {\r\n      position: relative;\r\n      padding: 120px 64px 80px;\r\n      background: #000000;\r\n      color: var(--color_main);\r\n      z-index: 6;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-footer {\r\n        padding: 28vw 7vw 14vw;\r\n      }\r\n    }\r\n  \r\n    \/*=============\r\n    Project\r\n    ===============*\/\r\n  \r\n    .p-loading {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    .p-loading__overlay {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: #222;\r\n    }\r\n  \r\n    .p-loading__bar {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 90%;\r\n      height: 1px;\r\n      background: #222;\r\n      transform: translate(-50%,-50%);\r\n      z-index: 1;\r\n      opacity: 0;\r\n    }\r\n  \r\n    .p-loading__progress {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 100%;\r\n      width: 90%;\r\n      height: 1px;\r\n      background: #fff;\r\n    }\r\n  \r\n    .p-mv {\r\n      height: 56.2vw;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv {\r\n        height: auto;\r\n        \/*height: 183vw;*\/\r\n      }\r\n    }\r\n  \r\n    .p-mv__img {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: scale(1.2) translate(0,12%);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv__img {\r\n        height: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-mv__img picture {\r\n      width: 120%;\r\n      height: 120%;\r\n      display: block;\r\n    }\r\n  \r\n    .p-mv__video {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      pointer-events: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv__img {\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-mv__video iframe { \r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      \/*left: -10%;\r\n      width: 120%;\r\n      height: 120%;*\/\r\n    }\r\n  \r\n    .p-header {\r\n      display: flex;\r\n      align-items: center;\r\n      opacity: 0;\r\n    }\r\n  \r\n    .p-header__logo {\r\n      display: block;\r\n      width: 72px;\r\n      padding-right: 28px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-header__logo {\r\n        width: 11.5vw;\r\n        padding-right: 4.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-header__logo svg {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-header__logo a {\r\n      display: block;\r\n    }\r\n  \r\n    .p-header__pro {\r\n      display: block;\r\n      width: 78px;\r\n      height: 100%;\r\n      padding: 14px 0 14px 28px;\r\n      border-left: 1px solid var(--color_main);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-header__pro {\r\n        width: 12.2vw;\r\n        padding: 2vw 0 2vw 4.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-header__pro svg {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-header__pro a {\r\n      display: block;\r\n    }\r\n  \r\n  \r\n    .p-aside__nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 46px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-aside__nav {\r\n        gap: 2.2vw;\r\n        font-size: 2.7vw;\r\n        text-align: right;\r\n      }\r\n    }\r\n  \r\n    .p-aside__navItem a {\r\n      position: relative;\r\n      padding-bottom: 4px;\r\n      color: #fff;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    .p-aside__navItem a:hover {\r\n      \/*background-image: linear-gradient(transparent 94%, #fff 0%);*\/\r\n    }\r\n  \r\n    .p-aside__navItem a:after {\r\n      \/*content: \"\";\r\n      width: 0;\r\n      height: 1px;\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: var(--color_main);\r\n      transition-duration: 0.3s;*\/\r\n    }\r\n  \r\n    .p-aside__navItem a:hover:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__navItem.is-active a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__navItem.is-active a {\r\n      text-decoration: underline;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"01\"] .p-aside__navItem:first-child a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"02\"] .p-aside__navItem:nth-child(2) a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"03\"] .p-aside__navItem:nth-child(3) a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-intro {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding-block: clamp(7.5rem, 3.8889rem + 14.8148vw, 15rem); clamp(7.5rem, 5.0926rem + 9.8765vw, 12.5rem);;\r\n    }\r\n  \r\n    .p-intro__sub {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      margin-top: clamp(7.5rem, 5.0926rem + 9.8765vw, 12.5rem);;\r\n    }\r\n  \r\n    .p-intro__sub_ttl {\r\n      font-size: 1rem;\r\n      line-height: 1;\r\n    }\r\n  \r\n    .p-intro__sub_ttl h2 {\r\n      letter-spacing: 0.1em;\r\n    }\r\n  \r\n    .p-intro__sub_btn {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: clamp(2.125rem, 1.3426rem + 3.2099vw, 3.75rem);;\r\n    }\r\n  \r\n    .p-intro__sub_btn a {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 330px;\r\n      height: 50px;\r\n      font-size: 0.75rem;\r\n      line-height: 1;\r\n      letter-spacing: 0.1em;\r\n      color: #fff;\r\n      background-color: #7F7F7F;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro {\r\n        height: inherit;\r\n        min-height: inherit;\r\n        padding: 28vw 8vw 30vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro.is-second {\r\n      height: inherit;\r\n      padding: 100px 0 100px;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro.is-second {\r\n        padding: 21vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__main {\r\n      display: flex;\r\n      gap: 200px;\r\n      padding-left: min(18vw,384px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__main {\r\n        display: block;\r\n        max-width: 100%;\r\n        min-width: inherit;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n  \r\n    .p-intro__art {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 120px;\r\n      width: 100%;\r\n      padding-right: 250px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__art {\r\n        gap: 26vw;\r\n        width: 92%;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-intro__ttl {\r\n      width: 30%;\r\n      padding-top: 5px;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__ttl {\r\n        width: 100%;\r\n        margin-bottom: 18vw;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro.is-second .p-intro__ttl {\r\n        \/*display: none;*\/\r\n        margin-bottom: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__ttl h2 {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__ttl h2 {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secTtl {\r\n      margin-bottom: 10px;\r\n      font-size: 0.875rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secTtl {\r\n        width: 82%;\r\n        margin-bottom: 3.2vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secSubTtl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n      font-family: 'Riviera Regular';\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secSubTtl {\r\n        width: 82%;\r\n        margin-bottom: 6.2vw;\r\n        font-size: 3.55vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secSubTtl small {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secSubTtl small {\r\n        margin-top: 0.6vw;\r\n        font-size: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secDesc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secDesc {\r\n        width: 82%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secLogo {\r\n      display: block;\r\n      max-width: 256px;\r\n      width: 100%;\r\n      margin-bottom: 30px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secLogo {\r\n        max-width: 100%;\r\n        width: 71%;\r\n        margin-bottom: 11vw;\r\n      }\r\n    }\r\n  \r\n    #add-contents {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding-block: clamp(10.875rem, 9.0093rem + 7.6543vw, 14.75rem);\r\n      color: #fff;\r\n      background-color: #444444;\r\n    }\r\n  \r\n    #add-contents br {\r\n      display: none;\r\n    }\r\n\r\n    #challenge section a {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n\r\n    .p-challenge__content {\r\n      position: absolute;\r\n      z-index: 2;\r\n      inset: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: clamp(1rem, 0.6991rem + 1.2346vw, 1.625rem);\r\n      line-height: 1;\r\n      text-align: center;\r\n    }\r\n\r\n    .p-challenge__content + * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .p-challenge__title {\r\n      font-size: clamp(1.25rem, 0.6481rem + 2.4691vw, 2.5rem);\r\n      letter-spacing: 0.065em;\r\n    }\r\n\r\n    .p-challenge__text {\r\n      font-size: clamp(0.6875rem, 0.3565rem + 1.358vw, 1.375rem);\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    .p-challenge__bottom .p-challenge__text {\r\n      letter-spacing: 0.18em;\r\n    }\r\n  \r\n    #items {\r\n      background-color: #f5f7f8;\r\n    }\r\n  \r\n    .p-items__section {\r\n      position: relative;\r\n    }\r\n  \r\n    .p-items__text {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      padding-right: 56px;\r\n      padding-block: 50px;\r\n      font-size: clamp(0.9375rem, 0.6065rem + 1.358vw, 1.625rem);\r\n      line-height: 1.230769231;\r\n      color: #000000;\r\n    }\r\n  \r\n    .p-items__text span {\r\n      writing-mode: vertical-rl;\r\n      text-align: right;\r\n      letter-spacing: 0.1em;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      #add-contents br {\r\n        display: block;\r\n      }\r\n  \r\n      .p-items__text {\r\n        top: auto;\r\n        right: auto;\r\n        padding: 0;\r\n        padding-bottom: 17px;\r\n        padding-left: 17px;\r\n        line-height: 1;\r\n      }\r\n  \r\n      .p-items__text span {\r\n        writing-mode: initial;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    .p-item {\r\n      \/*display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;*\/\r\n      width: 100%;\r\n      overflow: hidden;\r\n      \/*height: 100vh;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item {\r\n        position: relative;\r\n        \/*height: 100vw;*\/\r\n      }\r\n    }\r\n  \r\n    .p-item.is-second {\r\n      \/*height: 100vh;*\/\r\n      background: #444;\r\n    }\r\n  \r\n    .p-item__img {\r\n      \/*position: absolute;*\/\r\n      width: 100%;\r\n      \/*height: 100vh;*\/\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__img {\r\n        \/*height: 100%;*\/\r\n      }\r\n    }\r\n  \r\n    .p-item__fig:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;*\/\r\n      \/*border-top: 10vw solid #888888;\r\n      border-bottom: 10vw solid #888888;\r\n      border-right: 4vw solid #888888;\r\n      border-left: 4vw solid #888888;\r\n      z-index: 2;\r\n      transition-delay: 0.1s;\r\n      transition-duration: 1.1s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);*\/\r\n    }\r\n  \r\n    \/*@media screen and (max-width: 959px) {\r\n      .p-item__fig:after {\r\n        border-top: 8vw solid #888888;\r\n        border-bottom: 8vw solid #888888;\r\n        border-right: 3vw solid #888888;\r\n        border-left: 3vw solid #888888;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__fig:after {\r\n      border: 0 solid #888888;\r\n    }*\/\r\n  \r\n    .p-item__fig--l {\r\n      width: 100% !important;\r\n    }\r\n  \r\n    .p-item__link {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n        flex-direction: row-reverse;\r\n          align-items: flex-end;\r\n      width: 100%;\r\n      \/*height: 100vh;*\/\r\n      \/*pointer-events: none;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__link {\r\n        flex-direction: column;\r\n        height: 100%;\r\n        pointer-events: inherit;\r\n      }\r\n    }\r\n  \r\n    #tight .p-item__link {\r\n      flex-direction: row;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      #tight .p-item__link {\r\n        flex-direction: column;\r\n      }\r\n    }\r\n  \r\n    .p-item__link.is-nolink {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 3;*\/\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon:before {\r\n      content: \"COMING SOON\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 80px;\r\n      transform: translate(-50%,0);\r\n      font-size: 1rem;\r\n      font-family: 'Riviera Light';\r\n      letter-spacing: 0.14em;\r\n      z-index: 4;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__link.is-comingsoon:before {\r\n        display: block;\r\n        bottom: 6.8vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__view {\r\n      \/*position: absolute;\r\n      bottom: 80px;\r\n      left: 50%;*\/\r\n      display: block;\r\n      text-align: left;\r\n      \/*transform: translate(-50%,0);*\/\r\n      \/*display: none;*\/\r\n      margin-top: 54px;\r\n      z-index: 2;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__view {\r\n        display: block;\r\n        bottom: 5.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon .p-item__view {\r\n      display: none;\r\n    }\r\n  \r\n    .p-item__view span,\r\n    .p-item__view a {\r\n      color: #fff;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-size: 1rem;\r\n      padding-bottom: 6px;\r\n      letter-spacing: 0.09em;\r\n      transform: translate(0,100%);\r\n      transition-delay: 0.3s;\r\n      transition-duration: 0.6s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view span,\r\n    .l-snap.is-active .p-item__view a {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    .p-item__view span:after,\r\n    .p-item__view a:after {\r\n      content: \"\";  \r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-delay: 0.1s;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view span:after,\r\n    .l-snap.is-active .p-item__view a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view:hover span:after,\r\n    .l-snap.is-active .p-item__view:hover a:after {\r\n      width: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__view span,\r\n      .p-item__view a {\r\n        display: inline-block;\r\n          font-size: 3.4vw;\r\n          padding-bottom: 1vw;\r\n      }\r\n      .p-item__view span:after,\r\n      .p-item__view a:after {\r\n        display: block;\r\n      }\r\n    }\r\n  \r\n    .p-item__fig {\r\n      margin: 0;\r\n      position: relative;\r\n      width: 60%;\r\n      \/*height: 100%;*\/\r\n      overflow: hidden;\r\n      \/*transition-delay: 0.1s;\r\n      transition-duration: 1s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\r\n      perspective: 1000;\r\n      will-change: transform;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig {\r\n        width: 100%;\r\n        \/*height: 100%;*\/\r\n      }\r\n    }\r\n  \r\n    \/*.l-snap.is-active .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }*\/\r\n  \r\n    \/*.p-item__img.is-active .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }*\/\r\n  \r\n    .p-item__fig img {\r\n      \/*position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition-duration: 0.4s;\r\n      transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n      transform: translate(-50%,-50%) scale(1);\r\n      perspective: 1000;\r\n      will-change: transform;*\/\r\n      \/*filter: blur(6px);*\/\r\n    }\r\n  \r\n    \/*.p-item__link:hover .p-item__fig img {\r\n      transform: translate(-50%,-50%) scale(1.04);\r\n    }*\/\r\n  \r\n    .p-item__fig img {\r\n        transition-duration: 0.4s;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .p-item__fig a:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig img {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: inherit;\r\n        transition-duration: 0.6s;\r\n        \/*filter: blur(6px);*\/\r\n      }\r\n      \/*.p-item__link:hover .p-item__fig img {\r\n        transform: translate(-50%,-50%) scale(1.04);\r\n      }*\/\r\n    }\r\n  \r\n    .p-item__txt {\r\n      width: 40%;\r\n      padding: min(10vw,100px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt {\r\n        width: 100%;\r\n        padding: 12vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt h2 {\r\n      margin-bottom: 20px;\r\n      font-size: 26px;\r\n      font-family: 'Riviera Light';\r\n      line-height: 1.2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig h2 {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%; \r\n        width: 90%;\r\n        margin-bottom: 4vw;\r\n        font-size: 5.2vw;\r\n        color: #999999;\r\n        text-align: center; \r\n        transform: translate(-50%,-50%);\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig .p-item__view {\r\n        position: absolute;\r\n        width: 100%;\r\n        left: 0;\r\n        bottom: 6%; \r\n        margin-bottom: 0;\r\n        color: #999999;\r\n        text-align: center;\r\n      }\r\n      .p-item__fig .p-item__view a,\r\n      .p-item__fig .p-item__view span {\r\n        color: #999999;\r\n      }\r\n      .p-item__fig .p-item__view a:after,\r\n      .p-item__fig .p-item__view span:after {\r\n        background: #999999;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt h3 {\r\n      margin-bottom: 20px;\r\n      font-size: 14px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt h3 {\r\n  \r\n        margin-bottom: 4vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt p {\r\n      font-size: 12px;\r\n      line-height: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt p {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    \/*.p-item__img.is-active .p-item__fig img {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: translate(-50%,-50%) scale(1);\r\n    }*\/\r\n  \r\n    .p-item__main {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__main {\r\n        display: none;\r\n      }\r\n    }\r\n  \r\n    .p-item__other {\r\n      position: relative;\r\n      height: 100vh;\r\n    }\r\n  \r\n    .p-item__other .p-item__link {\r\n      pointer-events: inherit;\r\n    }\r\n  \r\n    .p-item__other .p-item__link  .p-item__fig img {\r\n      transition-duration: 0.6s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .p-item__other .p-item__link:hover .p-item__fig img {\r\n      transform: translate(-50%,-50%) scale(1.05);\r\n      transition-duration: 0.6s;\r\n    }\r\n  \r\n    .p-item__other .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    .p-item__other .p-item__view {\r\n      display: block;\r\n    }\r\n  \r\n    .p-item__credit {\r\n      position: fixed;\r\n      top: 64px;\r\n      height: calc(100% - 128px);\r\n      width: 100%;\r\n      z-index: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__credit {\r\n        top: 120px;\r\n        left: 0;\r\n        height: calc(100vh - 150px);\r\n      }\r\n    }\r\n  \r\n    .p-item__ttl {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 1.875rem;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__ttl {\r\n        font-size: 6.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__ttl span {\r\n      display: inline-block;\r\n      transform: translate(0,100%);\r\n      transition-delay: 0.3s;\r\n      transition-duration: 0.6s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__ttl span {\r\n      transform: translate(0,0);\r\n  \r\n    }\r\n  \r\n    .p-item__inner {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      will-change: auto;\r\n    }\r\n  \r\n    .p-item__art {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 100vh;\r\n      padding: 80px 0;\r\n      background: #888888;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__art {\r\n        padding: 100px 0 50px;\r\n        height: 100vh;\r\n      }\r\n    }\r\n  \r\n    .p-item__art:after {\r\n      position: absolute;\r\n      top: 0;\r\n      right: -2px;\r\n      content: \"\";\r\n      width: 4px;\r\n      height: 100%;\r\n      background: #888888;\r\n    }\r\n  \r\n    .p-item__art:last-child:after {\r\n      display: none;\r\n    }\r\n  \r\n    .p-item__detail {\r\n      position: relative;\r\n      width: 72%;\r\n      margin-left: auto;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__detail {\r\n        display: none;\r\n        width: 78%;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  \r\n    .p-item__story {\r\n      display: flex;\r\n      max-width: 50%;\r\n      min-width: 780px;\r\n      margin: 0 auto;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__story {\r\n        display: block;\r\n        max-width: 100%;\r\n        width: 45%;\r\n        margin: 0 auto;\r\n        min-width: inherit;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTtl {\r\n      width: 50%;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTtl {\r\n        width: 100%;\r\n        margin-bottom: 14vw;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTxt {\r\n      width: 50%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTxt {\r\n        width: 82%;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTtl h3 {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTtl h3 {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__storySubttl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storySubttl {\r\n        margin-bottom: 7vw;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyDesc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyDesc {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__buy,\r\n    .p-detail__buy {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 100%;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__buy,\r\n      .p-detail__buy {\r\n        left: 7vw;\r\n        width: calc(100% - 14vw);\r\n      }\r\n    }\r\n  \r\n    .p-item__buy a,\r\n    .p-detail__buy a {\r\n      display:  block;\r\n      max-width: 300px;\r\n      width: 100%;\r\n      padding: 18px 0;\r\n      color: #fff;\r\n      border: 1px solid rgba(255,255,255,0.5);\r\n      background: #7F7F7F;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      transition-duration: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__buy a,\r\n      .p-detail__buy a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 3.8vw 0;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__buy a:hover,\r\n    .p-detail__buy a:hover {\r\n      color: #999999;\r\n      background: #FFFFFF;\r\n    }\r\n  \r\n    .p-detail__buy {\r\n      position: static;\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-item__catch {\r\n      margin-bottom: 32px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__catch {\r\n        margin-bottom: 7vw;\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.1 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__desc {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-end;\r\n      gap: 30px;\r\n      padding: 0 64px 0 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex {\r\n        gap: 12vw;\r\n        padding: 30px 7vw 30px 0;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex .p-item__txt {\r\n      width: calc(46% - 60px);\r\n      max-width: 300px;\r\n      margin-bottom: 100px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex .p-item__txt {\r\n        width: calc(50% - 6vw);\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .p-item__info figure {\r\n      margin-left: auto;\r\n    }\r\n  \r\n    .p-item__info figure img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info figure img {\r\n      width: auto\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info figure {\r\n        height: 88vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex figure {\r\n      height: calc(48vw - 42px);\r\n      margin-top: 50px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex figure {\r\n        height: 88vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail {\r\n      background: #888888;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail {\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__inner {\r\n        padding-bottom: 12vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__inner.is-grey {\r\n      background: #666666;\r\n    }\r\n  \r\n    .p-detail__art {\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__art {\r\n        margin: 0;\r\n        padding: 0 8vw 20vw;\r\n      }\r\n      .p-detail__art:first-child {\r\n        padding: 20vw 8vw 20vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__slide {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow {\r\n      font-size: 0;\r\n      position: absolute;\r\n      top: 50%;\r\n      width: 20px;\r\n      height: 20px;\r\n      transform: rotate(-135deg);\r\n      z-index: 1;\r\n      cursor: pointer;\r\n    }\r\n  \r\n    .p-detail__slide .slick-next {\r\n      right: 0;\r\n    }\r\n  \r\n    .p-detail__slide .slick-next {\r\n      right: 0;\r\n      transform: rotate(45deg);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__slide .slick-arrow {\r\n        width: 2.8vw;\r\n        height: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::before, .p-detail__slide .slick-arrow::after {\r\n      content: '';\r\n      position: absolute;\r\n      background: #fff;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::before {\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::after {\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 1px;\r\n    }\r\n  \r\n    .p-detail__img {\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__img {\r\n        width: 100vw;\r\n        margin-right: calc(50% - 50vw);\r\n        margin-left: calc(50% - 50vw);\r\n        margin-bottom: 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__ttl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n      line-height: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__ttl {\r\n        width: 100%;\r\n        margin-bottom: 6vw;\r\n        font-size: 3.5vw;\r\n        line-height: 1.8;\r\n      }\r\n    }\r\n  \r\n    .p-detail__txt {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__txt {\r\n        width: 86%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-message {\r\n      position: relative;\r\n      height: 230px;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message {\r\n        height: 80vw;\r\n        padding: 26vw 8vw 22vw;\r\n      }\r\n    }\r\n  \r\n    .p-message__main {\r\n      display: flex;\r\n      position: absolute;\r\n      top: 64px;\r\n      right: 64px;\r\n      width: 50%;\r\n      max-width: 650px;\r\n      gap: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__main {\r\n        display: block;\r\n        position: static;\r\n        width: 70%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-message__ttl {\r\n      width: 50%;\r\n      text-align: left;\r\n      font-size: 0.5625rem;\r\n      line-height: 2 !important;\r\n      text-transform: uppercase;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__ttl {\r\n        width: 86%;\r\n        margin-bottom: 6vw;\r\n        text-align: left;\r\n        font-size: 2.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-message__art {\r\n      width: 50%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__art {\r\n        width: 86%;\r\n      }\r\n    }\r\n  \r\n    .p-message__artDesc {\r\n      line-height: 2 !important;\r\n      font-size: 0.5625rem;\r\n      text-transform: uppercase;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__artDesc {\r\n        font-size: 2.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 95px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer {\r\n        gap: 31vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer__logo {\r\n      display: block;\r\n      width: 130px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__logo {\r\n        width: 37%;\r\n      }\r\n    }\r\n  \r\n    .p-footer__mdl {\r\n      display: flex;\r\n      gap: min(2vw,20px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__mdl {\r\n        flex-direction: column;\r\n        gap: 20vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer__nav {\r\n      width: calc((100% - 60px) \/ 4);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__nav {\r\n        display: flex;\r\n        gap: 4vw;\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-footer__navTtl {\r\n      margin-bottom: 54px;\r\n      font-size: 0.75rem;\r\n      font-weight: 400;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__navTtl {\r\n        width: 50%;\r\n        margin-bottom: 0;\r\n        padding-top: 1.2vw;\r\n        font-size: 2.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__navList {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__navList {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: flex-start;\r\n        width: 50%;\r\n        margin-top: -1px;\r\n        gap: 3.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__nav li {\r\n      line-height: 1.35em;\r\n    }\r\n  \r\n    .p-footer__nav li a {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__nav li a {\r\n        font-size: 2.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__copy {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__copy {\r\n        font-size: 3vw;\r\n      } \r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__credit {\r\n        position: fixed;\r\n        bottom: 6vw;\r\n        left: 0;\r\n        width: 100%;\r\n        padding: 0 8vw;\r\n        opacity: 0;\r\n        transition-duration: 0.5s;\r\n        z-index: 3;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__inner.is-active > .p-detail__credit {\r\n        bottom: 8vw;\r\n        opacity: 1;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditTxt {\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditTxt {\r\n        margin-bottom: 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditItem {\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditItem {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditItem p {\r\n      margin: 0;\r\n      font-size: 0.75rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditItem p {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__creditItem {\r\n      position: absolute;\r\n      height: 100%;\r\n      width: 300px;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__creditItem {\r\n        width: 100%;\r\n        height: 100%;\r\n        padding: 20px 7vw 50px;\r\n      }\r\n    }\r\n  \r\n    .p-item__creditItem p {\r\n      margin: 0;\r\n      font-size: 0.75rem;\r\n      line-height: 1.8 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__creditItem p {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    \/*#ski-cont {\r\n      background: #888888;\r\n    }\r\n  \r\n    #ski-cont .p-item__art {\r\n      background: #888888;\r\n    }\r\n  \r\n    #ski-cont .p-item__art:after {\r\n      background: #888888;\r\n    }*\/\r\n  \r\n    .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n      transition-duration: 0.5s;\r\n      opacity: 0;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"08\"] .p-item__creditItem01 .p-item__creditTxt  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"08\"] .p-item__creditItem01 .p-item__buy  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__art {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__art:after {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"10\"] .p-item__creditItem03 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"11\"] .p-item__creditItem03 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"10\"] .p-item__creditItem03 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"11\"] .p-item__creditItem03 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__art {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__art:after {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      opacity: 0;\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 0;\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    .p-bnr {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      gap: 130px;\r\n      padding: 200px 0;\r\n      \/*height: 100vh;*\/\r\n      background: #222222;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr {\r\n        height: inherit;\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr.is-second {\r\n      height: inherit;\r\n      padding: 120px 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__s {\r\n      padding: 100px 0 100px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__s {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__s.is-second {\r\n      padding: 100px 0 90px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__top.is-second {\r\n  \r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__top.is-second {\r\n        gap: 24vw;\r\n        padding: 22vw 8vw 23vw;\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-bnr.is-color02 {\r\n      background: #222222;\r\n    }\r\n  \r\n    .p-bnr__main {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 60px;\r\n      width: 330px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__main {\r\n        gap: 7.2vw;\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__main h4 {\r\n      font-size: 1rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__main h4 {\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__btn {\r\n      position: static;\r\n      \/*opacity: 1 !important;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__btn a {\r\n      max-width: 330px;\r\n      width: 100%;\r\n      padding: 15px 20px;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__btn a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 4vw 3vw;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply.is-second {\r\n      margin-bottom: 80px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__supply.is-second {\r\n        margin-bottom: 13vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply--other {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__supply--other a {\r\n        display: block;\r\n      \/*padding: 36px 0 37px;*\/\r\n      color: #fff;\r\n      font-size: 0.75rem;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      \/*background: #444444;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__supply--other a {\r\n        \/*padding: 8.6vw 0 8.9vw;*\/\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply--other a:after {\r\n      \/*content: \"COMING SOON\";\r\n      position: absolute;\r\n      bottom: 12px;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 0.625rem;\r\n      text-align: center;*\/\r\n    }\r\n  \r\n    .p-bnr__supply--other p {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__back a {\r\n      display: block;\r\n      position: relative;\r\n      font-size: 1rem;\r\n      padding-bottom: 4px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__back a {\r\n        padding-bottom: 0.8vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__back a:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n    }\r\n  \r\n    .p-bnr__back.is-active a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__back.is-active a:hover:after {\r\n      width: 0 !important;\r\n    }\r\n  \r\n    \/*.p-bnr.is-second .p-bnr__back {\r\n      margin-top: 84px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second .p-bnr__back {\r\n        margin-top: 20vw;\r\n      }\r\n    }*\/\r\n  \r\n    .p-shoplist {\r\n      width: 330px;\r\n      text-align: center;\r\n    }\r\n  \r\n    .p-shoplist h4 {\r\n      margin-bottom: 32px;\r\n      font-size: 1rem;\r\n    }\r\n  \r\n    .p-shoplist p {\r\n      font-size: .75rem;\r\n      line-height: 2em;\r\n    }\r\n  \r\n    .p-shoplist .p-item__buy {\r\n      margin-top: 32px;\r\n    }\r\n  \r\n    .p-top {\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      height: 100vh;\r\n      background: #888888;\r\n    }\r\n  \r\n    .p-top__img {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__img {\r\n        height: 100vh;\r\n      }\r\n    }\r\n  \r\n    .p-top__fig {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    .p-top__fig img {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transform: translate(-50%,-50%) scale(1);\r\n      \/*filter: blur(6px);*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__fig img {\r\n        width: 200%;\r\n        height: 100%;\r\n        max-width: inherit;\r\n        \/*filter: blur(6px);*\/\r\n      }\r\n    }\r\n  \r\n    .p-top__ttl {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 1.875rem;\r\n      text-align: center;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__ttl {\r\n        font-size: 6.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 120px;\r\n      padding: 150px 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan {\r\n        gap: 1vw;\r\n        padding: 0 0 12vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__main {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 90px;\r\n      padding-left: min(14vw,320px) ;\r\n      padding-right: 60px;\r\n      margin-left: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__main {\r\n        flex-direction: column-reverse;\r\n        gap: 10vw;\r\n        padding: 12vw 0 0;\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  \r\n    .p-explan__txt {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 30px;\r\n      width: 36%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__txt {\r\n        gap: 5vw;\r\n        width: 100%;\r\n        padding: 0 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__ttl {\r\n      font-size: 0.875rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__ttl {\r\n        width: 76%;\r\n        font-size: 3.5vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__desc {\r\n        width: 76%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img {\r\n      position: relative;\r\n      width: calc(64% - 90px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__img {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img .slick-dots {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      position: absolute;\r\n      bottom: 34px;\r\n      left: 50%;\r\n      width: 100%;\r\n      transform: translate(-50%,0);\r\n      z-index: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__img .slick-dots {\r\n        bottom: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img .slick-dots li button {\r\n      width: 20px;\r\n      height: 2px;\r\n      background: #fff;\r\n      opacity: 1;\r\n      transition-duration: 0.3s;\r\n      font-size: 0;\r\n    }\r\n  \r\n    .p-explan__img .slick-dots li.slick-active button {\r\n      width: 10px;\r\n      opacity: 0.5;\r\n    }\r\n  \r\n    .p-itemlist {\r\n      padding: 140px 0 120px;\r\n      background: #444444;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist {\r\n        padding: 20vw 0;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__main {\r\n      padding-left: min(18vw,390px);\r\n      padding-right: 160px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__main {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 110px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__list {\r\n        flex-direction: column;\r\n        gap: 14vw;\r\n        padding: 0;\r\n        width: calc(100% - 8vw);\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item {\r\n      width: calc((100% - 110px)\/2);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__item {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item figure {\r\n      width: 80%;\r\n      margin: 0 auto 20px;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__item figure {\r\n        width: 96%;\r\n        margin: 0 auto 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item a figure img {\r\n    }\r\n  \r\n    .p-itemlist__item a:hover figure img {\r\n    }\r\n  \r\n    .p-itemlist__info {\r\n      font-size: 0.75rem;\r\n      line-height: 1.7em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__info {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__info .p-itemlist__kana {\r\n        font-size: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy {\r\n      width: 100%;\r\n      margin-top: 30px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__buy {\r\n        margin-top: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy a {\r\n      display:  block;\r\n      width: 100%;\r\n      padding: 16px 0;\r\n      color: #fff;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      background: #7F7F7F;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__buy a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 3.8vw 0;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy a:hover {\r\n      color: #999999;\r\n      background: #FFFFFF;\r\n    }\r\n  \r\n    .p-itemlist__kana,\r\n    .p-itemlist__price {\r\n      font-weight: 400;\r\n      margin: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__kana {\r\n  \r\n      }\r\n    }\r\n  \r\n    .p-slideItem {\r\n      padding: 140px 0 120px;\r\n      background: #444444;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-slideItem {\r\n        padding: 20vw 0 20vw;\r\n      } \r\n    }\r\n  \r\n    .p-slideItem__main {\r\n     position: relative; \r\n      padding-left: min(18vw,390px);\r\n      padding-right: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-slideItem__main {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__list {\r\n      display: flex;\r\n          padding-right: 160px; \r\n  overflow: hidden;\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__list.slick-initialized {\r\n      display: block;\r\n      padding-right: 0;\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__name {\r\n      text-align: center;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translate(0,-50%);\r\n      width: 4.6vw;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow.slick-prev {\r\n      left: 2.8vw;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow.slick-next {\r\n      right: 2.8vw;\r\n    }\r\n  \r\n    .p-category {\r\n      background: #222222;\r\n    }\r\n  \r\n    .p-category__list {\r\n      display: flex;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__list {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  \r\n    .p-category__item {\r\n      position: relative;\r\n      width: calc(100% \/ 3);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__item {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-category__link {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 3;*\/\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon:before {\r\n    content: \"COMING SOON\";\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translate(-50%, 0);\r\n        font-family: 'Riviera Light';\r\n        letter-spacing: 0.14em;\r\n        z-index: 4;\r\n        font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__link.is-comingsoon:before {\r\n        display: block;\r\n        bottom: 10.2vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category.is-second .p-category__link.is-comingsoon:before {\r\n      position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        bottom: auto;\r\n          transform: translate(-50%, 0);\r\n            font-size: 1.375rem;\r\n            width: 100%;\r\n            text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n    .p-category.is-second .p-category__link.is-comingsoon:before {\r\n        font-size: 3.4vw;\r\n    }\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon .p-category__view {\r\n      display: none;\r\n    }\r\n  \r\n    .p-category__img {\r\n      overflow: hidden;\r\n      margin: 0;\r\n    }\r\n  \r\n    .p-category__img img {\r\n      transition-duration: 0.4s;\r\n      transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    }\r\n  \r\n    .p-category__link:hover .p-category__img img {\r\n      transform: scale(1.04);\r\n    }\r\n  \r\n  \r\n    .p-category__link.is-comingsoon:hover .p-category__img img {\r\n      transform: scale(1);\r\n    }\r\n  \r\n    .p-category__txt {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%,-50%);\r\n      width: 100%;\r\n      font-size: 1rem;\r\n      line-height: 1.4;\r\n      text-align: center;\r\n      color: #fff;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt {\r\n        font-size: 4.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__txt small {\r\n        display: block;\r\n        margin-bottom: 16px;\r\n        font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt small {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__txt strong {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      min-height: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt strong {\r\n         min-height: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-category.is-second .p-category__txt {\r\n        color: #fff;\r\n    }\r\n  \r\n    .p-category__view {\r\n      display: inline-block;\r\n      position: absolute;\r\n      bottom: 40px;\r\n      left: 50%;\r\n      transform: translate(-50%,0);\r\n      padding-bottom: 4px;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      font-weight: 300;\r\n      letter-spacing: 0.09em;\r\n      color: #fff;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__view {\r\n        bottom: 10vw;\r\n        padding-bottom: 0.8vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__view:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n    }\r\n  \r\n    .p-category__item.is-active .p-category__view:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-category__item.is-active .p-category__link:hover .p-category__view:after {\r\n      width: 0 !important;\r\n    }\r\n  \r\n    .p-outro {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 32px;\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      text-align: left;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro {\r\n        gap: 5vw;\r\n      }\r\n    }\r\n  \r\n    .p-outro__ttl {\r\n      font-size: 0.875rem;\r\n      line-height: 1.7em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro__ttl {\r\n        width: 76%;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-outro__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro__desc {\r\n        width: 76%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-video {\r\n      padding: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video {\r\n        padding: 8vw 8vw 0;\r\n      }\r\n    }\r\n  \r\n    .p-video__inner {\r\n      position: relative;\r\n      height: calc((100vw - 120px) \/ 1.78);\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video__inner {\r\n        height: 47.2vw;\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-video iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video__inner {\r\n          overflow: hidden;\r\n      }\r\n      .p-video iframe {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n      }\r\n    }\r\n  \r\n  \r\n    \/*=============\r\n    Utility\r\n    ===============*\/\r\n  \r\n    .u-font__en {\r\n      font-family: 'Riviera Regular';\r\n      letter-spacing: 0.14em;\r\n    }\r\n  \r\n    .u-font__en02 {\r\n      font-family: 'Riviera Light';\r\n      letter-spacing: 0.14em;\r\n    }\r\n  \r\n    .u-pc {\r\n      display: block;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-pc {\r\n        display: none;\r\n      }\r\n    }\r\n  \r\n    .u-sp {\r\n      display: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-sp {\r\n        display: block;\r\n      }\r\n    }\r\n  \r\n    .u-pc__flex {\r\n      display: flex !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-pc__flex {\r\n        display: none !important;\r\n      }\r\n    }\r\n  \r\n    .u-sp__flex {\r\n      display: none !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-sp__flex {\r\n        display: flex !important;\r\n      }\r\n    }\r\n    .lower #main_area {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n    }\r\n    body, h1, h2, h3, h4, h5, h6, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td {\r\n    font-weight: 300;\r\n    }\r\n    * {\r\n        -webkit-font-feature-settings: inherit;\r\n        font-feature-settings: inherit;\r\n    }\r\n  \r\n    .js-slideItem {\r\n    }\r\n  \r\n    .slick-list {\r\n      display: flex;\r\n    }\r\n  \r\n    .slick-track {\r\n      display: flex;\r\n    }\r\n  <\/style>","add_html":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"lenis\" class=\"l-body is-fixed p-lp\" cz-shortcut-listen=\"true\">\r\n  <div id=\"wrapper\" class=\"l-wrapper\">\r\n    <div id=\"loading\" class=\"l-loading\">\r\n      <div class=\"p-loading\">\r\n        <div class=\"p-loading__bar\">\r\n          <span class=\"p-loading__progress\"><\/span>\r\n        <\/div>\r\n        <span class=\"p-loading__overlay\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div id=\"header_lp\" class=\"l-header\">\r\n      <div class=\"p-header\">\r\n                <span class=\"p-header__logo\"><a href=\"https:\/\/store.descente.co.jp\/descente\/\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_icon.svg\" alt=\"\"><\/a><\/span>\r\n        <span class=\"p-header__pro\"><a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/pro\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_pro.svg\" alt=\"\"><\/a><\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <aside class=\"l-aside\">\r\n      <nav class=\"p-aside\">\r\n        <ul class=\"p-aside__nav u-font__en js-aside\">\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_running-shirts\" class=\"u-en\">AERO STREAM D-TECH<br> SCHEMATECH <br class=\"u-sp\">RUNNING SHIRT<\/a><\/li>\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_tight\" class=\"u-en\">SCHEMATECH <br class=\"u-sp\">ENERGY RETURN TIGHTS<\/a><\/li>\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_training-shirts\" class=\"u-en\">SCHEMATECH <br class=\"u-sp\">TRAINING SHIRTS<\/a><\/li>\r\n        <\/ul>\r\n      <\/nav>\r\n    <\/aside>\r\n    <main class=\"l-main\">\r\n      <div class=\"l-nosnap js-snap\">\r\n        <div class=\"p-message\">\r\n          <div class=\"p-message__main\">\r\n            <div class=\"p-message__ttl\">\r\n              <h1 class=\"u-font__en02\">Beyond the limit of your body, <br>from the athletes\u2019 voices<\/h1>\r\n            <\/div>\r\n            <article class=\"p-message__art\">\r\n              <p class=\"p-message__artDesc u-font__en02\">\r\n                \u201cDESCENTE PRO\u201d is a sportswear line started to develop solutions for athlete\u2019s problems. Our team creates unique technology for problem-solving.  \r\n              <\/p>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n        <section id=\"mv\" class=\"p-mv\">\r\n          <figure class=\"p-mv__img\">\r\n            <div class=\"p-mv__video\">\r\n              <video id=\"video\" class=\"\" loop muted playsinline>\r\n                  <source src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/03\/Full_Horizontal.mp4?20250325\" type=\"video\/mp4\" media=\"(min-width: 960px)\">\r\n                  <source src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/03\/Full_Vertical.mp4?20250325\" type=\"video\/mp4\">\r\n              <\/video>\r\n            <\/div>\r\n          <\/figure>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"intro\" class=\"l-snap js-snap\">\r\n        <section class=\"p-intro js-stagger\">\r\n          <div class=\"p-intro__main\">\r\n            <div class=\"p-intro__ttl\">\r\n              <h2 class=\"u-font__en js-staggerItem\">NARRATIVE<\/h2>\r\n            <\/div>\r\n            <article class=\"p-intro__art\">\r\n              <section class=\"p-intro__sec\">\r\n                <h3 class=\"p-intro__secTtl js-staggerItem\">DESCENTE PRO\u306e\u6311\u6226<\/h3>\r\n                <p class=\"p-intro__secDesc js-staggerItem\">\u300cDESCENTE PRO\u300d\u306f\u3001\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u8ab2\u984c\u89e3\u6c7a\u3092\u8d77\u70b9\u306b\u3001\u307e\u3060\u4e16\u306e\u4e2d\u306b\u306a\u3044\u30b9\u30dd\u30fc\u30c4\u30a6\u30a7\u30a2\u306e\u958b\u767a\u3092\u76ee\u6307\u3057\u3066DESCENTE\u304c\u63d0\u6848\u3059\u308b\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u58f0\u3092\u3082\u3068\u306b\u5f62\u4f5c\u3089\u308c\u308b\u30c7\u30b6\u30a4\u30f3\u306b\u306f\u3001\u5358\u306a\u308b\u88c5\u98fe\u3068\u3057\u3066\u306e\u30c7\u30b6\u30a4\u30f3\u3067\u306f\u306a\u304f\u3001\u8ab2\u984c\u89e3\u6c7a\u306e\u8996\u70b9\u304b\u3089\u8a2d\u8a08\u3055\u308c\u305f\u72ec\u81ea\u306e\u6a5f\u80fd\u7f8e\u304c\u51dd\u7e2e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u7af6\u6280\u4e2d\u306e\u3042\u306a\u305f\u306e\u5f37\u3044\u5473\u65b9\u3068\u306a\u308a\u3001\u76f4\u611f\u7684\u306b\u5fc3\u3092\u63fa\u3055\u3076\u308b\u65b0\u305f\u306a\u611f\u52d5\u3092\u751f\u307f\u51fa\u3057\u7d9a\u3051\u307e\u3059\u3002<\/p>\r\n              <\/section>\r\n            <\/article>\r\n          <\/div>\r\n          <div class=\"p-intro__sub\">\r\n            <div class=\"p-intro__sub_ttl\">\r\n              <h2 class=\"u-font__en js-staggerItem\">DESCENTE PRO ALL PRODUCTS<\/h2>\r\n            <\/div>\r\n            <div class=\"p-intro__sub_btn\">\r\n              <a href=\"https:\/\/store.descente.co.jp\/brand\/CDESCENTE%2520%E3%82%B4%E3%83%AB%E3%83%95%7CDESCENTE%2520%E3%83%88%E3%83%AC%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0%7CDESCENTE%2520%E3%82%B9%E3%82%AD%E3%83%BC?searchWord=des_pro\">ONLINE STORE<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"challenge\" class=\"js-stagger\">\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/des_ski\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\" style=\"line-height: 1.4;\">AEROSTREAM SCHEMATECH <br class=\"u-sp\">SKI 3IN1 JACKET<\/h2>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/12\/img_ski_3in1_jacket_sp.jpg\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/12\/img_ski_3in1_jacket_pc.jpg\" alt=\"AEROSTREAM SCHEMATECH SKI 3IN1 JACKET\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_schematechlightning\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">SCHEMATECH LIGHTNING<\/h2>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_schematechlightning_sp.png\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_schematechlightning_pc.png\" alt=\"SCHEMATECH LIGHTNING\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/aerostream-d-tech\/\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">AERO STREAM D-TECH<\/h2>\r\n              <p class=\"p-challenge__text\">\u30c7\u30b5\u30f3\u30c8\u306e\u65b0\u305f\u306a\u6311\u6226<\/p>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_01_sp.png\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_01_pc.png\" alt=\"AERO STREAM D-TECH \u30c7\u30b5\u30f3\u30c8\u306e\u65b0\u3057\u3044\u6311\u6226\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__bottom js-snap js-section js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/pro-triathlon\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">SWISS NATIONAL TEAM<\/h2>\r\n              <p class=\"p-challenge__text\">\u5171\u306b\u4e16\u754c\u3078<\/p>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_02_sp.png\" \r\n                type=\"image\/png\">\r\n            \r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_02_pc.png\" alt=\"SWISS NATIONAL TEAM \u5171\u306b\u4e16\u754c\u3078\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"items\">\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__01 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_running-shirts\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_01_sp.png\" \r\n                  type=\"image\/png\">\r\n              \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_01_pc.png\" alt=\"AERO STREAM D-TECH SCHEMATECH RUNNING SHIRT\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">AERO STREAM D-TECH<br \/>SCHEMATECH RUNNING SHIRT<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__02 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_tight\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_02_sp.png\" \r\n                  type=\"image\/png\">\r\n                  \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_02_pc.png\" alt=\"SCHEMATECH ENERGY RETURN TIGHTS\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">SCHEMATECH<br \/>ENERGY RETURN TIGHTS<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__03 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_training-shirts\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_03_sp.png\" \r\n                  type=\"image\/png\">\r\n              \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_03_pc.png\" alt=\"SCHEMATECH TRAINING SHIRTS\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">SCHEMATECH TRAINING SHIRTS<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l-snap js-snap\">\r\n        <div class=\"p-bnr p-bnr__s js-stagger\">\r\n          <div class=\"p-bnr__main\">\r\n            <!--<div class=\"p-bnr__supply u-font__en p-bnr__supply--other js-staggerItem\"><a>OTHER COLLECTION COMING SOON<\/a>-->\r\n            <p class=\"p-bnr__back js-staggerItem u-font__en is-active\" style=\"opacity: 1; visibility: inherit; transform: translate(0px, 0px);\"><a href=\"#wrapper\">BACK TO TOP<\/a><\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/main>\r\n    <div id=\"footer_lp\" class=\"l-footer\">\r\n      <div class=\"p-footer\">\r\n        <div class=\"p-footer__top\">\r\n          <span class=\"p-footer__logo\"><a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_txt.svg\" alt=\"\"><\/a><\/span>\r\n        <\/div>\r\n        <div class=\"p-footer__mdl\">\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">DESCENTE<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.descente.co.jp\/jp\/\">COMPANY<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/info\/CSfPrivacyPolicy.jsp\">PRIVACY POLICY<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"http:\/\/www.descente.co.jp\/jp\/contact\/\">CONTACT US<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.descente.co.jp\/jp\/important\/descente\/\">NOTICE TO CUSTOMERS<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">CLUB DESCENTE<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/feature\/appdownload-html\/\">DOWNLOAD APP<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/member\/CMmMemberForm.jsp\">MEMBER <br class=\"u-sp\">REGISTRATION<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/feature\/clubdescente202102\/\">MEMBER BENEFITS<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">OFFICIAL SNS<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.instagram.com\/descente_jp\/\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>INSTAGRAM<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.facebook.com\/allterrain.descente\/\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>FACEBOOK<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.youtube.com\/user\/DESCENTEintl\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>YOUTUBE<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n        <\/div>\r\n        <div class=\"p-footer__btm\">\r\n          <span class=\"p-footer__copy u-font__en02\">\u00a9 DESCENTE LTD.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@latest\/bundled\/lenis.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/2.1.1\/TweenMax.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.7.0\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.7.0\/dist\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollToPlugin.min.js\"><\/script>"}],"\u30e2\u30b8\u30e5\u30fc\u30eb":{"module":[{"acf_fc_layout":"module11","add_css":"<style>\r\n  @charset \"UTF-8\";\r\n  \r\n    html {\r\n    margin-top: 0 !important;\r\n    }\r\n  \r\n    \/***\r\n        The new CSS reset - version 1.7.3 (last updated 7.8.2022)\r\n        GitHub page: https:\/\/github.com\/elad2412\/the-new-css-reset\r\n    ***\/\r\n    \/*\r\n        Remove all the styles of the \"User-Agent-Stylesheet\", except for the 'display' property\r\n        - The \"symbol *\" part is to solve Firefox SVG sprite bug\r\n     *\/\r\n    *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {\r\n      all: unset;\r\n      display: revert;\r\n    }\r\n  \r\n    \/* Preferred box-sizing value *\/\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n    }\r\n  \r\n    \/* Reapply the pointer cursor for anchor tags *\/\r\n    a, button {\r\n      cursor: revert;\r\n    }\r\n  \r\n    \/* Remove list styles (bullets\/numbers) *\/\r\n    ol, ul, menu {\r\n      list-style: none;\r\n    }\r\n  \r\n    \/* For images to not be able to exceed their container *\/\r\n    img {\r\n      max-width: 100%;\r\n    }\r\n  \r\n    \/* removes spacing between cells in tables *\/\r\n    table {\r\n      border-collapse: collapse;\r\n    }\r\n  \r\n    \/* Safari - solving issue when using user-select:none on the <body> text input doesn't working *\/\r\n    input, textarea {\r\n      -webkit-user-select: auto;\r\n    }\r\n  \r\n    \/* revert the 'white-space' property for textarea elements on Safari *\/\r\n    textarea {\r\n      white-space: revert;\r\n    }\r\n  \r\n    \/* minimum style to allow to style meter element *\/\r\n    meter {\r\n      -webkit-appearance: revert;\r\n      -moz-appearance: revert;\r\n      appearance: revert;\r\n    }\r\n  \r\n    \/* reset default text opacity of input placeholder *\/\r\n    ::-moz-placeholder {\r\n      color: unset;\r\n    }\r\n    :-ms-input-placeholder {\r\n      color: unset;\r\n    }\r\n    ::placeholder {\r\n      color: unset;\r\n    }\r\n  \r\n    \/* fix the feature of 'hidden' attribute.\r\n       display:revert; revert to element instead of attribute *\/\r\n    :where([hidden]) {\r\n      display: none;\r\n    }\r\n  \r\n    \/* revert for bug in Chromium browsers\r\n       - fix for the content editable attribute will work properly.\r\n       - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*\/\r\n    :where([contenteditable]:not([contenteditable=\"false\"])) {\r\n      -moz-user-modify: read-write;\r\n      -webkit-user-modify: read-write;\r\n      -webkit-line-break: after-white-space;\r\n      -webkit-user-select: auto;\r\n      overflow-wrap: break-word;\r\n    }\r\n  \r\n    \/* apply back the draggable feature - exist only in Chromium and Safari *\/\r\n    :where([draggable=\"true\"]) {\r\n      -webkit-user-drag: element;\r\n    }\r\n  \r\n    \/*=============\r\n    Customize\r\n    ===============*\/\r\n  \r\n    header,\r\n    footer,\r\n    #bread,\r\n    .article_ttl,\r\n    .return_btn,\r\n    .sns_icon,\r\n    #relation_tag_list {\r\n      display: none !important;\r\n    }\r\n  \r\n    .ticker_off.lower #main_area {\r\n      padding: 0 !important;\r\n    }\r\n  \r\n    #article_detail .article_width {\r\n        max-width: 100% !important;\r\n        padding: 0 !important;\r\n    }\r\n  \r\n    \/*=============\r\n    Default\r\n    ===============*\/\r\n  \r\n    :root {\r\n      \/*\u80cc\u666f\u8272*\/\r\n      --color_bg: #fdf5ed;\r\n  \r\n      \/*\u6587\u5b57\u8272*\/\r\n      --color_main: #fff;\r\n  \r\n      \/*\u5f37\u8abf\u8272(1)*\/\r\n      --color_accent: #ed1c24;\r\n  \r\n      \/*\u5f37\u8abf\u8272(2)*\/\r\n      --color_accent2: #000092;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u80cc\u666f\u8272(1)*\/\r\n      --bg_btn: #ed1c24;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u30ab\u30e9\u30fc(1)*\/\r\n      --color_btn: #fff;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u80cc\u666f\u8272(2)*\/\r\n      --bg_btn2: #000092;\r\n  \r\n      \/*\u30dc\u30bf\u30f3\u30ab\u30e9\u30fc(2)*\/\r\n      --color_btn2: #fff;\r\n  \r\n      \/*\u30dc\u30fc\u30c0\u30fc\u30ab\u30e9\u30fc*\/\r\n      --color_border: #39332e;\r\n    }\r\n  \r\n    html,\r\n    body {\r\n      font-size: 100%;\r\n      font-weight: 300;\r\n      font-family: \"Noto Sans JP\", \"\u6e38\u30b4\u30b7\u30c3\u30af\u4f53\", YuGothic, \"\u6e38\u30b4\u30b7\u30c3\u30af\", \"Yu Gothic\", \"Helvetica Neue\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Meiryo\", \"Arial\", sans-serif;\r\n      letter-spacing: 0.05em;\r\n      color: var(--color_main);\r\n      -webkit-font-smoothing: antialiased;\r\n      \/*overflow-x: hidden;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 1100px) {\r\n      html,\r\n      body {\r\n        font-size: 90%;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      html,\r\n      body {\r\n        font-size: 100%;\r\n      }\r\n    }\r\n  \r\n    a {\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    svg,\r\n    img,\r\n    video {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        vertical-align: top;\r\n    }\r\n  \r\n    \/*=============\r\n    Font\r\n    ===============*\/\r\n  \r\n    @font-face {\r\n      font-family: 'Riviera Light';\r\n      src: url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Light.woff') format('woff'),\r\n           url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Light.ttf') format('truetype');\r\n    }\r\n  \r\n    @font-face {\r\n      font-family: 'Riviera Regular';\r\n      src: url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Regular.woff') format('woff'),\r\n           url('https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/fonts\/RivieraNights-Regular.ttf') format('truetype');\r\n    }\r\n  \r\n    \/*=============\r\n    Animation\r\n    ===============*\/\r\n  \r\n  \r\n    \/*=============\r\n    JS\r\n    ===============*\/\r\n  \r\n    .js-proxy {\r\n      position: absolute;\r\n      visibility: hidden;\r\n    }\r\n  \r\n    .js-sideArea,\r\n    .js-txtArea {\r\n      overflow: hidden;\r\n    }\r\n  \r\n    .js-sideWrap,\r\n    .js-txtWrap {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      will-change: auto;\r\n      \/*margin-left: 100%;*\/\r\n    }\r\n  \r\n    .js-txtWrap {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      z-index: 2;\r\n    }\r\n  \r\n    .js-section {\r\n      display: block;\r\n    }\r\n  \r\n    \/*=============\r\n    Layout\r\n    ===============*\/\r\n  \r\n    .l-body {\r\n      color: var(--color_main);\r\n    }\r\n  \r\n    .l-body a {\r\n      color: var(--color_main);\r\n    }\r\n  \r\n    .l-body.is-fixed {\r\n      position: fixed;\r\n      overflow: hidden; \r\n      width: 100%;\r\n    }\r\n  \r\n    .l-loading {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 1;\r\n    }\r\n  \r\n    .l-wrapper {\r\n      background: #222;\r\n      overflow-x: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-wrapper {\r\n        overflow-x: hidden;\r\n      }\r\n    }\r\n  \r\n    .l-header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      padding: 70px 64px;\r\n      z-index: 2;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-header {\r\n        padding: 27px 8vw;\r\n        transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n      .l-header.is-up {\r\n        top: -20px;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  \r\n    .l-main {\r\n      opacity: 0;\r\n      \/*height: 100vh;\r\n      scroll-snap-type: y mandatory;\r\n      overflow: auto;*\/\r\n    }\r\n  \r\n    .l-snap {\r\n      \/*height: 100vh;*\/\r\n      \/*scroll-snap-align: center;\r\n      overflow-y: scroll;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-snap {\r\n        height: inherit;\r\n      }\r\n    }\r\n  \r\n    .l-aside {\r\n      position: fixed;\r\n      bottom: 80px;\r\n      left: 64px;\r\n      z-index: 5;\r\n      color: var(--color_main);\r\n      \/*mix-blend-mode: overlay;*\/\r\n      opacity: 0;\r\n      width: min(50vw,400px);\r\n            transform: translate(0,0);\r\n                  transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n    }\r\n  \r\n    .l-aside.is-up {\r\n      bottom: 70px;\r\n      opacity: 0 !important;\r\n      pointer-events: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-aside {\r\n        top: 27px;\r\n        bottom: auto;\r\n        left: inherit;\r\n        right: 8vw;\r\n        height: 25vw;\r\n        width: min(43vw,280px);\r\n        transform: translate(0,0);\r\n        z-index: 3;\r\n        transition-duration: 0.3s;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n      .l-aside.is-up {\r\n        top: -20px;\r\n        opacity: 0 !important;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  \r\n    .l-footer {\r\n      position: relative;\r\n      padding: 120px 64px 80px;\r\n      background: #000000;\r\n      color: var(--color_main);\r\n      z-index: 6;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .l-footer {\r\n        padding: 28vw 7vw 14vw;\r\n      }\r\n    }\r\n  \r\n    \/*=============\r\n    Project\r\n    ===============*\/\r\n  \r\n    .p-loading {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    .p-loading__overlay {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: #222;\r\n    }\r\n  \r\n    .p-loading__bar {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 90%;\r\n      height: 1px;\r\n      background: #222;\r\n      transform: translate(-50%,-50%);\r\n      z-index: 1;\r\n      opacity: 0;\r\n    }\r\n  \r\n    .p-loading__progress {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 100%;\r\n      width: 90%;\r\n      height: 1px;\r\n      background: #fff;\r\n    }\r\n  \r\n    .p-mv {\r\n      height: 56.2vw;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv {\r\n        height: auto;\r\n        \/*height: 183vw;*\/\r\n      }\r\n    }\r\n  \r\n    .p-mv__img {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: scale(1.2) translate(0,12%);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv__img {\r\n        height: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-mv__img picture {\r\n      width: 120%;\r\n      height: 120%;\r\n      display: block;\r\n    }\r\n  \r\n    .p-mv__video {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      pointer-events: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-mv__img {\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-mv__video iframe { \r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      \/*left: -10%;\r\n      width: 120%;\r\n      height: 120%;*\/\r\n    }\r\n  \r\n    .p-header {\r\n      display: flex;\r\n      align-items: center;\r\n      opacity: 0;\r\n    }\r\n  \r\n    .p-header__logo {\r\n      display: block;\r\n      width: 72px;\r\n      padding-right: 28px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-header__logo {\r\n        width: 11.5vw;\r\n        padding-right: 4.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-header__logo svg {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-header__logo a {\r\n      display: block;\r\n    }\r\n  \r\n    .p-header__pro {\r\n      display: block;\r\n      width: 78px;\r\n      height: 100%;\r\n      padding: 14px 0 14px 28px;\r\n      border-left: 1px solid var(--color_main);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-header__pro {\r\n        width: 12.2vw;\r\n        padding: 2vw 0 2vw 4.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-header__pro svg {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-header__pro a {\r\n      display: block;\r\n    }\r\n  \r\n  \r\n    .p-aside__nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 46px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-aside__nav {\r\n        gap: 2.2vw;\r\n        font-size: 2.7vw;\r\n        text-align: right;\r\n      }\r\n    }\r\n  \r\n    .p-aside__navItem a {\r\n      position: relative;\r\n      padding-bottom: 4px;\r\n      color: #fff;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    .p-aside__navItem a:hover {\r\n      \/*background-image: linear-gradient(transparent 94%, #fff 0%);*\/\r\n    }\r\n  \r\n    .p-aside__navItem a:after {\r\n      \/*content: \"\";\r\n      width: 0;\r\n      height: 1px;\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: var(--color_main);\r\n      transition-duration: 0.3s;*\/\r\n    }\r\n  \r\n    .p-aside__navItem a:hover:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__navItem.is-active a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__navItem.is-active a {\r\n      text-decoration: underline;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"01\"] .p-aside__navItem:first-child a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"02\"] .p-aside__navItem:nth-child(2) a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-aside__nav.is-active[slide=\"03\"] .p-aside__navItem:nth-child(3) a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-intro {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding-block: clamp(7.5rem, 3.8889rem + 14.8148vw, 15rem); clamp(7.5rem, 5.0926rem + 9.8765vw, 12.5rem);;\r\n    }\r\n  \r\n    .p-intro__sub {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      margin-top: clamp(7.5rem, 5.0926rem + 9.8765vw, 12.5rem);;\r\n    }\r\n  \r\n    .p-intro__sub_ttl {\r\n      font-size: 1rem;\r\n      line-height: 1;\r\n    }\r\n  \r\n    .p-intro__sub_ttl h2 {\r\n      letter-spacing: 0.1em;\r\n    }\r\n  \r\n    .p-intro__sub_btn {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: clamp(2.125rem, 1.3426rem + 3.2099vw, 3.75rem);;\r\n    }\r\n  \r\n    .p-intro__sub_btn a {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 330px;\r\n      height: 50px;\r\n      font-size: 0.75rem;\r\n      line-height: 1;\r\n      letter-spacing: 0.1em;\r\n      color: #fff;\r\n      background-color: #7F7F7F;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro {\r\n        height: inherit;\r\n        min-height: inherit;\r\n        padding: 28vw 8vw 30vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro.is-second {\r\n      height: inherit;\r\n      padding: 100px 0 100px;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro.is-second {\r\n        padding: 21vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__main {\r\n      display: flex;\r\n      gap: 200px;\r\n      padding-left: min(18vw,384px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__main {\r\n        display: block;\r\n        max-width: 100%;\r\n        min-width: inherit;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n  \r\n    .p-intro__art {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 120px;\r\n      width: 100%;\r\n      padding-right: 250px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__art {\r\n        gap: 26vw;\r\n        width: 92%;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-intro__ttl {\r\n      width: 30%;\r\n      padding-top: 5px;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__ttl {\r\n        width: 100%;\r\n        margin-bottom: 18vw;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro.is-second .p-intro__ttl {\r\n        \/*display: none;*\/\r\n        margin-bottom: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__ttl h2 {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__ttl h2 {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secTtl {\r\n      margin-bottom: 10px;\r\n      font-size: 0.875rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secTtl {\r\n        width: 82%;\r\n        margin-bottom: 3.2vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secSubTtl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n      font-family: 'Riviera Regular';\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secSubTtl {\r\n        width: 82%;\r\n        margin-bottom: 6.2vw;\r\n        font-size: 3.55vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secSubTtl small {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secSubTtl small {\r\n        margin-top: 0.6vw;\r\n        font-size: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secDesc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secDesc {\r\n        width: 82%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-intro__secLogo {\r\n      display: block;\r\n      max-width: 256px;\r\n      width: 100%;\r\n      margin-bottom: 30px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-intro__secLogo {\r\n        max-width: 100%;\r\n        width: 71%;\r\n        margin-bottom: 11vw;\r\n      }\r\n    }\r\n  \r\n    #add-contents {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding-block: clamp(10.875rem, 9.0093rem + 7.6543vw, 14.75rem);\r\n      color: #fff;\r\n      background-color: #444444;\r\n    }\r\n  \r\n    #add-contents br {\r\n      display: none;\r\n    }\r\n\r\n    #challenge section a {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n\r\n    .p-challenge__content {\r\n      position: absolute;\r\n      z-index: 2;\r\n      inset: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: clamp(1rem, 0.6991rem + 1.2346vw, 1.625rem);\r\n      line-height: 1;\r\n      text-align: center;\r\n    }\r\n\r\n    .p-challenge__content + * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .p-challenge__title {\r\n      font-size: clamp(1.25rem, 0.6481rem + 2.4691vw, 2.5rem);\r\n      letter-spacing: 0.065em;\r\n    }\r\n\r\n    .p-challenge__text {\r\n      font-size: clamp(0.6875rem, 0.3565rem + 1.358vw, 1.375rem);\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    .p-challenge__bottom .p-challenge__text {\r\n      letter-spacing: 0.18em;\r\n    }\r\n  \r\n    #items {\r\n      background-color: #f5f7f8;\r\n    }\r\n  \r\n    .p-items__section {\r\n      position: relative;\r\n    }\r\n  \r\n    .p-items__text {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      padding-right: 56px;\r\n      padding-block: 50px;\r\n      font-size: clamp(0.9375rem, 0.6065rem + 1.358vw, 1.625rem);\r\n      line-height: 1.230769231;\r\n      color: #000000;\r\n    }\r\n  \r\n    .p-items__text span {\r\n      writing-mode: vertical-rl;\r\n      text-align: right;\r\n      letter-spacing: 0.1em;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      #add-contents br {\r\n        display: block;\r\n      }\r\n  \r\n      .p-items__text {\r\n        top: auto;\r\n        right: auto;\r\n        padding: 0;\r\n        padding-bottom: 17px;\r\n        padding-left: 17px;\r\n        line-height: 1;\r\n      }\r\n  \r\n      .p-items__text span {\r\n        writing-mode: initial;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    .p-item {\r\n      \/*display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;*\/\r\n      width: 100%;\r\n      overflow: hidden;\r\n      \/*height: 100vh;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item {\r\n        position: relative;\r\n        \/*height: 100vw;*\/\r\n      }\r\n    }\r\n  \r\n    .p-item.is-second {\r\n      \/*height: 100vh;*\/\r\n      background: #444;\r\n    }\r\n  \r\n    .p-item__img {\r\n      \/*position: absolute;*\/\r\n      width: 100%;\r\n      \/*height: 100vh;*\/\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__img {\r\n        \/*height: 100%;*\/\r\n      }\r\n    }\r\n  \r\n    .p-item__fig:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;*\/\r\n      \/*border-top: 10vw solid #888888;\r\n      border-bottom: 10vw solid #888888;\r\n      border-right: 4vw solid #888888;\r\n      border-left: 4vw solid #888888;\r\n      z-index: 2;\r\n      transition-delay: 0.1s;\r\n      transition-duration: 1.1s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);*\/\r\n    }\r\n  \r\n    \/*@media screen and (max-width: 959px) {\r\n      .p-item__fig:after {\r\n        border-top: 8vw solid #888888;\r\n        border-bottom: 8vw solid #888888;\r\n        border-right: 3vw solid #888888;\r\n        border-left: 3vw solid #888888;\r\n        perspective: 1000;\r\n        will-change: transform;\r\n      }\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__fig:after {\r\n      border: 0 solid #888888;\r\n    }*\/\r\n  \r\n    .p-item__fig--l {\r\n      width: 100% !important;\r\n    }\r\n  \r\n    .p-item__link {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n        flex-direction: row-reverse;\r\n          align-items: flex-end;\r\n      width: 100%;\r\n      \/*height: 100vh;*\/\r\n      \/*pointer-events: none;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__link {\r\n        flex-direction: column;\r\n        height: 100%;\r\n        pointer-events: inherit;\r\n      }\r\n    }\r\n  \r\n    #tight .p-item__link {\r\n      flex-direction: row;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      #tight .p-item__link {\r\n        flex-direction: column;\r\n      }\r\n    }\r\n  \r\n    .p-item__link.is-nolink {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 3;*\/\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon:before {\r\n      content: \"COMING SOON\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 80px;\r\n      transform: translate(-50%,0);\r\n      font-size: 1rem;\r\n      font-family: 'Riviera Light';\r\n      letter-spacing: 0.14em;\r\n      z-index: 4;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__link.is-comingsoon:before {\r\n        display: block;\r\n        bottom: 6.8vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__view {\r\n      \/*position: absolute;\r\n      bottom: 80px;\r\n      left: 50%;*\/\r\n      display: block;\r\n      text-align: left;\r\n      \/*transform: translate(-50%,0);*\/\r\n      \/*display: none;*\/\r\n      margin-top: 54px;\r\n      z-index: 2;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__view {\r\n        display: block;\r\n        bottom: 5.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__link.is-comingsoon .p-item__view {\r\n      display: none;\r\n    }\r\n  \r\n    .p-item__view span,\r\n    .p-item__view a {\r\n      color: #fff;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-size: 1rem;\r\n      padding-bottom: 6px;\r\n      letter-spacing: 0.09em;\r\n      transform: translate(0,100%);\r\n      transition-delay: 0.3s;\r\n      transition-duration: 0.6s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view span,\r\n    .l-snap.is-active .p-item__view a {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    .p-item__view span:after,\r\n    .p-item__view a:after {\r\n      content: \"\";  \r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-delay: 0.1s;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view span:after,\r\n    .l-snap.is-active .p-item__view a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__view:hover span:after,\r\n    .l-snap.is-active .p-item__view:hover a:after {\r\n      width: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__view span,\r\n      .p-item__view a {\r\n        display: inline-block;\r\n          font-size: 3.4vw;\r\n          padding-bottom: 1vw;\r\n      }\r\n      .p-item__view span:after,\r\n      .p-item__view a:after {\r\n        display: block;\r\n      }\r\n    }\r\n  \r\n    .p-item__fig {\r\n      margin: 0;\r\n      position: relative;\r\n      width: 60%;\r\n      \/*height: 100%;*\/\r\n      overflow: hidden;\r\n      \/*transition-delay: 0.1s;\r\n      transition-duration: 1s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\r\n      perspective: 1000;\r\n      will-change: transform;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig {\r\n        width: 100%;\r\n        \/*height: 100%;*\/\r\n      }\r\n    }\r\n  \r\n    \/*.l-snap.is-active .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }*\/\r\n  \r\n    \/*.p-item__img.is-active .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }*\/\r\n  \r\n    .p-item__fig img {\r\n      \/*position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition-duration: 0.4s;\r\n      transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n      transform: translate(-50%,-50%) scale(1);\r\n      perspective: 1000;\r\n      will-change: transform;*\/\r\n      \/*filter: blur(6px);*\/\r\n    }\r\n  \r\n    \/*.p-item__link:hover .p-item__fig img {\r\n      transform: translate(-50%,-50%) scale(1.04);\r\n    }*\/\r\n  \r\n    .p-item__fig img {\r\n        transition-duration: 0.4s;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .p-item__fig a:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig img {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: inherit;\r\n        transition-duration: 0.6s;\r\n        \/*filter: blur(6px);*\/\r\n      }\r\n      \/*.p-item__link:hover .p-item__fig img {\r\n        transform: translate(-50%,-50%) scale(1.04);\r\n      }*\/\r\n    }\r\n  \r\n    .p-item__txt {\r\n      width: 40%;\r\n      padding: min(10vw,100px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt {\r\n        width: 100%;\r\n        padding: 12vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt h2 {\r\n      margin-bottom: 20px;\r\n      font-size: 26px;\r\n      font-family: 'Riviera Light';\r\n      line-height: 1.2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig h2 {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%; \r\n        width: 90%;\r\n        margin-bottom: 4vw;\r\n        font-size: 5.2vw;\r\n        color: #999999;\r\n        text-align: center; \r\n        transform: translate(-50%,-50%);\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__fig .p-item__view {\r\n        position: absolute;\r\n        width: 100%;\r\n        left: 0;\r\n        bottom: 6%; \r\n        margin-bottom: 0;\r\n        color: #999999;\r\n        text-align: center;\r\n      }\r\n      .p-item__fig .p-item__view a,\r\n      .p-item__fig .p-item__view span {\r\n        color: #999999;\r\n      }\r\n      .p-item__fig .p-item__view a:after,\r\n      .p-item__fig .p-item__view span:after {\r\n        background: #999999;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt h3 {\r\n      margin-bottom: 20px;\r\n      font-size: 14px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt h3 {\r\n  \r\n        margin-bottom: 4vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__txt p {\r\n      font-size: 12px;\r\n      line-height: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__txt p {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    \/*.p-item__img.is-active .p-item__fig img {\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: translate(-50%,-50%) scale(1);\r\n    }*\/\r\n  \r\n    .p-item__main {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__main {\r\n        display: none;\r\n      }\r\n    }\r\n  \r\n    .p-item__other {\r\n      position: relative;\r\n      height: 100vh;\r\n    }\r\n  \r\n    .p-item__other .p-item__link {\r\n      pointer-events: inherit;\r\n    }\r\n  \r\n    .p-item__other .p-item__link  .p-item__fig img {\r\n      transition-duration: 0.6s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .p-item__other .p-item__link:hover .p-item__fig img {\r\n      transform: translate(-50%,-50%) scale(1.05);\r\n      transition-duration: 0.6s;\r\n    }\r\n  \r\n    .p-item__other .p-item__fig {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    .p-item__other .p-item__view {\r\n      display: block;\r\n    }\r\n  \r\n    .p-item__credit {\r\n      position: fixed;\r\n      top: 64px;\r\n      height: calc(100% - 128px);\r\n      width: 100%;\r\n      z-index: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__credit {\r\n        top: 120px;\r\n        left: 0;\r\n        height: calc(100vh - 150px);\r\n      }\r\n    }\r\n  \r\n    .p-item__ttl {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 1.875rem;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__ttl {\r\n        font-size: 6.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__ttl span {\r\n      display: inline-block;\r\n      transform: translate(0,100%);\r\n      transition-delay: 0.3s;\r\n      transition-duration: 0.6s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    .l-snap.is-active .p-item__ttl span {\r\n      transform: translate(0,0);\r\n  \r\n    }\r\n  \r\n    .p-item__inner {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      will-change: auto;\r\n    }\r\n  \r\n    .p-item__art {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 100vh;\r\n      padding: 80px 0;\r\n      background: #888888;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__art {\r\n        padding: 100px 0 50px;\r\n        height: 100vh;\r\n      }\r\n    }\r\n  \r\n    .p-item__art:after {\r\n      position: absolute;\r\n      top: 0;\r\n      right: -2px;\r\n      content: \"\";\r\n      width: 4px;\r\n      height: 100%;\r\n      background: #888888;\r\n    }\r\n  \r\n    .p-item__art:last-child:after {\r\n      display: none;\r\n    }\r\n  \r\n    .p-item__detail {\r\n      position: relative;\r\n      width: 72%;\r\n      margin-left: auto;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__detail {\r\n        display: none;\r\n        width: 78%;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  \r\n    .p-item__story {\r\n      display: flex;\r\n      max-width: 50%;\r\n      min-width: 780px;\r\n      margin: 0 auto;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__story {\r\n        display: block;\r\n        max-width: 100%;\r\n        width: 45%;\r\n        margin: 0 auto;\r\n        min-width: inherit;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTtl {\r\n      width: 50%;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTtl {\r\n        width: 100%;\r\n        margin-bottom: 14vw;\r\n        text-align: left;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTxt {\r\n      width: 50%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTxt {\r\n        width: 82%;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyTtl h3 {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyTtl h3 {\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__storySubttl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storySubttl {\r\n        margin-bottom: 7vw;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__storyDesc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__storyDesc {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__buy,\r\n    .p-detail__buy {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 100%;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__buy,\r\n      .p-detail__buy {\r\n        left: 7vw;\r\n        width: calc(100% - 14vw);\r\n      }\r\n    }\r\n  \r\n    .p-item__buy a,\r\n    .p-detail__buy a {\r\n      display:  block;\r\n      max-width: 300px;\r\n      width: 100%;\r\n      padding: 18px 0;\r\n      color: #fff;\r\n      border: 1px solid rgba(255,255,255,0.5);\r\n      background: #7F7F7F;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      transition-duration: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__buy a,\r\n      .p-detail__buy a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 3.8vw 0;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__buy a:hover,\r\n    .p-detail__buy a:hover {\r\n      color: #999999;\r\n      background: #FFFFFF;\r\n    }\r\n  \r\n    .p-detail__buy {\r\n      position: static;\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-item__catch {\r\n      margin-bottom: 32px;\r\n      font-size: 0.875rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__catch {\r\n        margin-bottom: 7vw;\r\n        font-size: 3.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.1 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__desc {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-end;\r\n      gap: 30px;\r\n      padding: 0 64px 0 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex {\r\n        gap: 12vw;\r\n        padding: 30px 7vw 30px 0;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex .p-item__txt {\r\n      width: calc(46% - 60px);\r\n      max-width: 300px;\r\n      margin-bottom: 100px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex .p-item__txt {\r\n        width: calc(50% - 6vw);\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .p-item__info figure {\r\n      margin-left: auto;\r\n    }\r\n  \r\n    .p-item__info figure img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info figure img {\r\n      width: auto\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info figure {\r\n        height: 88vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__info--flex figure {\r\n      height: calc(48vw - 42px);\r\n      margin-top: 50px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__info--flex figure {\r\n        height: 88vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail {\r\n      background: #888888;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail {\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__inner {\r\n        padding-bottom: 12vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__inner.is-grey {\r\n      background: #666666;\r\n    }\r\n  \r\n    .p-detail__art {\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__art {\r\n        margin: 0;\r\n        padding: 0 8vw 20vw;\r\n      }\r\n      .p-detail__art:first-child {\r\n        padding: 20vw 8vw 20vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__slide {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow {\r\n      font-size: 0;\r\n      position: absolute;\r\n      top: 50%;\r\n      width: 20px;\r\n      height: 20px;\r\n      transform: rotate(-135deg);\r\n      z-index: 1;\r\n      cursor: pointer;\r\n    }\r\n  \r\n    .p-detail__slide .slick-next {\r\n      right: 0;\r\n    }\r\n  \r\n    .p-detail__slide .slick-next {\r\n      right: 0;\r\n      transform: rotate(45deg);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__slide .slick-arrow {\r\n        width: 2.8vw;\r\n        height: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::before, .p-detail__slide .slick-arrow::after {\r\n      content: '';\r\n      position: absolute;\r\n      background: #fff;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::before {\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n    }\r\n  \r\n    .p-detail__slide .slick-arrow::after {\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 1px;\r\n    }\r\n  \r\n    .p-detail__img {\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__img {\r\n        width: 100vw;\r\n        margin-right: calc(50% - 50vw);\r\n        margin-left: calc(50% - 50vw);\r\n        margin-bottom: 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__ttl {\r\n      margin-bottom: 30px;\r\n      font-size: 0.875rem;\r\n      line-height: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__ttl {\r\n        width: 100%;\r\n        margin-bottom: 6vw;\r\n        font-size: 3.5vw;\r\n        line-height: 1.8;\r\n      }\r\n    }\r\n  \r\n    .p-detail__txt {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__txt {\r\n        width: 86%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-message {\r\n      position: relative;\r\n      height: 230px;\r\n      z-index: 1;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message {\r\n        height: 80vw;\r\n        padding: 26vw 8vw 22vw;\r\n      }\r\n    }\r\n  \r\n    .p-message__main {\r\n      display: flex;\r\n      position: absolute;\r\n      top: 64px;\r\n      right: 64px;\r\n      width: 50%;\r\n      max-width: 650px;\r\n      gap: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__main {\r\n        display: block;\r\n        position: static;\r\n        width: 70%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-message__ttl {\r\n      width: 50%;\r\n      text-align: left;\r\n      font-size: 0.5625rem;\r\n      line-height: 2 !important;\r\n      text-transform: uppercase;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__ttl {\r\n        width: 86%;\r\n        margin-bottom: 6vw;\r\n        text-align: left;\r\n        font-size: 2.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-message__art {\r\n      width: 50%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__art {\r\n        width: 86%;\r\n      }\r\n    }\r\n  \r\n    .p-message__artDesc {\r\n      line-height: 2 !important;\r\n      font-size: 0.5625rem;\r\n      text-transform: uppercase;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-message__artDesc {\r\n        font-size: 2.2vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 95px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer {\r\n        gap: 31vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer__logo {\r\n      display: block;\r\n      width: 130px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__logo {\r\n        width: 37%;\r\n      }\r\n    }\r\n  \r\n    .p-footer__mdl {\r\n      display: flex;\r\n      gap: min(2vw,20px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__mdl {\r\n        flex-direction: column;\r\n        gap: 20vw;\r\n      }\r\n    }\r\n  \r\n    .p-footer__nav {\r\n      width: calc((100% - 60px) \/ 4);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__nav {\r\n        display: flex;\r\n        gap: 4vw;\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-footer__navTtl {\r\n      margin-bottom: 54px;\r\n      font-size: 0.75rem;\r\n      font-weight: 400;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__navTtl {\r\n        width: 50%;\r\n        margin-bottom: 0;\r\n        padding-top: 1.2vw;\r\n        font-size: 2.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__navList {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n    } \r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__navList {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: flex-start;\r\n        width: 50%;\r\n        margin-top: -1px;\r\n        gap: 3.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__nav li {\r\n      line-height: 1.35em;\r\n    }\r\n  \r\n    .p-footer__nav li a {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__nav li a {\r\n        font-size: 2.8vw;\r\n      } \r\n    }\r\n  \r\n    .p-footer__copy {\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-footer__copy {\r\n        font-size: 3vw;\r\n      } \r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__credit {\r\n        position: fixed;\r\n        bottom: 6vw;\r\n        left: 0;\r\n        width: 100%;\r\n        padding: 0 8vw;\r\n        opacity: 0;\r\n        transition-duration: 0.5s;\r\n        z-index: 3;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__inner.is-active > .p-detail__credit {\r\n        bottom: 8vw;\r\n        opacity: 1;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditTxt {\r\n      margin-bottom: 40px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditTxt {\r\n        margin-bottom: 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditItem {\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditItem {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-detail__creditItem p {\r\n      margin: 0;\r\n      font-size: 0.75rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-detail__creditItem p {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-item__creditItem {\r\n      position: absolute;\r\n      height: 100%;\r\n      width: 300px;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__creditItem {\r\n        width: 100%;\r\n        height: 100%;\r\n        padding: 20px 7vw 50px;\r\n      }\r\n    }\r\n  \r\n    .p-item__creditItem p {\r\n      margin: 0;\r\n      font-size: 0.75rem;\r\n      line-height: 1.8 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-item__creditItem p {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    \/*#ski-cont {\r\n      background: #888888;\r\n    }\r\n  \r\n    #ski-cont .p-item__art {\r\n      background: #888888;\r\n    }\r\n  \r\n    #ski-cont .p-item__art:after {\r\n      background: #888888;\r\n    }*\/\r\n  \r\n    .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n      transition-duration: 0.5s;\r\n      opacity: 0;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"08\"] .p-item__creditItem01 .p-item__creditTxt  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"08\"] .p-item__creditItem01 .p-item__buy  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n      perspective: 1000;\r\n      will-change: transform;\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #ski-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #ski-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy,\r\n    #ski-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__art {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__art:after {\r\n      background: #666666;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy  {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 0;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"10\"] .p-item__creditItem03 .p-item__creditTxt,\r\n    #golf-cont .p-item__credit[credit=\"11\"] .p-item__creditItem03 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #golf-cont .p-item__credit[credit=\"09\"] .p-item__creditItem03 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"10\"] .p-item__creditItem03 .p-item__buy,\r\n    #golf-cont .p-item__credit[credit=\"11\"] .p-item__creditItem03 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__art {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__art:after {\r\n      background: #444444;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"03\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"04\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"05\"] .p-item__creditItem01 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"06\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__creditTxt {\r\n      opacity: 0;\r\n      transform: translate(0,-50px);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem01 .p-item__buy {\r\n      opacity: 0;\r\n      transform: translate(0,50px);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy {\r\n      transform: translate(0,0);\r\n      transition-delay: 0.3s;\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__creditTxt,\r\n    #training-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__creditTxt {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    #training-cont .p-item__credit[credit=\"07\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"08\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"09\"] .p-item__creditItem02 .p-item__buy,\r\n    #training-cont .p-item__credit[credit=\"10\"] .p-item__creditItem02 .p-item__buy {\r\n      opacity: 1;\r\n      transform: translate(0,0);\r\n    }\r\n  \r\n    .p-bnr {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      gap: 130px;\r\n      padding: 200px 0;\r\n      \/*height: 100vh;*\/\r\n      background: #222222;\r\n      text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr {\r\n        height: inherit;\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr.is-second {\r\n      height: inherit;\r\n      padding: 120px 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__s {\r\n      padding: 100px 0 100px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__s {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__s.is-second {\r\n      padding: 100px 0 90px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second {\r\n        padding: 22vw 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__top.is-second {\r\n  \r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__top.is-second {\r\n        gap: 24vw;\r\n        padding: 22vw 8vw 23vw;\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-bnr.is-color02 {\r\n      background: #222222;\r\n    }\r\n  \r\n    .p-bnr__main {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 60px;\r\n      width: 330px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__main {\r\n        gap: 7.2vw;\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__main h4 {\r\n      font-size: 1rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__main h4 {\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__btn {\r\n      position: static;\r\n      \/*opacity: 1 !important;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__btn a {\r\n      max-width: 330px;\r\n      width: 100%;\r\n      padding: 15px 20px;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__btn a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 4vw 3vw;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply.is-second {\r\n      margin-bottom: 80px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__supply.is-second {\r\n        margin-bottom: 13vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply--other {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__supply--other a {\r\n        display: block;\r\n      \/*padding: 36px 0 37px;*\/\r\n      color: #fff;\r\n      font-size: 0.75rem;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      \/*background: #444444;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__supply--other a {\r\n        \/*padding: 8.6vw 0 8.9vw;*\/\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__supply--other a:after {\r\n      \/*content: \"COMING SOON\";\r\n      position: absolute;\r\n      bottom: 12px;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 0.625rem;\r\n      text-align: center;*\/\r\n    }\r\n  \r\n    .p-bnr__supply--other p {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__back a {\r\n      display: block;\r\n      position: relative;\r\n      font-size: 1rem;\r\n      padding-bottom: 4px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr__back a {\r\n        padding-bottom: 0.8vw;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-bnr__back a:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n    }\r\n  \r\n    .p-bnr__back.is-active a:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-bnr__back.is-active a:hover:after {\r\n      width: 0 !important;\r\n    }\r\n  \r\n    \/*.p-bnr.is-second .p-bnr__back {\r\n      margin-top: 84px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-bnr.is-second .p-bnr__back {\r\n        margin-top: 20vw;\r\n      }\r\n    }*\/\r\n  \r\n    .p-shoplist {\r\n      width: 330px;\r\n      text-align: center;\r\n    }\r\n  \r\n    .p-shoplist h4 {\r\n      margin-bottom: 32px;\r\n      font-size: 1rem;\r\n    }\r\n  \r\n    .p-shoplist p {\r\n      font-size: .75rem;\r\n      line-height: 2em;\r\n    }\r\n  \r\n    .p-shoplist .p-item__buy {\r\n      margin-top: 32px;\r\n    }\r\n  \r\n    .p-top {\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      height: 100vh;\r\n      background: #888888;\r\n    }\r\n  \r\n    .p-top__img {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__img {\r\n        height: 100vh;\r\n      }\r\n    }\r\n  \r\n    .p-top__fig {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    .p-top__fig img {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transform: translate(-50%,-50%) scale(1);\r\n      \/*filter: blur(6px);*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__fig img {\r\n        width: 200%;\r\n        height: 100%;\r\n        max-width: inherit;\r\n        \/*filter: blur(6px);*\/\r\n      }\r\n    }\r\n  \r\n    .p-top__ttl {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      width: 100%;\r\n      font-size: 1.875rem;\r\n      text-align: center;\r\n      \/*mix-blend-mode: overlay;*\/\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-top__ttl {\r\n        font-size: 6.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 120px;\r\n      padding: 150px 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan {\r\n        gap: 1vw;\r\n        padding: 0 0 12vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__main {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 90px;\r\n      padding-left: min(14vw,320px) ;\r\n      padding-right: 60px;\r\n      margin-left: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__main {\r\n        flex-direction: column-reverse;\r\n        gap: 10vw;\r\n        padding: 12vw 0 0;\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  \r\n    .p-explan__txt {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 30px;\r\n      width: 36%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__txt {\r\n        gap: 5vw;\r\n        width: 100%;\r\n        padding: 0 8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__ttl {\r\n      font-size: 0.875rem;\r\n      line-height: 1.7 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__ttl {\r\n        width: 76%;\r\n        font-size: 3.5vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2 !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__desc {\r\n        width: 76%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img {\r\n      position: relative;\r\n      width: calc(64% - 90px);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__img {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img .slick-dots {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      position: absolute;\r\n      bottom: 34px;\r\n      left: 50%;\r\n      width: 100%;\r\n      transform: translate(-50%,0);\r\n      z-index: 2;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-explan__img .slick-dots {\r\n        bottom: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-explan__img .slick-dots li button {\r\n      width: 20px;\r\n      height: 2px;\r\n      background: #fff;\r\n      opacity: 1;\r\n      transition-duration: 0.3s;\r\n      font-size: 0;\r\n    }\r\n  \r\n    .p-explan__img .slick-dots li.slick-active button {\r\n      width: 10px;\r\n      opacity: 0.5;\r\n    }\r\n  \r\n    .p-itemlist {\r\n      padding: 140px 0 120px;\r\n      background: #444444;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist {\r\n        padding: 20vw 0;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__main {\r\n      padding-left: min(18vw,390px);\r\n      padding-right: 160px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__main {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 110px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__list {\r\n        flex-direction: column;\r\n        gap: 14vw;\r\n        padding: 0;\r\n        width: calc(100% - 8vw);\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item {\r\n      width: calc((100% - 110px)\/2);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__item {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item figure {\r\n      width: 80%;\r\n      margin: 0 auto 20px;\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__item figure {\r\n        width: 96%;\r\n        margin: 0 auto 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__item a figure img {\r\n    }\r\n  \r\n    .p-itemlist__item a:hover figure img {\r\n    }\r\n  \r\n    .p-itemlist__info {\r\n      font-size: 0.75rem;\r\n      line-height: 1.7em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__info {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__info .p-itemlist__kana {\r\n        font-size: 2.8vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy {\r\n      width: 100%;\r\n      margin-top: 30px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__buy {\r\n        margin-top: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy a {\r\n      display:  block;\r\n      width: 100%;\r\n      padding: 16px 0;\r\n      color: #fff;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      background: #7F7F7F;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      transition-duration: 0.3s;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__buy a {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 3.8vw 0;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-itemlist__buy a:hover {\r\n      color: #999999;\r\n      background: #FFFFFF;\r\n    }\r\n  \r\n    .p-itemlist__kana,\r\n    .p-itemlist__price {\r\n      font-weight: 400;\r\n      margin: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-itemlist__kana {\r\n  \r\n      }\r\n    }\r\n  \r\n    .p-slideItem {\r\n      padding: 140px 0 120px;\r\n      background: #444444;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-slideItem {\r\n        padding: 20vw 0 20vw;\r\n      } \r\n    }\r\n  \r\n    .p-slideItem__main {\r\n     position: relative; \r\n      padding-left: min(18vw,390px);\r\n      padding-right: 0;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-slideItem__main {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__list {\r\n      display: flex;\r\n          padding-right: 160px; \r\n  overflow: hidden;\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__list.slick-initialized {\r\n      display: block;\r\n      padding-right: 0;\r\n    }\r\n  \r\n    .p-slideItem__main .p-itemlist__name {\r\n      text-align: center;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translate(0,-50%);\r\n      width: 4.6vw;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow.slick-prev {\r\n      left: 2.8vw;\r\n    }\r\n  \r\n    .p-slideItem__main .slick-arrow.slick-next {\r\n      right: 2.8vw;\r\n    }\r\n  \r\n    .p-category {\r\n      background: #222222;\r\n    }\r\n  \r\n    .p-category__list {\r\n      display: flex;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__list {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  \r\n    .p-category__item {\r\n      position: relative;\r\n      width: calc(100% \/ 3);\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__item {\r\n        width: 100%;\r\n      }\r\n    }\r\n  \r\n    .p-category__link {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon {\r\n      pointer-events: none;\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon:after {\r\n      \/*content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 3;*\/\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon:before {\r\n    content: \"COMING SOON\";\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translate(-50%, 0);\r\n        font-family: 'Riviera Light';\r\n        letter-spacing: 0.14em;\r\n        z-index: 4;\r\n        font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__link.is-comingsoon:before {\r\n        display: block;\r\n        bottom: 10.2vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category.is-second .p-category__link.is-comingsoon:before {\r\n      position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        bottom: auto;\r\n          transform: translate(-50%, 0);\r\n            font-size: 1.375rem;\r\n            width: 100%;\r\n            text-align: center;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n    .p-category.is-second .p-category__link.is-comingsoon:before {\r\n        font-size: 3.4vw;\r\n    }\r\n    }\r\n  \r\n    .p-category__link.is-comingsoon .p-category__view {\r\n      display: none;\r\n    }\r\n  \r\n    .p-category__img {\r\n      overflow: hidden;\r\n      margin: 0;\r\n    }\r\n  \r\n    .p-category__img img {\r\n      transition-duration: 0.4s;\r\n      transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    }\r\n  \r\n    .p-category__link:hover .p-category__img img {\r\n      transform: scale(1.04);\r\n    }\r\n  \r\n  \r\n    .p-category__link.is-comingsoon:hover .p-category__img img {\r\n      transform: scale(1);\r\n    }\r\n  \r\n    .p-category__txt {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%,-50%);\r\n      width: 100%;\r\n      font-size: 1rem;\r\n      line-height: 1.4;\r\n      text-align: center;\r\n      color: #fff;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt {\r\n        font-size: 4.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__txt small {\r\n        display: block;\r\n        margin-bottom: 16px;\r\n        font-size: 0.75rem;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt small {\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__txt strong {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      min-height: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__txt strong {\r\n         min-height: 10vw;\r\n      }\r\n    }\r\n  \r\n    .p-category.is-second .p-category__txt {\r\n        color: #fff;\r\n    }\r\n  \r\n    .p-category__view {\r\n      display: inline-block;\r\n      position: absolute;\r\n      bottom: 40px;\r\n      left: 50%;\r\n      transform: translate(-50%,0);\r\n      padding-bottom: 4px;\r\n      text-align: center;\r\n      font-size: 0.75rem;\r\n      font-weight: 300;\r\n      letter-spacing: 0.09em;\r\n      color: #fff;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-category__view {\r\n        bottom: 10vw;\r\n        padding-bottom: 0.8vw;\r\n        font-size: 3.4vw;\r\n      }\r\n    }\r\n  \r\n    .p-category__view:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: #fff;\r\n      transition-duration: 0.3s;\r\n      transition-timing-function: cubic-bezier(0.3, 0, 1, 1);\r\n    }\r\n  \r\n    .p-category__item.is-active .p-category__view:after {\r\n      width: 100%;\r\n    }\r\n  \r\n    .p-category__item.is-active .p-category__link:hover .p-category__view:after {\r\n      width: 0 !important;\r\n    }\r\n  \r\n    .p-outro {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 32px;\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      text-align: left;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro {\r\n        gap: 5vw;\r\n      }\r\n    }\r\n  \r\n    .p-outro__ttl {\r\n      font-size: 0.875rem;\r\n      line-height: 1.7em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro__ttl {\r\n        width: 76%;\r\n        font-size: 3.6vw;\r\n      }\r\n    }\r\n  \r\n    .p-outro__desc {\r\n      font-size: 0.75rem;\r\n      line-height: 2.2em !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-outro__desc {\r\n        width: 76%;\r\n        font-size: 3vw;\r\n      }\r\n    }\r\n  \r\n    .p-video {\r\n      padding: 60px;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video {\r\n        padding: 8vw 8vw 0;\r\n      }\r\n    }\r\n  \r\n    .p-video__inner {\r\n      position: relative;\r\n      height: calc((100vw - 120px) \/ 1.78);\r\n      overflow: hidden;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video__inner {\r\n        height: 47.2vw;\r\n      }\r\n    }\r\n  \r\n  \r\n    .p-video iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .p-video__inner {\r\n          overflow: hidden;\r\n      }\r\n      .p-video iframe {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n      }\r\n    }\r\n  \r\n  \r\n    \/*=============\r\n    Utility\r\n    ===============*\/\r\n  \r\n    .u-font__en {\r\n      font-family: 'Riviera Regular';\r\n      letter-spacing: 0.14em;\r\n    }\r\n  \r\n    .u-font__en02 {\r\n      font-family: 'Riviera Light';\r\n      letter-spacing: 0.14em;\r\n    }\r\n  \r\n    .u-pc {\r\n      display: block;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-pc {\r\n        display: none;\r\n      }\r\n    }\r\n  \r\n    .u-sp {\r\n      display: none;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-sp {\r\n        display: block;\r\n      }\r\n    }\r\n  \r\n    .u-pc__flex {\r\n      display: flex !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-pc__flex {\r\n        display: none !important;\r\n      }\r\n    }\r\n  \r\n    .u-sp__flex {\r\n      display: none !important;\r\n    }\r\n  \r\n    @media screen and (max-width: 959px) {\r\n      .u-sp__flex {\r\n        display: flex !important;\r\n      }\r\n    }\r\n    .lower #main_area {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n    }\r\n    body, h1, h2, h3, h4, h5, h6, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td {\r\n    font-weight: 300;\r\n    }\r\n    * {\r\n        -webkit-font-feature-settings: inherit;\r\n        font-feature-settings: inherit;\r\n    }\r\n  \r\n    .js-slideItem {\r\n    }\r\n  \r\n    .slick-list {\r\n      display: flex;\r\n    }\r\n  \r\n    .slick-track {\r\n      display: flex;\r\n    }\r\n  <\/style>","add_html":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"lenis\" class=\"l-body is-fixed p-lp\" cz-shortcut-listen=\"true\">\r\n  <div id=\"wrapper\" class=\"l-wrapper\">\r\n    <div id=\"loading\" class=\"l-loading\">\r\n      <div class=\"p-loading\">\r\n        <div class=\"p-loading__bar\">\r\n          <span class=\"p-loading__progress\"><\/span>\r\n        <\/div>\r\n        <span class=\"p-loading__overlay\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div id=\"header_lp\" class=\"l-header\">\r\n      <div class=\"p-header\">\r\n                <span class=\"p-header__logo\"><a href=\"https:\/\/store.descente.co.jp\/descente\/\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_icon.svg\" alt=\"\"><\/a><\/span>\r\n        <span class=\"p-header__pro\"><a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/pro\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_pro.svg\" alt=\"\"><\/a><\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <aside class=\"l-aside\">\r\n      <nav class=\"p-aside\">\r\n        <ul class=\"p-aside__nav u-font__en js-aside\">\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_running-shirts\" class=\"u-en\">AERO STREAM D-TECH<br> SCHEMATECH <br class=\"u-sp\">RUNNING SHIRT<\/a><\/li>\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_tight\" class=\"u-en\">SCHEMATECH <br class=\"u-sp\">ENERGY RETURN TIGHTS<\/a><\/li>\r\n          <li class=\"p-aside__navItem js-navItem1\"><a href=\"\/descente\/feature\/dpr_pro_training-shirts\" class=\"u-en\">SCHEMATECH <br class=\"u-sp\">TRAINING SHIRTS<\/a><\/li>\r\n        <\/ul>\r\n      <\/nav>\r\n    <\/aside>\r\n    <main class=\"l-main\">\r\n      <div class=\"l-nosnap js-snap\">\r\n        <div class=\"p-message\">\r\n          <div class=\"p-message__main\">\r\n            <div class=\"p-message__ttl\">\r\n              <h1 class=\"u-font__en02\">Beyond the limit of your body, <br>from the athletes\u2019 voices<\/h1>\r\n            <\/div>\r\n            <article class=\"p-message__art\">\r\n              <p class=\"p-message__artDesc u-font__en02\">\r\n                \u201cDESCENTE PRO\u201d is a sportswear line started to develop solutions for athlete\u2019s problems. Our team creates unique technology for problem-solving.  \r\n              <\/p>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n        <section id=\"mv\" class=\"p-mv\">\r\n          <figure class=\"p-mv__img\">\r\n            <div class=\"p-mv__video\">\r\n              <video id=\"video\" class=\"\" loop muted playsinline>\r\n                  <source src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/03\/Full_Horizontal.mp4?20250325\" type=\"video\/mp4\" media=\"(min-width: 960px)\">\r\n                  <source src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/03\/Full_Vertical.mp4?20250325\" type=\"video\/mp4\">\r\n              <\/video>\r\n            <\/div>\r\n          <\/figure>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"intro\" class=\"l-snap js-snap\">\r\n        <section class=\"p-intro js-stagger\">\r\n          <div class=\"p-intro__main\">\r\n            <div class=\"p-intro__ttl\">\r\n              <h2 class=\"u-font__en js-staggerItem\">NARRATIVE<\/h2>\r\n            <\/div>\r\n            <article class=\"p-intro__art\">\r\n              <section class=\"p-intro__sec\">\r\n                <h3 class=\"p-intro__secTtl js-staggerItem\">DESCENTE PRO\u306e\u6311\u6226<\/h3>\r\n                <p class=\"p-intro__secDesc js-staggerItem\">\u300cDESCENTE PRO\u300d\u306f\u3001\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u8ab2\u984c\u89e3\u6c7a\u3092\u8d77\u70b9\u306b\u3001\u307e\u3060\u4e16\u306e\u4e2d\u306b\u306a\u3044\u30b9\u30dd\u30fc\u30c4\u30a6\u30a7\u30a2\u306e\u958b\u767a\u3092\u76ee\u6307\u3057\u3066DESCENTE\u304c\u63d0\u6848\u3059\u308b\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u58f0\u3092\u3082\u3068\u306b\u5f62\u4f5c\u3089\u308c\u308b\u30c7\u30b6\u30a4\u30f3\u306b\u306f\u3001\u5358\u306a\u308b\u88c5\u98fe\u3068\u3057\u3066\u306e\u30c7\u30b6\u30a4\u30f3\u3067\u306f\u306a\u304f\u3001\u8ab2\u984c\u89e3\u6c7a\u306e\u8996\u70b9\u304b\u3089\u8a2d\u8a08\u3055\u308c\u305f\u72ec\u81ea\u306e\u6a5f\u80fd\u7f8e\u304c\u51dd\u7e2e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u7af6\u6280\u4e2d\u306e\u3042\u306a\u305f\u306e\u5f37\u3044\u5473\u65b9\u3068\u306a\u308a\u3001\u76f4\u611f\u7684\u306b\u5fc3\u3092\u63fa\u3055\u3076\u308b\u65b0\u305f\u306a\u611f\u52d5\u3092\u751f\u307f\u51fa\u3057\u7d9a\u3051\u307e\u3059\u3002<\/p>\r\n              <\/section>\r\n            <\/article>\r\n          <\/div>\r\n          <div class=\"p-intro__sub\">\r\n            <div class=\"p-intro__sub_ttl\">\r\n              <h2 class=\"u-font__en js-staggerItem\">DESCENTE PRO ALL PRODUCTS<\/h2>\r\n            <\/div>\r\n            <div class=\"p-intro__sub_btn\">\r\n              <a href=\"https:\/\/store.descente.co.jp\/brand\/CDESCENTE%2520%E3%82%B4%E3%83%AB%E3%83%95%7CDESCENTE%2520%E3%83%88%E3%83%AC%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0%7CDESCENTE%2520%E3%82%B9%E3%82%AD%E3%83%BC?searchWord=des_pro\">ONLINE STORE<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"challenge\" class=\"js-stagger\">\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/des_ski\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\" style=\"line-height: 1.4;\">AEROSTREAM SCHEMATECH <br class=\"u-sp\">SKI 3IN1 JACKET<\/h2>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/12\/img_ski_3in1_jacket_sp.jpg\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/12\/img_ski_3in1_jacket_pc.jpg\" alt=\"AEROSTREAM SCHEMATECH SKI 3IN1 JACKET\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_schematechlightning\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">SCHEMATECH LIGHTNING<\/h2>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_schematechlightning_sp.png\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_schematechlightning_pc.png\" alt=\"SCHEMATECH LIGHTNING\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__top js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/aerostream-d-tech\/\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">AERO STREAM D-TECH<\/h2>\r\n              <p class=\"p-challenge__text\">\u30c7\u30b5\u30f3\u30c8\u306e\u65b0\u305f\u306a\u6311\u6226<\/p>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_01_sp.png\" \r\n                type=\"image\/png\">\r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_01_pc.png\" alt=\"AERO STREAM D-TECH \u30c7\u30b5\u30f3\u30c8\u306e\u65b0\u3057\u3044\u6311\u6226\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n        <section class=\"p-challenge__bottom js-snap js-section js-staggerItem\">\r\n          <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/pro-triathlon\">\r\n            <div class=\"p-challenge__content u-font__en02\">\r\n              <h2 class=\"p-challenge__title\">SWISS NATIONAL TEAM<\/h2>\r\n              <p class=\"p-challenge__text\">\u5171\u306b\u4e16\u754c\u3078<\/p>\r\n            <\/div>\r\n            <picture>\r\n              <source \r\n                media=\"(max-width: 959px)\" \r\n                srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_02_sp.png\" \r\n                type=\"image\/png\">\r\n            \r\n              <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_challenge_02_pc.png\" alt=\"SWISS NATIONAL TEAM \u5171\u306b\u4e16\u754c\u3078\">\r\n            <\/picture>\r\n          <\/a>\r\n        <\/section>\r\n      <\/div>\r\n      <div id=\"items\">\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__01 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_running-shirts\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_01_sp.png\" \r\n                  type=\"image\/png\">\r\n              \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_01_pc.png\" alt=\"AERO STREAM D-TECH SCHEMATECH RUNNING SHIRT\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">AERO STREAM D-TECH<br \/>SCHEMATECH RUNNING SHIRT<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__02 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_tight\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_02_sp.png\" \r\n                  type=\"image\/png\">\r\n                  \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_02_pc.png\" alt=\"SCHEMATECH ENERGY RETURN TIGHTS\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">SCHEMATECH<br \/>ENERGY RETURN TIGHTS<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <div class=\"js-stagger\">\r\n          <section class=\"p-items__section p-items__03 js-staggerItem\">\r\n            <a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro_training-shirts\/\">\r\n              <picture>\r\n                <source \r\n                  media=\"(max-width: 959px)\" \r\n                  srcset=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_03_sp.png\" \r\n                  type=\"image\/png\">\r\n              \r\n                <img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/uploads\/sites\/6\/2025\/11\/img_item_03_pc.png\" alt=\"SCHEMATECH TRAINING SHIRTS\">\r\n              <\/picture>\r\n              <p class=\"p-items__text\"><span class=\"u-font__en\">SCHEMATECH TRAINING SHIRTS<\/span><\/p>\r\n            <\/a>\r\n          <\/section>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l-snap js-snap\">\r\n        <div class=\"p-bnr p-bnr__s js-stagger\">\r\n          <div class=\"p-bnr__main\">\r\n            <!--<div class=\"p-bnr__supply u-font__en p-bnr__supply--other js-staggerItem\"><a>OTHER COLLECTION COMING SOON<\/a>-->\r\n            <p class=\"p-bnr__back js-staggerItem u-font__en is-active\" style=\"opacity: 1; visibility: inherit; transform: translate(0px, 0px);\"><a href=\"#wrapper\">BACK TO TOP<\/a><\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/main>\r\n    <div id=\"footer_lp\" class=\"l-footer\">\r\n      <div class=\"p-footer\">\r\n        <div class=\"p-footer__top\">\r\n          <span class=\"p-footer__logo\"><a href=\"https:\/\/store.descente.co.jp\/descente\/feature\/dpr_pro\"><img src=\"https:\/\/store.descente.co.jp\/descente\/wp-content\/themes\/descente\/img\/pro\/logo_descente_txt.svg\" alt=\"\"><\/a><\/span>\r\n        <\/div>\r\n        <div class=\"p-footer__mdl\">\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">DESCENTE<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.descente.co.jp\/jp\/\">COMPANY<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/info\/CSfPrivacyPolicy.jsp\">PRIVACY POLICY<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"http:\/\/www.descente.co.jp\/jp\/contact\/\">CONTACT US<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.descente.co.jp\/jp\/important\/descente\/\">NOTICE TO CUSTOMERS<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">CLUB DESCENTE<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/feature\/appdownload-html\/\">DOWNLOAD APP<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/member\/CMmMemberForm.jsp\">MEMBER <br class=\"u-sp\">REGISTRATION<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/store.descente.co.jp\/feature\/clubdescente202102\/\">MEMBER BENEFITS<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n          <nav class=\"p-footer__nav\">\r\n            <p class=\"p-footer__navTtl u-font__en\">OFFICIAL SNS<\/p>\r\n            <ul class=\"p-footer__navList\">\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.instagram.com\/descente_jp\/\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>INSTAGRAM<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.facebook.com\/allterrain.descente\/\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>FACEBOOK<\/a><\/li>\r\n              <li class=\"u-font__en02\"><a href=\"https:\/\/www.youtube.com\/user\/DESCENTEintl\" target=\"_blank\"><i class=\"p-footer__navIcon\"><\/i>YOUTUBE<\/a><\/li>\r\n            <\/ul>\r\n          <\/nav>\r\n        <\/div>\r\n        <div class=\"p-footer__btm\">\r\n          <span class=\"p-footer__copy u-font__en02\">\u00a9 DESCENTE LTD.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@latest\/bundled\/lenis.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/2.1.1\/TweenMax.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.7.0\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.7.0\/dist\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollToPlugin.min.js\"><\/script>"}]},"relation_display_feature":"\u975e\u8868\u793a","add_css_js_source":"<script>\r\n\/* PLUGIN *\/\r\ngsap.registerPlugin(ScrollTrigger);\r\ngsap.registerPlugin(ScrollToPlugin)\r\n\r\n\/* LOADING *\/\r\nlet body = document.querySelector('.l-body');\r\nlet loading = document.querySelector('.l-loading');\r\nlet logo = document.querySelector('.p-header');\r\nlet bar = document.querySelector('.p-loading__bar');\r\nlet progress = document.querySelector('.p-loading__progress');\r\nlet overlay = document.querySelector('.p-loading__overlay');\r\nlet aside = document.querySelector('.l-aside');\r\nlet message = document.querySelector('.p-message');\r\nlet mv = document.querySelector('.p-mv__img');\r\nlet main = document.querySelector('.l-main');\r\n\r\ngsap.set([logo,message], {\r\n  y: 20,\r\n});\r\n\r\ngsap.set([logo,bar,aside,message], {\r\n  opacity: 0,\r\n});\r\n\r\ngsap.set(mv, {\r\n  y: '20%',\r\n});\r\n\r\nScrollTrigger.matchMedia({\r\n\"(max-width: 959px)\": function () {\r\n  gsap.timeline()\r\n  .fromTo(logo, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '+=1.2')\r\n  .fromTo(bar, 0.4, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'power2.out' }, '+=0.4')\r\n  .fromTo(progress, 0.8, { width: '0' }, { width: '100%', ease: 'power2.out' }, '+=0.2')\r\n  \/\/.add(() => { youtubeSP(); })\r\n  .add(() => {\r\n    var video = document.getElementById('video');\r\n    \/\/\u518d\u751f\r\n    video.play();\r\n  })\r\n  .fromTo(overlay, 1, { height: '100%', background: '#222' }, { height: '80vw', background: '#222', ease: 'power4.out' }, '+=0.2')\r\n  .to(bar, 0, { autoAlpha: 0 }, '<')\r\n  .fromTo(mv, 1.8, { y: '12%', scale: 1.2 }, { y: '-5%', scale: 1 ,ease: 'power3.out' }, '<')\r\n  .fromTo(message, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.2')\r\n  .fromTo(aside, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.02')\r\n  .to(loading, 0, {\r\n    onComplete: () => {\r\n      loading.style.display = 'none' \r\n    }\r\n  }, '<')\r\n  .fromTo(main, 0, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'none' }, '<')\r\n  .add(() => {\r\n    body.classList.remove('is-fixed');\r\n  });\r\n},\r\n\"(min-width: 960px)\": function () {\r\n  gsap.timeline()\r\n  .fromTo(logo, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '+=1.2')\r\n  .fromTo(bar, 0.4, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'power2.out' }, '+=0.4')\r\n  .fromTo(progress, 0.8, { width: '0' }, { width: '100%', ease: 'power2.out' }, '+=0.2')\r\n  \/\/.add(() => { youtubePC(); })\r\n  .add(() => {\r\n    videoPlay();\r\n  })\r\n  .fromTo(overlay, 1, { height: '100%', background: '#222' }, { height: '230px', background: '#222', ease: 'power4.out' }, '+=0.2')\r\n  .to(bar, 0, { autoAlpha: 0 }, '<')\r\n  .fromTo(mv, 1.8, { y: '12%', scale: 1.2 }, { y: '-5%', scale: 1 ,ease: 'power3.out' }, '<')\r\n  .fromTo(message, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.2')\r\n  .fromTo(aside, 0.6, { y: 12, autoAlpha: 0 }, { y: 0, autoAlpha: 1, ease: 'power1.out' }, '-=0.02')\r\n  .to(loading, 0, {\r\n    onComplete: () => {\r\n      loading.style.display = 'none' \r\n    }\r\n  }, '<')\r\n  .fromTo(main, 0, { autoAlpha: 0 }, { autoAlpha: 1, ease: 'none' }, '<')\r\n  .add(() => {\r\n    body.classList.remove('is-fixed');\r\n  });\r\n},\r\n});\r\n\r\nfunction videoPlay() {\r\n  var video = document.getElementById('video');\r\n  \/\/\u518d\u751f\r\n  video.play();\r\n}\r\n\r\nfunction youtubePC() {\r\n  \/\/IFrame Player API\u306e\u8aad\u307f\u8fbc\u307f\r\n  var tag = document.createElement('script');\r\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n  var firstScriptTag = document.getElementsByTagName('script')[0];\r\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n  \/\/YouTube player\u306e\u57cb\u3081\u8fbc\u307f\r\n  var player;\r\n  window.onYouTubeIframeAPIReady = function() {\r\n    player = new YT.Player('player-pc', {\r\n      videoId: '0pDTm0pkFw4',\r\n      playerVars: {\r\n        autoplay: 1,\r\n        loop: 1,\r\n        playlist: '0pDTm0pkFw4',\r\n      },\r\n      events: {\r\n        'onReady': onPlayerReady,\r\n      }\r\n    });\r\n  }\r\n  function onPlayerReady(event) {\r\n    event.target.setVolume(0);\r\n  }\r\n}\r\n\r\nfunction youtubeSP() {\r\n\r\n  \/\/IFrame Player API\u306e\u8aad\u307f\u8fbc\u307f\r\n  var tag = document.createElement('script');\r\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n  var firstScriptTag = document.getElementsByTagName('script')[0];\r\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n  \/\/YouTube player\u306e\u57cb\u3081\u8fbc\u307f\r\n  var player;\r\n  window.onYouTubeIframeAPIReady = function() {\r\n    player = new YT.Player('player-sp', {\r\n      videoId: '0pDTm0pkFw4',\r\n      playerVars: {\r\n        autoplay: 1,\r\n        loop: 1,\r\n        playlist: '0pDTm0pkFw4',\r\n      },\r\n      events: {\r\n        'onReady': onPlayerReady,\r\n      }\r\n    });\r\n  }\r\n  function onPlayerReady(event) {\r\n    event.target.setVolume(0);\r\n  }\r\n}\r\n\r\n\/* PARALLAX IMG *\/\r\ngsap.utils.toArray(\".js-mvImg\").forEach(target => {\r\n  ScrollTrigger.matchMedia({\r\n  \"(max-width: 959px)\": function () {\r\n    gsap.fromTo(target,\r\n      { y: \"-5%\", scale: 1 },\r\n      { y: \"-26%\", scale: 1, delay: 0, duration: 0.8, ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: \".l-main\",\r\n          start: 'top top',\r\n          end: 'bottom top',\r\n          scrub: 1.8,\r\n          markers: false,\r\n          toggleClass: {targets: target, className: \"is-active\"},\r\n        }\r\n      }\r\n    );\r\n  },\r\n  \"(min-width: 960px)\": function () {\r\n    gsap.fromTo(target,\r\n      { y: \"-5%\", scale: 1 },\r\n      { y: \"-80%\", scale: 1, delay: 0, duration: 0.8, ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: \".l-main\",\r\n          start: 'top top',\r\n          end: 'bottom top',\r\n          scrub: 1.8,\r\n          markers: false,\r\n          toggleClass: {targets: target, className: \"is-active\"},\r\n        }\r\n      }\r\n    );\r\n  },\r\n  });\r\n});\r\n\r\n\/* SNAP SCROLL *\/\r\nScrollTrigger.matchMedia({\r\n  \"(max-width: 959px)\": function () {\r\n    const panels = document.querySelectorAll(\".js-snap\");\r\n    \/\/console.log(img);\r\n\r\n    function goToPanel(panel) {\r\n      gsap.to(window, {\r\n        scrollTo: { y: panel, autoKill: false },\r\n        duration: 1,\r\n      });\r\n    }\r\n\r\n    panels.forEach((panel) => {\r\n      ScrollTrigger.create({\r\n        trigger: panel,\r\n        top: \"top center\",\r\n        toggleClass: {targets: panel, className: \"is-active\"},\r\n        once: true,\r\n      });\r\n    });\r\n    ScrollTrigger.addEventListener(\"scrollEnd\", () => console.log(\"scrollEnd\"));\r\n  },\r\n  \"(min-width: 960px)\": function () {\r\n    const panels = document.querySelectorAll(\".js-snap\");\r\n    \/\/console.log(img);\r\n\r\n    function goToPanel(panel) {\r\n      gsap.to(window, {\r\n        scrollTo: { y: panel, autoKill: false },\r\n        duration: 1,\r\n      });\r\n    }\r\n\r\n    panels.forEach((panel) => {\r\n      ScrollTrigger.create({\r\n        trigger: panel,\r\n        start: \"top center\",\r\n        end: \"bottom top+=1px\",\r\n        \/\/onEnter: () => goToPanel(panel),\r\n        \/\/onEnterBack: () => goToPanel(panel),\r\n        toggleClass: {targets: panel, className: \"is-active\"},\r\n        once: true,\r\n      });\r\n    });\r\n    ScrollTrigger.addEventListener(\"scrollEnd\", () => console.log(\"scrollEnd\"));\r\n  },\r\n});\r\n\r\n\/* SMOOTH SCROLL *\/\r\nconst smoothScrollTrigger = document.querySelectorAll('a[href^=\"#\"]');\r\nfor (let i = 0; i < smoothScrollTrigger.length; i++){\r\n  smoothScrollTrigger[i].addEventListener('click', (e) => {\r\n    e.preventDefault();\r\n    let href = smoothScrollTrigger[i].getAttribute('href');\r\n     let targetElement = document.getElementById(href.replace('#', ''));\r\n    const rect = targetElement.getBoundingClientRect().top;\r\n    const offset = window.pageYOffset;\r\n    const gap = 60;\r\n    const target = rect + offset - gap;\r\n    window.scrollTo({\r\n      top: target,\r\n      behavior: 'smooth',\r\n    });\r\n  });\r\n}\r\n\r\n\/* STAGGER *\/\r\nwindow.addEventListener(\"load\", function(){\r\n  gsap.utils.toArray(\".js-stagger\").forEach(target => {\r\n    const staggerItem  = target.querySelectorAll(\".js-staggerItem\");\r\n    gsap.fromTo(staggerItem,\r\n      { y: 20, autoAlpha: 0},\r\n      {\r\n        y: 0,\r\n        autoAlpha: 1,\r\n        stagger: 0.2,\r\n        delay: 0.02,\r\n        duration: 0.8,\r\n        ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: target,\r\n          start: 'top center',\r\n          end: 'bottom top',\r\n          scrub: false,\r\n          markers: false,\r\n          pin: false,\r\n          toggleClass: {targets: staggerItem, className: \"is-active\"},\r\n          once: true, \r\n        }\r\n    });\r\n  });\r\n});\r\n\r\n\/* SCROLL FADE *\/\r\n\r\nvar beforePos = 0;\r\n\r\nfunction ScrollAnime() {\r\n\r\n  var elemTop = 30;\r\n  var scroll = $(window).scrollTop();\r\n  if(scroll == beforePos) {\r\n  }else if(elemTop > scroll || 0 > scroll - beforePos){\r\n    $('.l-aside,.l-header').removeClass('is-up');\r\n    $('.l-aside,.l-header').addClass('is-down');\r\n  }else {\r\n    $('.l-aside,.l-header').removeClass('is-down');\r\n    $('.l-aside,.l-header').addClass('is-up');\r\n  }\r\n  beforePos = scroll;\r\n}\r\n\r\n$(function(){\r\n  ScrollAnime();\r\n});\r\n\r\n$(window).scroll(function () {\r\n  ScrollAnime();\r\n});\r\n<\/script>"},"_links":{"self":[{"href":"https:\/\/store.descente.co.jp\/descente\/wp-json\/wp\/v2\/feature\/17237"}],"collection":[{"href":"https:\/\/store.descente.co.jp\/descente\/wp-json\/wp\/v2\/feature"}],"about":[{"href":"https:\/\/store.descente.co.jp\/descente\/wp-json\/wp\/v2\/types\/feature"}],"wp:attachment":[{"href":"https:\/\/store.descente.co.jp\/descente\/wp-json\/wp\/v2\/media?parent=17237"}],"wp:term":[{"taxonomy":"feature_tag","embeddable":true,"href":"https:\/\/store.descente.co.jp\/descente\/wp-json\/wp\/v2\/feature_tag?post=17237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}