@charset "UTF-8";
html.has-scroll-smooth {
  overflow: hidden; }
html.has-scroll-dragging {
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }
[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }

:root {
  --gw: 2.08333333vw;
  --bw: 5vw;
  --col-white: #ffffff;
  --col-black: #262626;
  --col-gray: #d4dcdc;
  --col-lgray: #e2e7ea; }

.bg-gray {
  background: var(--col-gray); }

.bg-lgray {
  background: var(--col-lgray); }

.bg-kt {
  background: #978a6a; }

.bg-ww {
  background: #2e2522; }

html, body {
  background-color: var(--col-white); }

html.has-scroll-init,
html.has-scroll-init body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
  touch-action: pinch-zoom; }

html.has-scroll-init .window {
  touch-action: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain; }

::-moz-selection {
  background-color: var(--col-black);
  color: var(--col-white); }

::selection {
  background-color: var(--col-black);
  color: var(--col-white); }

[data-n="0"] {
  width: 100%;
  height: calc( var(--gw) * 0 ); }

[data-n="0.5"] {
  width: 100%;
  height: calc( var(--gw) * 0.5 ); }

[data-n="1"] {
  width: 100%;
  height: calc( var(--gw) * 1 ); }

[data-n="1.5"] {
  width: 100%;
  height: calc( var(--gw) * 1.5 ); }

[data-n="2"] {
  width: 100%;
  height: calc( var(--gw) * 2 ); }

[data-n="2.5"] {
  width: 100%;
  height: calc( var(--gw) * 2.5 ); }

[data-n="3"] {
  width: 100%;
  height: calc( var(--gw) * 3 ); }

[data-n="3.5"] {
  width: 100%;
  height: calc( var(--gw) * 3.5 ); }

[data-n="4"] {
  width: 100%;
  height: calc( var(--gw) * 4 ); }

[data-n="4.5"] {
  width: 100%;
  height: calc( var(--gw) * 4.5 ); }

[data-n="5"] {
  width: 100%;
  height: calc( var(--gw) * 5 ); }

[data-n="5.5"] {
  width: 100%;
  height: calc( var(--gw) * 5.5 ); }

[data-n="6"] {
  width: 100%;
  height: calc( var(--gw) * 6 ); }

[data-n="6.5"] {
  width: 100%;
  height: calc( var(--gw) * 6.5 ); }

[data-n="7"] {
  width: 100%;
  height: calc( var(--gw) * 7 ); }

[data-n="7.5"] {
  width: 100%;
  height: calc( var(--gw) * 7.5 ); }

[data-n="8"] {
  width: 100%;
  height: calc( var(--gw) * 8 ); }

[data-n="8.5"] {
  width: 100%;
  height: calc( var(--gw) * 8.5 ); }

[data-n="9"] {
  width: 100%;
  height: calc( var(--gw) * 9 ); }

[data-n="9.5"] {
  width: 100%;
  height: calc( var(--gw) * 9.5 ); }

[data-n="10"] {
  width: 100%;
  height: calc( var(--gw) * 10 ); }

body {
  overscroll-behavior-y: none; }

html, a {
  color: var(--col-black); }

a {
  text-decoration: none; }

[data-scroll] {
  will-change: auto; }

[data-scroll-section-inview] [data-scroll], [data-scroll][data-scroll-section-inview] {
  will-change: transform; }

/* LAYOUT */
.body {
  width: 100%;
  height: 100%;
  padding-right: calc(var(--gw) * 3);
  padding-left: calc(var(--gw) * 3); }

.body-fat {
  margin-right: calc( calc(var(--gw) * 3) * -1 );
  margin-left: calc( calc(var(--gw) * 3) * -1 ); }

.in {
  width: 100%;
  height: 100%;
  position: relative; }

[data-h="0"] {
  position: relative;
  height: calc( var(--vh) * 100 * 0 ); }

[data-h="1"] {
  position: relative;
  height: calc( var(--vh) * 100 * 1 ); }

[data-h="2"] {
  position: relative;
  height: calc( var(--vh) * 100 * 2 ); }

[data-h="3"] {
  position: relative;
  height: calc( var(--vh) * 100 * 3 ); }

.flex {
  display: flex;
  align-items: center; }

/* COMMON */
.flip {
  display: inline-block;
  line-height: 1em; }
  .flip .o {
    overflow: hidden;
    height: 1em; }
  .flip .t {
    transition: all 0.3s; }

[data-device="desktop"] .flip:hover .t {
  transform: translate(0%, -100%); }

.clip {
  display: inline-block;
  line-height: 1.1em; }
  .clip .o {
    overflow: hidden;
    height: 1.1em;
    line-height: 1.1em; }
  .clip .t {
    height: 1.1em;
    line-height: 1.1em; }

.clip-inline {
  line-height: 1em;
  display: inline-block; }
  .clip-inline .o {
    overflow: hidden;
    height: 1em;
    line-height: 1em; }
  .clip-inline .t {
    height: 1em;
    line-height: 1em; }
  .clip-inline .o {
    display: inline-block;
    padding-right: .25em; }
  .clip-inline .o:last-child {
    padding-right: 0; }

.bg-img {
  overflow: hidden; }

.bg-img .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-append-thumb {
  width: 100%;
  height: 100%; }

.js-append-thumb .js-bg-img {
  width: 100%;
  height: 100%; }

.js-bg-img {
  overflow: hidden;
  background-color: var(--col-lgray); }

#lineup .js-bg-img {
  background-color: #fafafa; }

.bg-gray .js-bg-img {
  background-color: #92a2ad; }

.bg-lgray .js-bg-img {
  background-color: #d8dde1; }

.js-bg-img .img {
  opacity: 0;
  transform: scale(1.05); }

.bg-img {
  position: relative; }

.js-preload-bg .preload {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0.8; }

.js-bg-img[data-shown="1"].img-loaded .img {
  transition: transform 3s, opacity 1s;
  opacity: 1;
  transform: scale(1.01);
  will-change: transform, opacity; }
.js-bg-img[data-shown="1"].img-loaded .preload {
  opacity: 0;
  transition: opacity 1s;
  will-change: opacity; }

#lineup .js-bg-img[data-shown="1"] {
  background-color: transparent;
  transition: background 1s; }
  #lineup .js-bg-img[data-shown="1"] .img {
    transform: scale(0.9); }

#about .img {
  transform: scale(1.01);
  transition-delay: 0s !important; }

#related .img,
#pockets .img {
  transition-delay: 0s !important; }

.js-inview .fade {
  opacity: 0;
  transform: translate(0, 1em); }

.js-inview[data-shown="1"] .fade {
  transition: all 1s;
  transform: translate(0, 0);
  opacity: 1; }

.js-inview.clip .t,
.js-inview .clip .t {
  transform: translate(0%, 120%); }

.js-inview[data-shown="1"].clip .t,
.js-inview[data-shown="1"] .clip .t {
  transition: transform 1s;
  transform: translate(0%, 0%); }

.js-inview[data-shown="1"] .clip .o:nth-child(0) .t {
  transition-delay: 0s; }

.js-inview[data-shown="1"] .fade:nth-child(0) .t {
  transition-delay: 0s; }

.js-inview[data-shown="1"] .clip .o:nth-child(1) .t {
  transition-delay: 0.04s; }

.js-inview[data-shown="1"] .fade:nth-child(1) .t {
  transition-delay: 0.04s; }

.js-inview[data-shown="1"] .clip .o:nth-child(2) .t {
  transition-delay: 0.08s; }

.js-inview[data-shown="1"] .fade:nth-child(2) .t {
  transition-delay: 0.08s; }

.js-inview[data-shown="1"] .clip .o:nth-child(3) .t {
  transition-delay: 0.12s; }

.js-inview[data-shown="1"] .fade:nth-child(3) .t {
  transition-delay: 0.12s; }

.js-inview[data-shown="1"] .clip .o:nth-child(4) .t {
  transition-delay: 0.16s; }

.js-inview[data-shown="1"] .fade:nth-child(4) .t {
  transition-delay: 0.16s; }

.js-inview[data-shown="1"] .clip .o:nth-child(5) .t {
  transition-delay: 0.2s; }

.js-inview[data-shown="1"] .fade:nth-child(5) .t {
  transition-delay: 0.2s; }

.js-inview[data-shown="1"] .clip .o:nth-child(6) .t {
  transition-delay: 0.24s; }

.js-inview[data-shown="1"] .fade:nth-child(6) .t {
  transition-delay: 0.24s; }

.js-inview[data-shown="1"] .clip .o:nth-child(7) .t {
  transition-delay: 0.28s; }

.js-inview[data-shown="1"] .fade:nth-child(7) .t {
  transition-delay: 0.28s; }

.js-inview[data-shown="1"] .clip .o:nth-child(8) .t {
  transition-delay: 0.32s; }

.js-inview[data-shown="1"] .fade:nth-child(8) .t {
  transition-delay: 0.32s; }

.js-inview[data-shown="1"] .clip .o:nth-child(9) .t {
  transition-delay: 0.36s; }

.js-inview[data-shown="1"] .fade:nth-child(9) .t {
  transition-delay: 0.36s; }

.js-inview[data-shown="1"] .clip .o:nth-child(10) .t {
  transition-delay: 0.4s; }

.js-inview[data-shown="1"] .fade:nth-child(10) .t {
  transition-delay: 0.4s; }

.js-inview[data-shown="1"] .clip .o:nth-child(11) .t {
  transition-delay: 0.44s; }

.js-inview[data-shown="1"] .fade:nth-child(11) .t {
  transition-delay: 0.44s; }

.js-inview[data-shown="1"] .clip .o:nth-child(12) .t {
  transition-delay: 0.48s; }

.js-inview[data-shown="1"] .fade:nth-child(12) .t {
  transition-delay: 0.48s; }

.js-inview[data-shown="1"] .clip .o:nth-child(13) .t {
  transition-delay: 0.52s; }

.js-inview[data-shown="1"] .fade:nth-child(13) .t {
  transition-delay: 0.52s; }

.js-inview[data-shown="1"] .clip .o:nth-child(14) .t {
  transition-delay: 0.56s; }

.js-inview[data-shown="1"] .fade:nth-child(14) .t {
  transition-delay: 0.56s; }

.js-inview[data-shown="1"] .clip .o:nth-child(15) .t {
  transition-delay: 0.6s; }

.js-inview[data-shown="1"] .fade:nth-child(15) .t {
  transition-delay: 0.6s; }

.js-inview[data-shown="1"] .clip .o:nth-child(16) .t {
  transition-delay: 0.64s; }

.js-inview[data-shown="1"] .fade:nth-child(16) .t {
  transition-delay: 0.64s; }

.js-inview[data-shown="1"] .clip .o:nth-child(17) .t {
  transition-delay: 0.68s; }

.js-inview[data-shown="1"] .fade:nth-child(17) .t {
  transition-delay: 0.68s; }

.js-inview[data-shown="1"] .clip .o:nth-child(18) .t {
  transition-delay: 0.72s; }

.js-inview[data-shown="1"] .fade:nth-child(18) .t {
  transition-delay: 0.72s; }

.js-inview[data-shown="1"] .clip .o:nth-child(19) .t {
  transition-delay: 0.76s; }

.js-inview[data-shown="1"] .fade:nth-child(19) .t {
  transition-delay: 0.76s; }

.js-inview[data-shown="1"] .clip .o:nth-child(20) .t {
  transition-delay: 0.8s; }

.js-inview[data-shown="1"] .fade:nth-child(20) .t {
  transition-delay: 0.8s; }

/* =============================================================
LOADER
██╗      ██████╗  █████╗ ██████╗ ███████╗██████╗ 
██║     ██╔═══██╗██╔══██╗██╔══██╗██╔════╝██╔══██╗
██║     ██║   ██║███████║██║  ██║█████╗  ██████╔╝
██║     ██║   ██║██╔══██║██║  ██║██╔══╝  ██╔══██╗
███████╗╚██████╔╝██║  ██║██████╔╝███████╗██║  ██║
╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
============================================================= */
.loader-l1-1 svg {
  width: max(110px,7.638vw);
  height: max(47px,3.263vw); }

.loader-l1-2 svg {
  width: max(60px,4.166vw);
  height: max(47px,3.263vw); }

.loader-l2-1 svg {
  width: max(346px,24.027vw);
  height: max(42px,2.916vw); }

.loader-l2-2 {
  margin-bottom: 0.2em; }

.loader-l2-2 svg {
  width: max(29px,2.013vw);
  height: max(30px,2.083vw); }

.loader-l2-1, .loader-l2-2 {
  opacity: 0; }

.loader-l2-1 .svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: max(42px,2.916vw); }

.loader-l2-2 .svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: max(42px,2.916vw);
  width: max(42px,2.916vw); }

.loader-l2-1 {
  transform: translate(max(29px,2.013vw), 0); }

.is-loading .window * {
  user-select: none;
  pointer-events: none !important; }

.is-loaded .loader {
  user-select: none;
  pointer-events: none !important; }

.is-after .loader {
  display: none; }

.loader {
  user-select: none;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%; }

.loader .bg {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--col-white); }

.loader .progress {
  z-index: 2;
  height: calc(var(--gw) * 6);
  padding: calc(var(--gw) * 2);
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0; }

.progress-x {
  position: relative;
  width: 100%;
  height: 100%;
  transform: translate(-100%, 0%);
  z-index: 2; }

.loader .progress .bar {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--col-black); }

.loader .progress .bar.progress-b {
  background-color: var(--col-lgray); }

.loader .progress .in {
  overflow: hidden; }

.loader .progress .num {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  height: calc(var(--gw) * 2);
  display: flex;
  align-items: center;
  text-align: right; }

.loader-l {
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center; }

/* =============================================================
SLIDER
███████╗██╗     ██╗██████╗ ███████╗██████╗ 
██╔════╝██║     ██║██╔══██╗██╔════╝██╔══██╗
███████╗██║     ██║██║  ██║█████╗  ██████╔╝
╚════██║██║     ██║██║  ██║██╔══╝  ██╔══██╗
███████║███████╗██║██████╔╝███████╗██║  ██║
╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
============================================================= */
[data-slide], [data-slide] * {
  z-index: 0; }

[data-slide] {
  width: 100vw;
  overflow: hidden; }

[data-slide-ul] {
  cursor: grab;
  align-items: flex-start;
  display: flex; }

[data-slide][data-slide-dragging="1"] [data-slide-ul] {
  cursor: grabbing; }

[data-slide-o] {
  width: 100%;
  height: 100%; }

[data-slide-c] {
  user-select: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

[data-slide="related"] {
  user-select: none; }
  [data-slide="related"] [data-slide-c] {
    width: calc( var(--gw) * 8 ); }
  [data-slide="related"] [data-slide-o] {
    padding-left: calc( var(--gw) * 1.5 );
    padding-right: calc( var(--gw) * 1.5 ); }
  [data-slide="related"] [data-slide-li]:first-child [data-slide-o] {
    padding-left: calc( var(--gw) * 7 ); }
  [data-slide="related"] [data-slide-li]:last-child [data-slide-o] {
    padding-right: calc( var(--gw) * 7 ); }
  [data-slide="related"] .related-li {
    display: block;
    position: relative; }
  [data-slide="related"] .thumb {
    width: 100%;
    padding-top: 133%;
    position: relative;
    overflow: hidden; }
  [data-slide="related"] .caption-wrap {
    display: block;
    position: relative; }
  [data-slide="related"] .caption {
    padding-top: 1em;
    padding-bottom: 1em; }
  [data-slide="related"] .icon {
    margin-left: auto;
    margin-right: 0; }
  [data-slide="related"] .thumb .bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

[data-slide="collection"] [data-slide-li] {
  width: 33.3333333333333333%;
  height: 300px; }
[data-slide="collection"] [data-slide-ul] {
  cursor: auto;
  padding-left: calc(var(--gw) * 2); }
[data-slide="collection"] [data-slide-o] {
  padding-left: 5px;
  padding-right: 5px; }
[data-slide="collection"] [data-slide-li]:first-child [data-slide-o] {
  padding-left: 0; }
[data-slide="collection"] [data-slide-li]:last-child [data-slide-o] {
  padding-right: 0; }

/* =============================================================
HEADER
██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
============================================================= */
.header {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: calc(var(--gw) * 4);
  padding-right: calc(var(--gw) * 2);
  padding-bottom: calc(var(--gw) * 1);
  padding-left: calc(var(--gw) * 1.5);
  display: flex;
  align-items: flex-end; }

.header-lr {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.navi, .logo {
  display: flex;
  align-items: baseline; }

.logo-nf {
  display: block;
  width: max(90px,6.25vw);
  height: max(42px,2.916vw); }

.logo-mp {
  text-transform: uppercase;
  font-size: max(25px,1.736vw);
  padding-left: .75em; }

.navi {
  margin-left: -1em;
  margin-right: -1em;
  margin-top: -.9em;
  margin-bottom: -.9em; }

.navi a {
  overflow: hidden;
  display: block; }

.navi .pivot {
  padding: 1em 1em;
  transform: translate(0%, 0%); }

.header-r {
  position: relative; }

.header-l .logo {
  transform-origin: left top; }

.navi-icon {
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  position: absolute;
  height: calc(var(--gw) * 2);
  width: calc(var(--gw) * 2);
  will-change: transform; }

.navi-icon .t {
  background-color: var(--col-black);
  height: 4px;
  width: 4px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -2px;
  opacity: 0; }

.navi-icon, .navi-icon .t, .navi, .logo, .logo-nf .logo-mp {
  transition: all .6s; }

.is-over .navi-icon, .is-over .navi-icon .t, .is-over .navi, .is-over .logo {
  transition: all .3s; }
.is-over .navi-icon {
  pointer-events: auto;
  transform: translate(50%, -50%); }
.is-over .navi-icon .t {
  opacity: 1; }
.is-over .navi-icon .t1 {
  transform: translate(-200%, 0); }
.is-over .navi-icon .t3 {
  transform: translate(200%, 0); }
.is-over .navi {
  opacity: 0;
  transform: translate(calc( calc(var(--gw) * 2) * -0.5 - 0em), 0); }
.is-over .header-r, .is-over .navi, .is-over .navi a {
  pointer-events: none; }
.is-over .header-l .logo {
  transform: scale(0.7); }

.a-blank .bd {
  will-change: auto;
  transform-origin: top left;
  transform: scale(1, 1);
  transition: transform 0.3s; }

[data-device="desktop"] .header-r:hover {
  pointer-events: auto; }
  [data-device="desktop"] .header-r:hover .navi-icon .t1, [data-device="desktop"] .header-r:hover .navi-icon .t3 {
    transform: translate(0, 0); }
  [data-device="desktop"] .header-r:hover .navi {
    pointer-events: auto;
    opacity: 1; }
  [data-device="desktop"] .header-r:hover .navi a {
    pointer-events: auto; }
[data-device="desktop"] .a-blank:hover .bd {
  will-change: transform;
  transform-origin: top right;
  transform: scale(0, 1); }

/* =============================================================
SECTION FV
███████╗██╗   ██╗
██╔════╝██║   ██║
█████╗  ██║   ██║
██╔══╝  ╚██╗ ██╔╝
██║      ╚████╔╝ 
╚═╝       ╚═══╝  
============================================================= */
.section-fv-body {
  height: calc(var(--vh) * 120);
  position: relative; }

.section-fv-content {
  height: calc(var(--vh) * 100 - var(--gw) * 4);
  position: relative;
  z-index: 10; }

.section-fv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.section-fv-bg .bg-img {
  width: 100%;
  height: 100%; }

.section-fv-bg .bg-img .o {
  width: 100%;
  height: 100%; }

.section-fv-bg .bg-img .img {
  transform-origin: center top;
  opacity: 1;
  transform: scale(1); }

.tagline .o {
  display: inline-block; }

.tagline .clip {
  display: block; }

.tagline-4 {
  margin-top: 2em; }

.tagline {
  margin-bottom: .15em; }

/**/
.icon {
  width: max(15px,1.041vw);
  height: max(15px,1.041vw); }

/* =============================================================
SECTION ABOUT
 █████╗ ██████╗  ██████╗ ██╗   ██╗████████╗
██╔══██╗██╔══██╗██╔═══██╗██║   ██║╚══██╔══╝
███████║██████╔╝██║   ██║██║   ██║   ██║   
██╔══██║██╔══██╗██║   ██║██║   ██║   ██║   
██║  ██║██████╔╝╚██████╔╝╚██████╔╝   ██║   
╚═╝  ╚═╝╚═════╝  ╚═════╝  ╚═════╝    ╚═╝   
============================================================= */
.logo-mp2 {
  width: max(110px,7.638vw);
  height: max(73px,5.069vw); }

.cols {
  display: flex;
  justify-content: space-between; }

.col:first-child {
  width: calc(var(--gw) * 13); }

.col:last-child {
  width: calc(100% - var(--gw) * 13); }

#concept {
  margin-bottom: -1px; }

#collection {
  margin-top: -1px; }

#concept .thumb {
  width: calc(var(--gw) * 17 );
  height: calc( calc(var(--gw) * 17 ) * 510/360 ); }

#concept .thumb .bg-img {
  width: 100%;
  height: 100%; }

#concept .col:first-child {
  width: 50%; }
#concept .col:last-child {
  /* width: calc( 100% - calc( var(--gw) * 16 ) ); */
  width: 40%;
  margin-right: 16vw; }

#concept .content {
  margin-left: calc(var(--gw) * 1); }

#concept .body {
  padding: 0; }

.h2-body {
  min-width: calc(var(--gw) * 9);
  padding-top: calc(var(--gw) * 1.5); }

.h2-body .o {
  margin-bottom: .4em; }

.h2-body .o:last-child {
  margin-bottom: 0; }

.h2-border {
  width: 100%;
  height: 1px;
  overflow: hidden; }

.h2-border div {
  width: 100%;
  height: 100%;
  background: var(--col-black);
  transform: translate(-100%, 0%); }

[data-shown="1"] .h2-border div {
  transition: transform 1s;
  transform: translate(0%, 0%); }

.section-shuffle-wrap .section-header {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 8; }

.shuffle-body {
  width: 100%;
  height: 100%; }

.shuffle-img {
  width: calc( var(--gw) * 12 );
  height: calc( calc( var(--gw) * 12 ) * 480/360 );
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: calc( calc( var(--gw) * 12 ) * -0.5 );
  margin-top: calc( calc( calc( var(--gw) * 12 ) * 480/360 ) * -0.5 ); }

.shuffle-img .bg-img {
  width: 100%;
  height: 100%; }

.shuffle-t .clip {
  display: block;
  text-align: right; }

.shuffle-t1 {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: calc(var(--gw) * 1.5);
  transform: translate(0%, -50%); }

.shuffle-t2 {
  z-index: 99;
  position: absolute;
  top: 50%;
  right: calc(var(--gw) * 1.5);
  /* transform: translate(0%, -50%); */ }

.tp-dfwv {
  top: auto !important;
  bottom: 8px; }

.editor p {
  margin-bottom: 2em; }
.editor > *:last-child {
  margin-bottom: 0; }

.section-header-body {
  padding-top: calc( var(--gw) * 1.5 ); }
  .section-header-body .h4 {
    margin-bottom: 1em; }

.h3, .h4 {
  text-transform: uppercase; }

/* =============================================================
SECTION - RELATED
██████╗ ███████╗██╗      █████╗ ████████╗███████╗██████╗ 
██╔══██╗██╔════╝██║     ██╔══██╗╚══██╔══╝██╔════╝██╔══██╗
██████╔╝█████╗  ██║     ███████║   ██║   █████╗  ██║  ██║
██╔══██╗██╔══╝  ██║     ██╔══██║   ██║   ██╔══╝  ██║  ██║
██║  ██║███████╗███████╗██║  ██║   ██║   ███████╗██████╔╝
╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝╚═════╝ 
============================================================= */
[data-slide-control] {
  height: 1px;
  padding: 0 calc(var(--gw) * 7); }

[data-slide-control-wrap] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: grab; }

[data-slide-control-bg] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }

[data-slide-control-bg] div {
  background-color: #92a1ac; }

[data-slide-control-thumb] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center; }

[data-slide-control-thumb] div {
  background-color: var(--col-black); }

[data-slide-control-thumb] div, [data-slide-control-bg] div {
  height: 1px;
  width: 100%; }

[data-slide-control] {
  height: calc(var(--gw) * 3);
  padding: 0 calc(var(--gw) * 7); }

[data-slide-dragging="1"] {
  cursor: grabbing; }

/* =============================================================
SECTION - COLLECTION
 ██████╗ ██████╗ ██╗     ██╗     ███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
██╔════╝██╔═══██╗██║     ██║     ██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
██║     ██║   ██║██║     ██║     █████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
██║     ██║   ██║██║     ██║     ██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
╚██████╗╚██████╔╝███████╗███████╗███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
 ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
============================================================= */
.collection-header {
  display: flex; }

.collection-li .thumb, .collection-li .content {
  width: 50%; }

.collection-li .thumb {
  padding-right: calc(var(--gw) * 2); }

.collection-li .thumb .bg-img {
  width: 100%;
  height: 100%; }

.collection-li .content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.collection-li .num {
  left: 0;
  top: calc(var(--gw) * 1.5);
  position: absolute; }

.collection-li .cat {
  right: calc(var(--gw) * 3);
  top: calc(var(--gw) * 1.5);
  position: absolute; }

.collection-li .item {
  padding-left: calc(var(--gw) * 4);
  padding-right: calc(var(--gw) * 8); }

.collection-li .item .h4 {
  width: calc(100% + var(--gw) * 2); }

.collection-li .absolute {
  position: absolute;
  width: 7vw;
  height: 7vw;
  right: calc(var(--gw) * 6);
  transform: translate(50%, -50%);
  max-width: 200px;
  max-height: 200px;
  min-width: 70px;
  min-height: 70px; }

.collection-li .absolute .bg-img {
  width: 100%;
  height: 100%;
  background-color: rgba(226, 231, 234, 0); }

.item .info {
  padding-top: .5em; }
.item .h4 {
  line-height: 0; }
.item .label * {
  font-size: 12px; }
.item .label .o {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
.item .label .t {
  border: 1px solid var(--col-black);
  line-height: 1.5em;
  height: 1.45em;
  border-radius: 3em;
  padding: 0 .5em; }

[data-slide="collection"] .bg-img {
  width: 100%;
  height: 100%; }

/* BTN */
.btn {
  display: inline-block;
  letter-spacing: .1em;
  height: max(50px,3.472vw);
  border-radius: 3em;
  background: var(--col-black);
  color: var(--col-white);
  position: relative;
  overflow: hidden;
  padding: 0em 1.5em;
  min-width: 12em; }

.btn-ja {
  letter-spacing: 0; }

.btn .btn-body {
  height: 100%; }

.btn .o {
  line-height: 1.5em;
  height: 1.45em; }

.btn .t {
  line-height: 1.5em;
  height: 1.45em; }

#lineup .btn {
  min-width: 0; }

.btn-disable {
  pointer-events: none; }

.btn-s {
  display: inline-block;
  width: auto;
  height: 2em; }

.btn-s.btn-disable {
  height: calc(2em + 2px);
  background: none;
  color: var(--col-black);
  border: 1px solid var(--col-black); }

.btn.btn-large {
  position: relative;
  margin: 0 auto;
  letter-spacing: 0;
  height: max(100px,6.944vw);
  width: max(630px,43.75vw);
  border-radius: max(100px,6.944vw);
  background: none;
  color: var(--col-black);
  border: 1px solid var(--col-black); }

.btn.btn-large .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: max(100px,6.944vw);
  width: max(100px,6.944vw);
  display: flex;
  justify-content: center;
  align-items: center; }

.btn.btn-large .icon svg {
  height: max(15px,1.041vw);
  width: max(15px,1.041vw); }

.btn-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }

.btn-wrap {
  line-height: 0; }

/* =============================================================
SECTION - POCKETS
██████╗  ██████╗  ██████╗██╗  ██╗███████╗████████╗███████╗
██╔══██╗██╔═══██╗██╔════╝██║ ██╔╝██╔════╝╚══██╔══╝██╔════╝
██████╔╝██║   ██║██║     █████╔╝ █████╗     ██║   ███████╗
██╔═══╝ ██║   ██║██║     ██╔═██╗ ██╔══╝     ██║   ╚════██║
██║     ╚██████╔╝╚██████╗██║  ██╗███████╗   ██║   ███████║
╚═╝      ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝   ╚═╝   ╚══════╝
============================================================= */
.budge-wrap {
  display: flex;
  align-items: center; }

.budge {
  width: calc(var(--gw) * 5);
  height: calc(var(--gw) * 5);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: calc(var(--vh) * 100 - var(--gw) * 6.5);
  left: calc(var(--gw) * 1.5);
  color: var(--col-white);
  opacity: 0; }

.budge .txt {
  position: relative;
  z-index: 2;
  padding-bottom: .5em; }

.budge .clip {
  display: block; }

.budge-r {
  padding-left: var(--gw); }

.budge .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--col-black);
  border-radius: 100%; }

#pockets-fixed-0 {
  overflow: hidden; }

.fixed-section {
  position: relative;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px; }

.fixed-section {
  position: relative;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px; }

.fixed-li {
  position: relative;
  overflow: hidden;
  height: calc( var(--vh) * 100 ); }

.fixed-body {
  z-index: 6;
  width: 100vw;
  height: calc( calc( var(--vh) * 100 ) * 2.5 );
  margin-top: calc( calc( var(--vh) * 100 ) * -1 );
  padding-bottom: calc( calc( var(--vh) * 100 ) * 1.5 ); }

.fixed-img {
  position: absolute;
  left: 0;
  top: 0;
  height: calc( var(--vh) * 100 );
  width: 100vw; }

.fixed-section .border {
  height: calc( var(--vh) * 100 );
  width: 100vw;
  margin: 0 auto;
  border: solid var(--gw) var(--col-white);
  overflow: hidden;
  position: relative; }

.fixed-section .img {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box; }

.section-pockets-header {
  text-align: center; }

.section-pockets-body {
  position: relative; }

/* =============================================================
SECTION - LINEUP
██╗     ██╗███╗   ██╗███████╗██╗   ██╗██████╗ 
██║     ██║████╗  ██║██╔════╝██║   ██║██╔══██╗
██║     ██║██╔██╗ ██║█████╗  ██║   ██║██████╔╝
██║     ██║██║╚██╗██║██╔══╝  ██║   ██║██╔═══╝ 
███████╗██║██║ ╚████║███████╗╚██████╔╝██║     
╚══════╝╚═╝╚═╝  ╚═══╝╚══════╝ ╚═════╝ ╚═╝   
============================================================= */
.grid-ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc( var(--gw) * 3 ); }

.lineup .thumb {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  display: block; }
.lineup .bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.lineup .bg-img .img {
  width: 100%;
  height: 100%; }
.lineup .color-ul {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  line-height: 0;
  transform: translate3d(0, 0, 0); }
.lineup .color-ul li {
  display: flex;
  align-items: center;
  padding-left: 1em; }
.lineup .color-ul .palet {
  width: 1.3em;
  height: 0.8em;
  margin-right: .5em; }
.lineup .color-ul .palet .o,
.lineup .color-ul .palet .t div,
.lineup .color-ul .palet .t {
  width: 100%;
  height: 100%; }
.lineup .color-ul .palet .t {
  display: flex; }
.lineup .title {
  padding-top: var(--gw);
  width: 100%;
  display: flex;
  justify-content: space-between; }
.lineup .info {
  padding-bottom: 1em; }
.lineup .caption p {
  margin-bottom: 2em; }
.lineup .caption *:last-child {
  margin-bottom: 0; }
.lineup .title h4 {
  padding-bottom: .8em;
  width: calc(100% - 11em); }

.section-footer {
  text-align: center; }

.section-footer p {
  margin-top: 2em; }

/* =============================================================
FOOTER
███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
============================================================= */
.bnr ul {
  display: flex;
  justify-content: center; }

.bnr ul li {
  padding: 0 calc(var(--gw) * 0.5); }

.bnr-a {
  display: block;
  width: calc( var(--gw) * 13.5 ); }

.bnr-a p {
  text-align: center;
  margin-top: 1em; }

.bnr-a .bg-img {
  height: calc( calc( var(--gw) * 13.5 ) * 380/1250 ); }

.a-blank .o {
  display: block;
  height: 1.4em;
  line-height: 1.4em; }
.a-blank .t {
  display: inline-block;
  position: relative;
  padding-bottom: .1em; }
.a-blank .bd {
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background-color: var(--col-black); }
.a-blank .o:last-child .t {
  padding-right: 1em; }
.a-blank .icon {
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.7); }

.sitemap .a-blank .o .t {
  padding-right: 0; }

.footer-body {
  display: flex; }

.footer-l {
  width: calc(var(--gw) * 15); }

.footer-r {
  width: calc(100% - var(--gw) * 15); }

.sitemap {
  display: flex; }

.sitemap-l {
  min-width: calc(var(--gw) * 15);
  padding-right: calc(var(--gw) * 2); }

.sitemap-set .h7, .sitemap-set .h6 {
  margin-bottom: 1em; }

.sitemap-set li {
  font-weight: 300; }

.footer-copy {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.logo-copy {
  display: block;
  width: max(150px,10.416vw);
  height: max(70px,4.861vw); }

/* line-height */
.lineup .caption,
.item .caption,
body,
.editor {
  line-height: 1.57142857; }

/* =============================================================
CURSOR
 ██████╗██╗   ██╗██████╗ ███████╗ ██████╗ ██████╗ 
██╔════╝██║   ██║██╔══██╗██╔════╝██╔═══██╗██╔══██╗
██║     ██║   ██║██████╔╝███████╗██║   ██║██████╔╝
██║     ██║   ██║██╔══██╗╚════██║██║   ██║██╔══██╗
╚██████╗╚██████╔╝██║  ██║███████║╚██████╔╝██║  ██║
 ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝ ╚═════╝ ╚═╝  ╚═╝
============================================================= */
.cursor {
  pointer-events: none;
  position: fixed;
  z-index: 999;
  width: calc( var(--gw) * 3 );
  height: calc( var(--gw) * 3 );
  margin-top: calc($_cursor_w * 0.25);
  margin-left: calc($_cursor_w * -0.5); }

.cursor path {
  fill: var(--col-white); }

.cursor-pivot {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  color: var(--col-white);
  will-change: transform; }

.cursor-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  will-change: transform; }

.cursor-bg div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: var(--col-black); }

.cursor .svg {
  display: inline-block;
  height: 0.6em;
  width: 2em;
  text-align: center; }
  .cursor .svg .o, .cursor .svg .t {
    line-height: 0.6em;
    height: 0.6em; }

.cursor svg {
  height: 0.6em;
  display: inline-block; }

.cursor .svg:first-child svg {
  transform: scale(-1, 1); }

.cursor .txt {
  margin: 0 0.25em 0em 0.25em; }

.cursor .t {
  transform: translate(0%, 150%); }

.cursor-bg div {
  transform: scale(0); }

.cursor .svg, .cursor .t, .cursor-bg div {
  will-change: transform;
  transition: transform .3s; }

.is-draggable .cursor .t {
  transform: translate(0%, 0%); }
.is-draggable .cursor-bg div {
  opacity: 1;
  transform: scale(1); }

.is-dragging .cursor .svg:first-child {
  transform: translate(0.5em, 0); }
.is-dragging .cursor .svg:last-child {
  transform: translate(-0.5em, 0); }
.is-dragging .cursor-bg div {
  transform: scale(0.9); }

.is-a-hover .cursor .t {
  transform: translate(0%, 100%); }
.is-a-hover .cursor-bg div {
  transform: scale(0); }

/* =============================================================
SVGTXT
███████╗██╗   ██╗ ██████╗████████╗██╗  ██╗████████╗
██╔════╝██║   ██║██╔════╝╚══██╔══╝╚██╗██╔╝╚══██╔══╝
███████╗██║   ██║██║  ███╗  ██║    ╚███╔╝    ██║   
╚════██║╚██╗ ██╔╝██║   ██║  ██║    ██╔██╗    ██║   
███████║ ╚████╔╝ ╚██████╔╝  ██║   ██╔╝ ██╗   ██║   
╚══════╝  ╚═══╝   ╚═════╝   ╚═╝   ╚═╝  ╚═╝   ╚═╝   
============================================================= */
.assets {
  display: none; }

use,
.loader path {
  fill: var(--col-black); }

.svg-t {
  height: 0.75em; }

.svg-t-open {
  width: calc( $_line_height * 335.969/97.156 ); }

.svg-t-your {
  width: calc( $_line_height * 347.844/97.156 ); }

.svg-t-arms {
  width: calc( $_line_height * 368.281/97.156 ); }

.svg-t-to {
  width: calc( $_line_height * 164.032/97.156 ); }

.svg-t-change {
  width: calc( $_line_height * 539.594/97.156 ); }

.svg-t-the {
  width: calc( $_line_height * 239.87/90.88 ); }

.svg-t-the {
  width: calc( $_line_height * 239.87/90.88 ); }

.svg-t-the {
  width: calc( $_line_height * 239.87/90.88 ); }

.clip-svg .t,
.btn-svg .t {
  display: flex;
  align-items: center; }

.collection-li .btn-svg use {
  fill: var(--col-white); }

.lineup .svg-t-commingsoon use {
  fill: var(--col-black); }
.lineup .svg-t-buy use {
  fill: var(--col-white); }

.tagline use {
  fill: var(--col-black); }

.tagline-1 .clip,
.tagline-2 .clip,
.tagline-3 .clip {
  line-height: 0.75em; }
.tagline-1 .t,
.tagline-1 .o,
.tagline-2 .t,
.tagline-2 .o,
.tagline-3 .t,
.tagline-3 .o {
  height: 0.75em;
  line-height: 0.75em; }

.tagline-bar-wrap {
  display: flex;
  justify-content: center;
  align-items: center; }

.tagline-bar {
  margin: 0 .25em;
  width: .75em;
  height: .1em;
  background: var(--col-black); }

.tagline .t {
  will-change: transform; }

/* =============================================================
POCKET SLIDER
██████╗  ██████╗  ██████╗██╗  ██╗███████╗████████╗    ███████╗██╗     ██╗██████╗ ███████╗██████╗ 
██╔══██╗██╔═══██╗██╔════╝██║ ██╔╝██╔════╝╚══██╔══╝    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔══██╗
██████╔╝██║   ██║██║     █████╔╝ █████╗     ██║       ███████╗██║     ██║██║  ██║█████╗  ██████╔╝
██╔═══╝ ██║   ██║██║     ██╔═██╗ ██╔══╝     ██║       ╚════██║██║     ██║██║  ██║██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╗██║  ██╗███████╗   ██║       ███████║███████╗██║██████╔╝███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝   ╚═╝       ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
============================================================= */
.section-pockets-body [data-slide-control] {
  display: none; }

.is-pocket-slider-layout .window {
  height: calc( var(--vh) * 100 );
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth; }
.is-pocket-slider-layout .fixed-img {
  touch-action: pan-x; }
.is-pocket-slider-layout .section-pockets-body [data-slide-control] {
  display: block; }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-body] {
  width: 9999px;
  padding-top: calc( var(--gw) * 1.5 );
  padding-bottom: calc( var(--gw) * 1.5 ); }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-li] {
  height: auto; }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-ul] {
  cursor: auto; }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-o] {
  padding-left: calc( var(--gw) * 1.5 );
  padding-right: calc( var(--gw) * 1.5 ); }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-li]:first-child [data-slide-o] {
  padding-left: calc( var(--gw) * 3 ); }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-li]:last-child [data-slide-o] {
  padding-right: calc( var(--gw) * 3 ); }
.is-pocket-slider-layout [data-slide="jacket"] .fixed-body {
  margin-top: 0;
  padding-bottom: 0;
  width: 100%;
  height: 100%; }
.is-pocket-slider-layout [data-slide="jacket"] .fixed-img {
  position: relative;
  width: 100%;
  height: 100%; }
  .is-pocket-slider-layout [data-slide="jacket"] .fixed-img .bg-img {
    width: calc( 50vw );
    height: calc( calc( 50vw ) * 1.3333 ); }
.is-pocket-slider-layout [data-slide="jacket"] .fixed-section .border {
  width: 100%;
  height: 100%;
  border: 0; }
.is-pocket-slider-layout [data-slide="jacket"] [data-slide-control-bg] div {
  opacity: 0.2; }
@media screen and (max-width: 700px), (max-width: 900px) and (orientation: landscape) {
  .is-pocket-slider-layout [data-slide="jacket"] [data-slide-body] {
    padding-top: calc( var(--gw) * 0 );
    padding-bottom: calc( var(--gw) * 3 ); }
  .is-pocket-slider-layout [data-slide="jacket"] [data-slide-o] {
    padding-left: calc( var(--gw) * 1 );
    padding-right: calc( var(--gw) * 1 ); }
  .is-pocket-slider-layout [data-slide="jacket"] [data-slide-li]:first-child [data-slide-o] {
    padding-left: calc( var(--gw) * 2 ); }
  .is-pocket-slider-layout [data-slide="jacket"] [data-slide-li]:last-child [data-slide-o] {
    padding-right: calc( var(--gw) * 2 ); }
  .is-pocket-slider-layout [data-slide="jacket"] [data-slide-control] {
    padding: 0 calc( var(--gw) * 2 ); }
  .is-pocket-slider-layout [data-slide="jacket"] .fixed-img .bg-img {
    width: calc( 60vw );
    height: calc( calc( 60vw ) * 1.3333 ); } }

.is-static-layout .window {
  height: calc( var(--vh) * 100 );
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth; }
.is-static-layout .fixed-section .border {
  border-bottom-width: 0px !important;
  border: solid calc( var(--gw) * 3 ) var(--col-white); }
.is-static-layout .budge {
  display: none; }
@media screen and (max-width: 700px), (max-width: 900px) and (orientation: landscape) {
  .is-static-layout .fixed-section .border {
    border: solid calc( var(--gw) * 2 ) var(--col-white); } }

html body {
  font-family: elza, sans-serif;
  font-weight: 500;
  letter-spacing: .01em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

.ja {
  font-feature-settings: 'palt';
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; }

.w200 {
  font-weight: 200; }

.w300 {
  font-weight: 300; }

.w400 {
  font-weight: 400; }

.w500 {
  font-weight: 500; }

.section-header h2, .w600 {
  font-weight: 600; }

.u {
  text-transform: uppercase; }

.f-s {
  font-size: max(12px,0.833vw); }

body {
  font-size: max(14px,0.972vw); }

.f-ms, .f-ms *, .f-m, .h6 {
  font-size: max(14px,0.972vw); }

.f-ml, .f-ml * {
  font-size: max(16px,1.111vw); }

.f-mll {
  font-size: max(17px,1.18vw); }

.f-l {
  font-size: max(24px,1.666vw); }

.f-ll, .h4 {
  font-size: max(34px,2.361vw); }

.h3, .f-xl {
  font-size: max(50px,3.472vw); }

.f-xxxl {
  font-size: max(132px,9.166vw); }

@media screen and (max-width: 1024px), (orientation: portrait) {
  .navi a {
    font-size: max(13px,0.902vw); }

  .logo-mp {
    font-size: max(18px,1.25vw); }

  .f-xxxl {
    font-size: max(90px,6.25vw); }

  .f-ms, .f-ms * {
    font-size: max(12px,0.833vw); } }
@media screen and (max-width: 700px), (max-width: 900px) and (orientation: landscape) {
  .bnr-a p,
  .budge .f-mll {
    font-size: max(10px,0.694vw); }

  .footer-copy small,
  .sitemap ul li,
  .h7,
  .section-pockets-header p,
  #related .section-header-body p,
  .related-li .caption,
  .navi a {
    font-size: max(12px,0.833vw); }

  .logo-mp {
    font-size: max(18px,1.25vw); }

  .f-m {
    font-size: max(14px,0.972vw); }

  .f-mll,
  .f-ml {
    font-size: max(14px,0.972vw); }
    .f-mll *,
    .f-ml * {
      font-size: max(14px,0.972vw); }

  .h6,
  .lineup .title h4 {
    font-size: max(16px,1.111vw); }

  .footer-body .f-mll,
  .footer-body .f-mll *,
  .f-l {
    font-size: max(18px,1.25vw); }

  .budge .f-xl {
    font-size: max(24px,1.666vw); }

  .f-ll,
  .h4 {
    font-size: max(26px,1.805vw); }

  .h3,
  .f-xl {
    font-size: max(36px,2.5vw); }

  .f-xxxl {
    font-size: max(55px,3.819vw); } }
@media screen and (max-width: 320px) {
  .logo-mp {
    font-size: max(16px,1.111vw); } }
.show-t {
  display: none; }

@media screen and (max-width: 1024px), (orientation: portrait) {
  [data-tb="0"] {
    width: 100%;
    height: calc( var(--gw) * 0 ); }

  [data-tb="0.5"] {
    width: 100%;
    height: calc( var(--gw) * 0.5 ); }

  [data-tb="1"] {
    width: 100%;
    height: calc( var(--gw) * 1 ); }

  [data-tb="1.5"] {
    width: 100%;
    height: calc( var(--gw) * 1.5 ); }

  [data-tb="2"] {
    width: 100%;
    height: calc( var(--gw) * 2 ); }

  [data-tb="2.5"] {
    width: 100%;
    height: calc( var(--gw) * 2.5 ); }

  [data-tb="3"] {
    width: 100%;
    height: calc( var(--gw) * 3 ); }

  [data-tb="3.5"] {
    width: 100%;
    height: calc( var(--gw) * 3.5 ); }

  [data-tb="4"] {
    width: 100%;
    height: calc( var(--gw) * 4 ); }

  [data-tb="4.5"] {
    width: 100%;
    height: calc( var(--gw) * 4.5 ); }

  [data-tb="5"] {
    width: 100%;
    height: calc( var(--gw) * 5 ); }

  [data-tb="5.5"] {
    width: 100%;
    height: calc( var(--gw) * 5.5 ); }

  [data-tb="6"] {
    width: 100%;
    height: calc( var(--gw) * 6 ); }

  [data-tb="6.5"] {
    width: 100%;
    height: calc( var(--gw) * 6.5 ); }

  [data-tb="7"] {
    width: 100%;
    height: calc( var(--gw) * 7 ); }

  [data-tb="7.5"] {
    width: 100%;
    height: calc( var(--gw) * 7.5 ); }

  [data-tb="8"] {
    width: 100%;
    height: calc( var(--gw) * 8 ); }

  [data-tb="8.5"] {
    width: 100%;
    height: calc( var(--gw) * 8.5 ); }

  [data-tb="9"] {
    width: 100%;
    height: calc( var(--gw) * 9 ); }

  [data-tb="9.5"] {
    width: 100%;
    height: calc( var(--gw) * 9.5 ); }

  [data-tb="10"] {
    width: 100%;
    height: calc( var(--gw) * 10 ); }

  [data-tb="10.5"] {
    width: 100%;
    height: calc( var(--gw) * 10.5 ); }

  [data-tb="11"] {
    width: 100%;
    height: calc( var(--gw) * 11 ); }

  [data-tb="11.5"] {
    width: 100%;
    height: calc( var(--gw) * 11.5 ); }

  [data-tb="12"] {
    width: 100%;
    height: calc( var(--gw) * 12 ); }

  [data-tb="12.5"] {
    width: 100%;
    height: calc( var(--gw) * 12.5 ); }

  [data-tb="13"] {
    width: 100%;
    height: calc( var(--gw) * 13 ); }

  [data-tb="13.5"] {
    width: 100%;
    height: calc( var(--gw) * 13.5 ); }

  [data-tb="14"] {
    width: 100%;
    height: calc( var(--gw) * 14 ); }

  [data-tb="14.5"] {
    width: 100%;
    height: calc( var(--gw) * 14.5 ); }

  [data-tb="15"] {
    width: 100%;
    height: calc( var(--gw) * 15 ); }

  .hide-t {
    display: none !important; }

  .show-t {
    display: block; }

  .loader .progress {
    z-index: 2;
    height: calc(var(--gw) * 8); }

  .loader .progress .num {
    height: calc(var(--gw) * 4); }

  /* =============================================================
  HEADER
  ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
  ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
  ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
  ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
  ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
  ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
  ============================================================= */
  .header {
    height: auto;
    pointer-events: none;
    padding-top: calc(var(--gw) * 1.5);
    padding-right: calc(var(--gw) * 1.5);
    padding-bottom: calc(var(--gw) * 1.5); }

  .header-lr {
    align-items: flex-start; }

  .header a {
    pointer-events: auto; }

  .header-l {
    position: relative;
    left: 0;
    top: 0;
    width: 100%; }

  .logo-mp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  .header-r {
    position: absolute;
    right: 0;
    top: 0; }

  .header-bg {
    height: 0; }

  .section-fv-body {
    height: calc(var(--vh) * 110); }

  .section-fv-content {
    height: calc(var(--vh) * 100);
    padding: 9em 1em 0; }

  .section-fv-content .logo-mp2 {
    position: absolute;
    right: 0;
    bottom: calc(var(--gw) * 2);
    z-index: 2; }

  .navi {
    display: block;
    margin: 0;
    text-align: right;
    margin-top: -0.125em; }

  .navi .pivot {
    padding: 0.25em 0; }

  .navi-icon {
    top: 0;
    transform: translate(100%, 0) rotate(0);
    height: max(42px,2.916vw);
    width: max(42px,2.916vw); }

  .logo-nf {
    transform-origin: left; }

  .logo-mp {
    transform-origin: center; }

  .is-over .navi-icon {
    transform: translate(25%, 0); }
  .is-over .navi {
    transform: translate(calc(max(42px,2.916vw)* -1 - 0em), 0); }
  .is-over .header-l .logo {
    transform: scale(1); }
  .is-over .header-l .logo-nf {
    transform: scale(1); }
  .is-over .header-l .logo-mp {
    transform: scale(1) translate(-50%, -50%); }

  .navi {
    padding-top: .75em; }

  .is-open.is-over .header-r {
    pointer-events: auto; }
    .is-open.is-over .header-r .navi-icon .t1, .is-open.is-over .header-r .navi-icon .t3 {
      transform: translate(0, 0); }
    .is-open.is-over .header-r .navi {
      pointer-events: auto;
      opacity: 1; }
    .is-open.is-over .header-r .navi a {
      pointer-events: auto; }

  /* SECTION */
  .section-header .cols {
    display: block; }

  .section-header .cols .col {
    width: 100%; }

  .section-header-body {
    padding-top: 0;
    text-align: center; }

  .h2-body {
    min-width: calc(50vw - var(--gw) * 3); }

  .section-header-body {
    line-height: 1; }

  /* =============================================================
  SECTION FV
  ███████╗██╗   ██╗
  ██╔════╝██║   ██║
  █████╗  ██║   ██║
  ██╔══╝  ╚██╗ ██╔╝
  ██║      ╚████╔╝ 
  ╚═╝       ╚═══╝  
  ============================================================= */
  .section-fv-bg .bg-img .img {
    background-position: 70% 0; }

  /* =============================================================
  SECTION ABOUT
   █████╗ ██████╗  ██████╗ ██╗   ██╗████████╗
  ██╔══██╗██╔══██╗██╔═══██╗██║   ██║╚══██╔══╝
  ███████║██████╔╝██║   ██║██║   ██║   ██║   
  ██╔══██║██╔══██╗██║   ██║██║   ██║   ██║   
  ██║  ██║██████╔╝╚██████╔╝╚██████╔╝   ██║   
  ╚═╝  ╚═╝╚═════╝  ╚═════╝  ╚═════╝    ╚═╝   
  ============================================================= */
  .section-shuffle,
  .section-shuffle-wrap {
    height: auto; }

  .section-shuffle-wrap .section-header {
    position: relative; }

  .shuffle-t1, .shuffle-t2 {
    position: relative;
    transform: translate(0%, 0%);
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: center; }

  .shuffle-img:first-child {
    position: relative; }

  .shuffle-img {
    margin-top: 0;
    top: 0; }

  .shuffle-img {
    width: calc( var(--gw) * 18 );
    height: calc( calc( var(--gw) * 18 ) * 480/360 );
    margin-left: calc( calc( var(--gw) * 18 ) * -0.5 ); }

  /* =============================================================
  SECTION COLLECTION
   ██████╗ ██████╗ ██╗     ██╗     ███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
  ██╔════╝██╔═══██╗██║     ██║     ██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
  ██║     ██║   ██║██║     ██║     █████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
  ██║     ██║   ██║██║     ██║     ██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
  ╚██████╗╚██████╔╝███████╗███████╗███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
   ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
  ============================================================= */
  #concept .thumb {
    width: 100%;
    height: 105vw; }

  #concept .cols {
    flex-direction: column; }

  #concept .col:first-child {
    width: 100%; }

  #concept .col:last-child {
    width: 100%;
    padding-right: calc(var(--gw) * 2);
    padding-left: calc(var(--gw) * 2);
    margin: 0; }
    #concept .col:last-child .content {
      width: 100%;
      margin-left: 0; }
      #concept .col:last-child .content h2 {
        display: block;
        text-align: center; }
      #concept .col:last-child .content svg {
        display: inline-block; }

  .collection-header {
    display: block;
    height: auto; }

  .collection-li .thumb, .collection-li .content {
    width: 100%; }

  .collection-li .content {
    padding: 0 calc(var(--gw) * 3); }

  .collection-li .content-body {
    position: relative; }

  .collection-li .item {
    position: relative;
    padding: 0; }

  .collection-li .num {
    top: 0; }

  .collection-li .cat {
    right: 0;
    top: 0; }

  .collection-li .thumb {
    padding-right: 0; }

  .collection-li .thumb .bg-img {
    width: calc( var(--gw) * 20 );
    height: calc( calc( var(--gw) * 20 ) * 1440/1085 );
    margin: 0 auto; }

  .collection-li .item .h4 {
    width: 100%;
    min-height: 0; }

  .collection-li .absolute {
    transform: translate(0, 0);
    right: 0;
    left: 0;
    bottom: 0; }

  [data-slide="collection"] [data-slide-ul] {
    cursor: auto;
    padding-left: calc( var(--gw) * 3 ); }

  .btn-wrap {
    width: 100%;
    text-align: right; }

  /* =============================================================
  SECTION - POCKETS
  ██████╗  ██████╗  ██████╗██╗  ██╗███████╗████████╗███████╗
  ██╔══██╗██╔═══██╗██╔════╝██║ ██╔╝██╔════╝╚══██╔══╝██╔════╝
  ██████╔╝██║   ██║██║     █████╔╝ █████╗     ██║   ███████╗
  ██╔═══╝ ██║   ██║██║     ██╔═██╗ ██╔══╝     ██║   ╚════██║
  ██║     ╚██████╔╝╚██████╗██║  ██╗███████╗   ██║   ███████║
  ╚═╝      ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝   ╚═╝   ╚══════╝
  ============================================================= */
  .budge {
    width: calc( var(--gw) * 8 );
    height: calc( var(--gw) * 8 );
    top: calc( var(--vh) * 100 - calc( var(--gw) * 8 ) - var(--gw) * 2 );
    left: calc( var(--gw) * 2 ); }

  /* =============================================================
  SECTION - RELATED
  ██████╗ ███████╗██╗      █████╗ ████████╗███████╗██████╗ 
  ██╔══██╗██╔════╝██║     ██╔══██╗╚══██╔══╝██╔════╝██╔══██╗
  ██████╔╝█████╗  ██║     ███████║   ██║   █████╗  ██║  ██║
  ██╔══██╗██╔══╝  ██║     ██╔══██║   ██║   ██╔══╝  ██║  ██║
  ██║  ██║███████╗███████╗██║  ██║   ██║   ███████╗██████╔╝
  ╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝╚═════╝ 
  ============================================================= */
  [data-slide="related"] [data-slide-c] {
    width: calc( var(--gw) * 12 ); }
  [data-slide="related"] [data-slide-o] {
    padding-left: calc( var(--gw) * 1.5 );
    padding-right: calc( var(--gw) * 1.5 ); }
  [data-slide="related"] [data-slide-li]:first-child [data-slide-o] {
    padding-left: calc(var(--gw) * 1.5); }
  [data-slide="related"] [data-slide-li]:last-child [data-slide-o] {
    padding-right: calc(var(--gw) * 1.5); }

  [data-slide-control] {
    padding: 0 calc(var(--gw) * 1.5); }

  .is-pocket-slider-layout [data-slide="related"] [data-slide-li]:first-child [data-slide-o] {
    padding-left: calc( var(--gw) * 3 ); }
  .is-pocket-slider-layout [data-slide="related"] [data-slide-li]:last-child [data-slide-o] {
    padding-right: calc( var(--gw) * 3 ); }
  .is-pocket-slider-layout [data-slide-control] {
    padding: 0 calc( var(--gw) * 3 ); }

  /* =============================================================
  SECTION - LINEUP
  ██╗     ██╗███╗   ██╗███████╗██╗   ██╗██████╗ 
  ██║     ██║████╗  ██║██╔════╝██║   ██║██╔══██╗
  ██║     ██║██╔██╗ ██║█████╗  ██║   ██║██████╔╝
  ██║     ██║██║╚██╗██║██╔══╝  ██║   ██║██╔═══╝ 
  ███████╗██║██║ ╚████║███████╗╚██████╔╝██║     
  ╚══════╝╚═╝╚═╝  ╚═══╝╚══════╝ ╚═════╝ ╚═╝   
  ============================================================= */
  .grid-ul {
    grid-template-columns: 1fr 1fr; }

  /* =============================================================
  FOOTER
  ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
  ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
  █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
  ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
  ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
  ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
  ============================================================= */
  .btn.btn-large {
    width: 100%; }

  .bnr ul li {
    padding: 0 calc(var(--gw) * 1.5); }

  .bnr-a {
    display: block;
    width: calc( var(--gw) * 16 ); }

  .bnr-a p {
    text-align: center;
    margin-top: 1em; }

  .bnr-a .bg-img {
    height: calc( calc( var(--gw) * 16 ) * 380/1250 ); } }
@media screen and (max-width: 700px), (max-width: 900px) and (orientation: landscape) {
  .loader .progress {
    z-index: 2;
    height: calc(var(--gw) * 12); }

  .loader .progress .num {
    height: calc(var(--gw) * 8); }

  [data-mb="0"] {
    width: 100%;
    height: calc( var(--gw) * 0 ); }

  [data-mb="0.5"] {
    width: 100%;
    height: calc( var(--gw) * 0.5 ); }

  [data-mb="1"] {
    width: 100%;
    height: calc( var(--gw) * 1 ); }

  [data-mb="1.5"] {
    width: 100%;
    height: calc( var(--gw) * 1.5 ); }

  [data-mb="2"] {
    width: 100%;
    height: calc( var(--gw) * 2 ); }

  [data-mb="2.5"] {
    width: 100%;
    height: calc( var(--gw) * 2.5 ); }

  [data-mb="3"] {
    width: 100%;
    height: calc( var(--gw) * 3 ); }

  [data-mb="3.5"] {
    width: 100%;
    height: calc( var(--gw) * 3.5 ); }

  [data-mb="4"] {
    width: 100%;
    height: calc( var(--gw) * 4 ); }

  [data-mb="4.5"] {
    width: 100%;
    height: calc( var(--gw) * 4.5 ); }

  [data-mb="5"] {
    width: 100%;
    height: calc( var(--gw) * 5 ); }

  [data-mb="5.5"] {
    width: 100%;
    height: calc( var(--gw) * 5.5 ); }

  [data-mb="6"] {
    width: 100%;
    height: calc( var(--gw) * 6 ); }

  [data-mb="6.5"] {
    width: 100%;
    height: calc( var(--gw) * 6.5 ); }

  [data-mb="7"] {
    width: 100%;
    height: calc( var(--gw) * 7 ); }

  [data-mb="7.5"] {
    width: 100%;
    height: calc( var(--gw) * 7.5 ); }

  [data-mb="8"] {
    width: 100%;
    height: calc( var(--gw) * 8 ); }

  [data-mb="8.5"] {
    width: 100%;
    height: calc( var(--gw) * 8.5 ); }

  [data-mb="9"] {
    width: 100%;
    height: calc( var(--gw) * 9 ); }

  [data-mb="9.5"] {
    width: 100%;
    height: calc( var(--gw) * 9.5 ); }

  [data-mb="10"] {
    width: 100%;
    height: calc( var(--gw) * 10 ); }

  [data-mb="10.5"] {
    width: 100%;
    height: calc( var(--gw) * 10.5 ); }

  [data-mb="11"] {
    width: 100%;
    height: calc( var(--gw) * 11 ); }

  [data-mb="11.5"] {
    width: 100%;
    height: calc( var(--gw) * 11.5 ); }

  [data-mb="12"] {
    width: 100%;
    height: calc( var(--gw) * 12 ); }

  [data-mb="12.5"] {
    width: 100%;
    height: calc( var(--gw) * 12.5 ); }

  [data-mb="13"] {
    width: 100%;
    height: calc( var(--gw) * 13 ); }

  [data-mb="13.5"] {
    width: 100%;
    height: calc( var(--gw) * 13.5 ); }

  [data-mb="14"] {
    width: 100%;
    height: calc( var(--gw) * 14 ); }

  [data-mb="14.5"] {
    width: 100%;
    height: calc( var(--gw) * 14.5 ); }

  [data-mb="15"] {
    width: 100%;
    height: calc( var(--gw) * 15 ); }

  /**/
  .body {
    padding-right: calc( var(--gw) * 2 );
    padding-left: calc( var(--gw) * 2 ); }

  .body-fat {
    margin-right: calc( calc( var(--gw) * 2 ) * -1 );
    margin-left: calc( calc( var(--gw) * 2 ) * -1 ); }

  /* =============================================================
  HEADER
  ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
  ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
  ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
  ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
  ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
  ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
  ============================================================= */
  .header {
    padding-top: calc( var(--gw) * 3 );
    padding-right: calc( var(--gw) * 2 );
    padding-left: calc( var(--gw) * 2 );
    padding-bottom: calc( var(--gw) * 3 ); }

  .logo-nf {
    display: block;
    width: max(71.00000001px,4.93vw);
    height: max(33.133333338px,2.3vw); }

  .navi {
    padding-top: 0; }

  .navi-icon {
    height: max(33.133333338px,2.3vw);
    width: max(33.133333338px,2.3vw); }

  .is-over .navi-icon {
    transform: translate(0, -1px); }
  .is-over .navi {
    transform: translate(calc( var(--gw) * 0 ), max(33.133333338px,2.3vw)); }

  .is-open.is-over .header-r .navi-icon .t1,
  .is-open.is-over .header-r .navi-icon .t2,
  .is-open.is-over .header-r .navi-icon .t3 {
    transform: translate(400%, 0); }

  /* =============================================================
  SECTION FV
  ███████╗██╗   ██╗
  ██╔════╝██║   ██║
  █████╗  ██║   ██║
  ██╔══╝  ╚██╗ ██╔╝
  ██║      ╚████╔╝ 
  ╚═╝       ╚═══╝  
  ============================================================= */
  .section-fv-bg .bg-img .img {
    background-position: bottom center; }

  /* =============================================================
  SECTION ABOUT
   █████╗ ██████╗  ██████╗ ██╗   ██╗████████╗
  ██╔══██╗██╔══██╗██╔═══██╗██║   ██║╚══██╔══╝
  ███████║██████╔╝██║   ██║██║   ██║   ██║   
  ██╔══██║██╔══██╗██║   ██║██║   ██║   ██║   
  ██║  ██║██████╔╝╚██████╔╝╚██████╔╝   ██║   
  ╚═╝  ╚═╝╚═════╝  ╚═════╝  ╚═════╝    ╚═╝   
  ============================================================= */
  .logo-mp2 {
    width: max(75.00000002px,5.208vw);
    height: max(49.772727286px,3.456vw); }

  #concept br {
    display: none; }

  .shuffle-img {
    width: 50vw;
    height: calc( 50vw * 480/360 );
    margin-left: calc( 50vw * -0.5 ); }

  /* =============================================================
  SECTION COLLECTION
   ██████╗ ██████╗ ██╗     ██╗     ███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
  ██╔════╝██╔═══██╗██║     ██║     ██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
  ██║     ██║   ██║██║     ██║     █████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
  ██║     ██║   ██║██║     ██║     ██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
  ╚██████╗╚██████╔╝███████╗███████╗███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
   ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
  ============================================================= */
  .collection-li .thumb .bg-img {
    width: 100vw;
    height: calc( 100vw * 1440/1085 );
    margin: 0 auto; }

  .collection-li .item {
    padding-top: 1em; }

  .item .info {
    padding-top: 0; }
  .item .h4 {
    margin-top: .5em;
    margin-bottom: .5em; }

  .collection-li .content {
    padding: 0 calc( var(--gw) * 2 ); }

  [data-slide="collection"] [data-slide-ul] {
    padding-left: 0;
    flex-wrap: wrap; }
  [data-slide="collection"] [data-slide-o] {
    padding: 0; }
  [data-slide="collection"] [data-slide-li]:first-child {
    width: calc( 100vw - $_slide_paddind_x_1 );
    margin-left: calc( $_slide_paddind_x_1 * 0.5 );
    margin-bottom: calc( var(--gw) * 6 ); }
  [data-slide="collection"] [data-slide-li]:nth-child(2) {
    width: calc( 50vw - $_padding_x * 0.5 - $_slide_paddind_x_2 * 0.5 );
    margin-left: calc( $_padding_x ); }
  [data-slide="collection"] [data-slide-li]:nth-child(3) {
    width: calc( 50vw - $_padding_x * 0.5 - $_slide_paddind_x_2 * 0.5 );
    margin-left: 5px; }

  .is-pocket-slider-layout [data-slide="collection"] [data-slide-ul] {
    padding-left: 0;
    flex-wrap: wrap; }
  .is-pocket-slider-layout [data-slide="collection"] [data-slide-o] {
    padding: 0; }
  .is-pocket-slider-layout [data-slide="collection"] [data-slide-li]:first-child {
    width: calc( 100vw - calc( var(--gw) * 2 ) * 2 );
    margin-left: calc( var(--gw) * 2 );
    margin-bottom: calc( var(--gw) * 2 ); }
  .is-pocket-slider-layout [data-slide="collection"] [data-slide-li]:nth-child(2) {
    width: calc( 50% - var(--gw) * 3 );
    margin-left: calc( var(--gw) * 2 );
    margin-right: calc( var(--gw) * 1 ); }
  .is-pocket-slider-layout [data-slide="collection"] [data-slide-li]:nth-child(3) {
    width: calc( 50% - var(--gw) * 3 );
    margin-left: calc( var(--gw) * 1 );
    margin-right: calc( var(--gw) * 2 ); }

  /* =============================================================
  SECTION - POCKETS
  ██████╗  ██████╗  ██████╗██╗  ██╗███████╗████████╗███████╗
  ██╔══██╗██╔═══██╗██╔════╝██║ ██╔╝██╔════╝╚══██╔══╝██╔════╝
  ██████╔╝██║   ██║██║     █████╔╝ █████╗     ██║   ███████╗
  ██╔═══╝ ██║   ██║██║     ██╔═██╗ ██╔══╝     ██║   ╚════██║
  ██║     ╚██████╔╝╚██████╗██║  ██╗███████╗   ██║   ███████║
  ╚═╝      ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝   ╚═╝   ╚══════╝
  ============================================================= */
  .fixed-section .border {
    border: solid calc( var(--gw) * 2 ) var(--col-white); }

  .budge {
    width: calc( var(--gw) * 12 );
    height: calc( var(--gw) * 12 );
    top: calc( var(--vh) * 100 - calc( var(--gw) * 12 ) - calc( var(--gw) * 2 ) * 2 );
    left: calc( calc( var(--gw) * 2 ) * 2 ); }

  .budge .txt {
    padding-bottom: 0.25em; }

  /* =============================================================
  SECTION - RELATED
  ██████╗ ███████╗██╗      █████╗ ████████╗███████╗██████╗ 
  ██╔══██╗██╔════╝██║     ██╔══██╗╚══██╔══╝██╔════╝██╔══██╗
  ██████╔╝█████╗  ██║     ███████║   ██║   █████╗  ██║  ██║
  ██╔══██╗██╔══╝  ██║     ██╔══██║   ██║   ██╔══╝  ██║  ██║
  ██║  ██║███████╗███████╗██║  ██║   ██║   ███████╗██████╔╝
  ╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝╚═════╝ 
  ============================================================= */
  #related .section-header-body {
    text-align: left;
    padding: 0; }

  .h2-body {
    padding-top: 2em; }

  [data-slide="related"] [data-slide-c] {
    width: calc( var(--gw) * 24 ); }
  [data-slide="related"] [data-slide-o] {
    padding-left: calc( var(--gw) * 1 );
    padding-right: calc( var(--gw) * 1 ); }
  [data-slide="related"] [data-slide-li]:first-child [data-slide-o] {
    padding-left: calc( var(--gw) * 2 ); }
  [data-slide="related"] [data-slide-li]:last-child [data-slide-o] {
    padding-right: calc( var(--gw) * 2 ); }

  [data-slide-control] {
    padding: 0 calc( var(--gw) * 2 ); }

  /* =============================================================
  SECTION - LINEUP
  ██╗     ██╗███╗   ██╗███████╗██╗   ██╗██████╗ 
  ██║     ██║████╗  ██║██╔════╝██║   ██║██╔══██╗
  ██║     ██║██╔██╗ ██║█████╗  ██║   ██║██████╔╝
  ██║     ██║██║╚██╗██║██╔══╝  ██║   ██║██╔═══╝ 
  ███████╗██║██║ ╚████║███████╗╚██████╔╝██║     
  ╚══════╝╚═╝╚═╝  ╚═══╝╚══════╝ ╚═════╝ ╚═╝   
  ============================================================= */
  .grid-ul {
    grid-template-columns: 1fr; }

  .grid-ul {
    gap: calc( var(--gw) * 2 ); }

  .lineup .title h4 {
    width: 140%;
    padding-bottom: 0; }

  .lineup .title {
    padding-top: calc( var(--gw) * 2 );
    padding-bottom: calc( var(--gw) * 2 ); }

  .lineup .caption p {
    margin-bottom: 1em; }

  .btn.btn-large {
    height: 3.8em;
    border-radius: 3.8em; }

  .btn.btn-large .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 3.8em;
    width: 3.8em;
    display: flex;
    justify-content: center;
    align-items: center; }

  .btn.btn-large .icon svg {
    height: .6em;
    width: .6em; }

  .section-footer p {
    margin-top: 1em; }

  /* =============================================================
  FOOTER
  ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
  ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
  █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
  ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
  ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
  ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
  ============================================================= */
  .footer-copy,
  .sitemap,
  .footer-body {
    display: block; }

  .footer-l,
  .footer-r {
    width: 100%; }

  .sitemap-l {
    min-width: 0;
    padding-right: 0; }

  .bnr ul {
    display: block; }

  .bnr ul li {
    padding: 0 calc( var(--gw) * 2 ); }

  .bnr ul li:first-child {
    margin-bottom: calc( var(--gw) * 2 ); }

  .bnr-a {
    display: block;
    width: calc( 100vw - calc( var(--gw) * 2 ) * 2 ); }

  .bnr-a p {
    text-align: center;
    margin-top: 1em; }

  .bnr-a .bg-img {
    height: calc( calc( 100vw - calc( var(--gw) * 2 ) * 2 ) * 380/1250 ); }

  .logo-copy {
    margin: 0 auto calc( var(--gw) * 3 ) auto;
    width: max(111px,7.708vw);
    height: max(51.8px,3.597vw); }

  .footer-copy small {
    display: block;
    padding-bottom: calc( var(--gw) * 3 ); }

  .loader-l {
    width: 100%;
    padding: 0 15%;
    left: 0;
    transform: translate(0%, -50%); }

  .loader-l1-1 svg {
    width: 8.8em;
    height: 3.76em; }

  .loader-l1-2 svg {
    width: 4.8em;
    height: 3.76em; }

  .loader-l2-1 svg {
    width: 11.418em;
    height: 1.386em; }

  .loader-l2-2 svg {
    width: 0.957em;
    height: 0.99em; }

  .loader-l2-1 .svg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.386em; }

  .loader-l2-2 .svg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.386em;
    width: 1.386em; }

  .loader-l2-1 {
    transform: translate(0.957em, 0); } }