*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
select {
  vertical-align: middle;
}

img {
  vertical-align: bottom;
}

button {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}

/**
 * Swiper 5.3.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 10, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}

:root{--swiper-theme-color:#007aff}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}

.swiper-container-vertical>.swiper-wrapper{flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}

.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}

.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}

.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}

.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}

.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}

.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}

.swiper-container-3d{perspective:1200px}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}

:root{--swiper-navigation-size:44px}

.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(44px/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(-1 * 44px/ 2);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color))}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}

.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-feature-settings:normal, ;font-variant:normal;font-variant:initial}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}

.swiper-button-lock{display:none}

.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}

.swiper-pagination.swiper-pagination-hidden{opacity:0}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}

.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}

.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}

button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}

.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color))}

.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}

.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}

.swiper-pagination-white{--swiper-pagination-color:#ffffff}

.swiper-pagination-black{--swiper-pagination-color:#000000}

.swiper-pagination-lock{display:none}

.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}

.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}

.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}

.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}

.swiper-scrollbar-cursor-drag{cursor:move}

.swiper-scrollbar-lock{display:none}

.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}

.swiper-slide-zoomed{cursor:move}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-theme-color);border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}

.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}

.swiper-lazy-preloader-black{--swiper-preloader-color:#000}

@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}

.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube{overflow:visible}

.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}

.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}

.swiper-container-flip{overflow:visible}

.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.u-font-bold {
    font-family: 'HelveticaNeue-Medium', 'Roboto -medium', sans-serif;
    font-family: var(--font-gl-bold);
    font-weight: 500;
  }

[lang="ja"] .u-font-bold {
      font-family: 'ヒラギノ角ゴ Pro W6', sans-serif;
      font-family: var(--font-ja-bold);
      font-weight: 700;
    }

[lang="zh"] [data-country="cn"] .u-font-bold {
      font-family: '方正兰亭黑', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
      font-family: var(--font-zh-hans-bold);
      font-weight: 700;
    }

[lang="ko"] .u-font-bold {
      font-family: 'Malgun Gothic', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
      font-family: var(--font-ko-bold);
      font-weight: 700;
    }

.u-uqFont-l {
    font-family: "UniqloPro Light", sans-serif;
    font-weight: 400;
  }

.u-uqFont-r {
    font-family: "UniqloPro Regular", sans-serif;
  }

.u-uqFont-b {
    font-family: "UniqloPro Bold", sans-serif;
    font-weight: 400;
  }

.u-imgAdjustBox {
    position: relative;
    width: 100%;
    height: auto;
  }

.u-imgAdjustBox::before {
      content: "";
      display: block;
    }

.u-imgAdjustBox_inner {
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.u-imgAdjustBox_img {
      width: 100%;
      height: auto;
    }

.u-underline {
    text-decoration: underline;
  }

.u-display-none {
      display: none;
    }

.u-display-block {
      display: block;
    }

.u-color-red {
      color: #f00;
      color: var(--color-red);
    }

.u-color-teal {
      color: #378694;
      color: var(--color-teal);
    }

.u-color-black900 {
      color: #1b1b1b;
      color: var(--color-black900);
    }

.u-color-white {
      color: #fff;
      color: var(--color-white);
    }

.u-color-gray500 {
      color: #7d7d7d;
      color: var(--color-gray500);
    }

.u-color-gray350 {
      color: #ababab;
      color: var(--color-gray350);
    }

.u-color-gray150 {
      color: #dadada;
      color: var(--color-gray150);
    }

.u-color-gray050 {
      color: #f4f4f4;
      color: var(--color-gray050);
    }

.u-only-sp {
      display: block;
    }

.u-only-pc {
      display: none;
    }

@font-face {
  font-family: "UniqloPro Light";
  src:
    url('/jp/ja/contents/feature/common/fonts/UniqloProLight.woff2') format('woff2'),
    url("/jp/ja/contents/feature/common/fonts/UniqloProLight.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "UniqloPro Regular";
  src:
    url('/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff2') format('woff2'),
    url("/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "UniqloPro Bold";
  src:
    url('/jp/ja/contents/feature/common/fonts/UniqloProBold.woff2') format('woff2'),
    url("/jp/ja/contents/feature/common/fonts/UniqloProBold.woff") format('woff');
  font-display: swap;
}

[data-aspect-ratio="1:1"]::before {
    padding-top: 100%;
  }

[data-aspect-ratio="2:1"]::before {
    padding-top: 50%;
  }

[data-aspect-ratio="3:1"]::before {
    padding-top: 33.3333%;
  }

[data-aspect-ratio="3:4"]::before {
    padding-top: 133.3333%;
  }

[data-aspect-ratio="4:3"]::before {
    padding-top: 75%;
  }

[data-aspect-ratio="16:9"]::before {
    padding-top: 56.25%;
  }

[data-aspect-ratio="172:172"]::before {
    padding-top: 100%;
  }

body {
  background-color: #fff;
  background-color: var(--color-white);
  color: #1b1b1b;
  color: var(--color-black900);
  font-family: 'HelveticaNeue-Light', 'Roboto -light', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
  font-family: var(--font-gl);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.4px;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
}

[lang="ja"] body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', 'Noto Sans CJK JP', Osaka, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Sans GB', 'Helvetica Neue', 'HelveticaNeue', Helvetica, 'Noto Sans', Roboto, Arial, 'Arial Unicode MS', sans-serif;
    font-family: var(--font-ja);
  }

[lang="zh"] body[data-country="cn"] {
    font-family: '方正兰亭黑', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
    font-family: var(--font-zh-hans);
    font-weight: normal;
  }

[lang="ko"] body {
    font-family: 'Malgun Gothic', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
    font-family: var(--font-ko);
    font-weight: normal;
  }

main {
  background-color: #fff;
  background-color: var(--color-white);
  padding-top: 59px;
}

a {
  color: #1b1b1b;
  color: var(--color-black900);
}

.wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.backToTop {
  background: url(/jp/ja/contents/collaboration/common/icons/backtotop.svg) center center /cover no-repeat;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  transition: 0.2s;
  z-index: 1;
}

.backToTop[data-is-active="true"] {
    opacity: 1;
    visibility: visible;
  }

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 1s;
}

:root {
    --color-red: #f00;
    --color-teal: #378694;
    --color-yellow: #ebbe00;
    --color-black900: #1b1b1b;
    --color-white: #fff;
    --color-gray500: #7d7d7d;
    --color-gray350: #ababab;
    --color-gray150: #dadada;
    --color-gray050: #f4f4f4;
    --color-men: #000082;
    --color-kids: #50B4F0;
    --color-baby: #96C800;
    --color-boys: #0091d7;
    --color-girls: #eb64a5;
    --sp-v-xxs: 3px;
    --sp-v-xs: 6px;
    --sp-v-s: 9px;
    --sp-v-m: 15px;
    --sp-v-l: 21px;
    --sp-v-xl: 24px;
    --sp-v-xxl: 36px;
    --sp-v-xxxl: 60px;
    --pc-v-xxs: 4px;
    --pc-v-xs: 8px;
    --pc-v-s: 12px;
    --pc-v-m: 20px;
    --pc-v-l: 28px;
    --pc-v-xl: 40px;
    --pc-v-xxl: 52px;
    --pc-v-xxxl: 64px;
    --sp-h-xxs: 1px;
    --sp-h-05g: 2vw;
    --sp-h-1g: 4vw;
    --sp-h-2g: 8vw;
    --pc-h-s: 12px;
    --pc-h-m: 24px;
    --pc-h-l: 80px;
    --pc-h-xl: 160px;
    --pc-device-width: 1176px;
    --pc-device-widthHalf: 588px;
    --pc-device-width-include-margin: 1224px;
    --transition-speed-fast: 0.4s;
    --transition-speed-normal: 0.6s;
    --transition-speed-slow: 0.8s;

  --font-gl: 'HelveticaNeue-Light', 'Roboto -light', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
  --font-gl-bold: 'HelveticaNeue-Medium', 'Roboto -medium', sans-serif;
  --font-ja: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', 'Noto Sans CJK JP', Osaka, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Sans GB', 'Helvetica Neue', 'HelveticaNeue', Helvetica, 'Noto Sans', Roboto, Arial, 'Arial Unicode MS', sans-serif;
  --font-ja-bold: 'ヒラギノ角ゴ Pro W6', sans-serif;
  --font-zh-hans: '方正兰亭黑', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
  --font-zh-hans-bold: '方正兰亭黑', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
  --font-ko: 'Malgun Gothic', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
  --font-ko-bold: 'Malgun Gothic', 'HelveticaNeue', 'Roboto', Helvetica, -apple-system, 'Yu Gothic UI', 'Segoe UI', sans-serif;
}

.swiper-parent {
    position: relative;
  }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 1;
  }

.swiper-pagination-current {
      margin-right: 5px;
    }

.swiper-pagination-total {
      margin-left: 5px;
    }

.swiper-pagination-bullets {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    width: 100%;
    text-align: center;
  }

.swiper-pagination-bullet {
    margin: 0 3px;
    opacity: 1;
    background-color: #dadada;
  }

.swiper-pagination-bullet-active {
    background-color: #1b1b1b;
  }

.swiper-button-prev,
  .swiper-button-next {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    height: 40px;
    width: 40px;
    z-index: 1;
    top: 110px;
  }

.swiper-button-prev {
    left: 0;
  }

.swiper-button-next {
    right: 0;
  }

.swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: inherit;
    background: url(/jp/ja/contents/feature/common/icons/chevron_carousel.svg) 0% /7em 2em no-repeat;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
  }

.swiper-button-next::after {
    background-position-x: -4em;
  }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.accordion {
  background-color: #fff;
  background-color: var(--color-white);
  overflow: hidden;
}

.accordion_checkBox {
    display: none;
  }

.accordion_label {
    cursor: pointer;
    display: flex;
    position: relative;
  }

.accordion_label::after {
    background: url(/jp/ja/contents/collaboration/common/icons/chevron_updown.svg) 50% /12px 5px no-repeat;
    content: "";
    position: absolute;
    right: 8px;
    transition: 0.2s;
    width: 24px;
    height: 24px;
  }

.accordion + .accordion .accordion_label {
    border-top-width: 0;
  }

.accordion_content {
    height: 0;
    opacity: 0;
    transition: 0.2s;
    visibility: hidden;
  }

.accordion_contentInner {
    display: none;
  }

.accordion_checkBox:checked + .accordion_heading .accordion_label::after {
    transform: rotate(-180deg);
  }

.accordion_checkBox:checked + .accordion_heading + .accordion_content {
    height: 100%;
    opacity: 1;
    visibility: visible;
  }

.accordion_checkBox:checked + .accordion_heading + .accordion_content .accordion_contentInner {
    display: block;
  }

.fr-sp-pt-xxs {
      padding-top: 3px;
      padding-top: var(--sp-v-xxs);
    }

.fr-sp-pb-xxs {
      padding-bottom: 3px;
      padding-bottom: var(--sp-v-xxs);
    }

.fr-sp-py-xxs {
      padding-top: 3px;
      padding-top: var(--sp-v-xxs);
      padding-bottom: 3px;
      padding-bottom: var(--sp-v-xxs);
    }

.fr-sp-mt-xxs {
      margin-top: 3px;
      margin-top: var(--sp-v-xxs);
    }

.fr-sp-mb-xxs {
      margin-bottom: 3px;
      margin-bottom: var(--sp-v-xxs);
    }

.fr-sp-my-xxs {
      margin-top: 3px;
      margin-top: var(--sp-v-xxs);
      margin-bottom: 3px;
      margin-bottom: var(--sp-v-xxs);
    }

.fr-sp-pt-xs {
      padding-top: 6px;
      padding-top: var(--sp-v-xs);
    }

.fr-sp-pb-xs {
      padding-bottom: 6px;
      padding-bottom: var(--sp-v-xs);
    }

.fr-sp-py-xs {
      padding-top: 6px;
      padding-top: var(--sp-v-xs);
      padding-bottom: 6px;
      padding-bottom: var(--sp-v-xs);
    }

.fr-sp-mt-xs {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
    }

.fr-sp-mb-xs {
      margin-bottom: 6px;
      margin-bottom: var(--sp-v-xs);
    }

.fr-sp-my-xs {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      margin-bottom: 6px;
      margin-bottom: var(--sp-v-xs);
    }

.fr-sp-pt-s {
      padding-top: 9px;
      padding-top: var(--sp-v-s);
    }

.fr-sp-pb-s {
      padding-bottom: 9px;
      padding-bottom: var(--sp-v-s);
    }

.fr-sp-py-s {
      padding-top: 9px;
      padding-top: var(--sp-v-s);
      padding-bottom: 9px;
      padding-bottom: var(--sp-v-s);
    }

.fr-sp-mt-s {
      margin-top: 9px;
      margin-top: var(--sp-v-s);
    }

.fr-sp-mb-s {
      margin-bottom: 9px;
      margin-bottom: var(--sp-v-s);
    }

.fr-sp-my-s {
      margin-top: 9px;
      margin-top: var(--sp-v-s);
      margin-bottom: 9px;
      margin-bottom: var(--sp-v-s);
    }

.fr-sp-pt-m {
      padding-top: 15px;
      padding-top: var(--sp-v-m);
    }

.fr-sp-pb-m {
      padding-bottom: 15px;
      padding-bottom: var(--sp-v-m);
    }

.fr-sp-py-m {
      padding-top: 15px;
      padding-top: var(--sp-v-m);
      padding-bottom: 15px;
      padding-bottom: var(--sp-v-m);
    }

.fr-sp-mt-m {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
    }

.fr-sp-mb-m {
      margin-bottom: 15px;
      margin-bottom: var(--sp-v-m);
    }

.fr-sp-my-m {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
      margin-bottom: 15px;
      margin-bottom: var(--sp-v-m);
    }

.fr-sp-pt-l {
      padding-top: 21px;
      padding-top: var(--sp-v-l);
    }

.fr-sp-pb-l {
      padding-bottom: 21px;
      padding-bottom: var(--sp-v-l);
    }

.fr-sp-py-l {
      padding-top: 21px;
      padding-top: var(--sp-v-l);
      padding-bottom: 21px;
      padding-bottom: var(--sp-v-l);
    }

.fr-sp-mt-l {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

.fr-sp-mb-l {
      margin-bottom: 21px;
      margin-bottom: var(--sp-v-l);
    }

.fr-sp-my-l {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
      margin-bottom: 21px;
      margin-bottom: var(--sp-v-l);
    }

.fr-sp-pt-xl {
      padding-top: 24px;
      padding-top: var(--sp-v-xl);
    }

.fr-sp-pb-xl {
      padding-bottom: 24px;
      padding-bottom: var(--sp-v-xl);
    }

.fr-sp-py-xl {
      padding-top: 24px;
      padding-top: var(--sp-v-xl);
      padding-bottom: 24px;
      padding-bottom: var(--sp-v-xl);
    }

.fr-sp-mt-xl {
      margin-top: 24px;
      margin-top: var(--sp-v-xl);
    }

.fr-sp-mb-xl {
      margin-bottom: 24px;
      margin-bottom: var(--sp-v-xl);
    }

.fr-sp-my-xl {
      margin-top: 24px;
      margin-top: var(--sp-v-xl);
      margin-bottom: 24px;
      margin-bottom: var(--sp-v-xl);
    }

.fr-sp-pt-xxl {
      padding-top: 36px;
      padding-top: var(--sp-v-xxl);
    }

.fr-sp-pb-xxl {
      padding-bottom: 36px;
      padding-bottom: var(--sp-v-xxl);
    }

.fr-sp-py-xxl {
      padding-top: 36px;
      padding-top: var(--sp-v-xxl);
      padding-bottom: 36px;
      padding-bottom: var(--sp-v-xxl);
    }

.fr-sp-mt-xxl {
      margin-top: 36px;
      margin-top: var(--sp-v-xxl);
    }

.fr-sp-mb-xxl {
      margin-bottom: 36px;
      margin-bottom: var(--sp-v-xxl);
    }

.fr-sp-my-xxl {
      margin-top: 36px;
      margin-top: var(--sp-v-xxl);
      margin-bottom: 36px;
      margin-bottom: var(--sp-v-xxl);
    }

.fr-sp-pt-xxxl {
      padding-top: 60px;
      padding-top: var(--sp-v-xxxl);
    }

.fr-sp-pb-xxxl {
      padding-bottom: 60px;
      padding-bottom: var(--sp-v-xxxl);
    }

.fr-sp-py-xxxl {
      padding-top: 60px;
      padding-top: var(--sp-v-xxxl);
      padding-bottom: 60px;
      padding-bottom: var(--sp-v-xxxl);
    }

.fr-sp-mt-xxxl {
      margin-top: 60px;
      margin-top: var(--sp-v-xxxl);
    }

.fr-sp-mb-xxxl {
      margin-bottom: 60px;
      margin-bottom: var(--sp-v-xxxl);
    }

.fr-sp-my-xxxl {
      margin-top: 60px;
      margin-top: var(--sp-v-xxxl);
      margin-bottom: 60px;
      margin-bottom: var(--sp-v-xxxl);
    }

.fr-sp-pr-xxs {
      padding-right: 1px;
      padding-right: var(--sp-h-xxs);
    }

.fr-sp-pl-xxs {
      padding-left: 1px;
      padding-left: var(--sp-h-xxs);
    }

.fr-sp-px-xxs {
      padding-right: 1px;
      padding-right: var(--sp-h-xxs);
      padding-left: 1px;
      padding-left: var(--sp-h-xxs);
    }

.fr-sp-mr-xxs {
      margin-right: 1px;
      margin-right: var(--sp-h-xxs);
    }

.fr-sp-ml-xxs {
      margin-left: 1px;
      margin-left: var(--sp-h-xxs);
    }

.fr-sp-mx-xxs {
      margin-right: 1px;
      margin-right: var(--sp-h-xxs);
      margin-left: 1px;
      margin-left: var(--sp-h-xxs);
    }

.fr-sp-pr-05g {
      padding-right: 2vw;
      padding-right: var(--sp-h-05g);
    }

.fr-sp-pl-05g {
      padding-left: 2vw;
      padding-left: var(--sp-h-05g);
    }

.fr-sp-px-05g {
      padding-right: 2vw;
      padding-right: var(--sp-h-05g);
      padding-left: 2vw;
      padding-left: var(--sp-h-05g);
    }

.fr-sp-mr-05g {
      margin-right: 2vw;
      margin-right: var(--sp-h-05g);
    }

.fr-sp-ml-05g {
      margin-left: 2vw;
      margin-left: var(--sp-h-05g);
    }

.fr-sp-mx-05g {
      margin-right: 2vw;
      margin-right: var(--sp-h-05g);
      margin-left: 2vw;
      margin-left: var(--sp-h-05g);
    }

.fr-sp-pr-1g {
      padding-right: 4vw;
      padding-right: var(--sp-h-1g);
    }

.fr-sp-pl-1g {
      padding-left: 4vw;
      padding-left: var(--sp-h-1g);
    }

.fr-sp-px-1g {
      padding-right: 4vw;
      padding-right: var(--sp-h-1g);
      padding-left: 4vw;
      padding-left: var(--sp-h-1g);
    }

.fr-sp-mr-1g {
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
    }

.fr-sp-ml-1g {
      margin-left: 4vw;
      margin-left: var(--sp-h-1g);
    }

.fr-sp-mx-1g {
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
      margin-left: 4vw;
      margin-left: var(--sp-h-1g);
    }

.fr-sp-pr-2g {
      padding-right: 8vw;
      padding-right: var(--sp-h-2g);
    }

.fr-sp-pl-2g {
      padding-left: 8vw;
      padding-left: var(--sp-h-2g);
    }

.fr-sp-px-2g {
      padding-right: 8vw;
      padding-right: var(--sp-h-2g);
      padding-left: 8vw;
      padding-left: var(--sp-h-2g);
    }

.fr-sp-mr-2g {
      margin-right: 8vw;
      margin-right: var(--sp-h-2g);
    }

.fr-sp-ml-2g {
      margin-left: 8vw;
      margin-left: var(--sp-h-2g);
    }

.fr-sp-mx-2g {
      margin-right: 8vw;
      margin-right: var(--sp-h-2g);
      margin-left: 8vw;
      margin-left: var(--sp-h-2g);
    }

.fr-linkButton {
  border: 1px solid #1b1b1b;
  border: 1px solid var(--color-black900);
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 4vw;
  padding: 12px var(--sp-h-1g);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fr-commonBanner .fr-linkButton {
    font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
    font-weight: 700;
  }

.fr-linkButton.-black {
    background-color: #1b1b1b;
    background-color: var(--color-black900);
    color: #fff;
    color: var(--color-white);
  }

.fr-linkButton.-white {
    background-color: #fff;
    background-color: var(--color-white);
  }

.fr-linkButton + .fr-linkButton {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
  }

.fr-bff-products {
  background-color: #fff;
  background-color: var(--color-white);
}

.fr-bff-products[data-component-type="ProductGridSmall"] {
    display: flex;
    flex-wrap: wrap;
  }

.fr-bff-products[data-component-type="ProductGrid"] {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
  }

.fr-bff-products[data-component-type="ProductGrid"][data-products-length="1"].-center {
      justify-content: center;
    }

.fr-bff-products[data-component-type="ProductGridHorizontal"][data-products-length="1"].-center {
      justify-content: center;
    }

.fr-bff-products[data-component-type="ProductGridStyling"],
  .fr-bff-products[data-component-type="ProductGridSmall"],
  .fr-bff-products[data-component-type="ProductCarousel"],
  .fr-bff-products[data-component-type="ProductUpdate"] {
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
  }

.fr-bff-product_imgWrapper {
    position: relative;
  }

.fr-bff-product_noimage {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-color: #f4f4f4;
    background-color: var(--color-gray050);
    position: relative;
  }

.fr-bff-product_noimageIcon {
      width: 28%;
      height: 28%;
      fill: #6a6a6a;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

[data-component-type="ProductGrid"] .fr-bff-product:nth-child(-n + 2) {
      margin-top: 0;
    }

[data-component-type="ProductGrid"] .fr-bff-product + .fr-bff-product {
      margin-left: 1px;
    }

[data-component-type="ProductGrid"] .fr-bff-product:nth-child(2n + 1) {
      margin-left: 0;
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product:nth-child(1) {
      margin-top: 0;
    }

[data-component-type="ProductGrid"] .fr-bff-product {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    width: calc(50vw - 0.5px);
  }

[data-component-type="ProductGrid"] .fr-bff-product .swiper-button-prev,
    [data-component-type="ProductGrid"] .fr-bff-product .swiper-button-next {
      width: 44px;
      height: 44px;
      margin-top: -22px;
      top: 25vw;
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product {
    display: flex;
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product .swiper-button-prev,
    [data-component-type="ProductGridHorizontal"] .fr-bff-product .swiper-button-next {
      width: 44px;
      height: 44px;
      margin-top: -22px;
      top: calc((50vw - 4vw) / 2);
      top: calc((50vw - var(--sp-h-1g)) / 2);
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product_imgWrapper {
    width: 44vw;
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product > .fr-bff-product_imgWrapper {
    width: 44vw;
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

[data-component-type="ProductGrid"] .fr-bff-product_content {
    margin-top: 9px;
    margin-top: var(--sp-v-s);
  }

[data-component-type="ProductGrid"] .fr-bff-product_colorChips_container {
    margin-top: 20px;
    margin-top: var(--pc-v-m);
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product_content {
    margin-top: 0;
    flex: 1;
  }

[data-component-type="ProductGrid"] .fr-bff-product_gender,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_gender {
    font-size: 12px;
  }

[lang="ja"] [data-component-type="ProductGrid"] .fr-bff-product_gender, [lang="ja"] [data-component-type="ProductGridHorizontal"] .fr-bff-product_gender {
      font-size: 11px;
    }

[data-component-type="ProductGrid"] .fr-bff-product_name {
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
    font-family: HelveticaNeue-Light,Roboto -light,Helvetica,-apple-system,Yu Gothic UI,Segoe UI,sans-serif;
    font-weight: 300;
  }

[lang="ja"] [data-component-type="ProductGrid"] .fr-bff-product_name {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans CJK JP", Osaka, Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Sans GB", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 400;
    }

[lang="zh"] [data-component-type="ProductGrid"] .fr-bff-product_name {
      font-family: 方正兰亭黑, HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="ko"] [data-component-type="ProductGrid"] .fr-bff-product_name {
      font-family: Malgun Gothic,  HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="vi-CA"] [data-component-type="ProductGrid"] .fr-bff-product_name,
    [lang="vi"] [data-component-type="ProductGrid"] .fr-bff-product_name {
      font-family: Arial, sans-serif;
      font-weight: 400;
    }

[data-component-type="ProductGrid"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_futureExhibition {
    color: #7d7d7d;
    color: var(--color-gray500);
    line-height: 19.5px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGrid"] .fr-bff-product_price,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_price {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGrid"] .fr-bff-product_dualPricing,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_dualPricing {
    font-size: 13px;
    line-height: 15px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
    text-decoration: line-through;
  }

[data-component-type="ProductGrid"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_dualPricing + .fr-bff-product_price {
    margin-top: 0;
  }

[data-component-type="ProductGrid"] .fr-bff-product_priceFlags,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_priceFlags {
    color: #f00;
    color: var(--color-red);
    line-height: 19.5px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGrid"] .fr-bff-product_priceFlagsItem.-grayFlag, [data-component-type="ProductGridHorizontal"] .fr-bff-product_priceFlagsItem.-grayFlag {
      color: #7d7d7d;
      color: var(--color-gray500);
    }

[data-component-type="ProductGrid"] .fr-bff-product_sizes,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_sizes {
    display: none;
  }

.fr-bff-product_noStock {
    font-size: 14px;
    line-height: 19px;
    color: #7d7d7d;
    color: var(--color-gray500);
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[lang="ja"] .fr-bff-product_noStock {
      font-size: 13px;
      line-height: 20px;
    }

.fr-bff-product_reviewStars {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 9px;
    margin-top: var(--sp-v-s);
  }

.fr-bff-product_reviewStar {
    background: url("/jp/ja/special-feature/feature/common/icons/star.svg") 0 center / 5em 1em no-repeat;
    display: inline-block;
    height: 14px;
    vertical-align: sub;
    width: 14px;
  }

.fr-bff-product_reviewStar + .fr-bff-product_reviewStar {
    margin-left: 4px;
  }

.fr-bff-product_reviewStar.-half {
    background-position: -2em center;
  }

.fr-bff-product_reviewStar.-active {
    background-position: -4em center;
  }

.fr-bff-product_reviewCount {
    margin-left: 2px;
    font-size: 12px;
    margin-left: 4px;
  }

[lang="ja"] .fr-bff-product_reviewCount {
      font-size: 11px;
    }

.fr-bff-product_colorChips {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 9px;
    row-gap: 9px;
    grid-column-gap: 6px;
    column-gap: 6px;
  }

.fr-bff-product_colorChips_container {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
      margin-bottom: 9px;
      margin-bottom: var(--sp-v-s);
    }

.fr-bff-product_colorChips_label {
      cursor: pointer;
      transition: opacity 0.6s;
      width: 12px;
      height: 12px;
      margin-top: 2px;
    }

.fr-bff-product_colorChips_label::after {
      align-items: center;
      display: flex;
      justify-content: center;
      content: "";
      background: url("/jp/ja/special-feature/feature/common/img/common/plus-glay.svg") 0 / cover no-repeat;
      margin-left: auto;
      width: 12px;
      height: 12px;
    }

.fr-bff-product_colorChip {
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: opacity 0.6s;
  }

.fr-bff-product_colorChip_img {
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #7d7d7d;
      border: 1px solid var(--color-gray500);
    }

.fr-bff-product_colorChip.-current {
      position: relative;
    }

.fr-bff-product_colorChip.-current .fr-bff-product_colorChip_img {
        border: unset;
      }

.fr-bff-product_colorChip.-current::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #1b1b1b;
        border: 1px solid var(--color-black900);
        position: absolute;
        top: -2px;
        left: -2px;
      }

.fr-bff-product_link {
    display: block;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product {
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    width: calc(33.3% - 2.66vw);
  }

[data-component-type="ProductUpdate"] .fr-bff-product + .fr-bff-product {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

[data-component-type="ProductUpdate"] .fr-bff-product_inner {
    display: flex;
    justify-content: space-between;
  }

[data-component-type="ProductUpdate"] .fr-bff-product_imgWrapper {
    width: 50%;
    position: relative;
  }

[data-component-type="ProductUpdate"] .fr-bff-product_content {
    width: calc(50% - 4vw);
    width: calc(50% - var(--sp-h-1g));
  }

[data-component-type="ProductCarousel"] .fr-bff-product {
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    width: 120px;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product:nth-child(1),
  [data-component-type="ProductGridSmall"] .fr-bff-product:nth-child(2),
  [data-component-type="ProductGridSmall"] .fr-bff-product:nth-child(3) {
    margin-top: 0;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product:nth-of-type(3n) {
    margin-right: 0;
  }

[data-component-type="ProductCarousel"] .fr-bff-product:last-child {
    margin-right: 0;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_content,
  [data-component-type="ProductCarousel"] .fr-bff-product_content {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_gender,
  [data-component-type="ProductGridStyling"] .fr-bff-product_gender,
  [data-component-type="ProductCarousel"] .fr-bff-product_gender,
  [data-component-type="ProductUpdate"] .fr-bff-product_gender {
    font-size: 13px;
    line-height: 19px;
    color: #ababab;
    color: var(--color-gray350);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_name,
  [data-component-type="ProductGridStyling"] .fr-bff-product_name,
  [data-component-type="ProductCarousel"] .fr-bff-product_name,
  [data-component-type="ProductUpdate"] .fr-bff-product_name {
    font-size: 13px;
    line-height: 19px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductGridStyling"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductCarousel"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductUpdate"] .fr-bff-product_futureExhibition {
    color: #7d7d7d;
    color: var(--color-gray500);
    line-height: 19.5px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_price,
  [data-component-type="ProductGridStyling"] .fr-bff-product_price,
  [data-component-type="ProductCarousel"] .fr-bff-product_price,
  [data-component-type="ProductUpdate"] .fr-bff-product_price {
    font-size: 22px;
    line-height: 26px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_dualPricing,
  [data-component-type="ProductGridStyling"] .fr-bff-product_dualPricing,
  [data-component-type="ProductCarousel"] .fr-bff-product_dualPricing,
  [data-component-type="ProductUpdate"] .fr-bff-product_dualPricing {
    font-size: 13px;
    line-height: 15px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
    text-decoration: line-through;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductGridStyling"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductCarousel"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductUpdate"] .fr-bff-product_dualPricing + .fr-bff-product_price {
    margin-top: 0;
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_priceFlags,
  [data-component-type="ProductGridStyling"] .fr-bff-product_priceFlags,
  [data-component-type="ProductCarousel"] .fr-bff-product_priceFlags,
  [data-component-type="ProductUpdate"] .fr-bff-product_priceFlags {
    color: #f00;
    color: var(--color-red);
    line-height: 19.5px;
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_priceFlagsItem.-grayFlag, [data-component-type="ProductGridStyling"] .fr-bff-product_priceFlagsItem.-grayFlag, [data-component-type="ProductCarousel"] .fr-bff-product_priceFlagsItem.-grayFlag, [data-component-type="ProductUpdate"] .fr-bff-product_priceFlagsItem.-grayFlag {
      color: #7d7d7d;
      color: var(--color-gray500);
    }

[data-component-type="ProductGridSmall"] .fr-bff-product_sizes,
  [data-component-type="ProductGridStyling"] .fr-bff-product_sizes,
  [data-component-type="ProductCarousel"] .fr-bff-product_sizes,
  [data-component-type="ProductUpdate"] .fr-bff-product_sizes {
    display: none;
  }

.fr-bff-product.-none {
    display: none;
  }

[data-component-type="ProductGrid"] .swiper-container, [data-component-type="ProductGridHorizontal"] .swiper-container {
    padding-bottom: 0;
  }

[data-component-type="ProductGrid"] .swiper-button-prev,
  [data-component-type="ProductGrid"] .swiper-button-next,
  [data-component-type="ProductGridHorizontal"] .swiper-button-prev,
  [data-component-type="ProductGridHorizontal"] .swiper-button-next {
    background-color: transparent;
  }

.fr-bff-favorite {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  z-index: 1;
}

.fr-bff-favorite_icon {
    fill: #1b1b1b;
  }

.fr-bff-favorite_icon g {
    opacity: 0;
    transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  }

.fr-bff-favorite_icon g:nth-child(1) {
    opacity: 1;
  }

.fr-bff-favorite.-active .fr-bff-favorite_icon g {
    fill: #f00;
    fill: var(--color-red);
    opacity: 1;
  }

.fr-bff-userReviews {
  position: relative;
}

.fr-bff-userReviews.-OnlySeeAllReviews .swiper-wrapper {
      display: none;
    }

.fr-bff-userReviews_container {
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
    padding-bottom: 0;
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.fr-bff-userReviews_container .swiper-wrapper {
      align-items: stretch;
    }

.fr-bff-userReviews_total {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    cursor: pointer;

    font-family: HelveticaNeue-Medium,Roboto -medium, sans-serif;
    font-weight: 500;
  }

[lang="ja"] .fr-bff-userReviews_total {
      font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
      font-weight: 700;
    }

[lang="zh"] .fr-bff-userReviews_total {
      font-family: 方正兰亭黑, HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="ko"] .fr-bff-userReviews_total {
      font-family: Malgun Gothic,  HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="vi-CA"] .fr-bff-userReviews_total,
    [lang="vi"] .fr-bff-userReviews_total {
      font-family: Arial, sans-serif;
      font-weight: 400;
    }

[lang="ja"] .fr-bff-userReviews_total,
    [lang="ko"] .fr-bff-userReviews_total,
    [lang="zh"] .fr-bff-userReviews_total,
    [lang="zh-cn"] .fr-bff-userReviews_total,
    [lang="zh-tw"] .fr-bff-userReviews_total {
      font-size: 13px;
    }

.fr-bff-userReviews .swiper-container {
    padding-bottom: 0;
  }

.fr-bff-userReview.swiper-slide {
    height: auto;
    padding: 21px 4vw;
    padding: var(--sp-v-l) var(--sp-h-1g);
    border: 1px solid #dadada;
    border: 1px solid var(--color-gray150);
  }

.fr-bff-userReview_heading {
    font-size: 13px;
    margin-top: 9px;
    margin-top: var(--sp-v-s);

    font-family: HelveticaNeue-Medium,Roboto -medium, sans-serif;
    font-weight: 500;
  }

[lang="ja"] .fr-bff-userReview_heading {
      font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
      font-weight: 700;
    }

[lang="zh"] .fr-bff-userReview_heading {
      font-family: 方正兰亭黑, HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="ko"] .fr-bff-userReview_heading {
      font-family: Malgun Gothic,  HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
      font-weight: 400;
    }

[lang="vi-CA"] .fr-bff-userReview_heading,
    [lang="vi"] .fr-bff-userReview_heading {
      font-family: Arial, sans-serif;
      font-weight: 400;
    }

.fr-bff-userReview_checkBox {
    display: none;
  }

.fr-bff-userReview_comment {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

[lang="ja"] .fr-bff-userReview_comment,
    [lang="ko"] .fr-bff-userReview_comment,
    [lang="zh"] .fr-bff-userReview_comment,
    [lang="zh-cn"] .fr-bff-userReview_comment,
    [lang="zh-tw"] .fr-bff-userReview_comment {
      font-size: 13px;
    }

.fr-bff-userReview_comment_seemore {
      display: block;
      text-decoration: underline;
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      cursor: pointer;

      font-family: HelveticaNeue-Medium,Roboto -medium, sans-serif;
      font-weight: 500;
    }

[lang="ja"] .fr-bff-userReview_comment_seemore {
        font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
        font-weight: 700;
      }

[lang="zh"] .fr-bff-userReview_comment_seemore {
        font-family: 方正兰亭黑, HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
        font-weight: 400;
      }

[lang="ko"] .fr-bff-userReview_comment_seemore {
        font-family: Malgun Gothic,  HelveticaNeue, Roboto, Helvetica, -apple-system, Yu Gothic UI, Segoe UI, sans-serif;
        font-weight: 400;
      }

[lang="vi-CA"] .fr-bff-userReview_comment_seemore,
      [lang="vi"] .fr-bff-userReview_comment_seemore {
        font-family: Arial, sans-serif;
        font-weight: 400;
      }

[lang="ja"] .fr-bff-userReview_comment_seemore,
      [lang="ko"] .fr-bff-userReview_comment_seemore,
      [lang="zh"] .fr-bff-userReview_comment_seemore,
      [lang="zh-cn"] .fr-bff-userReview_comment_seemore,
      [lang="zh-tw"] .fr-bff-userReview_comment_seemore {
        font-size: 12px;
      }

.fr-bff-userReview_comment_seemore.isHide {
        display: none;
      }

.fr-bff-userReview_checkBox:checked + .fr-bff-userReview_comment + .fr-bff-userReview_comment_seemore {
    display: none;
  }

.fr-bff-userReview_checkBox:checked + .fr-bff-userReview_comment {
    display: block;
  }

.fr-bff-userReview_user {
    display: flex;
    font-size: 12px;
    color: #7d7d7d;
    color: var(--color-gray500);
    margin-top: 9px;
    margin-top: var(--sp-v-s);
    flex-wrap: wrap;
  }

.fr-bff-userReview_userAge::before {
      content: "・"
    }

.fr-bff-userReview_userHeightRange::before {
      content: "・身長："
    }

.fr-bff-userReview_userPurchasedSize::before {
      content: "・購入サイズ："
    }

.fr-bff-userReview_userItems:first-child::before {
        content: none
      }

[lang="ja"] .fr-bff-userReview_user,
    [lang="ko"] .fr-bff-userReview_user,
    [lang="zh"] .fr-bff-userReview_user,
    [lang="zh-cn"] .fr-bff-userReview_user,
    [lang="zh-tw"] .fr-bff-userReview_user {
      font-size: 11px;
    }

.fr-bff-userReview_productName {
    font-size: 12px;
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
  }

[lang="ja"] .fr-bff-userReview_productName,
    [lang="ko"] .fr-bff-userReview_productName,
    [lang="zh"] .fr-bff-userReview_productName,
    [lang="zh-cn"] .fr-bff-userReview_productName,
    [lang="zh-tw"] .fr-bff-userReview_productName {
      font-size: 11px;
    }

.fr-img {
  width: 100%;
  height: auto;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 1s;
}

.modal_contents,
  .modal_overlay {
    opacity: 0;
    transition: opacity 0.2s;
    visibility: hidden;
  }

.modal_contents,
  .modal_contentsInner {
    padding-top: calc(9 / 16 * 93.75vw);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    width: 93.75vw;
    height: 0;
  }

.modal_contents.-landscape,
  .modal_contents.-landscape .modal_contentsInner {
    padding-top: calc(9 / 16 * 70vw);
    width: 70vw;
  }

.-favoriteList .modal_overlay {
    display: none;
  }

.modal .-favoriteList .fr-bff-favorite_icon {
      margin-left: 10px;
      margin-right: 10px;
    }

.modal_favoriteList_body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      justify-content: flex-end;
      min-height: auto;
      background-color: #fff;
      background-color: var(--color-white);
    }

.modal_favoriteList_content {
      padding: 21px 15px 0;
      padding: var(--sp-v-l) var(--sp-v-m) 0;
      overflow-y: auto;
      overflow-x: hidden;
      flex-direction: column;
      flex-grow: 1;
      display: flex;
    }

.modal_favoriteList_color {
      margin-bottom: 21px;
      margin-bottom: var(--sp-v-l);
    }

.modal_favoriteList_color_header {
        display: flex;
        margin-bottom: 15px;
        margin-bottom: var(--sp-v-m);
      }

.modal_favoriteList_color_header_image {
          height: auto;
          width: 90px;
          margin-right: 15px;
          margin-right: var(--sp-v-m);
          position: relative;
        }

.modal_favoriteList_color_header_image_img {
            height: auto;
            width: 90px;
          }

.modal_favoriteList_color_header_title {
          font-size: 13px;
          line-height: 20px;
        }

.modal_favoriteList_size_group {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
        grid-column-gap: var(--sp-v-m);
        margin: 0;
      }

.modal_favoriteList_size_group.-OneItem {
          -ms-grid-columns: unset;
          grid-template-columns: unset;
          grid-column-gap: unset;
        }

.modal_favoriteList_size_content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px;
        background-color: transparent;
        background-color: initial;
        border: 1px solid transparent;
        outline: 0;
        padding: 0;
        cursor: pointer;
      }

.modal_favoriteList_size_content .fr-bff-favorite_icon {
          margin-left: 10px;
          margin-right: 10px;
        }

.modal_favoriteList_size_content.-active .fr-bff-favorite_icon g{
          fill: #f00;
          fill: var(--color-red);
          opacity: 1;
        }

.modal_favoriteList_size_keyline {
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #dadada;
      }

.modal_favoriteList_size_label {
        font-size: 13px;
        margin: 12px 0 12px 7.5px;
        line-height: 20px;
        font-weight: 600;
        color: #1b1b1b;
        color: var(--color-black900);
        text-align: left;
      }

.modal_favoriteList_background_scroll_disabled {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }

.modal.-favoriteList .modal_contents {
    padding-top: 0;
    width: 100vw;
    height: auto;
    transform: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    position: fixed;
    overflow: auto;
    background-color: rgba(27,27,27,.5);
  }

.modal.-favoriteList .modal_contentsInner {
    background-color: #fff;
    background-color: var(--color-white);
    padding-top: 0;
    width: 100vw;
    height: 100%;
    transform: unset;
    margin: auto;
    max-height: 100%;
    position: absolute;
    overflow: visible;
    top: 133px;
    left: 0;
    right: 0;
    width: 100vw;
    display: flex;
    flex-direction: column;
    animation: favoriteList-slideUp .4s cubic-bezier(.4,0,.2,1);
  }

.modal.-favoriteList .modal_contentsInner .modal_btns {
      padding-bottom: 21px;
      padding-bottom: var(--sp-v-l);
    }

.modal.-favoriteList .modal_contentsInner .modal_btn {
      width: 100%;
    }

.-favoriteList .modal_favoriteClose {
    display: block;
    margin-left: 15px;
    margin-left: var(--sp-v-m);
    padding: 4px;
    padding: var(--pc-v-xxs);
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
  }

.-favoriteList .modal_favoriteCloseText {
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #1b1b1b;
    color: var(--color-black900);
    margin-top: -2px;
  }

.-favoriteList .modal_header {
    align-items: center;
    border-bottom: 1px solid #dadada;
    border-bottom: 1px solid var(--color-gray150);
    display: flex;
    justify-content: space-between;
    padding: 9px 15px;
    padding: var(--sp-v-s) var(--sp-v-m);
    flex: 0 0 auto;
  }

.-with_sticky_header .modal_header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    background-color: var(--color-white);
  }

.-with_sticky_header .modal_favoriteList_body {
    margin-top: 63px;
  }

.-favoriteList .modal_heading {
    font-size: 16px;
    padding: 0;
    position: relative;
    line-height: 24px;
  }

.modal.-favorite .modal_contents,
  .modal.-favorite .modal_contentsInner {
    background-color: #fff;
    background-color: var(--color-white);
    padding-top: 0;
    width: 100vw;
    height: auto;
    top: unset;
    left: unset;
    bottom: 0;
    transform: unset;
  }

.modal.-favorite .modal_contents {
    z-index: 1000;
  }

.modal_contentsIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.modal_overlay {
    background-color: #fff;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
  }

.-favorite .modal_overlay {
    background-color: rgba(27, 27, 27, 0.5);
    z-index: 999;
  }

.modal_close {
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    top: -38px;
    right: -2px;
    z-index: 999;
  }

.-favorite .modal_heading {
    font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
    font-weight: 600;
    padding: 21px 15px;
    padding: var(--sp-v-l) 15px;
  }

.-favorite .modal_body {
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);
    padding-right: 15px;
    padding-left: 15px;
  }

.modal_btns {
    align-items: center;
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    display: flex;
  }

.modal_btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.344;
    margin: 0;
    min-height: 46px;
    padding: 9px 4px;
    padding: var(--sp-v-s) 4px;
    text-align: center;
    width: 50vw;
  }

.modal_btn.-cancel {
    color: #1b1b1b;
    color: var(--color-black900);
  }

.modal_btn.-login {
    background-color: #1b1b1b;
    background-color: var(--color-black900);
    color: #fff;
    color: var(--color-white);
  }

.modal_btn.-favoriteList {
    background-color: #1b1b1b;
    background-color: var(--color-black900);
    color: #fff;
    color: var(--color-white);
    margin: auto;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 4px;
    cursor: pointer;
  }

.-favorite .modal_close,
  .modal_loginClose {
    display: none;
  }

.modalWearing.Modal_ContentsInner {
      padding-bottom: 21px;
      padding-bottom: var(--sp-v-l);
    }

.modalWearing .Modal_header {
      border-bottom: 1px solid #dadada;
      border-bottom: 1px solid var(--color-gray150);
      padding-bottom: 9px;
      padding-bottom: var(--sp-v-s);
    }

.modalWearing .Modal_header-title {
        font-size: 16px;
        font-weight: 700;
        padding-right: 4vw;
        padding-right: var(--sp-h-1g);
        padding-left: 4vw;
        padding-left: var(--sp-h-1g);
      }

.modalWearing_btn {
      position: absolute;
      right: 16px;
      bottom: 16px;
      padding: 8px 24px 8px 8px;
      font-weight: 700;
      font-size: 12px;
      line-height: 12px;
      color: hsla(0,0%,100%,0);
      transition: color .6s;
      z-index: 1;
    }

.modalWearing_btn_parent {
        position: relative;
      }

.modalWearing_btn:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -14px;
        width: 28px;
        height: 28px;
        background: rgba(27,27,27,.5);
        transition: width .6s;
        z-index: -1;
      }

.modalWearing_btn:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 10px;
        height: 10px;
        background-image: url(/jp/ja/contents/feature/common/img/common/plus-white.svg);
        background-size: cover;
        right: 9px;
        transform: translateY(-50%) rotate(90deg);
        transition: transform .6s;
      }

.modalWearing_btn.-open {
        color: #fff;
        color: var(--color-white);
      }

.modalWearing_btn.-open:before {
          width: 100%;
        }

.modalWearing_btn.-open:after {
          transform: translateY(-50%) rotate(0);
        }

.modalWearing_btn[data-animate-status=end] {
        color: #fff;
        color: var(--color-white);
      }

.modalWearing_btn[data-animate-status=end]:before {
          width: 100%;
        }

.modalWearing_btn[data-animate-status=end]:after {
          transform: translateY(-50%) rotate(0);
        }

.modalWearingTrigger {
      cursor: pointer;
      transition: opacity .6s;
    }

.modalWearingTrigger:hover {
        opacity: .7
      }

.modalWearing_close {
      min-width: 40px;
      margin-left: auto;
      position: absolute;
      top: 25px;
      right: 0;
      padding-top: 24px;
      font-size: 10px;
      color: #fff;
      color: var(--color-white);
    }

.modalWearing_close:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 24px;
        mask-size: 24px;
        -webkit-mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
        mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
        background-color: #fff;
        background-color: var(--color-white);
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -12px;
      }

.modalWearingParent_contents {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 23;
        width: 100vw;
        height: 100%;
        min-height: 100dvh;
        position: fixed;
        top: 0;
        left: 0;
      }

.modalWearingParent_contentsInner {
          z-index: 23;
          width: 100vw;
          height: 100%;
          min-height: 100dvh;
          position: relative;
          overflow-y: scroll;
        }

.modalWearingParent_overlay {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background-color: rgba(27,27,27,.5);
        cursor: pointer;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 21;
      }

.modalWearingParent_close {
        cursor: pointer;
        font-size: 22px;
        position: absolute;
        top: -38px;
        right: -2px;
      }

.modalWearingChild {
      display: none;
    }

.modalWearingChild_header {
        width: 100%;
        border-bottom: 1px solid #dadada;
        border-bottom: 1px solid var(--color-gray150);
        background-color: #fff;
        background-color: var(--color-white);
        display: flex;
        align-items: center;
        min-height: 67px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 25;      
      }

.modalWearingChild_headerClose {
          min-width: 40px;
          margin-left: auto;
          position: relative;
          padding-top: 24px;
          font-size: 10px;
          line-height: 16px;
          color: inherit;        
        }

.modalWearingChild_headerClose:before {
            content: "";
            display: block;
            width: 24px;
            height: 24px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            mask-size: 24px;
            -webkit-mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
            mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
            background-color: #1b1b1b;
            background-color: var(--color-black900);
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -12px;
          }

.modalWearingChild_container {
        background-color: #fff;
        background-color: var(--color-white);

      }

.modalWearingChild_close {
        min-width: 40px;
        margin-left: auto;
        position: absolute;
        top: 25px;
        right: 0;
        padding-top: 24px;
        font-size: 10px;
        color: #fff;
        color: var(--color-white);
      }

.modalWearingChild_close:before {
          content: "";
          display: block;
          width: 24px;
          height: 24px;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-size: 24px;
          mask-size: 24px;
          -webkit-mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
          mask-image: url(/jp/ja/special-feature/feature/common/icons/icon-close@2.0.0.svg#close);
          background-color: #fff;
          background-color: var(--color-white);
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -12px;
        }

.modalWearingContent_bff[data-component-type=ProductGridHorizontal] .fr-bff-product {
          width: 100%;

        }

.modalWearingContent_noItem {
        color: #7d7d7d;
      }

.modalWearingContent_scrollPanel.-bffContent {
          height: 100%;
        }

.modalWearingContent_scrollPanel.-noItem {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f4f4f4;
          height: 64px;
          margin-left: 4vw;
          margin-left: var(--sp-h-1g);
          margin-right: 4vw;
          margin-right: var(--sp-h-1g);
        }

@keyframes favoriteList-slideUp {
  0% {
      transform: translateY(5%)
  }

  to {
      transform: translateY(0)
  }
}

[data-modal-is-active="true"] .modal_contents,
  [data-modal-is-active="true"] .modal_overlay {
    visibility: visible;
  }

[data-modal-is-active="true"] .modal_contents {
    opacity: 1;
  }

[data-modal-is-active="true"] .modal_overlay {
    opacity: 0.75;
  }

[data-modal-is-active="true"] .-favoriteList .modal_overlay {
      display: none;
    }

[data-modal-is-active="true"] .modalWearingParent_contents,[data-modal-is-active="true"] .modalWearingParent_overlay {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

.Modal_header {
    display: block;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 21px;
    padding-right: var(--sp-v-l);
    padding-top: 24px;
    padding-top: var(--sp-v-xl);
  }

.Modal_ProductContainer {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.Modal_Contents {
    transition: 0.4s;
    opacity: 0;
    background-color: #fff;
    background-color: var(--color-white);
    overflow-x: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    visibility: hidden;
    z-index: 998;
    -webkit-overflow-scrolling: touch;
  }

.Modal_ContentsInner {
      padding-bottom: 60px;
    }

.Modal_Close {
    display: block;
    margin-left: 24px;
    margin-left: 24px;
    margin-left: var(--pc-h-m);
    text-align: center;
    position: relative;
    margin-left: auto;
  }

.Modal_Close-Text {
      display: block;
      font-size: 11px;
      line-height: 1;
      color: #1b1b1b;
      color: var(--color-black900);
    }

.Modal_Close_Bottom {
      bottom: 21px;
      bottom: var(--sp-v-l);
      align-items: center;
      width: calc(100% - 30px);
      position: absolute;
      margin-left: 15px;
    }

.Modal_Close_Bottom_Btn {
        padding: 15px;
        padding: var(--sp-v-m);
        width: 100%;
        background-color: #1b1b1b;
        background-color: var(--color-black900);
        color: #fff;
        color: var(--color-white);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
      }

.Modal_Heading {
    font-size: 20px;
    margin-top: 28px;
    margin-top: var(--pc-v-l);
    text-align: center;
  }

.Modal_SubHeading {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    margin-bottom: var(--pc-v-s);
  }

.Modal_DetailTitle {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dadada;
    padding-left: 15px;
    padding-left: var(--sp-v-m);
    padding-right: 15px;
    padding-right: var(--sp-v-m);
    padding-bottom: 12px;
    padding-bottom: var(--pc-v-s);
  }

.Modal_DetailTitle .number {
      display: block;
      color: #c6431d;
      font-family: UniqloPro Light, sans-serif;
      font-weight: 400;
      font-size: 26px;
      line-height: 26px;
      margin-top: 2px;
    }

.Modal_DetailTitle .title_inner {
      display: block;
      margin-left: 15px;
      margin-right: 61px;
      font-family: ヒラギノ角ゴ Pro W6, sans-serif;
      font-weight: 700;
      font-size: 16px;
    }

.Modal_DetailTitle .title_inner .emphasis {
        color: #c6431d;
      }

.Modal_ProductDetailLink {
    display: block;
    font-family: ヒラギノ角ゴ Pro W6, sans-serif;
    font-weight: 700;
    text-align: right;
    padding-right: 15px;
    padding-right: var(--sp-v-m);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    text-decoration: underline;
  }

.Modal_ProductDetailLink:hover {
      text-decoration: none;
    }

.Modal_ProductCloseButton {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-left: 15px;
    margin-left: var(--sp-v-m);
    margin-right: 15px;
    margin-right: var(--sp-v-m);
  }

.Modal-Animation-FadeIn,
  .Modal-Animation-FadeOut,
  .Modal-Animation-FadeIn-Overlay,
  .Modal-Animation-FadeOut-Overlay {
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
  }

.Modal-Animation-FadeIn {
    animation-name: fadeIn;
  }

.Modal-Animation-FadeOut {
    animation-name: fadeOut;
  }

.Modal-Animation-FadeIn-Overlay {
    animation-name: fadeIn-Overlay;
  }

.Modal-Animation-FadeOut-Overlay {
    animation-name: fadeOut-Overlay;
  }

.ModalSwiper_Container {
    display: none;
  }

.ModalSwiper_Carousel {
    position: relative;
    border-bottom: 1px solid #dadada;
  }

.ModalMovie_Heading {
    font-size: 20px;
    margin-top: 28px;
    margin-top: var(--pc-v-l);
    text-align: center;
  }

.ModalMovie_SubHeading {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    margin-bottom: var(--pc-v-s);
  }

.ModalMovie_itemTitle {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dadada;
    padding-left: 15px;
    padding-left: var(--sp-v-m);
    padding-right: 15px;
    padding-right: var(--sp-v-m);
    padding-bottom: 12px;
    padding-bottom: var(--pc-v-s);
  }

.ModalMovie_itemTitle .number {
      display: block;
      color: #c6431d;
      font-family: UniqloPro Light, sans-serif;
      font-weight: 400;
      font-size: 26px;
      line-height: 26px;
    }

.ModalMovie_itemTitle .title_inner {
      display: block;
      margin-left: 15px;
      margin-right: 54px;
      font-family: ヒラギノ角ゴ Pro W6, sans-serif;
      font-weight: 700;
      font-size: 16px;
    }

.ModalMovie_itemTitle .title_inner .emphasis {
        color: #c6431d;
      }

.ModalMovie_itemVideo {
    position: relative;
    border-bottom: 1px solid #dadada;
  }

.ModalMovie_itemContent {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.ModalMovie_itemContentCaption {
    font-family: ヒラギノ角ゴ Pro W6, sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding-left: 15px;
    padding-left: var(--sp-v-m);
    padding-right: 15px;
    padding-right: var(--sp-v-m);
  }

.ModalMovie_itemContentText {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    padding-left: 15px;
    padding-left: var(--sp-v-m);
    padding-right: 15px;
    padding-right: var(--sp-v-m);
  }

.ModalMovie_ProductDetailLink {
    display: block;
    font-family: ヒラギノ角ゴ Pro W6, sans-serif;
    font-weight: 700;
    text-align: right;
    padding-right: 15px;
    padding-right: var(--sp-v-m);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    text-decoration: underline;
  }

.ModalMovie_ProductDetailLink:hover {
      text-decoration: none;
    }

.ModalMovie_ProductCloseButton {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-left: 15px;
    margin-left: var(--sp-v-m);
    margin-right: 15px;
    margin-right: var(--sp-v-m);
  }

[data-modal-window-is-active="true"] {
  right: 0;
  left: 0;
}

[data-modal-window-is-active="true"] .Modal_Contents {
      visibility: visible;
      top: 0;
      opacity: 1;
    }

[data-modal-window-is-active="true"] .Modal_Overlay {
      display: none;
    }

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeIn-Overlay {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.75;
  }
}

@keyframes fadeOut-Overlay {
  0% {
    opacity: 0.75;
  }

  100% {
    opacity: 0;
  }
}

.ariake-modalVideo {
  margin-left: var(--h-xl);
  margin-right: var(--h-xl);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ariake-modalVideo[data-aspect-ratio="16:9"].-youtube::before{
        content: '';
        padding-top: 56.25%;
        display: block;
      }

.ariake-modalVideo_item {
    width: 100%;
  }

.ariake-modalVideo.-youtube {
    position: relative;
    width: 100%;
    height: auto;
  }

.ariake-modalVideo.-youtube .ariake-modalVideo_item {
      position: absolute;
      width: 100%;
      height: 100%;
    }

.ariake-modalVideo_controller {
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 2;
  }

.ariake-modalVideo_controllerContainer {
      display: flex;
      flex-wrap: wrap;
      margin: 0 15px;
      margin: 0 var(--sp-v-m);
      justify-content: space-between;
      align-items: center;
    }

.iOS_9 .ariake-modalVideo_controller {
    display: none;
  }

.ariake-modalVideo_progress {
    background-color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    height: 2px;
    width: calc(100% - 15px - 26px);
    width: calc(100% - var(--sp-v-m) - 26px);
  }

.ariake-modalVideo_progressBar {
      background-color: #fff;
      background-color: var(--color-white);
      width: 0;
      height: 2px;
    }

.ariake-modalVideo_button {
    width: 26px;
    height: 26px;
  }

.header {
  background-color: #fff;
  background-color: var(--color-white);
  padding: 0 4vw;
  padding: 0 var(--sp-h-1g);
  height: 59px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  z-index: 500;
}

.header_logo {
    width: 141px;
    height: 16px;
  }

.header_UQLogo {
    position: absolute;
    left: 15px;
    width: 63px;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
  }

[data-country="cn"] .header_UQLogo,
    [data-country="kr"] .header_UQLogo {
      width: 28px;
      height: 28px;
    }

.header_UQLogoLink {
      display: block;
    }

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

.header_drawer_trigger {
    color: #000;
    font-size: 10px;
    position: absolute;
    right: 2%;
    top: 4px;
    width: 45px;
    height: 45px;
    text-align: center;
    z-index: 2;
  }

.header_drawer_trigger_line {
      background-color: #000;
      margin-right: auto;
      margin-left: auto;
      position: absolute;
      right: 0;
      left: 0;
      width: 20px;
      height: 2px;
      transition: background-color .4s;
    }

.header_drawer_trigger_line:first-child {
        top: 14px;
      }

.header_drawer_trigger_line:nth-child(2) {
        top: 22px;
      }

.header_drawer_trigger_text {
      position: absolute;
      left: 0;
      top: 30px;
      width: 100%;
      word-break: break-word;
    }

.drawer {
  background-color: #fff;
  background-color: var(--color-white);
  padding: 50px 0 60px 15px;
  padding: 50px 0 var(--sp-v-xxxl) 15px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(110%);
  transition: transform .4s ease-in-out;
  width: 325px;
  height: auto;
  z-index: 99999;
  -webkit-overflow-scrolling: touch;
}

.drawer[data-drawer-is-active='true'] {
    transform: translateX(0);
    overflow-y: scroll;
  }

.drawer[data-drawer-is-active='true'] +.drawer_overlay {
      opacity: 1;
      visibility: visible
    }

.drawer_navigation {
    overflow: hidden;
    margin-left: 15px;
    margin-top: 21px;
  }

.drawer_navigationTop {
      color: #1b1b1b;
      font-size: 16px;
    }

.drawer_navigationTop:hover {
        opacity: 0.6;
      }

.drawer_navigation_category {
      color: #1b1b1b;
      margin-top: 21px;
      font-size: 16px;
    }

.drawer_navigation_category_list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 5px;
        margin-top: 21px;
      }

.drawer_navigation_category_item {
        width: 100%;
        display: flex;
        align-items: center;
      }

.drawer_navigation_category_item:hover {
          opacity: 0.6;
        }

.drawer_navigation_category_item_text {
          font-size: 14px;
        }

.drawer_navigation_category_img {
        width: 60px;
        height: 60px;
        margin-right: 21px;
      }

.drawer_about {
    color: #1b1b1b;
    margin-top: 21px;
    display: flex;
    align-items: center;
  }

.drawer_about:hover {
      opacity: 0.6;
    }

.drawer_about_text {
      font-size: 16px;
    }

.drawer_overlay {
    display: block;
    background-color: rgba(27,27,27,.5);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s ease-in-out;
    visibility: hidden;
    z-index: 510
  }

.drawer_trigger {
    color: #000;
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
  }

.drawer_trigger_line {
      background-color: #000;
      margin-right: auto;
      margin-left: auto;
      position: absolute;
      right: 0;
      left: 0;
      width: 20px;
      height: 2px;
      transition: background-color .4s;
    }

.drawer_trigger_line:first-child {
        transform: rotate(45deg);
      }

.drawer_trigger_line:nth-child(2) {
        transform: rotate(-45deg);
      }

.drawer_trigger_text {
      position: absolute;
      left: 0;
      top: 35px;
      width: 100%;
      word-break: break-word;
    }

.footer {
  background-color: #f4f4f4;
  background-color: var(--color-gray050);
  border-top: 1px solid #dadada;
  border-top: 1px solid var(--color-gray150);
  margin-top: 24px;
  margin-top: var(--sp-v-xl);
  padding: 15px 4vw;
  padding: 15px var(--sp-h-1g);
  text-align: center;
}

.footer_copyright {
    color: #ababab;
    color: var(--color-gray350);
    display: block;
    font-family: "UniqloPro Light", sans-serif;
    font-size: 11px;
    line-height: 1;
  }

.breadcrumbs {
  background-color: #fff;
  background-color: var(--color-white);
  margin: 52px 4vw 24px;
  margin: var(--pc-v-xxl) var(--sp-h-1g) var(--sp-v-xl);
  font-size: 14px;
  line-height: 21px;
}

.breadcrumbs_item {
    display: inline;
  }

.breadcrumbs_item + .breadcrumbs_item::before {
      content: " / ";
    }

.breadcrumbs_itemLink {
      text-decoration: underline;
    }

.navigation {
  text-align: center;
  border-top: 1px solid #dadada;
  border-top: 1px solid var(--color-gray150);
  
}

.navigation_logo {
    margin-top: 24px;
    margin-top: var(--sp-v-xl);
  }

.navigation_logoImg {
      width: auto;
      height: 36px;
    }

.navigation_listItem {
      margin-top: 24px;
      margin-top: var(--sp-v-xl);
    }

.language {
  display: flex;
  margin-top: 24px;
  margin-top: var(--sp-v-xl);
  justify-content: center;
}

.language_item {
    line-height: 18px;
  }

.language_item + .language_item {
    border-left: 1px solid #1b1b1b;
    border-left: 1px solid var(--color-black900);
    margin-left: 9px;
    margin-left: var(--sp-v-s);
    padding-left: 9px;
    padding-left: var(--sp-v-s);
  }

.share {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
  margin-right: 4vw;
  margin-right: var(--sp-h-1g);
  margin-left: 4vw;
  margin-left: var(--sp-h-1g);
}

.share_heading {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
  }

.share_qrText {
    text-decoration: underline;
    text-align: center;
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.share_qrText:hover {
      cursor: pointer;
    }

.share_list {
    display: flex;
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    justify-content: center;
  }

.share_item {
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
  }

.share_item + .share_item {
    margin-left: 15px;
  }

.share_itemLink {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
  }

.share_itemLink.-facebook {
    background-image: url(/jp/ja/contents/feature/common/icons/sns-small_facebook.svg);
  }

.share_itemLink.-twitter {
    background-image: url(/jp/ja/contents/feature/common/icons/sns-small_twitter.svg);
  }

.share_itemLink.-line {
    background-image: url(/jp/ja/contents/feature/common/icons/sns-small_line.svg);
  }

@keyframes qrmodalShow {
  from {
      opacity: 1;
      visibility: visible;
  }
  to {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
      height: calc((1vh * 100));
      height: calc((var(--vh, 1vh) * 100));
  }
}

@keyframes qrmodalClose {
  from {
    height: calc((1vh * 100));
    height: calc((var(--vh, 1vh) * 100));
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

.qrModal_wrapper {
    position: fixed;
    width: calc(100% - 30px);
    z-index: 999;
    bottom: 0;
    left: 15px
  }

.qrModal_text {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.qrModal_Btn.Modal_Close {
    width: 100%;
    margin: 0 auto;
    height: 46px;
    text-align: center;
  }

.qrModal_btnSvg {
    position: absolute;
    right: 15px;
    top: 14px;
  }

.qrModal_content {
    background-color: #fff;
    background-color: var(--color-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 15px 15px 0 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
  }

.qrModal_content.fadeUp {
    animation: qrmodalShow 0.5s forwards;
  }

.qrModal_content.fadeDown {
    animation: qrmodalClose 0.5s forwards;
  }

.qrModal_content_inner {
    height: calc((1vh * 100));
    height: calc((var(--vh, 1vh) * 100));
    margin-top: 60px;
    margin-top: var(--sp-v-xxxl);
    text-align: center;
  }

.qrModal_Overlay {
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: rgba(27, 27, 27, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}

.accordion_seemore {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    padding-top: 21px;
    padding-top: var(--sp-v-l);
    padding-bottom: 21px;
    padding-bottom: var(--sp-v-l);
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-bottom: 1px solid #dadada;
    border-bottom: 1px solid var(--color-gray150);
    color: var(--color-black);
  }

.accordion_seemoreText {
      position: relative;
      padding-right: 30px;
    }

.accordion_seemoreText:after {
        content: "";
        background: url(/jp/ja/contents/feature/update/common/img/plus-glay.svg) 0/cover no-repeat;
        position: absolute;
        width: 12px;
        height: 12px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }

.accordion_seemoreText.-close:after {
          background: url(/jp/ja/contents/feature/update/common/img/minus-glay.svg) 0/cover no-repeat;
          width: 13px;
          height: 2px;
        }

.tester {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.tester_wrapper {
    padding: 24px 15px;
    padding: var(--sp-v-xl) var(--sp-v-m);
    margin: auto 15px;
    margin: auto var(--sp-v-m);
    display: flex;
    border: 1px solid #dadada;
    border: 1px solid var(--color-gray150);
    border-radius: 10px;
    min-height: 142px;
  }

.tester_img {
    width: 86px;
  }

.tester_imgBlock {
    width: 86px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

.tester_imgBlock_logo {
      width: 86px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

.tester_imgBlock_logoImage {
        margin: 18px;
      }

.tester_imgBlock_balloon {
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      width: 86px;
    }

.tester_body {
    margin-left: 9px;
    margin-left: var(--sp-v-s);
    position: relative;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
  }

.tester_body::after {
      width: 7px;
      height: 14px;
      content: "";
      background: url(/jp/ja/contents/feature/update/common/img/right-arrow.svg) 0/cover no-repeat;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      right: 0%;
    }

.tester_heading {
    margin-top: 3px;
    margin-top: var(--sp-v-xxs);
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    text-align: left;
  }

.tester_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19.5px;
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    text-align: left;
  }

.tester_button {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
  }

.qualitrics_wrapper {
    margin: 36px 15px 0;
    margin: var(--sp-v-xxl) 15px 0;
  }

.banner {
  margin-top: 36px;
  margin-top: var(--sp-v-xxl);
  margin-right: 4vw;
  margin-right: var(--sp-h-1g);
  margin-left: 4vw;
  margin-left: var(--sp-h-1g);
}

.banner_item + .banner_item {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

.banner_itemLink {
      display: block;
    }

[data-aspect-ratio="banner"]::before {
  padding-top: 33.3333%;
}

.labelFlag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  color: #fff;
  color: var(--color-white);
  font-weight: 600;
  padding-right: 6px;
  padding-right: var(--sp-v-xs);
  padding-left: 6px;
  padding-left: var(--sp-v-xs);
  font-size: 11px;
  line-height: 20px;
}

.labelFlag.-noShow {
    display: none;
  }

.labelFlag_heading {
    background-color: red;
    color: #fff;
    color: #fff;
    color: var(--color-white);
    font-size: 11px;
    line-height: 20px;
    padding-right: 6px;
    padding-right: var(--sp-v-xs);
    padding-left: 6px;
    padding-left: var(--sp-v-xs);
    text-align: center;
    margin-right: 6px;
    margin-right: var(--sp-v-xs);
    display: block;
    font-weight: 600;
  }

.homeHero {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.homeHero.-show {
    margin-top: 0;
  }

.homeHero_head {
    width: 238px;
    margin: auto;
    position: relative;
  }

.homeHero_animation {
    width: 220px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0);
    opacity: 0;
    border-radius: 50%;
    overflow: hidden;
  }

.homeHero_video {
    width: 100%;
    height: auto;
  }

.homeHero_logo {
    width: 132px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }

.-show .homeHero_logo {
      opacity: 1;
    }

.homeHero_logoImage {
      width: 100%;
    }

.homeHero_balloon {
    opacity: 0;
  }

.-show .homeHero_balloon {
      opacity: 1;
    }

.homeHero_body {
    margin-top: 24px;
    margin-top: var(--sp-v-xl);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
  }

.homeHero_description {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
  }

.homeLatest {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.banner+.homeLatest {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
  }

.homeLatest_wrapper {
    margin-bottom: 36px;
    margin-bottom: var(--sp-v-xxl);
  }

.homeLatest_heading {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

.homeLatest_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.homeLatest_item {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    width: calc((100% - 1px) / 2);
  }

.homeLatest_itemLabel {
      position: absolute;
      top: 0;
      left: 0;
      background-color: red;
      color: #fff;
      color: var(--color-white);
      padding-right: 6px;
      padding-right: var(--sp-v-xs);
      padding-left: 6px;
      padding-left: var(--sp-v-xs);
      font-size: 11px;
      line-height: 20px;
      font-weight: 600;
    }

.homeLatest_itemLink {
      display: block;
      position: relative;
    }

.homeLatest_itemBody {
      margin-left: 4vw;
      margin-left: var(--sp-h-1g);
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
    }

.homeLatest_seasonLabel {
    color: #fff;
    color: var(--color-white);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    padding-right: 6px;
    padding-right: var(--sp-v-xs);
    padding-left: 6px;
    padding-left: var(--sp-v-xs);
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    line-height: 19px;
  }

.homeLatest_seasonLabel.-ss {
      background-color: #479EEE;
    }

.homeLatest_seasonLabel.-fw {
      background-color: #F6983C;
    }

.homeLatest_seasonLabel.-noSeason {
      background-color: #ABABAB;
    }

.homeLatest_seasonLabel.-noData {
      min-height: 22px;
      padding: 0;
      margin: 10px 0 0 0;
    }

.homeLatest_category {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.homeLatest_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 14px;
    line-height: 21px;
  }

.homeLatest_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.homeLatest_date {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.homeLatest_btn {
    margin-left: 4vw;
    margin-right: 4vw;
  }

.homeInfo {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
  margin-right: 4vw;
  margin-right: var(--sp-h-1g);
  margin-left: 4vw;
  margin-left: var(--sp-h-1g);
}

.banner+.homeInfo {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
  }

.homeInfo_heading {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

.homeInfo_body {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.homeInfo_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.homeInfo_item {
    width: 100%;
  }

.homeInfo_item + .homeInfo_item {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
    }

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

.homeInfo_itemHead_label {
        background-color: red;
        color: #fff;
        color: var(--color-white);
        font-size: 11px;
        line-height: 20px;
        padding-right: 6px;
        padding-right: var(--sp-v-xs);
        padding-left: 6px;
        padding-left: var(--sp-v-xs);
        text-align: center;
        margin-right: 6px;
        margin-right: var(--sp-v-xs);
        display: block;
        font-weight: 600;
      }

.homeInfo_itemHead_date {
        color: #7d7d7d;
        color: var(--color-gray500);
        text-align: center;
        font-size: 11px;
        line-height: 16px;
      }

.homeInfo_itemLink {
      display: block;
    }

.-label .homeInfo_itemLink {
        position: relative;
      }

.homeInfo_itemBody {
      margin-top: 3px;
      margin-top: var(--sp-v-xxs);
      font-size: 13px;
      line-height: 20px;
    }

.homeInfo_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.homeInfo_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 14px;
    line-height: 21px;
  }

.homeInfo_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.homeInfo_date {
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.homeCategory {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
  margin-right: 4vw;
  margin-right: var(--sp-h-1g);
  margin-left: 4vw;
  margin-left: var(--sp-h-1g);
}

.homeCategory_heading {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

.homeCategory_body {
    margin-top: 9px;
    margin-top: var(--sp-v-s);
  }

.homeCategory_list {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

.homeCategory_item {
    width: 25%;
  }

.homeCategory_item:nth-child(5),
    .homeCategory_item:nth-child(6),
    .homeCategory_item:nth-child(7) {
      margin-top: 9px;
      margin-top: var(--sp-v-s);
    }

.homeCategory_itemLink {
      display: block;
    }

.homeCategory_itemLinkInner {
        text-align: center;
      }

.homeCategory_itemLinkHeadImg {
          width: 100%;
        }

.homeCategory_itemLinkBody {
        font-size: 11px;
      }

.homePopular {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.homePopular_head {
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);

    text-align: center;
  }

.homePopular_head_text {
      font-size: 18px;
      line-height: 27px;
    }

.homePopular_bff {
    padding-top: 0;
  }

.homePopular_bff.fr-bff-products[data-component-type="ProductGridSmall"] {
      padding-right: 4vw;
      padding-left: 4vw;
    }

.homePopular .swiper-container {
    padding-bottom: 0;
  }

.homeSlide {
  background-color: #f4f4f4;
  background-color: var(--color-gray050);
  padding-top: 21px;
  padding-top: var(--sp-v-l);
  padding-bottom: 21px;
  padding-bottom: var(--sp-v-l);
}

.homeSlide_wrapper {
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);
  }

.homeSlide_wrapper .swiper-slide {
      height: auto;
    }

.homeSlide_itemLabel {
      position: absolute;
      top: 0;
      left: 0;
      background-color: red;
      color: #fff;
      color: var(--color-white);
      padding-right: 6px;
      padding-right: var(--sp-v-xs);
      padding-left: 6px;
      padding-left: var(--sp-v-xs);
      font-size: 11px;
      line-height: 20px;
      font-weight: 600;
    }

.homeSlide_itemBlock {
      height: 100%;
    }

.homeSlide_body {
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
    background-color: #fff;
    background-color: var(--color-white);
    padding-top: 15px;
    padding-top: var(--sp-v-m);
  }

.homeSlide_bodyAbove {
      position: relative;
    }

.homeSlide_bodyTitle {
      font-size: 16px;
      line-height: 1.6em;
      font-weight: 600;
      word-break: break-all;
    }

.homeSlide_bodyDescription {
      font-size: 14px;
      line-height: 1.6em;
      padding-top: 4px;
      padding-top: var(--pc-v-xxs);
      word-break: break-all;
    }

.homeSlide_images .swiper-pagination {
      display: block;
      position: relative;
      margin-top: 9px;
      margin-top: var(--sp-v-s);
      bottom: 0;
    }

.homeSlide_category {
    font-size: 12px;
    line-height: 1.6em;
    color: #7d7d7d;
    color: var(--color-gray500);
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    padding-bottom: 15px;
    padding-bottom: var(--sp-v-m);
    display: flex;
    justify-content: space-between;
  }

.homeSlide_category_seasonLabel {
      color: #fff;
      color: var(--color-white);
      padding-right: 6px;
      padding-right: var(--sp-v-xs);
      padding-left: 6px;
      padding-left: var(--sp-v-xs);
      font-size: 11px;
      font-weight: 600;
    }

.homeSlide_category_seasonLabel.-ss {
        background-color: #479EEE;
      }

.homeSlide_category_seasonLabel.-fw {
        background-color: #F6983C;
      }

.homeSlide_category_seasonLabel.-noSeason {
        background-color: #ABABAB;
      }

.homeSlide_date {
    width: 50%;
    font-size: 13px;
    line-height: 19px;
    color: #7d7d7d;
    color: var(--color-gray500);
    text-align: right;
  }

.homeSlide_heading {
    margin-top: 9px;
    margin-top: var(--sp-v-s);
    width: 100%;
    font-size: 18px;
    line-height: 29px;
  }

.homeSlide_description {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    width: 100%;
    font-size: 14px;
    line-height: 25px;
  }

.homeSlide_btn {
    margin-left: 4vw;
    margin-right: 4vw;
  }

.homeSlide .swiper-button-prev,
  .homeSlide .swiper-button-next {
    top: 50%;
  }

.homeHero + .homeSlide {
  margin-top: 64px;
  margin-top: var(--pc-v-xxxl);
}

.categoryLatest_heading {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

.categoryLatest_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.categoryLatest_item {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    width: calc((100% - 1px) / 2);
  }

.categoryLatest_itemLabel {
      position: absolute;
      top: 0;
      left: 0;
      background-color: red;
      color: #fff;
      color: var(--color-white);
      padding-right: 6px;
      padding-right: var(--sp-v-xs);
      padding-left: 6px;
      padding-left: var(--sp-v-xs);
      font-size: 11px;
      line-height: 20px;
      font-weight: 600;
    }

.categoryLatest_itemLink {
      display: block;
      position: relative;
    }

.categoryLatest_itemBody {
      margin-left: 4vw;
      margin-left: var(--sp-h-1g);
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
    }

.categoryLatest_seasonLabel {
    color: #fff;
    color: var(--color-white);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    padding-right: 6px;
    padding-right: var(--sp-v-xs);
    padding-left: 6px;
    padding-left: var(--sp-v-xs);
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    line-height: 19px;
  }

.categoryLatest_seasonLabel.-ss {
      background-color: #479EEE;
    }

.categoryLatest_seasonLabel.-fw {
      background-color: #F6983C;
    }

.categoryLatest_seasonLabel.-noSeason {
      background-color: #ABABAB;
    }

.categoryLatest_seasonLabel.-noData {
      min-height: 22px;
      padding: 0;
      margin: 10px 0 0 0;
    }

.categoryLatest_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.categoryLatest_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 14px;
    line-height: 21px;
  }

.categoryLatest_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.categoryLatest_date {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.categoryLatest_seemore {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    padding-top: 21px;
    padding-top: var(--sp-v-l);
    padding-bottom: 21px;
    padding-bottom: var(--sp-v-l);
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-bottom: 1px solid #dadada;
    border-bottom: 1px solid var(--color-gray150);
    color: var(--color-black);
  }

.categoryLatest_seemoreText {
      position: relative;
      padding-right: 30px;
    }

.categoryLatest_seemoreText:after {
        content: "";
        background: url(/jp/ja/contents/feature/common/icons/chevron_updown.svg) 0/cover no-repeat;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }

.banner+.informationLatest {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
  }

.informationLatest_head {
    display: none;
  }

.informationLatest_heading {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
  }

.informationLatest_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.informationLatest_item {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    width: calc((100% - 1px) / 2);
  }

.informationLatest_itemLink {
      display: block;
      position: relative;
    }

.informationLatest_itemBody {
      margin-left: 4vw;
      margin-left: var(--sp-h-1g);
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
    }

.informationLatest_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.informationLatest_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 14px;
    line-height: 21px;
  }

.informationLatest_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.informationLatest_date {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.informationLatest_seemore {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    padding-top: 21px;
    padding-top: var(--sp-v-l);
    padding-bottom: 21px;
    padding-bottom: var(--sp-v-l);
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-bottom: 1px solid #dadada;
    border-bottom: 1px solid var(--color-gray150);
    color: var(--color-black);
  }

.informationLatest_seemoreText {
      position: relative;
      padding-right: 30px;
    }

.informationLatest_seemoreText:after {
        content: "";
        background: url(/jp/ja/contents/feature/common/icons/chevron_updown.svg) 0/cover no-repeat;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }

.informationInfo.-no-data + .informationLatest .informationLatest_wrapper .informationLatest_head {
      display: block;
    }

.informationInfo {
  margin-top: 24px;
  margin-top: var(--sp-v-xl);
  margin-right: 4vw;
  margin-right: var(--sp-h-1g);
  margin-left: 4vw;
  margin-left: var(--sp-h-1g);
}

.banner+.informationInfo {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
  }

.informationInfo_heading {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

.informationInfo_body {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.informationInfo_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.informationInfo_item {
    width: 100%;
  }

.informationInfo_item + .informationInfo_item {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
    }

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

.informationInfo_itemHead_label {
        background-color: red;
        color: #fff;
        color: var(--color-white);
        font-size: 11px;
        line-height: 20px;
        padding-right: 6px;
        padding-right: var(--sp-v-xs);
        padding-left: 6px;
        padding-left: var(--sp-v-xs);
        text-align: center;
        margin-right: 6px;
        margin-right: var(--sp-v-xs);
        display: block;
        font-weight: 600;
      }

.informationInfo_itemHead_date {
        color: #7d7d7d;
        color: var(--color-gray500);
        text-align: center;
        font-size: 11px;
        line-height: 16px;
      }

.-label .informationInfo_itemHead {
        position: relative;
      }

.informationInfo_itemBody {
      margin-top: 3px;
      margin-top: var(--sp-v-xxs);
      font-size: 13px;
      line-height: 20px;
    }

.informationInfo_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.informationInfo_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 14px;
    line-height: 21px;
  }

.informationInfo_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.informationInfo_date {
    font-size: 11px;
    line-height: 21px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.informationInfo_seemore {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    padding-top: 21px;
    padding-top: var(--sp-v-l);
    padding-bottom: 21px;
    padding-bottom: var(--sp-v-l);
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-bottom: 1px solid #dadada;
    border-bottom: 1px solid var(--color-gray150);
    color: var(--color-black);
  }

.informationInfo_seemoreText {
      position: relative;
      padding-right: 30px;
    }

.informationInfo_seemoreText:after {
        content: "";
        background: url(/jp/ja/contents/feature/common/icons/chevron_updown.svg) 0/cover no-repeat;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }

.hero_bodyWrapper {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.hero_body {
    display: flex;
    flex-wrap: wrap;
  }

.hero_newArticle {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.hero_newArticle_wrapper {
      display: flex;

      padding: 15px;

      padding: var(--sp-v-m);
      border: 1px solid #dadada;
      border: 1px solid var(--color-gray150);
      border-radius: 10px;
    }

.hero_newArticle_img {
      width: 76px;
    }

.hero_newArticle_body {
      margin-left: 9px;
      margin-left: var(--sp-v-s);
      font-size: 14px;
      position: relative;
      width: 100%;
    }

.hero_newArticle_body::after {
        width: 7px;
        height: 14px;
        content: "";
        background: url(/jp/ja/contents/feature/update/common/img/right-arrow.svg) 0/cover no-repeat;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: 0%;
      }

.hero_newArticle_head {
      display: flex;
    }

.hero_newArticle_heading {
      font-size: 14px;
    }

.hero_newArticle_description {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      font-size: 13px;
      line-height: 19.5px;
      margin-right: 4vw;
      margin-right: var(--sp-h-1g);
      text-align: left;
    }

.hero_image::before {
    padding-top: 100%;
  }

.hero_video {
    padding-top: 100%;
  }

.hero_video_controler {
      position: absolute;
      bottom: 20px;
      width: 100%;
      z-index: 1;
      height: 20px;
    }

.hero_video_controlerContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 15px;
        margin: 0 var(--sp-v-m);
      }

.hero_video_inline {
      position: absolute;
      width: 100%;
      height: auto;
      bottom: 0;
      top: 0;
      left: 0;
    }

.hero_video_processbar {
      width: calc(100% - 24px - 10px);
      background-color: hsla(0,0%,100%,.6);
      height: 2px;
      overflow: hidden;
    }

.hero_video_processbar_inner {
        background-color: #fff;
        background-color: var(--color-white);
        width: 0;
        height: 2px;
      }

.hero_video_checkbox {
      display: none;
    }

.hero_video_btn {
      width: 24px;
      height: 24px;
    }

.hero_category {
    width: 50%;
    font-size: 13px;
    line-height: 19px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.hero_date {
    width: 50%;
    font-size: 13px;
    line-height: 19px;
    color: #7d7d7d;
    color: var(--color-gray500);
    text-align: right;
  }

.hero_heading {
    margin-top: 9px;
    margin-top: var(--sp-v-s);
    width: 100%;
    font-size: 18px;
    line-height: 29px;
  }

.hero_description {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    width: 100%;
    font-size: 14px;
    line-height: 25px;
  }

.hero .swiper-button-prev,
  .hero .swiper-button-next {
    top: 50%;
  }

.anchor {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.banner+.anchor {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
  }

.anchor_head {
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.anchor_heading {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

.anchor_body {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.anchor_list {
    border: 1px solid #dadada;
    border: 1px solid var(--color-gray150);
    border-width: 0 0 1px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
  }

.anchor_item {
    background-color: #fff;
    background-color: var(--color-white);
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-left: 1px solid #dadada;
    border-left: 1px solid var(--color-gray150);
    cursor: pointer;
    width: 50%;
  }

[data-is-odd="true"] .anchor_item:last-child {
      width: 100%;
    }

.anchor_itemInner {
      display: flex;
      height: 100%;
    }

.anchor_itemText {
      align-items: center;
      display: flex;
      flex: 1;
      justify-content: center;
      line-height: 18px;
      min-height: 71px;
      padding: 15px 8px;
      padding: var(--sp-v-m) 8px;
      text-align: center;
      position: relative;
    }

.fr-fixedAnchor{
  background-color: #fff;
  background-color: var(--color-white);
  position: fixed;
  top: 0;
  pointer-events: none;
  opacity: 0;
  border-bottom: 1px solid #dadada;
  border-bottom: 1px solid var(--color-gray150);
  transition: opacity 0.2s;
  width: 100%;
  z-index: 490;
}

.fr-fixedAnchor.-isFixed {
    transition: opacity 0.2s;
    opacity: 1;
    pointer-events: auto;
    top: 59px;
  }

.fr-fixedAnchor.-loading {
    opacity: 0;
  }

.fr-fixedAnchor_container {
    width: 100%;
  }

.fr-fixedAnchor_inner {
    display: flex;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
  }

.fr-fixedAnchor_inner.is-drag {
      scroll-behavior: auto;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

.fr-fixedAnchor_inner::-webkit-scrollbar {
      display:none;
    }

.fr-fixedAnchor_item {
    flex-basis: auto;
    flex-shrink: 0;
  }

.is-moving .fr-fixedAnchor_item {
      pointer-events: none;
    }

.fr-fixedAnchor_itemLink {
    display: block;
    cursor: pointer;
    padding: 15px 8px;
    padding: var(--sp-v-m) 8px;
    width: 100%;
    position: relative;
    color: #ababab;
    color: var(--color-gray350);
    font-family: ヒラギノ角ゴ Pro W6,sans-serif;
    font-weight: 700;
    min-height: 49.5px;
  }

.fr-fixedAnchor_itemLink.-current {
      color: #1b1b1b;
      color: var(--color-black900);
    }

.fr-fixedAnchor_itemLink.-current::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #1b1b1b;
        background-color: var(--color-black900);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 15px;
      }

.fr-fixedAnchor_movingButton {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

@keyframes anchorShow {
  0% {
    opacity: 0.5;
    transform: translateY(-80px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.section_play_icon {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/jp/ja/contents/feature/update/common/img/play.svg) 0/cover no-repeat;
    z-index: 1;
  }

.section_item {
    padding-top: 60px;
    padding-top: var(--sp-v-xxxl);
  }

.section_heading {
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    font-size: 16px;
    line-height: 24px;
  }

.section_subHeading {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    font-size: 11px;
  }

.section_hero {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.section_comment {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.section_commentInner {
      margin: 0 4vw;
      margin: 0 var(--sp-h-1g);
      padding-left: calc(22.5px + 4vw);
      padding-left: calc(22.5px + var(--sp-h-1g));
      padding-right: calc(22.5px + 4vw);
      padding-right: calc(22.5px + var(--sp-h-1g));
    }

.section_commentText {
      font-size: 14px;
      line-height: 25px;
      position: relative;
      padding-top: 20.5px;
    }

.section_commentText::before,
      .section_commentText::after {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAApCAMAAACWVVC+AAAAM1BMVEUAAAAbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxtJJ/PRAAAAEHRSTlMAQMAQYPDQIOCAUDCgkLBwfL/9cgAAAM1JREFUOMvt0VsWhSAIBdBEzfeN+Y/2tlbZSdAZxF+HnWFsooJLYZuXSW54tsfOzGZKq2emt60nnescz3zQh+eFDsQ8avtjXujsWWi780o7dAgYWmChgaGBlW680sErbd5JHZZDjIrXciISCquh/aGiCijO8eWOcMWfwBnndFzwvhUaG0s9aiJC2ck5GCSoQfR9nmjfRKWnlXuEn93g5M+2WruljhhOb1zdiDDcWrPWDrekq4rapL87DXPrb5Ds0Kc//elHWyPLdl1kp/wBPLJAIkF4HgkAAAAASUVORK5CYII=') center center /cover no-repeat;
        content: "";
        display: block;
        width: 22.5px;
        height: 20.5px;
        position: absolute;
      }

.section_commentText::before {
        top: 0;
        left: calc((-22.5px + 4vw * -1));
        left: calc((-22.5px + var(--sp-h-1g) * -1));
      }

.section_commentText::after {
        right: calc((-22.5px + 4vw * -1));
        right: calc((-22.5px + var(--sp-h-1g) * -1));
        bottom: 0;
        transform: rotate(180deg);
      }

.section_commentAtt {
      color: #7d7d7d;
      color: var(--color-gray500);
      display: inline-block;
    }

.section_video {
    padding-top: 100%;
  }

.section_video_mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.15);
      top: 0;
      position: absolute;
      left: 0;
    }

.section_video_controler {
      position: absolute;
      bottom: 20px;
      width: 100%;
      z-index: 1;
      height: 20px;
    }

.section_video_controlerContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 15px;
        margin: 0 var(--sp-v-m);
      }

.section_video_controler[data-show="hide"] {
        display: none;
      }

.section_video_inline {
      position: absolute;
      width: 100%;
      height: auto;
      bottom: 0;
      top: 0;
      left: 0;
    }

.section_video_processbar {
      width: calc(100% - 24px - 10px);
      background-color: hsla(0,0%,100%,.6);
      height: 2px;
      overflow: hidden;
    }

.section_video_processbar_inner {
        background-color: #fff;
        background-color: var(--color-white);
        width: 0;
        height: 2px;
      }

.section_video_checkbox {
      display: none;
    }

.section_video_btn {
      width: 24px;
      height: 24px;
    }

.section_message {
    margin-top: 36px;
    margin-top: var(--sp-v-xxl);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.section_messageLogo {
      width: 93px;
      margin: auto;
    }

.section_messageImage {
      width: 100%;
      height: auto;
    }

.section_messageText {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
      font-size: 14px;
      line-height: 25px;
    }

.section_body {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.section_dev {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
  }

.section_devComment {
      font-size: 14px;
      line-height: 25px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }

.section_devComment_checkBox {
        display: none;
      }

.section_devComment_checkBox:checked + .section_devComment + .js-section_devComment_seemore {
          display: none;
        }

.section_devComment_seemore {
        display: block;
        text-decoration: underline;
        margin-top: 6px;
        margin-top: var(--sp-v-xs);
        cursor: pointer;
        font-weight: 700;
      }

.section_devComment_seemore.isHide {
          display: none;
        }

.section_devName {
      padding-top: 15px;
      padding-top: var(--sp-v-m);
      font-size: 14px;
      line-height: 21px;
    }

.section_note {
    margin-top: 9px;
    margin-top: var(--sp-v-s);
    font-size: 13px;
    line-height: 19px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.section_bff {
    padding-top: 30px;
    margin-top: 6px;
  }

.section_products {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
  }

.section_product + .section_product {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

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

.section_product_imgWrapper {
      width: 50%;
      position: relative;
    }

.section_product_content {
      width: calc(50% - 4vw);
      width: calc(50% - var(--sp-h-1g));
    }

.section_product_gender {
      font-size: 13px;
      line-height: 19px;
      color: #7d7d7d;
      color: var(--color-gray500);
    }

.section_product_name {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      font-size: 14px;
      line-height: 21px;
    }

.section_product_note {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      font-size: 13px;
      line-height: 19px;
      color: #7d7d7d;
      color: var(--color-gray500);
    }

.section_product_price {
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
      font-size: 16px;
      line-height: 24px;
    }

.section .swiper-button-prev,
  .section .swiper-button-next {
    top: 50%;
  }

.about {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
  text-align: center;
}

.about_logo {
    width: 250px;
    margin: auto;
  }

.about_logoImg {
      height: auto;
      width: 100%;
    }

.about_body {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.about_description {
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    font-size: 14px;
    line-height: 25px;
  }

.about_button {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
  }

.about_annotation {
    margin: 9px auto 0;
    margin: var(--sp-v-s) auto 0;
    font-size: 11px;
    color: #7d7d7d;
    color: var(--color-gray500);
    white-space: pre-wrap;
    line-height: 1.5;
    text-align: left;
  }

.related {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.related_heading {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
  }

.related_list {
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.related_seasonLabel {
    color: #fff;
    color: var(--color-white);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    padding-right: 6px;
    padding-right: var(--sp-v-xs);
    padding-left: 6px;
    padding-left: var(--sp-v-xs);
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    line-height: 19px;
  }

.related_seasonLabel.-ss {
      background-color: #479EEE;
    }

.related_seasonLabel.-fw {
      background-color: #F6983C;
    }

.related_seasonLabel.-noSeason {
      background-color: #ABABAB;
    }

.related_seasonLabel.-noData {
      min-height: 22px;
      padding: 0;
      margin: 10px 0 0 0;
    }

.related_item {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    width: calc(120px + 4vw);
    width: calc(120px + var(--sp-h-1g));
  }

.related_item:last-child {
      padding-right: 4vw;
      padding-right: var(--sp-h-1g);
      width: calc(120px + (4vw * 2));
      width: calc(120px + (var(--sp-h-1g) * 2));
    }

.related_itemLink {
      display: block;
    }

.-new .related_itemLink {
        position: relative;
      }

.-new .related_itemLink::before {
          position: absolute;
          top: 0;
          left: 0;
          content: "";
          width: 36px;
          height: 36px;
          background-image: url(/jp/ja/contents/feature/update/common/img/icon-new.svg);
          background-size: cover;
          z-index: 2;
        }

.related_itemHead {
      position: relative;
    }

.related_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 16px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.related_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.related_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.related_date {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 16px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.related .swiper-button-prev,
  .related .swiper-button-next {
    top: calc(50%);
    transform: translateY(-50%);
  }

.latest {
  margin-top: 60px;
  margin-top: var(--sp-v-xxxl);
}

.latest_wrapper {
    margin-bottom: 36px;
    margin-bottom: var(--sp-v-xxl);
  }

.latest_heading {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
  }

.latest_list {
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.latest_seasonLabel {
    color: #fff;
    color: var(--color-white);
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    padding-right: 6px;
    padding-right: var(--sp-v-xs);
    padding-left: 6px;
    padding-left: var(--sp-v-xs);
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    line-height: 19px;
  }

.latest_seasonLabel.-ss {
      background-color: #479EEE;
    }

.latest_seasonLabel.-fw {
      background-color: #F6983C;
    }

.latest_seasonLabel.-noSeason {
      background-color: #ABABAB;
    }

.latest_seasonLabel.-noData {
      min-height: 22px;
      padding: 0;
      margin: 10px 0 0 0;
    }

.latest_item {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    width: calc(120px + 4vw);
    width: calc(120px + var(--sp-h-1g));
  }

.latest_item:last-child {
      padding-right: 4vw;
      padding-right: var(--sp-h-1g);
      width: calc(120px + (4vw * 2));
      width: calc(120px + (var(--sp-h-1g) * 2));
    }

.latest_itemLink {
      display: block;
    }

.-new .latest_itemLink {
        position: relative;
      }

.-new .latest_itemLink::before {
          position: absolute;
          top: 0;
          left: 0;
          content: "";
          width: 36px;
          height: 36px;
          background-image: url(/jp/ja/contents/feature/update/common/img/icon-new.svg);
          background-size: cover;
          z-index: 2;
        }

.latest_itemHead {
      position: relative;
    }

.latest_category {
    margin-top: 15px;
    margin-top: var(--sp-v-m);
    font-size: 11px;
    line-height: 16px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.latest_title {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.latest_description {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 13px;
    line-height: 19px;
  }

.latest_date {
    margin-top: 6px;
    margin-top: var(--sp-v-xs);
    font-size: 11px;
    line-height: 16px;
    color: #7d7d7d;
    color: var(--color-gray500);
  }

.latest_btn {
    margin-left: 4vw;
    margin-right: 4vw;
  }

.latest .swiper-button-prev,
  .latest .swiper-button-next {
    top: calc(50%);
    transform: translateY(-50%);
  }

.updateRoot[data-page-type="about"] .latest_heading, .updateRoot[data-page-type="category"] .latest_heading {
      font-size: 18px;
      line-height: 27px;
      text-align: center;
    }

.section_sampling {
  padding-top: 60px;
  padding-top: var(--sp-v-xxxl);
  margin: 0 4vw;
  margin: 0 var(--sp-h-1g);
}

.section_sampling_title {
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);
  }

.section_sampling_title_main {
      font-family: "UniqloPro Regular";
      color: #ff0000;
      font-size: 21px;
      line-height: 22px;
      text-align: center;
      letter-spacing: 2px;
    }

.section_sampling_title_sub {
      font-size: 13px;
      line-height: 20px;
      text-align: center;
      font-weight: 600;
    }

.section_sampling_body {
    display: block;
  }

.section_sampling_bodyWraper {
    display: flex;
    cursor: pointer;
  }

.section_sampling_bodyWraper + .section_sampling_bodyWraper {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
    }

.section_sampling_bodyWraper:hover .section_sampling_link {
      text-decoration: none;
    }

.section_sampling_imgWraper {
    width: calc(50% - 11px);
    margin-right: 11px;
  }

.section_sampling_textWraper {
    width: 50%;
  }

.section_sampling_textWraper .section_sampling_subTitle {
      font-size: 14px;
      line-height: 19px;
      font-weight: 600;
      margin-bottom: 9px;
      margin-bottom: var(--sp-v-s);
    }

.section_sampling_textWraper .section_sampling_description {
      font-size: 13px;
      line-height: 19px;
      margin-bottom: 9px;
      margin-bottom: var(--sp-v-s);
    }

.section_sampling_textWraper .section_sampling_link {
      text-align: right;
      text-decoration: underline;
    }

.section_sampling_textWraper .section_sampling_link .link_text {
        font-weight: 600;
      }

@keyframes update-circle {
  0% {
    -webkit-transform: scale(0.4) rotate(-60deg);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(1.1) rotate(10deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
  }
}

@keyframes update-ani-text {
  0% {
    -webkit-transform: scale(0.4) rotate(20deg);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(1.1) rotate(0deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
  }
}

.js-animationLogo {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
  min-height: 11em;
  transform: translateZ(0);
  z-index: 3;
  background-color: #fff;
  transition: transform .6s;
}

.fr-animation-balloon {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center;
  min-height: 11em;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  z-index: 3;
  background: url('/jp/ja/contents/feature/update/common/img/logo-balloon.svg') 50% /148px 148px no-repeat;
  transition: transform .6s;
  opacity: 0;
}

.js-animation-balloon {
  animation: update-circle 2.1s ease;
  animation-fill-mode: forwards;
  opacity: 1;
}

.fr-animation-logo {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  min-height: 11em;
  transform: translateZ(0);
  z-index: 3;
  background: url('/jp/ja/contents/feature/update/common/img/logo-en.svg') 50% /74px 74px no-repeat;
  transition: transform .6s;
  opacity: 0;
}

.js-animation-logo {
  animation: update-ani-text 2.1s ease;
  animation-fill-mode: forwards;
  opacity: 1;
}

.noProductBox {
  padding-top: 52px;
  padding-top: var(--pc-v-xxl);
  margin-top: 0;
}

.noProductBox_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    min-height: 64px;
    min-height: var(--pc-v-xxxl);
  }

.noProductBox_text {
    color: #7d7d7d;
  }

@keyframes modalShow {
  from {
      opacity: 1;
      visibility: visible;
  }
  to {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
      height: calc((1vh * 100) - 15px);
      height: calc((var(--vh, 1vh) * 100) - 15px);
  }
}

@keyframes modalBtnShow {
  from {
      transform: translateY(100%);
      opacity: 1;
      visibility: visible;
  }
  to {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
  }
}

@keyframes modalClose {
  from {
    height: calc((1vh * 100) - 15px);
    height: calc((var(--vh, 1vh) * 100) - 15px);
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

.fixedModal[data-fixedModal-is-active="true"] .fixedModal_Overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(27, 27, 27, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 508;
  }

.fixedModal_wrapper {
    position: fixed;
    width: calc(100% - 30px);
    z-index: 509;
    bottom: 0;
    left: 15px
  }

.fixedModal_Btn_wrapper {
    width: 100%;
    margin: 0 auto 21px auto;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 40px 40px;
    text-align: center;
    padding: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: none;
  }

.fixedModal_Btn_wrapper ::-webkit-scrollbar {
    display: none;
  }

.fixedModal_Btn_wrapper.is-active {
    display: inline-block;
    animation: modalBtnShow 0.3s linear 0s;
  }

.fixedModal_Btn.Modal_Close {
    width: 100%;
    margin: 0 auto;
    height: 55px;
    text-align: center;
    padding: 18px;
  }

.fixedModal_btnSvg {
    position: absolute;
  }

.fixedModal_btnSvg.upper{
    right: 0;
    top: 20px;
  }

.fixedModal_btnSvg.lower{
    right: 0;
    top: 26px;
  }

.fixedModal_btnText {
    font-weight: 600;
    font-size: 14px;
    color: #1b1b1b;
    color: var(--color-black900);
  }

.fixedModal_content {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 15px 15px 0 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
  }

.fixedModal_content.fadeUp {
    animation: modalShow 0.5s forwards;
  }

.fixedModal_content.fadeDown {
    animation: modalClose 0.5s forwards;
  }

.fixedModal_content_inner {
    overflow-y: scroll;
    height: calc((1vh * 100) - 70px);
    height: calc((var(--vh, 1vh) * 100) - 70px);
    padding-bottom: 21px;
    padding-bottom: var(--sp-v-l);
  }

.fixedModal_content_inner.inactive-tab {
      display: none;
    }

.fixedModal_content_inner[data-tab-content="productlist"],.fixedModal_content_inner[data-tab-content="stylingBff"] {
      height: calc((1vh * 100) - 107px);
      height: calc((var(--vh, 1vh) * 100) - 107px);
    }

.fixedModal_content_inner[data-tab-content="stylingBff"] {
      padding-bottom: 0;
      padding-top: 15px;
    }

.fixedModal_bff-products {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-top: 0;
  }

.fixedModal_bff-products:nth-of-type(1) {
    margin-top: 0;
    padding-top: 15px;
  }

.fixedModal_bffText {
    text-align: center;
  }

.fixedModal_tab {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    min-height: 36px;
  }

.fixedModal_tab_item {
      text-align: center;
      padding-bottom: 14px;
      width: 50%;
      color: #ABABAB;
      border-bottom: 1px solid;
      display: block;
      font-size: 12px;
      font-weight: 600;
    }

.fixedModal_tab_item.tabActive {
        color: black;
        border-bottom: 4px solid;
        padding-bottom: 4vw;
        padding-bottom: var(--sp-h-1g);
      }

.section_anchorHead {
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.section_anchorHeading {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

.section_anchorList {
    border: 1px solid #dadada;
    border: 1px solid var(--color-gray150);
    border-width: 0 0 1px;
    display: flex;
    margin-left: -1px;
  }

.section_anchorItem {
    background-color: #fff;
    background-color: var(--color-white);
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150);
    border-left: 1px solid #dadada;
    border-left: 1px solid var(--color-gray150);
    cursor: pointer;
    font-size: 12px;
    width: 50%;
  }

[data-item-index="1"] .section_anchorItem {
      width: 100%;
    }

.section_anchorItem.-new {
      position: relative;
    }

.section_anchorItem.-new::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 36px;
        height: 36px;
        background-image: url(/jp/ja/contents/feature/update/common/img/icon-new.svg);
        background-size: cover;
        z-index: 1;
      }

[data-is-odd="true"] .section_anchorItem:last-child {
      width: 100%;
    }

.section_anchorItemInner {
      display: flex;
      height: 100%;
    }

.section_anchorItemText {
      align-items: center;
      display: flex;
      flex: 1;
      justify-content: center;
      line-height: 18px;
      min-height: 71px;
      padding: 15px 8px;
      padding: var(--sp-v-m) 8px;
      text-align: center;
      position: relative;
    }

.section_review {
  margin-top: calc(36px - 21px);
  margin-top: calc(var(--sp-v-xxl) - var(--sp-v-l));
  padding-top: 21px;
  padding-top: var(--sp-v-l);
}

.section_reviewTitle {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }

.section_reviewTitle br {
      display: none;
    }

.section_reviewList {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
  }

.section_reviewListContainer {
      display: flex;
      align-items: center;
      justify-content: center;
    }

.section_reviewItem {
    font-size: 13px;
    line-height: 20px;
    padding-top: 10px;
  }

.section_reviewItemContainer {
      margin: 0 4vw;
      margin: 0 var(--sp-h-1g);
      padding-left: calc(22.5px + 4vw);
      padding-left: calc(22.5px + var(--sp-h-1g));
      padding-right: calc(22.5px + 4vw);
      padding-right: calc(22.5px + var(--sp-h-1g));
    }

.section_reviewHead {
    padding-top: 9px;
    padding-top: var(--sp-v-s);
    position: relative;
  }

.section_reviewHead::before,
    .section_reviewHead::after {
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAApCAMAAACWVVC+AAAAM1BMVEUAAAAbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxtJJ/PRAAAAEHRSTlMAQMAQYPDQIOCAUDCgkLBwfL/9cgAAAM1JREFUOMvt0VsWhSAIBdBEzfeN+Y/2tlbZSdAZxF+HnWFsooJLYZuXSW54tsfOzGZKq2emt60nnescz3zQh+eFDsQ8avtjXujsWWi780o7dAgYWmChgaGBlW680sErbd5JHZZDjIrXciISCquh/aGiCijO8eWOcMWfwBnndFzwvhUaG0s9aiJC2ck5GCSoQfR9nmjfRKWnlXuEn93g5M+2WruljhhOb1zdiDDcWrPWDrekq4rapL87DXPrb5Ds0Kc//elHWyPLdl1kp/wBPLJAIkF4HgkAAAAASUVORK5CYII=') center center /cover no-repeat;
      content: "";
      display: block;
      width: 22.5px;
      height: 20.5px;
      position: absolute;
    }

.section_reviewHead::before {
      top: -10px;
      left: calc(-1 * (22.5px + 9px));
      left: calc(-1 * (22.5px + var(--sp-v-s)));
    }

.section_reviewHead::after {
      right: calc(-1 * (22.5px + 9px));
      right: calc(-1 * (22.5px + var(--sp-v-s)));
      bottom: 0;
      transform: rotate(180deg);
    }

.section_reviewHeading {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }

.section_reviewComment {
    font-size: 13px;
    line-height: 20px;
  }

.section_reviewStars {
    padding-top: 9px;
    padding-top: var(--sp-v-s);
    display: flex;
    justify-content: center;
    align-items: center;
  }

.section_reviewStar {
    background: url(/jp/ja/contents/feature/common/icons/review_star.svg) 0 center /5em 1em no-repeat;
    display: inline-block;
    height: 1em;
    vertical-align: sub;
    width: 1em;
  }

.section_reviewStar + .section_reviewStar {
    margin-left: 3px;
  }

.section_reviewStar.-half {
    background-position: -2em center;
  }

.section_reviewStar.-active {
    background-position: -4em center;
  }

.section_reviewStarImplicit {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    height: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 0;
  }

.section_reviewAttribute {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding-top: 9px;
    padding-top: var(--sp-v-s);
    padding-bottom: 9px;
    padding-bottom: var(--sp-v-s);
  }

.section_reviewAttributeSize {
    color: #7d7d7d;
    color: var(--color-gray500);
    font-weight: 400;
  }

.section_styling {
  margin-top: calc(36px - 21px);
  margin-top: calc(var(--sp-v-xxl) - var(--sp-v-l));
  padding-top: 21px;
  padding-top: var(--sp-v-l);
}

.section_stylingTitle {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }

.section_stylingList {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.section_stylingList .swiper-wrapper.-mobile-center {
      justify-content: center;
    }

.section_stylingItem {
    padding-left: 1px;
  }

.section_stylingItemLink {
      display: block;
    }

.section_stylingItemNote {
      margin-top: 9px;
      margin-top: var(--sp-v-s);
      margin-left: 3px;
      margin-right: 3px;
      font-size: 12px;
      line-height: 18px;
      color: #7d7d7d;
      color: var(--color-gray500);
      text-align: center;
    }

.section_stylingButton {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.section_styling .styleHintStyling_container {
      padding-left: 4vw;
      padding-left: var(--sp-h-1g);
    }

.section_updatePoint {
  padding-top: 21px;
  padding-top: var(--sp-v-l);
  margin: 0 4vw;
  margin: 0 var(--sp-h-1g);
  margin-top: calc(36px - 21px);
  margin-top: calc(var(--sp-v-xxl) - var(--sp-v-l));
}

.section_updatePoint_title {
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);
  }

.section_updatePoint_title_main {
      font-family: "UniqloPro Regular";
      color: #ff0000;
      font-size: 21px;
      line-height: 22px;
      text-align: center;
      letter-spacing: 2px;
    }

.section_updatePoint_title_sub {
      font-size: 13px;
      line-height: 20px;
      text-align: center;
      font-weight: 600;
    }

.section_updatePoint_body + .section_updatePoint_body {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

.section_updatePoint_subTitle {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 9px;
    margin-bottom: var(--sp-v-s);
  }

.section_updatePoint_bodyWraper {
    display: block;
  }

.section_updatePoint_bodyWraper.imagePlusText {
      display: flex;
    }

.section_updatePoint_bodyWraper.imagePlusText .section_updatePoint_description {
        font-size: 14px;
        line-height: 21px;
        margin-left: 15px;
        margin-left: var(--sp-v-m);
      }

.section_updatePoint_imgWraper {
    position: relative;
  }

.section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="172:172"] {
      width: 172px;
    }

.section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="1:1"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="4:3"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="16:9"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="3:4"] {
      width: 100%;
    }

.section_updatePoint_imgWraper[data-modal-type="video"],
    .section_updatePoint_imgWraper[data-modal-type="youtube"] {
      cursor: pointer;
    }

.section_updatePoint_imgWraper[data-aspect-ratio="1:1"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="4:3"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="16:9"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="3:4"] + .section_updatePoint_description {
        margin-top: 9px;
        margin-top: var(--sp-v-s);
      }

.section_updatePoint_video {
    width: 100%;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
  }

.section_updatePoint_video_play_icon {
      width: 106px;
      height: 106px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: url(/jp/ja/contents/feature/update/common/img/play.svg) 0/cover no-repeat;
      z-index: 1;
    }

.section_updatePoint_img {
    width: 172px;
  }

.section_updatePoint_play {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/jp/ja/contents/feature/update/common/img/play.svg) 0/cover no-repeat;
  }

.section_updatePoint_description {
    font-size: 14px;
    line-height: 21px;
  }

.section_relatedContents {
  padding-top: 36px;
  padding-top: var(--sp-v-xxl);
  margin: 0 4vw;
  margin: 0 var(--sp-h-1g);
}

.section_relatedContents_title {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 21px;
    margin-bottom: var(--sp-v-l);
  }

.section_relatedContents_body {
    background-color: #fff;
    background-color: var(--color-white);
    margin-top: 4vw;
    margin-top: var(--sp-h-1g);
  }

.section_relatedContents_body + .section_relatedContents_body {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

.section_relatedContents_text {
    margin-left: 15px;
    margin-left: var(--sp-v-m);
    width: calc(50% - 4vw);
    width: calc(50% - var(--sp-h-1g));
  }

.section_relatedContents_subTitle {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 9px;
    margin-bottom: var(--sp-v-s);
  }

.section_relatedContents_bodyWraper {
    display: flex;
  }

.section_relatedContents_bodyWraper + .section_relatedContents_bodyWraper {
      margin-top: 21px;
      margin-top: var(--sp-v-l);
    }

.section_relatedContents_bodyWraper .section_relatedContents_description {
      font-size: 14px;
      line-height: 21px;
    }

.section_relatedContents_imgWraper {
    position: relative;
    width: 50%;
  }

.section_relatedContents_imgWraper .u-imgAdjustBox {
      position: relative;
      width: 100%;
      height: auto;
    }

.section_relatedContents_imgWraper .u-imgAdjustBox::before {
        content: "";
        display: block;
        padding-top: 100%;
      }

.section_relatedContents_img {
    width: 172px;
  }

.section_relatedContents_description {
    font-size: 14px;
    line-height: 21px;
  }

.section_recommended {
  margin-top: calc(36px - 21px);
  margin-top: calc(var(--sp-v-xxl) - var(--sp-v-l));
  padding-top: 21px;
  padding-top: var(--sp-v-l);
}

.section_recommendedTitle {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }

.section_recommendedList {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.section_limitedOffer {
  margin-top: calc(60px);
  margin-top: calc(var(--sp-v-xxxl));
}

.section_limitedOffer_bff .fr-bff-product_reviewStars {
      display: none;
    }

.section_limitedOffer_head {
    margin-left: 4vw;
    margin-left: var(--sp-h-1g);
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
  }

.section_limitedOffer_heading {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

.section_limitedOfferList {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-left: 4vw;
    padding-left: var(--sp-h-1g);
    padding-right: 4vw;
    padding-right: var(--sp-h-1g);
  }

.section_limitedOfferList.swiper-container {
      padding-bottom: 0;
    }

.section_limitedOffer_progress {
    padding-bottom: 8px;
  }

.section_limitedOffer_progress_wrapper {
      display: flex;
      margin-top: 6px;
      margin-top: var(--sp-v-xs);
    }

.section_limitedOffer_progress_icon:before {
        content: "";
        background: url(/jp/ja/contents/feature/update/common/img/logo-progress-bar.svg) 0/cover no-repeat;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 0;
        transform: translateY(-40%);
      }

.section_limitedOffer_progress_bar {
      margin-left: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #F4F4F4;
      border-radius: 15px;
      height: 5px;
      width: calc(100% - 17px);
    }

.section_limitedOffer_progress_bar::-webkit-progress-bar {
        background-color: #F4F4F4;
        border-radius: 15px;
        height: 4px;
      }

.section_limitedOffer_progress_bar::-moz-progress-bar {
        background-color: #ABABAB;
        border-radius: 15px;
        height: 4px;
      }

.section_limitedOffer_progress_bar::-webkit-progress-value {
        background-color: rgba(106, 106, 106, 1);
        border-radius: 15px;
        height: 4px;
      }

.section_limitedOffer_progress_text {
      font-size: 11px;
    }

.section_limitedOffer_progress_time {
      color: #f00;
      color: var(--color-red);
      font-weight: 700;
      font-size: 16px;
    }

.styleHintStyling .styleHintStyling_container {
    margin-top: 21px;
    margin-top: var(--sp-v-l);
    padding-bottom: 0;
  }

.styleHintStyling [data-column="2"],
  .styleHintStyling [data-column="3"],
  .styleHintStyling [data-column="4"] {
    margin-right: 15px;
    margin-left: 15px;
  }

.styleHintStyling [data-column="3"],
  .styleHintStyling [data-column="4"] {
    margin-bottom: 21px;
  }

.styleHintStyling [data-column="2"] .swiper-wrapper,
  .styleHintStyling [data-column="3"] .swiper-wrapper,
  .styleHintStyling [data-column="4"] .swiper-wrapper {
    flex-wrap: wrap;
  }

.styleHintStyling_container.-center .swiper-wrapper {
    justify-content: center;
  }

.styleHintStyling .swiper-slide {
    max-height: 100%;
  }

.styleHintStyling [data-column="2"] .swiper-slide {
    width: calc(50% - 1px);
  }

.styleHintStyling [data-column="3"] .swiper-slide {
    width: calc(100% / 3 - 1px);
  }

.styleHintStyling [data-column="4"] .swiper-slide {
    width: calc(100% / 4 - 1px);
  }

.styleHintStyling [data-column="2"] .swiper-slide,
  .styleHintStyling [data-column="3"] .swiper-slide,
  .styleHintStyling [data-column="4"] .swiper-slide {
    margin-right: 1px;
    height: auto;
  }

.styleHintStyling [data-column="3"] .swiper-slide,
  .styleHintStyling [data-column="4"] .swiper-slide {
    margin-bottom: 1px;
  }

.styleHintStyling_loading {
    overflow: hidden;
    position: relative;
  }

.styleHintStyling_loading::after {
      content: '...';
      position: absolute;
      width: 100%;
      height: 100%;
      color: red;
      top: 0;
      left: 0;
      z-index: 10;
      display: block;
      background-color: #fbfbfb;
      text-align: center;
      font-size: 33px;
      animation: loader 1s linear 1s infinite alternate;
    }

.styleHintStyling_heading {
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
    margin-left: 15px;
    line-height: 1.5;
  }

.styleHintStyling_body {
    font-size: 13px;
    font-weight: 300;
    margin: 6px 15px 0;
    line-height: 1.5;
  }

.styleHintStyling_anchor {
    background-size: cover;
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }

.styleHintStyling_cover {
    padding-top: 133.33%;
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
  }

.styleHintStyling_cover_img {
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

.styleHintStyling_userInfo {
    align-items: center;
    display: flex;
    padding: 7px 8px 21px;
    background-color: white;
  }

.styleHintStyling [data-column="3"] .styleHintStyling_userInfo,
  .styleHintStyling [data-column="4"] .styleHintStyling_userInfo {
    display: none;
  }

.styleHintStyling_userInfoImg {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
  }

.styleHintStyling_userInfoRight {
    margin-left: 8px;
    width: calc(100% - 2.5rem);
  }

.styleHintStyling_userInfoRightInner {
    align-items: center;
    display: flex;
    width: 100%;
  }

.styleHintStyling_userInfoName {
    color: #000;
    font-size: 11px;
    line-height: 1.5;
    max-width: calc(100% - 3rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.styleHintStyling_userInfoHeight {
    color: #6a6a6a;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
    margin-left: 4px;
  }

.styleHintStyling_userInfoSize {
    color: #6a6a6a;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
  }

.styleHintStyling_button {
    background-color: #fff;
    border: 1px solid #1b1b1b;
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 15px 0;
    padding: 14px 15px;
    text-align: center;
  }

.styleHintStyling.-section .styleHintStyling_container {
      padding-left: 4vw;
      padding-left: var(--sp-h-1g);
    }

.styleHintStyling.-fixedModal {
    padding-left: 0;
    padding-right: 0;
  }

.styleHintStyling.-fixedModal .styleHintStyling_container {
      margin-top: 0;
    }

.styleHintStyling.-fixedModal .styleHintStyling_userInfo {
      padding: 7px 8px 15px;
    }

.styleHintStylingPagination,
.styleHintStylingButtonPrev,
.styleHintStylingButtonNext {
  display: none;
}

@keyframes loader {
  from { opacity: 0.5; }
  to { opacity: 1; }
}

@media screen and (min-width: 813px) {
      .u-only-sp {
        display: none;
      }
      .u-only-pc {
        display: block;
      }
    [data-pc-aspect-ratio="1:1"]::before {
      padding-top: 100%;
    }
    [data-pc-aspect-ratio="2:1"]::before {
      padding-top: 50%;
    }
    [data-pc-aspect-ratio="3:1"]::before {
      padding-top: 33.3333%;
    }
    [data-pc-aspect-ratio="3:4"]::before {
      padding-top: 133.3333%;
    }
    [data-pc-aspect-ratio="4:3"]::before {
      padding-top: 75%;
    }
    [data-pc-aspect-ratio="16:9"]::before {
      padding-top: 56.25%;
    }
    [data-pc-aspect-ratio="172:172"]::before {
      padding-top: 100%;
    }

body {
    font-size: 14px;
    letter-spacing: 0
}

main {
    padding-top: 73px;
    display: block
}

.backToTop {
    right: 56px;
    bottom: 56px;
    width: 40px;
    height: 40px
}

.swiper-pagination-bullets {
      margin-top: 0;
      bottom: -5px !important;
      left: 0 !important;
      width: 100% !important;
      z-index: 1 !important;
      line-height: 1.5 !important
  }
    .swiper-container {
      padding-bottom: 28px;
    }
      .fr-sp-pt-xxs {
        padding-top: 0;
      }

      .fr-sp-pb-xxs {
        padding-bottom: 0;
      }

      .fr-sp-py-xxs {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-xxs {
        margin-top: 0;
      }

      .fr-sp-mb-xxs {
        margin-bottom: 0;
      }

      .fr-sp-my-xxs {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-xs {
        padding-top: 0;
      }

      .fr-sp-pb-xs {
        padding-bottom: 0;
      }

      .fr-sp-py-xs {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-xs {
        margin-top: 0;
      }

      .fr-sp-mb-xs {
        margin-bottom: 0;
      }

      .fr-sp-my-xs {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-s {
        padding-top: 0;
      }

      .fr-sp-pb-s {
        padding-bottom: 0;
      }

      .fr-sp-py-s {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-s {
        margin-top: 0;
      }

      .fr-sp-mb-s {
        margin-bottom: 0;
      }

      .fr-sp-my-s {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-m {
        padding-top: 0;
      }

      .fr-sp-pb-m {
        padding-bottom: 0;
      }

      .fr-sp-py-m {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-m {
        margin-top: 0;
      }

      .fr-sp-mb-m {
        margin-bottom: 0;
      }

      .fr-sp-my-m {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-l {
        padding-top: 0;
      }

      .fr-sp-pb-l {
        padding-bottom: 0;
      }

      .fr-sp-py-l {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-l {
        margin-top: 0;
      }

      .fr-sp-mb-l {
        margin-bottom: 0;
      }

      .fr-sp-my-l {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-xl {
        padding-top: 0;
      }

      .fr-sp-pb-xl {
        padding-bottom: 0;
      }

      .fr-sp-py-xl {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-xl {
        margin-top: 0;
      }

      .fr-sp-mb-xl {
        margin-bottom: 0;
      }

      .fr-sp-my-xl {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-xxl {
        padding-top: 0;
      }

      .fr-sp-pb-xxl {
        padding-bottom: 0;
      }

      .fr-sp-py-xxl {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-xxl {
        margin-top: 0;
      }

      .fr-sp-mb-xxl {
        margin-bottom: 0;
      }

      .fr-sp-my-xxl {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pt-xxxl {
        padding-top: 0;
      }

      .fr-sp-pb-xxxl {
        padding-bottom: 0;
      }

      .fr-sp-py-xxxl {
        padding-top: 0;
        padding-bottom: 0;
      }

      .fr-sp-mt-xxxl {
        margin-top: 0;
      }

      .fr-sp-mb-xxxl {
        margin-bottom: 0;
      }

      .fr-sp-my-xxxl {
        margin-top: 0;
        margin-bottom: 0;
      }
      .fr-sp-pr-xxs {
        padding-right: 0;
      }

      .fr-sp-pl-xxs {
        padding-left: 0;
      }

      .fr-sp-px-xxs {
        padding-right: 0;
        padding-left: 0;
      }

      .fr-sp-mr-xxs {
        margin-right: 0;
      }

      .fr-sp-ml-xxs {
        margin-left: 0;
      }

      .fr-sp-mx-xxs {
        margin-right: 0;
        margin-left: 0;
      }
      .fr-sp-pr-05g {
        padding-right: 0;
      }

      .fr-sp-pl-05g {
        padding-left: 0;
      }

      .fr-sp-px-05g {
        padding-right: 0;
        padding-left: 0;
      }

      .fr-sp-mr-05g {
        margin-right: 0;
      }

      .fr-sp-ml-05g {
        margin-left: 0;
      }

      .fr-sp-mx-05g {
        margin-right: 0;
        margin-left: 0;
      }
      .fr-sp-pr-1g {
        padding-right: 0;
      }

      .fr-sp-pl-1g {
        padding-left: 0;
      }

      .fr-sp-px-1g {
        padding-right: 0;
        padding-left: 0;
      }

      .fr-sp-mr-1g {
        margin-right: 0;
      }

      .fr-sp-ml-1g {
        margin-left: 0;
      }

      .fr-sp-mx-1g {
        margin-right: 0;
        margin-left: 0;
      }
      .fr-sp-pr-2g {
        padding-right: 0;
      }

      .fr-sp-pl-2g {
        padding-left: 0;
      }

      .fr-sp-px-2g {
        padding-right: 0;
        padding-left: 0;
      }

      .fr-sp-mr-2g {
        margin-right: 0;
      }

      .fr-sp-ml-2g {
        margin-left: 0;
      }

      .fr-sp-mx-2g {
        margin-right: 0;
        margin-left: 0;
      }
      .fr-pc-pt-xxs {
        padding-top: 4px;
        padding-top: var(--pc-v-xxs);
      }

      .fr-pc-pb-xxs {
        padding-bottom: 4px;
        padding-bottom: var(--pc-v-xxs);
      }

      .fr-pc-py-xxs {
        padding-top: 4px;
        padding-top: var(--pc-v-xxs);
        padding-bottom: 4px;
        padding-bottom: var(--pc-v-xxs);
      }

      .fr-pc-mt-xxs {
        margin-top: 4px;
        margin-top: var(--pc-v-xxs);
      }

      .fr-pc-mb-xxs {
        margin-bottom: 4px;
        margin-bottom: var(--pc-v-xxs);
      }

      .fr-pc-my-xxs {
        margin-top: 4px;
        margin-top: var(--pc-v-xxs);
        margin-bottom: 4px;
        margin-bottom: var(--pc-v-xxs);
      }
      .fr-pc-pt-xs {
        padding-top: 8px;
        padding-top: var(--pc-v-xs);
      }

      .fr-pc-pb-xs {
        padding-bottom: 8px;
        padding-bottom: var(--pc-v-xs);
      }

      .fr-pc-py-xs {
        padding-top: 8px;
        padding-top: var(--pc-v-xs);
        padding-bottom: 8px;
        padding-bottom: var(--pc-v-xs);
      }

      .fr-pc-mt-xs {
        margin-top: 8px;
        margin-top: var(--pc-v-xs);
      }

      .fr-pc-mb-xs {
        margin-bottom: 8px;
        margin-bottom: var(--pc-v-xs);
      }

      .fr-pc-my-xs {
        margin-top: 8px;
        margin-top: var(--pc-v-xs);
        margin-bottom: 8px;
        margin-bottom: var(--pc-v-xs);
      }
      .fr-pc-pt-s {
        padding-top: 12px;
        padding-top: var(--pc-v-s);
      }

      .fr-pc-pb-s {
        padding-bottom: 12px;
        padding-bottom: var(--pc-v-s);
      }

      .fr-pc-py-s {
        padding-top: 12px;
        padding-top: var(--pc-v-s);
        padding-bottom: 12px;
        padding-bottom: var(--pc-v-s);
      }

      .fr-pc-mt-s {
        margin-top: 12px;
        margin-top: var(--pc-v-s);
      }

      .fr-pc-mb-s {
        margin-bottom: 12px;
        margin-bottom: var(--pc-v-s);
      }

      .fr-pc-my-s {
        margin-top: 12px;
        margin-top: var(--pc-v-s);
        margin-bottom: 12px;
        margin-bottom: var(--pc-v-s);
      }
      .fr-pc-pt-m {
        padding-top: 20px;
        padding-top: var(--pc-v-m);
      }

      .fr-pc-pb-m {
        padding-bottom: 20px;
        padding-bottom: var(--pc-v-m);
      }

      .fr-pc-py-m {
        padding-top: 20px;
        padding-top: var(--pc-v-m);
        padding-bottom: 20px;
        padding-bottom: var(--pc-v-m);
      }

      .fr-pc-mt-m {
        margin-top: 20px;
        margin-top: var(--pc-v-m);
      }

      .fr-pc-mb-m {
        margin-bottom: 20px;
        margin-bottom: var(--pc-v-m);
      }

      .fr-pc-my-m {
        margin-top: 20px;
        margin-top: var(--pc-v-m);
        margin-bottom: 20px;
        margin-bottom: var(--pc-v-m);
      }
      .fr-pc-pt-l {
        padding-top: 28px;
        padding-top: var(--pc-v-l);
      }

      .fr-pc-pb-l {
        padding-bottom: 28px;
        padding-bottom: var(--pc-v-l);
      }

      .fr-pc-py-l {
        padding-top: 28px;
        padding-top: var(--pc-v-l);
        padding-bottom: 28px;
        padding-bottom: var(--pc-v-l);
      }

      .fr-pc-mt-l {
        margin-top: 28px;
        margin-top: var(--pc-v-l);
      }

      .fr-pc-mb-l {
        margin-bottom: 28px;
        margin-bottom: var(--pc-v-l);
      }

      .fr-pc-my-l {
        margin-top: 28px;
        margin-top: var(--pc-v-l);
        margin-bottom: 28px;
        margin-bottom: var(--pc-v-l);
      }
      .fr-pc-pt-xl {
        padding-top: 40px;
        padding-top: var(--pc-v-xl);
      }

      .fr-pc-pb-xl {
        padding-bottom: 40px;
        padding-bottom: var(--pc-v-xl);
      }

      .fr-pc-py-xl {
        padding-top: 40px;
        padding-top: var(--pc-v-xl);
        padding-bottom: 40px;
        padding-bottom: var(--pc-v-xl);
      }

      .fr-pc-mt-xl {
        margin-top: 40px;
        margin-top: var(--pc-v-xl);
      }

      .fr-pc-mb-xl {
        margin-bottom: 40px;
        margin-bottom: var(--pc-v-xl);
      }

      .fr-pc-my-xl {
        margin-top: 40px;
        margin-top: var(--pc-v-xl);
        margin-bottom: 40px;
        margin-bottom: var(--pc-v-xl);
      }
      .fr-pc-pt-xxl {
        padding-top: 52px;
        padding-top: var(--pc-v-xxl);
      }

      .fr-pc-pb-xxl {
        padding-bottom: 52px;
        padding-bottom: var(--pc-v-xxl);
      }

      .fr-pc-py-xxl {
        padding-top: 52px;
        padding-top: var(--pc-v-xxl);
        padding-bottom: 52px;
        padding-bottom: var(--pc-v-xxl);
      }

      .fr-pc-mt-xxl {
        margin-top: 52px;
        margin-top: var(--pc-v-xxl);
      }

      .fr-pc-mb-xxl {
        margin-bottom: 52px;
        margin-bottom: var(--pc-v-xxl);
      }

      .fr-pc-my-xxl {
        margin-top: 52px;
        margin-top: var(--pc-v-xxl);
        margin-bottom: 52px;
        margin-bottom: var(--pc-v-xxl);
      }
      .fr-pc-pt-xxxl {
        padding-top: 64px;
        padding-top: var(--pc-v-xxxl);
      }

      .fr-pc-pb-xxxl {
        padding-bottom: 64px;
        padding-bottom: var(--pc-v-xxxl);
      }

      .fr-pc-py-xxxl {
        padding-top: 64px;
        padding-top: var(--pc-v-xxxl);
        padding-bottom: 64px;
        padding-bottom: var(--pc-v-xxxl);
      }

      .fr-pc-mt-xxxl {
        margin-top: 64px;
        margin-top: var(--pc-v-xxxl);
      }

      .fr-pc-mb-xxxl {
        margin-bottom: 64px;
        margin-bottom: var(--pc-v-xxxl);
      }

      .fr-pc-my-xxxl {
        margin-top: 64px;
        margin-top: var(--pc-v-xxxl);
        margin-bottom: 64px;
        margin-bottom: var(--pc-v-xxxl);
      }
      .fr-pc-pr-s {
        padding-right: 12px;
        padding-right: var(--pc-h-s);
      }

      .fr-pc-pl-s {
        padding-left: 12px;
        padding-left: var(--pc-h-s);
      }

      .fr-pc-px-s {
        padding-right: 12px;
        padding-right: var(--pc-h-s);
        padding-left: 12px;
        padding-left: var(--pc-h-s);
      }

      .fr-pc-mr-s {
        margin-right: 12px;
        margin-right: var(--pc-h-s);
      }

      .fr-pc-ml-s {
        margin-left: 12px;
        margin-left: var(--pc-h-s);
      }

      .fr-pc-mx-s {
        margin-right: 12px;
        margin-right: var(--pc-h-s);
        margin-left: 12px;
        margin-left: var(--pc-h-s);
      }
      .fr-pc-pr-m {
        padding-right: 24px;
        padding-right: var(--pc-h-m);
      }

      .fr-pc-pl-m {
        padding-left: 24px;
        padding-left: var(--pc-h-m);
      }

      .fr-pc-px-m {
        padding-right: 24px;
        padding-right: var(--pc-h-m);
        padding-left: 24px;
        padding-left: var(--pc-h-m);
      }

      .fr-pc-mr-m {
        margin-right: 24px;
        margin-right: var(--pc-h-m);
      }

      .fr-pc-ml-m {
        margin-left: 24px;
        margin-left: var(--pc-h-m);
      }

      .fr-pc-mx-m {
        margin-right: 24px;
        margin-right: var(--pc-h-m);
        margin-left: 24px;
        margin-left: var(--pc-h-m);
      }
      .fr-pc-pr-l {
        padding-right: 80px;
        padding-right: var(--pc-h-l);
      }

      .fr-pc-pl-l {
        padding-left: 80px;
        padding-left: var(--pc-h-l);
      }

      .fr-pc-px-l {
        padding-right: 80px;
        padding-right: var(--pc-h-l);
        padding-left: 80px;
        padding-left: var(--pc-h-l);
      }

      .fr-pc-mr-l {
        margin-right: 80px;
        margin-right: var(--pc-h-l);
      }

      .fr-pc-ml-l {
        margin-left: 80px;
        margin-left: var(--pc-h-l);
      }

      .fr-pc-mx-l {
        margin-right: 80px;
        margin-right: var(--pc-h-l);
        margin-left: 80px;
        margin-left: var(--pc-h-l);
      }
      .fr-pc-pr-xl {
        padding-right: 160px;
        padding-right: var(--pc-h-xl);
      }

      .fr-pc-pl-xl {
        padding-left: 160px;
        padding-left: var(--pc-h-xl);
      }

      .fr-pc-px-xl {
        padding-right: 160px;
        padding-right: var(--pc-h-xl);
        padding-left: 160px;
        padding-left: var(--pc-h-xl);
      }

      .fr-pc-mr-xl {
        margin-right: 160px;
        margin-right: var(--pc-h-xl);
      }

      .fr-pc-ml-xl {
        margin-left: 160px;
        margin-left: var(--pc-h-xl);
      }

      .fr-pc-mx-xl {
        margin-right: 160px;
        margin-right: var(--pc-h-xl);
        margin-left: 160px;
        margin-left: var(--pc-h-xl);
      }

.fr-linkButton {
    font-size: 17px;
    line-height: 25.5px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    line-height: 24px;
    padding: 12px 24px;
    padding: 12px var(--pc-h-m)
}

    .fr-linkButton.-s {
      max-width: 276px;
    }

    .fr-linkButton.-m {
      max-width: 376px;
    }

    .fr-linkButton.-l {
      max-width: 576px;
    }

    .fr-linkButton + .fr-linkButton {
      margin-top: 20px;
      margin-top: var(--pc-v-m);
    }

    .fr-linkButtonParent.-horizontal {
      display: flex;
    }

    .fr-linkButtonParent.-horizontal .fr-linkButton + .fr-linkButton {
      margin-top: 0;
      margin-left: calc(12px * 2);
      margin-left: calc(var(--pc-v-s) * 2)
    }

.fr-bff-products[data-component-type="ProductGrid"] {
      width: 100%
  }

.fr-bff-products[data-component-type="ProductGrid"][data-products-length="2"].-center,
    .fr-bff-products[data-component-type="ProductGrid"][data-products-length="3"].-center {
        justify-content: center
    }

.fr-bff-products[data-component-type="ProductGridHorizontal"] {
      display: flex;
      flex-wrap: wrap
  }

.fr-bff-products[data-component-type="ProductGridHorizontal"] [data-products-length="2"].-center,
    .fr-bff-products[data-component-type="ProductGridHorizontal"] [data-products-length="3"].-center {
        justify-content: center
    }

.fr-bff-products[data-component-type="ProductUpdate"] {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

.fr-bff-products[data-component-type="ProductGridStyling"],
  .fr-bff-products[data-component-type="ProductGridSmall"],
  .fr-bff-products[data-component-type="ProductCarousel"],
  .fr-bff-products[data-component-type="ProductUpdate"] {
      padding-right: 0;
      padding-left: 0
  }

.fr-bff-products[data-component-type="ProductGridStyling"][data-component-column="2"] {
      display: flex;
      flex-wrap: wrap
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-products {
      width: 100%;
      max-width: calc(276px * 2 + 24px);
      max-width: calc(276px * 2 + var(--pc-h-m))
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product:nth-child(-n + 2) {
        margin-top: 0
    }

[data-component-type="ProductGrid"] .fr-bff-product:nth-child(-n + 4) {
        margin-top: 0
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product + .fr-bff-product {
        margin-left: 24px;
        margin-left: var(--pc-h-m)
    }

[data-component-type="ProductGrid"] .fr-bff-product + .fr-bff-product {
        margin-left: 24px;
        margin-left: var(--pc-h-m)
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product:nth-child(2n + 1) {
        margin-left: 0
    }

[data-component-type="ProductGrid"] .fr-bff-product:nth-child(4n + 1) {
        margin-left: 0
    }

[data-component-type="ProductGrid"] .fr-bff-product {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      width: calc(25% - 18px)
  }

[data-component-type="ProductGrid"] .fr-bff-product .swiper-button-prev,
    [data-component-type="ProductGrid"] .fr-bff-product .swiper-button-next {
        top: 50%
    }

[data-component-type="ProductGridHorizontal"] .fr-bff-product {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      width: calc(50% - 12px);
      margin-right: 0;
      margin-left: 0
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product .swiper-button-prev,
    [data-component-type="ProductGridHorizontal"] .fr-bff-product .swiper-button-next {
        top: 50%
    }

[data-component-type="ProductGridHorizontal"][data-products-length="1"] .fr-bff-product {
      width: 100%;
      max-width: calc(276px * 2 + 24px);
      max-width: calc(276px * 2 + var(--pc-h-m))
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product_imgWrapper {
      width: 100%;
      margin-right: 24px;
      margin-right: var(--pc-h-m)
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product > .fr-bff-product_imgWrapper {
      width: calc(50% - 12px);
      margin-right: 24px;
      margin-right: var(--pc-h-m)
  }

[data-component-type="ProductGridHorizontal"] .fr-bff-product_content {
      width: calc(50% - 12px)
  }

[data-component-type="ProductGrid"] .fr-bff-product_name {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[data-component-type="ProductGrid"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_futureExhibition {
      line-height: 19.6px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[data-component-type="ProductGrid"] .fr-bff-product_price,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_price {
      font-size: 22px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[data-component-type="ProductGrid"] .fr-bff-product_dualPricing,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_dualPricing {
      font-size: 14px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[data-component-type="ProductGrid"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_dualPricing + .fr-bff-product_price {
      margin-top: 0
  }

[data-component-type="ProductGrid"] .fr-bff-product_priceFlags,
  [data-component-type="ProductGridHorizontal"] .fr-bff-product_priceFlags {
      line-height: 19.6px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

.fr-bff-product_noStock {
      font-size: 16px;
      line-height: 22px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[lang="ja"] .fr-bff-product_noStock {
        font-size: 14px
    }

.fr-bff-product_reviewStars {
      text-align: center;
      margin-top: 12px;
      margin-top: var(--pc-v-s)
  }

.fr-bff-product_reviewStar {
      font-size: 14px
  }

[lang="ja"] .fr-bff-product_reviewCount {
        font-size: 13px
    }

.fr-bff-product_colorChips {
      grid-row-gap: 12px;
      row-gap: 12px;
      grid-column-gap: 8px;
      column-gap: 8px
  }

.fr-bff-product_colorChips_container {
        margin-top: 20px;
        margin-top: var(--pc-v-m);
        margin-bottom: 12px;
        margin-bottom: var(--pc-v-s)
    }

.fr-bff-product_colorChips_label::after {
        transition: opacity 0.6s
    }

.fr-bff-product_colorChip {
      width: 16px;
      height: 16px
  }

.fr-bff-product_colorChip > img {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.fr-bff-product_colorChip.-current::after {
          width: 20px;
          height: 20px
      }

[data-component-type="ProductGridSmall"] .fr-bff-product {
      margin-right: 24px;
      margin-right: var(--pc-h-m);
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      width: calc((100% - (24px * 2)) / 3);
      width: calc((100% - (var(--pc-h-m) * 2)) / 3)
  }

[data-component-type="ProductUpdate"] .fr-bff-product {
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2)
  }

[data-component-type="ProductUpdate"] .fr-bff-product + .fr-bff-product {
      margin-top: 0
  }

[data-component-type="ProductUpdate"] .fr-bff-product:nth-child(n + 3) {
      margin-top: 20px;
      margin-top: var(--pc-v-m)
  }

[data-component-type="ProductUpdate"] .fr-bff-product_inner {
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      [data-component-type="ProductUpdate"] .fr-bff-product_inner:hover {
        opacity: 0.6;
      }

[data-component-type="ProductUpdate"] .fr-bff-product_content {
      width: calc(50% - 24px);
      width: calc(50% - var(--pc-h-m))
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_inner {
      display: block;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      [data-component-type="ProductGridSmall"] .fr-bff-product_inner:hover {
        opacity: 0.6;
      }

[data-component-type="ProductCarousel"] .fr-bff-product {
      margin-right: 24px;
      margin-right: var(--pc-h-m);
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

[data-component-type="ProductCarousel"] .fr-bff-product_inner {
      display: block;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      [data-component-type="ProductCarousel"] .fr-bff-product_inner:hover {
        opacity: 0.6;
      }

[data-component-type="ProductGridSmall"] .fr-bff-product:nth-of-type(3n) {
      margin-right: 24px;
      margin-right: var(--pc-h-m)
  }
    [data-component-type="ProductGridSmall"] .fr-bff-product:nth-of-type(3n) {
      margin-right: 0;
    }
    [data-component-type="ProductCarousel"] .fr-bff-product:nth-child(1),
    [data-component-type="ProductCarousel"] .fr-bff-product:nth-child(2),
    [data-component-type="ProductCarousel"] .fr-bff-product:nth-child(3),
    [data-component-type="ProductCarousel"] .fr-bff-product:nth-child(4) {
      margin-top: 0;
    }

    [data-component-type="ProductCarousel"] .fr-bff-product:nth-of-type(4n) {
      margin-right: 0;
    }

[data-component-type="ProductGridSmall"] .fr-bff-product_gender,
  [data-component-type="ProductGridStyling"] .fr-bff-product_gender,
  [data-component-type="ProductCarousel"] .fr-bff-product_gender,
  [data-component-type="ProductUpdate"] .fr-bff-product_gender {
      font-size: 14px;
      line-height: 15px
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_name,
  [data-component-type="ProductGridStyling"] .fr-bff-product_name,
  [data-component-type="ProductCarousel"] .fr-bff-product_name,
  [data-component-type="ProductUpdate"] .fr-bff-product_name {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 16px;
      line-height: 24px
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductGridStyling"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductCarousel"] .fr-bff-product_futureExhibition,
  [data-component-type="ProductUpdate"] .fr-bff-product_futureExhibition {
      line-height: 19.6px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs)
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_price,
  [data-component-type="ProductGridStyling"] .fr-bff-product_price,
  [data-component-type="ProductCarousel"] .fr-bff-product_price,
  [data-component-type="ProductUpdate"] .fr-bff-product_price {
      font-size: 24px;
      line-height: 29px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs)
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_dualPricing,
  [data-component-type="ProductGridStyling"] .fr-bff-product_dualPricing,
  [data-component-type="ProductCarousel"] .fr-bff-product_dualPricing,
  [data-component-type="ProductUpdate"] .fr-bff-product_dualPricing {
      font-size: 14px;
      margin-top: 4px;
      margin-top: var(--pc-v-xxs)
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductGridStyling"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductCarousel"] .fr-bff-product_dualPricing + .fr-bff-product_price,
  [data-component-type="ProductUpdate"] .fr-bff-product_dualPricing + .fr-bff-product_price {
      margin-top: 0
  }

[data-component-type="ProductGridSmall"] .fr-bff-product_priceFlags,
  [data-component-type="ProductGridStyling"] .fr-bff-product_priceFlags,
  [data-component-type="ProductCarousel"] .fr-bff-product_priceFlags,
  [data-component-type="ProductUpdate"] .fr-bff-product_priceFlags {
      line-height: 19.6px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs)
  }

.fr-bff-userReviews .swiper-wrapper {
      justify-content: center
  }

.fr-bff-userReviews .swiper-slide:last-child {
        margin-right: 0 !important
    }

.fr-bff-userReviews_container {
      padding-left: 0;
      padding-right: 0;
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.fr-bff-userReviews_total {
      font-size: 15px;
      margin-top: 20px;
      margin-top: var(--pc-v-m)
  }

[lang="ja"] .fr-bff-userReviews_total,
    [lang="ko"] .fr-bff-userReviews_total,
    [lang="zh"] .fr-bff-userReviews_total,
    [lang="zh-cn"] .fr-bff-userReviews_total,
    [lang="zh-tw"] .fr-bff-userReviews_total {
        font-size: 14px
    }

.fr-bff-userReview.swiper-slide {
      padding: 20px 24px;
      padding: var(--pc-v-m) var(--pc-h-m)
  }

.fr-bff-userReview_heading {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      font-size: 14px
  }

.fr-bff-userReview_comment {
      font-size: 16px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs)
  }

[lang="ja"] .fr-bff-userReview_comment,
    [lang="ko"] .fr-bff-userReview_comment,
    [lang="zh"] .fr-bff-userReview_comment,
    [lang="zh-cn"] .fr-bff-userReview_comment,
    [lang="zh-tw"] .fr-bff-userReview_comment {
        font-size: 14px
    }

.fr-bff-userReview_comment_seemore {
        font-size: 15px;
        margin-top: 8px;
        margin-top: var(--pc-v-xs)
    }

[lang="ja"] .fr-bff-userReview_comment_seemore,
      [lang="ko"] .fr-bff-userReview_comment_seemore,
      [lang="zh"] .fr-bff-userReview_comment_seemore,
      [lang="zh-cn"] .fr-bff-userReview_comment_seemore,
      [lang="zh-tw"] .fr-bff-userReview_comment_seemore {
          font-size: 14px
      }

.fr-bff-userReview_user {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      flex-wrap: initial
  }

.fr-bff-userReview_productName {
      margin-top: 8px;
      margin-top: var(--pc-v-xs)
  }
      .modal_favoriteList_body {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-end;
        min-height: 0;
      }

      .modal_favoriteList_content {
        padding: 28px 24px 0;
        padding: var(--pc-v-l) var(--pc-h-m) 0;
        overflow-y: auto;
        overflow-x: hidden;
        flex-direction: column;
        flex-grow: 1;
        display: flex;
      }

      .modal_favoriteList_color {
        margin-bottom: 28px;
        margin-bottom: var(--pc-v-l);
      }
        .modal_favoriteList_color_header {
          display: flex;
          margin-bottom: 20px;
          margin-bottom: var(--pc-v-m);
        }
          .modal_favoriteList_color_header_image {
            height: auto;
            width: 186px;
            margin-right: 24px;
            position: relative;
          }

            .modal_favoriteList_color_header_image_img {
              height: auto;
              width: 186px;
            }
          .modal_favoriteList_color_header_title {
            font-size: 14px;
          }
        .modal_favoriteList_size_group {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 24px;
          margin: 0;
        }

        .modal_favoriteList_size_content {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 44px;
          background-color: transparent;
          background-color: initial;
          font-weight: 700;
          border: 1px solid transparent;
          outline: 0;
          padding: 0;
        }

          .modal_favoriteList_size_content.-active .fr-bff-favorite_icon g{
            fill: #f00;
            fill: var(--color-red);
            opacity: 1;
          }

        .modal_favoriteList_size_keyline {
          border-top: none;
          border-left: none;
          border-right: none;
          margin: 0;
          padding: 0;
          border-bottom: 1px solid #dadada;
        }

        .modal_favoriteList_size_label {
          font-size: 14px;
          margin: 12px 0 12px 12px;
          margin: var(--pc-v-s) 0 var(--pc-v-s) var(--pc-v-s);
          line-height: 20px;
        }
    .modal_favoriteList_background_scroll_disabled {
      overflow: hidden;
      position: fixed;
      width: 100%;
    }
    .modal.-favoriteList .modal_contents {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      position: fixed;
      overflow: hidden;
      background-color: rgba(27,27,27,.5);
    }

    .modal.-favoriteList .modal_contentsInner {
      margin: auto;
      margin-top: 64px;
      margin-top: var(--pc-v-xxxl);
      margin-bottom: 64px;
      margin-bottom: var(--pc-v-xxxl);
      position: static;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 90%;
      height: auto;
      display: flex;
      flex-direction: column;
    }

      .modal.-favoriteList .modal_contentsInner .modal_btns {
        display: flex;
        margin: 0 auto 28px;
        margin: 0 auto var(--pc-v-l);
        padding: 0;
        width: 100%;
        max-width: 576px;
      }

    .-favoriteList .modal_header {
      align-items: center;
      border-bottom: 1px solid #dadada;
      border-bottom: 1px solid var(--color-gray150);
      display: flex;
      justify-content: space-between;
      padding: 20px 24px;
      padding: var(--pc-v-m) var(--pc-h-m);
      flex: 0 0 auto;
    }

    .-favoriteList .modal_heading {
      font-size: 23px;
      padding: 0;
      position: relative;
      font-weight: 600;
      line-height: 32px;
    }

    .modal_contents,
    .modal_contentsInner {
      padding-top: calc(9 / 16 * 70vw);
      width: 70vw;
    }

    .modal.-favorite .modal_contents,
    .modal.-favorite .modal_contentsInner {
      top: 50%;
      left: 50%;
      bottom: unset;
      transform: translate(-50%, -50%);
      width: 576px;
    }

    .-favorite .modal_header {
      align-items: center;
      border-bottom: 1px solid #dadada;
      border-bottom: 1px solid var(--color-gray150);
      display: flex;
      justify-content: space-between;
      padding: 24px;
      padding: var(--pc-h-m);
    }

    .-favorite .modal_heading {
      font-size: 22px;
      padding: 0;
      position: relative;
    }

    .-favorite .modal_body {
      font-size: 16px;
      padding: 24px;
      padding: var(--pc-h-m);
      margin-bottom: 0;
    }

    .modal_btns {
      border-top: 0;
      margin: 24px;
      margin: var(--pc-h-m);
    }

    .modal_btn {
      min-height: 52px;
    }

    .modal_btn.-cancel {
      display: none;
    }

    .modal_btn.-login {
      width: 100%;
    }

    .modal_btn.-favoriteList {
      width: 576px;
      font-size: 17px;
      line-height: 24px;
    }

    .modal_loginClose {
      display: block;
      margin-left: 24px;
      margin-left: var(--pc-h-m);
      padding: 4px;
      padding: var(--pc-v-xxs);
      text-align: center;
      position: relative;
      top: 0;
      right: 0;
    }

    .modal_loginCloseText {
      display: block;
      font-size: 11px;
      line-height: 1;
    }

.modalWearing.Modal_ContentsInner {
        padding-bottom: 0
    }

.modalWearing .Modal_header {
        padding-bottom: 0;
        padding-bottom: 12px;
        padding-bottom: var(--pc-v-s)
    }

.modalWearing .Modal_header-title {
          font-size: 23px;
          padding-right: 0;
          padding-left: 0
      }

.modalWearingParent_contents {
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          width: 100%;
          max-width: 876px;
          max-height: calc(100vh - 52px*2);
          max-height: calc(100vh - var(--pc-v-xxl)*2)
      }

.modalWearingParent_contentsInner {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            max-width: 876px;
            max-height: calc(100vh - 52px*2);
            max-height: calc(100vh - var(--pc-v-xxl)*2)
        }

.modalWearingChild_header {
          min-height: 89px      
      }

.modalWearingContent {
        display: flex;
        justify-content: space-between
    }
          .modalWearingContent_item:nth-child(1) {
            width: calc((80% - 24px)/2);
          }
          .modalWearingContent_item:nth-child(2) {
            width: calc((120% - 24px)/2);
          }

.modalWearingContent_item.-scrollPanel {
            position: relative
        }
            .modalWearingContent_bff[data-component-type=ProductGridHorizontal] .fr-bff-product +.fr-bff-product {
              margin-left: 0;
              margin-top: 24px;
            }

.modalWearingContent_scrollPanel.-bffContent {
            position: absolute;
            left: 0;
            top: 0;
            height: 130%;
            width: 100%;
            overflow-y: scroll;
            padding-right: 24px
        }

.modalWearingContent_scrollPanel.-noItem {
            margin-left: 0;
            margin-right: 0
        }

.Modal_header {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 24px;
      padding: var(--pc-h-m)
  }

.Modal_ProductContainer {
      width: calc((100% - 48.55%) - 12px);
      margin-top: 0;
      margin-left: 12px
  }

.Modal_Contents {
      top: 0;
      background-color: transparent;
      overflow: unset
  }

      .Modal_Contents::after {
        content: '';
        display: block;
        padding-bottom: 162px;
      }

.Modal_ContentsInner {
        position: relative;
        background-color: #fff;
        background-color: var(--color-white);
        top: 50%;
        left: 50%;
        max-width: 876px;
        width: 100%;
        transform: translate(-50%, -50%);
        padding-left: var(--v-l);
        padding-right: var(--v-l);
        padding-bottom: unset;
        z-index: 999
    }

.Modal_Close-Text {
        font-size: 13px
    }

.Modal_Close_Bottom {
        max-width: 576px;
        margin: 0 auto;
        padding-top: 28px;
        padding-top: var(--pc-v-l);
        padding-bottom: 28px;
        padding-bottom: var(--pc-v-l);
        bottom: unset;
        position: relative
    }

.Modal_Close_Bottom_Btn {
          font-size: 16px
      }

.Modal_Heading {
      background-color: transparent;
      margin-top: 0;
      font-size: 22px;
      line-height: 26.4px
  }

.Modal_SubHeading {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 12px;
      margin-bottom: var(--pc-v-s)
  }

.Modal_DetailTitle {
      align-items: center;
      padding-left: 24px;
      padding-left: var(--sp-v-xl);
      padding-right: 24px;
      padding-right: var(--sp-v-xl);
      padding-bottom: 20px;
      padding-bottom: var(--pc-v-m)
  }

.Modal_DetailTitle .number {
        font-size: 36px;
        line-height: 36px;
        margin-top: 0
    }

.Modal_DetailTitle .title_inner {
        margin-left: 24px;
        font-size: 23px
    }

.Modal_ProductDetailLink {
      padding-right: 24px;
      padding-right: var(--sp-v-xl);
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.Modal_ProductCloseButton {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: auto;
      margin-right: auto
  }

.ModalSwiper_Wrapper {
      display: flex;
      align-items: center;
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.ModalSwiper_Carousel {
      width: 48.55%;
      margin-left: 24px;
      margin-left: var(--sp-v-xl);
      border: 1px solid #dadada;
      overflow-x: hidden;
      height: 100%
  }

.ModalMovie_Heading {
      background-color: transparent;
      margin-top: 0;
      font-size: 22px;
      line-height: 26.4px
  }

.ModalMovie_SubHeading {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 12px;
      margin-bottom: var(--pc-v-s)
  }

.ModalMovie_itemTitle {
      align-items: center;
      padding-left: 24px;
      padding-left: var(--sp-v-xl);
      padding-right: 24px;
      padding-right: var(--sp-v-xl);
      padding-bottom: 20px;
      padding-bottom: var(--pc-v-m)
  }

.ModalMovie_itemTitle .number {
        font-size: 36px;
        line-height: 36px
    }

.ModalMovie_itemTitle .title_inner {
        margin-left: 24px;
        font-size: 23px
    }

.ModalMovie_itemBody {
      display: flex;
      align-items: center;
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.ModalMovie_itemVideo {
      width: 48.55%;
      margin-left: 24px;
      margin-left: var(--sp-v-xl);
      border: 1px solid #dadada;
      overflow-x: hidden;
      height: 100%
  }

.ModalMovie_itemContent {
      width: calc((100% - 48.55%) - 12px);
      margin-top: 0;
      margin-left: 12px
  }

.ModalMovie_itemContentCaption {
      font-size: 20px;
      padding-left: 0;
      padding-right: 24px;
      padding-right: var(--sp-v-xl)
  }

.ModalMovie_itemContentText {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      padding-right: 24px;
      padding-right: var(--sp-v-xl)
  }

.ModalMovie_ProductDetailLink {
      padding-right: 24px;
      padding-right: var(--sp-v-xl);
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.ModalMovie_ProductCloseButton {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: auto;
      margin-right: auto
  }

[data-modal-window-is-active="true"] .Modal_Overlay {
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(27, 27, 27, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2
    }

.ariake-modalVideo {
    margin: 0 auto;
    position: relative;
    top: 0;
    transform: translateY(0);
    max-width: 426px
}

.ariake-modalVideo[data-aspect-ratio="16:9"] {
      max-width: 576px
  }

.ariake-modalVideo[data-aspect-ratio="1:1"], 
  .ariake-modalVideo[data-aspect-ratio="172:172"] {
      max-width: 426px
  }

.ariake-modalVideo[data-aspect-ratio="3:4"] {
      max-width: 320px
  }

.ariake-modalVideo[data-aspect-ratio="4:3"] {
      max-width: 568px
  }

.ariake-modalVideo.-youtube .ariake-modalVideo_item {
        top: 0
    }

.ariake-modalVideo_button {
      transition: opacity 0.6s;
      cursor: pointer
  }
  
      .ariake-modalVideo_button:hover {
        opacity: 0.7;
      }

.header {
    padding: 0;
    height: 72px
}

.header_inner {
      position: relative;
      height: 100%
  }

.header_UQLogo {
      left: 24px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .header_UQLogo:hover {
        opacity: 0.6;
      }

.header_logoLink {
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .header_logoLink:hover {
        opacity: 0.6;
      }

.header_drawer_trigger {
      top: 50%;
      margin-top: -25.5px;
      transition: opacity .6s;
      cursor: pointer
  }

.drawer {
    padding-bottom: 0
}

.drawer_trigger {
      right: 35px;
      transition: opacity .6s;
      cursor: pointer
  }

.footer {
    margin-top: 28px;
    margin-top: var(--pc-v-l);
    padding: 28px 0;
    padding: var(--pc-v-l) 0;
    text-align: left
}

.footer_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1224px;
      max-width: var(--pc-device-width-include-margin);
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-left: 24px;
      padding-left: var(--pc-h-m);
      padding-right: 24px;
      padding-right: var(--pc-h-m)
  }

.footer_copyright {
      font-size: 13px;
      display: inline-block
  }

.breadcrumbs {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin: 64px auto 0;
    margin: var(--pc-v-xxxl) auto 0;
    width: 100%;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
}

.breadcrumbs_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }
  
        .breadcrumbs_itemLink:hover {
          opacity: 0.6;
        }

.navigation {
    margin-top: 28px;
    margin-top: var(--pc-v-l)
  
}

.navigation_wrapper {
      max-width: 1224px;
      max-width: var(--pc-device-width-include-margin);
      width: 100%;
      padding-top: 28px;
      padding-top: var(--pc-v-l);
      margin: 0 auto;
      display: flex;
      align-items: center;
      padding-left: 24px;
      padding-left: var(--pc-h-m);
      padding-right: 24px;
      padding-right: var(--pc-h-m)
  }

.navigation_logo {
      margin-top: 0;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .navigation_logo:hover {
        opacity: 0.6;
      }

.navigation_list {
      display: flex;
      justify-content: center
  }

.navigation_listItem {
        margin-top: 0;
        margin-left: 24px
    }

.language {
    margin-top: 0;
    margin-left: auto
}

.language_item {
      line-height: 15.6px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .language_item:hover {
        opacity: 0.6;
      }

.share {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.share_heading {
      font-size: 14px;
      line-height: 20px
  }

.share_list {
      margin-top: 12px;
      margin-top: var(--pc-v-s)
  }

.share_itemLink {
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .share_itemLink:hover {
        opacity: 0.6;
      }

.qrModal {
    display: none
}

.accordion_seemore {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl);
      padding-top: 28px;
      padding-top: var(--pc-v-l);
      padding-bottom: 28px;
      padding-bottom: var(--pc-v-l);
      font-size: 17px;
      line-height: 24px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .accordion_seemore:hover {
        opacity: 0.6;
      }

.tester {
    max-width: 726px;
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.tester_wrapper {
      padding: 40px 28px;
      padding: var(--pc-v-xl) var(--pc-v-l);
      min-height: 160px
  }

.tester_img {
      width: 100px
  }

.tester_imgBlock {
      width: 100px
  }

.tester_imgBlock_logo {
        width: 100px
    }

.tester_imgBlock_balloon {
        width: 100px
    }

.tester_body {
      margin-left: 20px;
      margin-left: var(--pc-v-m);
      margin-right: 0
  }

.tester_heading {
      margin-top: 0;
      font-size: 16px;
      line-height: 26px;
      margin-left: 0;
      margin-right: 20px;
      margin-right: var(--pc-v-m)
  }

.tester_description {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 16px;
      line-height: 26px;
      margin-left: 0;
      margin-right: 20px;
      margin-right: var(--pc-v-m)
  }

.tester_button {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-right: 0;
      margin-left: 0
  }

.qualitrics_wrapper {
      max-width: 726px;
      margin: 52px auto 0;
      margin: var(--pc-v-xxl) auto 0
  }

.banner {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 52px;
    margin-top: var(--pc-v-xxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.banner_list {
      max-width: 726px;
      margin: auto
  }

.banner_item + .banner_item {
        margin-top: 28px;
        margin-top: var(--pc-v-l)
    }

.banner_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .banner_itemLink:hover {
          opacity: 0.6;
        }

[data-aspect-ratio="banner"]::before {
    padding-top: 13.7741%
}

.labelFlag {
    font-size: 14px;
    line-height: 22px;
    padding-right: 8px;
    padding-right: var(--pc-v-xs);
    padding-left: 8px;
    padding-left: var(--pc-v-xs)
}

.labelFlag_heading {
      font-size: 14px;
      line-height: 22px;
      margin-right: 8px;
      margin-right: var(--pc-v-xs);
      padding-right: 8px;
      padding-right: var(--pc-v-xs);
      padding-left: 8px;
      padding-left: var(--pc-v-xs)
  }

.homeHero {
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl)
}

.homeHero_head {
      width: 420px
  }

.homeHero_animation {
      width: 265px;
      top: 50%;
      transform: translateX(-50%) translateY(-50%) scale(0)
  }

.homeHero_logo {
      width: 240px
  }

.homeHero_body {
      margin-top: 40px;
      margin-top: var(--pc-v-xl);
      max-width: 1224px;
      max-width: var(--pc-device-width-include-margin);
      margin-right: auto;
      margin-left: auto;
      padding-right: 24px;
      padding-right: var(--pc-h-m);
      padding-left: 24px;
      padding-left: var(--pc-h-m)
  }

.homeHero_description {
      font-size: 24px;
      line-height: 43px
  }

.homeLatest {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.banner+.homeLatest {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl)
  }

.homeLatest_wrapper {
      margin-bottom: 52px;
      margin-bottom: var(--pc-v-xxl)
  }

.homeLatest_heading {
      font-size: 20px;
      line-height: 32px
  }

.homeLatest_list {
      justify-content: flex-start
  }

.homeLatest_item {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: 24px;
      margin-left: var(--pc-h-m);
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

      .homeLatest_item:first-child,
      .homeLatest_item:nth-child(4n + 1) {
        margin-left: 0;
      }

.homeLatest_itemLabel {
        font-size: 14px;
        line-height: 22px;
        padding-right: 8px;
        padding-right: var(--pc-v-xs);
        padding-left: 8px;
        padding-left: var(--pc-v-xs)
    }

.homeLatest_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .homeLatest_itemLink:hover {
          opacity: 0.6;
        }

.homeLatest_itemBody {
        margin-left: 0;
        margin-right: 0
    }

.homeLatest_seasonLabel {
      font-size: 14px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      padding-right: 8px;
      padding-right: var(--pc-v-xs);
      padding-left: 8px;
      padding-left: var(--pc-v-xs);
      line-height: 22px
  }

.homeLatest_seasonLabel.-noData {
        min-height: 21px;
        margin: 3px 0 0 0
    }

.homeLatest_category {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.homeLatest_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.homeLatest_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.homeLatest_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.homeLatest_btn {
      margin-left: 0;
      margin-right: 0
  }

.homeInfo {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.banner+.homeInfo {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl)
  }

.homeInfo_heading {
      font-size: 20px;
      line-height: 32px
  }

.homeInfo_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.homeInfo_list {
      justify-content: center
  }

.homeInfo_item {
      width: 737px
  }

.homeInfo_item + .homeInfo_item {
        margin-top: 20px;
        margin-top: var(--pc-v-m)
    }

.homeInfo_itemHead_label {
          font-size: 14px;
          line-height: 22px;
          margin-right: 8px;
          margin-right: var(--pc-v-xs);
          padding-right: 8px;
          padding-right: var(--pc-v-xs);
          padding-left: 8px;
          padding-left: var(--pc-v-xs)
      }

.homeInfo_itemHead_date {
          font-size: 14px;
          line-height: 22px
      }

.homeInfo_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .homeInfo_itemLink:hover {
          opacity: 0.6;
        }

.homeInfo_itemBody {
        margin-top: 4px;
        margin-top: var(--pc-v-xxs);
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 26px
    }

.homeInfo_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.homeInfo_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.homeInfo_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.homeInfo_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.homeCategory {
    max-width: 886px;
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto
}

.homeCategory_heading {
      font-size: 20px;
      line-height: 32px
  }

.homeCategory_body {
      margin-top: 12px;
      margin-top: var(--pc-v-s)
  }

.homeCategory_list {
      flex-wrap: unset
  }

.homeCategory_item {
      width: 100%
  }
      .homeCategory_item:nth-child(5),
      .homeCategory_item:nth-child(6),
      .homeCategory_item:nth-child(7) {
        margin-top: 0;
      }

.homeCategory_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }
        .homeCategory_itemLink:hover {
          opacity: 0.6;
        }

.homeCategory_itemLinkBody {
          font-size: 14px
      }

.homePopular {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.homePopular_head {
      margin-bottom: 28px;
      margin-bottom: var(--pc-v-l)
  }

.homePopular_head_text {
        font-size: 20px;
        line-height: 32px
    }

.homeSlide {
    width: 100%;
    margin: 0 auto 0;
    padding-top: 20px;
    padding-top: var(--pc-v-m);
    padding-bottom: 28px;
    padding-bottom: var(--pc-v-l)
}

.homeSlide_wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
      margin-bottom: var(--pc-v-l)
  }

.homeSlide_wrapper .swiper-slide {
        width: 376px
    }

.homeSlide_head {
      width: 100%
  }

.homeSlide_itemLabel {
        font-size: 14px;
        line-height: 22px;
        padding-right: 8px;
        padding-right: var(--pc-v-xs);
        padding-left: 8px;
        padding-left: var(--pc-v-xs)
    }

.homeSlide_body {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding-left: 20px;
      padding-left: var(--pc-v-m);
      padding-right: 20px;
      padding-right: var(--pc-v-m);
      padding-top: 20px;
      padding-top: var(--pc-v-m)
  }

.homeSlide_bodyTitle {
        font-size: 18px
    }

.homeSlide_bodyDescription {
        font-size: 16px;
        padding-top: 8px;
        padding-top: var(--pc-v-xs)
    }

.homeSlide_images {
      padding-bottom: 0
  }

.homeSlide_images .swiper-pagination {
        margin-top: 12px;
        margin-top: var(--pc-v-s)
    }

.homeSlide_category {
      font-size: 14px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      padding-bottom: 20px;
      padding-bottom: var(--pc-v-m)
  }

.homeSlide_category_seasonLabel {
        font-size: 14px;
        padding-right: 8px;
        padding-right: var(--pc-v-xs);
        padding-left: 8px;
        padding-left: var(--pc-v-xs)
    }

.homeSlide_date {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      width: 100%;
      font-size: 14px;
      line-height: 19px;
      text-align: left;
      order: 4
  }

.homeSlide_heading {
      margin-top: 0;
      font-size: 36px;
      line-height: 50px
  }

.homeSlide_description {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      font-size: 16px;
      line-height: 26px
  }

.homeSlide_btn {
      margin-left: 0;
      margin-right: 0
  }

.homeHero + .homeSlide {
    margin: 40px auto 0;
    margin: var(--pc-v-xl) auto 0
}

.categoryLatest {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.categoryLatest_heading {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      font-size: 20px;
      line-height: 32px
  }

.categoryLatest_list {
      justify-content: flex-start
  }

.categoryLatest_item {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: 24px;
      margin-left: var(--pc-h-m);
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

      .categoryLatest_item:first-child,
      .categoryLatest_item:nth-child(4n + 1) {
        margin-left: 0;
      }

.categoryLatest_itemLabel {
        font-size: 14px;
        line-height: 22px;
        padding-right: 8px;
        padding-right: var(--pc-v-xs);
        padding-left: 8px;
        padding-left: var(--pc-v-xs)
    }

.categoryLatest_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .categoryLatest_itemLink:hover {
          opacity: 0.6;
        }

.categoryLatest_itemBody {
        margin-left: 0;
        margin-right: 0
    }

.categoryLatest_seasonLabel {
      font-size: 14px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      padding-right: 8px;
      padding-right: var(--pc-v-xs);
      padding-left: 8px;
      padding-left: var(--pc-v-xs);
      line-height: 22px
  }

.categoryLatest_seasonLabel.-noData {
        min-height: 21px;
        margin: 3px 0 0 0
    }

.categoryLatest_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.categoryLatest_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.categoryLatest_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.categoryLatest_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.categoryLatest_seemore {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl);
      padding-top: 28px;
      padding-top: var(--pc-v-l);
      padding-bottom: 28px;
      padding-bottom: var(--pc-v-l);
      font-size: 17px;
      line-height: 24px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .categoryLatest_seemore:hover {
        opacity: 0.6;
      }

.informationLatest {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.banner+.informationLatest {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl)
  }

.informationLatest_heading {
      font-size: 30px;
      line-height: 41px
  }

.informationLatest_list {
      justify-content: flex-start
  }

.informationLatest_item {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: 24px;
      margin-left: var(--pc-h-m);
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

      .informationLatest_item:first-child,
      .informationLatest_item:nth-child(4n + 1) {
        margin-left: 0;
      }

.informationLatest_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .informationLatest_itemLink:hover {
          opacity: 0.6;
        }

.informationLatest_itemBody {
        margin-left: 0;
        margin-right: 0
    }

.informationLatest_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.informationLatest_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.informationLatest_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.informationLatest_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.informationLatest_seemore {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl);
      padding-top: 28px;
      padding-top: var(--pc-v-l);
      padding-bottom: 28px;
      padding-bottom: var(--pc-v-l);
      font-size: 17px;
      line-height: 24px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .informationLatest_seemore:hover {
        opacity: 0.6;
      }

.informationInfo {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 40px;
    margin-top: var(--pc-v-xl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.banner+.informationInfo {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl)
  }

.informationInfo_heading {
      font-size: 20px;
      line-height: 32px
  }

.informationInfo_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.informationInfo_list {
      justify-content: center
  }

.informationInfo_item {
      width: 737px
  }

.informationInfo_item + .informationInfo_item {
        margin-top: 20px;
        margin-top: var(--pc-v-m)
    }

.informationInfo_itemHead_label {
          font-size: 14px;
          line-height: 22px;
          margin-right: 8px;
          margin-right: var(--pc-v-xs);
          padding-right: 12px;
          padding-right: var(--pc-v-s);
          padding-left: 12px;
          padding-left: var(--pc-v-s)
      }

.informationInfo_itemHead_date {
          font-size: 14px;
          line-height: 22px
      }

.informationInfo_itemBody {
        margin-top: 4px;
        margin-top: var(--pc-v-xxs);
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 26px
    }

.informationInfo_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.informationInfo_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.informationInfo_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.informationInfo_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.informationInfo_seemore {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl);
      padding-top: 28px;
      padding-top: var(--pc-v-l);
      padding-bottom: 28px;
      padding-bottom: var(--pc-v-l);
      font-size: 17px;
      line-height: 24px;
      transition: opacity 0.6s;
      transition: opacity var(--transition-speed-normal)
  }

      .informationInfo_seemore:hover {
        opacity: 0.6;
      }

.hero {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    width: 100%;
    margin: 40px auto 0;
    margin: var(--pc-v-xl) auto 0;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
}

.hero_wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between
  }

.hero_head {
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2)
  }

.hero_bodyWrapper {
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2);
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding-left: 52px;
      padding-left: var(--pc-v-xxl);
      padding-right: 52px;
      padding-right: var(--pc-v-xxl)
  }

.hero_newArticle {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.hero_newArticle_wrapper {
        padding: 12px 12px;
        padding: var(--pc-v-s) var(--pc-v-s)
    }

.hero_newArticle_body {
        margin-left: 12px;
        margin-left: var(--pc-v-s);
        font-size: 16px;
        line-height: 24px
    }

.hero_newArticle_heading {
        font-size: 16px
    }

.hero_newArticle_description {
        font-size: 16px;
        margin-top: 4px;
        margin-top: var(--pc-v-xxs);
        line-height: 26px;
        margin-left: 0;
        margin-right: 20px;
        margin-right: var(--pc-v-m)
    }

.hero_images {
      padding-bottom: 0
  }

.hero_category {
      width: 100%;
      font-size: 14px;
      line-height: 19px
  }

.hero_date {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      width: 100%;
      font-size: 14px;
      line-height: 19px;
      text-align: left;
      order: 4
  }

.hero_heading {
      margin-top: 0;
      font-size: 36px;
      line-height: 50px
  }

.hero_description {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      font-size: 16px;
      line-height: 26px
  }

.anchor {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    width: 100%;
    margin: 64px auto 0;
    margin: var(--pc-v-xxxl) auto 0;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
}

.banner+.anchor {
      margin-top: 52px;
      margin-top: var(--pc-v-xxl)
  }

.anchor_head {
      margin-left: 0;
      margin-right: 0
  }

.anchor_heading {
      font-size: 30px;
      line-height: 41px
  }

.anchor_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.anchor_list {
      border-width: 0 1px 1px 0
  }

[data-is-odd="true"] .anchor_item:last-child {
        width: auto
    }

.anchor_item {
      font-size: 17px
  }

      [data-item-index="2"] .anchor_item,
      [data-item-index="2"] .anchor_item:last-child {
        width: 50%;
      }

      [data-item-index="3"] .anchor_item,
      [data-item-index="3"] .anchor_item:last-child {
        width: calc(100% / 3);
      }

      [data-item-index="4"] .anchor_item {
        width: 50%;
      }

      [data-item-index="5"] .anchor_item {
        width: calc(100% / 3);
      }

        [data-item-index="5"] .anchor_item:nth-child(4),
        [data-item-index="5"] .anchor_item:nth-child(5) {
          width: 50%;
        }

      [data-item-index="6"] .anchor_item {
        width: calc(100% / 3);
      }

      [data-item-index="7"] .anchor_item {
        width: 25%;
      }

        [data-item-index="7"] .anchor_item:nth-child(5),
        [data-item-index="7"] .anchor_item:nth-child(6),
        [data-item-index="7"] .anchor_item:nth-child(7) {
          width: calc(100% / 3);
        }

      [data-item-index="8"] .anchor_item {
        width: 25%;
      }

      [data-item-index="9"] .anchor_item {
        width: 20%;
      }

        [data-item-index="9"] .anchor_item:nth-child(6),
        [data-item-index="9"] .anchor_item:nth-child(7),
        [data-item-index="9"] .anchor_item:nth-child(8),
        [data-item-index="9"] .anchor_item:nth-child(9) {
          width: 25%;
        }

      [data-item-index="10"] .anchor_item {
        width: 20%;
      }

.anchor_itemText {
        line-height: 24px;
        min-height: 80px;
        padding: 0 12px;
        padding: 0 var(--pc-h-s);
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .anchor_itemText:hover {
          opacity: 0.6;
        }

    .fr-fixedAnchor.-isActiveMovingButtonPrev {
      border-left-width: 0;
    }

    .fr-fixedAnchor.-isActiveMovingButtonNext {
      border-right-width: 0;
    }

    .fr-fixedAnchor.-isFixed {
      top: 72px;
    }

    .fr-fixedAnchor_itemLink {
      min-height: 43.59px;
    }

    .fr-fixedAnchor_container {
      max-width: 1176px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
    }

    .fr-fixedAnchor_item {
      padding: 0;
    }

    .fr-fixedAnchor_movingButton {
      display: block;
      width: 100px;
      height: calc(100% - 1px);
      position: absolute;
      bottom: 1px;
      z-index: 17px;
    }

      .fr-fixedAnchor_movingButton.-prev {
        left: 0;
        background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
      }

        .-isActiveMovingButtonPrev .fr-fixedAnchor_movingButton.-prev {
          opacity: 1;
          visibility: visible;
        }

      .fr-fixedAnchor_movingButton.-next {
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
      }

        .-isActiveMovingButtonNext .fr-fixedAnchor_movingButton.-next {
          opacity: 1;
          visibility: visible;
        }

.section {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    width: 100%;
    margin: 0 auto;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
}

.section_play_icon {
      width: 106px;
      height: 106px
  }

.section_item {
      padding-top: 64px;
      padding-top: var(--pc-v-xxxl)
  }

.section_heading {
      margin-left: 0;
      margin-right: 0;
      font-size: 30px;
      line-height: 41px
  }

.section_subHeading {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      margin-left: 0;
      font-size: 13px
  }

.section_head {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      display: flex;
      align-items: center;
      justify-content: space-between
  }

.section_hero {
      margin: 0;
      padding-bottom: 0;
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2)
  }

.section_description {
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2)
  }

.section_commentInner {
        margin: 0;
        padding-left: calc(22.5px + 24px);
        padding-left: calc(22.5px + var(--pc-h-m));
        padding-right: calc(22.5px + 24px);
        padding-right: calc(22.5px + var(--pc-h-m))
    }

.section_commentText {
        font-size: 23px;
        line-height: 37px
    }

.section_commentText::before {
          left: calc((-22.5px + 24px * -1));
          left: calc((-22.5px + var(--pc-h-m) * -1))
      }

.section_commentText::after {
          right: calc((-22.5px + 24px * -1));
          right: calc((-22.5px + var(--pc-h-m) * -1))
      }

.section_message {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: 0;
      margin-right: 0
  }

.section_messageLogo {
        width: 148px
    }

.section_messageText {
        margin-top: 28px;
        margin-top: var(--pc-v-l);
        font-size: 23px;
        line-height: 37px
    }

.section_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-left: 0;
      margin-right: 0
  }

.section_dev {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.section_devComment {
        font-size: 16px;
        line-height: 26px;
        display: block;
        overflow: auto
    }

.section_devComment_seemore {
          display: none
      }

.section_devName {
        padding-top: 20px;
        padding-top: var(--pc-v-m);
        font-size: 16px;
        line-height: 26px
    }

.section_note {
      margin-top: 12px;
      margin-top: var(--pc-v-s);
      font-size: 14px;
      line-height: 21px
  }

.section_bff {
      padding-top: 52px;
      padding-top: var(--pc-v-xxl);
      margin-top: 0
  }

.section_products {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-right: 0;
      padding-left: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

.section_product + .section_product {
        margin-top: 0
    }

.section_product {
      width: calc(50% - 24px / 2);
      width: calc(50% - var(--pc-h-m) / 2)
  }

      .section_product:nth-child(n + 3) {
        margin-top: 20px;
        margin-top: var(--pc-v-m);
      }

.section_product_inner {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .section_product_inner[href]:hover {
          opacity: 0.6;
        }

.section_product_content {
        width: calc(50% - 24px);
        width: calc(50% - var(--pc-h-m))
    }

.section_product_gender {
        font-size: 14px;
        line-height: 21px
    }

.section_product_name {
        margin-top: 8px;
        margin-top: var(--pc-v-xs);
        font-size: 16px;
        line-height: 24px
    }

.section_product_note {
        margin-top: 8px;
        margin-top: var(--pc-v-xs);
        font-size: 14px;
        line-height: 21px
    }

.section_product_price {
        margin-top: 8px;
        margin-top: var(--pc-v-xs);
        font-size: 18px;
        line-height: 27px
    }

.about {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    width: 100%;
    margin: 64px auto 0;
    margin: var(--pc-v-xxxl) auto 0;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
}

.about_logo {
      width: 276px
  }

.about_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.about_description {
      margin-left: 0;
      margin-right: 0;
      font-size: 16px;
      line-height: 26px
  }

.about_button {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      margin-right: 0;
      margin-left: 0
  }

.about_annotation {
      margin: 12px auto 0;
      margin: var(--pc-v-s) auto 0;
      max-width: 576px;
      font-size: 13px
  }

.related {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.related_heading {
      font-size: 30px;
      line-height: 41px
  }

.related_seasonLabel {
      font-size: 14px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      padding-right: 8px;
      padding-right: var(--pc-v-xs);
      padding-left: 8px;
      padding-left: var(--pc-v-xs);
      line-height: 22px
  }

.related_seasonLabel.-noData {
        min-height: 21px;
        margin: 3px 0 0 0
    }

.related_item {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

.related_item:last-child {
        padding-right: 0;
        width: calc((100% - (24px * 3)) / 4);
        width: calc((100% - (var(--pc-h-m) * 3)) / 4)
    }

.related_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .related_itemLink:hover {
          opacity: 0.6;
        }

.-new .related_itemLink::before {
            left: 0;
            width: 46px;
            height: 46px
        }

.related_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.related_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.related_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.related_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.latest {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    margin-top: 64px;
    margin-top: var(--pc-v-xxxl);
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-right: var(--pc-h-m);
    padding-left: 24px;
    padding-left: var(--pc-h-m)
}

.latest_wrapper {
      margin-bottom: 52px;
      margin-bottom: var(--pc-v-xxl)
  }

.latest_heading {
      font-size: 30px;
      line-height: 41px
  }

.latest_seasonLabel {
      font-size: 14px;
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      padding-right: 8px;
      padding-right: var(--pc-v-xs);
      padding-left: 8px;
      padding-left: var(--pc-v-xs);
      line-height: 22px
  }

.latest_seasonLabel.-noData {
        min-height: 21px;
        margin: 3px 0 0 0
    }

.latest_item {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      width: calc((100% - (24px * 3)) / 4);
      width: calc((100% - (var(--pc-h-m) * 3)) / 4)
  }

.latest_item:last-child {
        padding-right: 0;
        width: calc((100% - (24px * 3)) / 4);
        width: calc((100% - (var(--pc-h-m) * 3)) / 4)
    }

.latest_itemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .latest_itemLink:hover {
          opacity: 0.6;
        }

.-new .latest_itemLink::before {
            left: 0;
            width: 46px;
            height: 46px
        }

.latest_category {
      margin-top: 8px;
      margin-top: var(--pc-v-xs);
      font-size: 14px;
      line-height: 26px
  }

.latest_title {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.latest_description {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 16px;
      line-height: 26px
  }

.latest_date {
      margin-top: 4px;
      margin-top: var(--pc-v-xxs);
      font-size: 14px;
      line-height: 26px
  }

.latest_btn {
      margin-left: 0;
      margin-right: 0
  }

.updateRoot[data-page-type="about"] .latest_heading, .updateRoot[data-page-type="category"] .latest_heading {
        font-size: 20px;
        line-height: 32px
    }

.section_sampling {
    padding-top: 64px;
    padding-top: var(--pc-v-xxxl);
    max-width: 1176px;
    margin: 0 auto
}

.section_sampling_title {
      margin-bottom: 28px;
      margin-bottom: var(--pc-v-l)
  }

.section_sampling_title_main {
        font-size: 36px;
        line-height: 38px
    }

.section_sampling_title_sub {
        font-size: 20px;
        line-height: 30px
    }

.section_sampling_body {
      display: flex;
      justify-content: center
  }

.section_sampling_bodyWraper {
      width: calc((100%) / 2)
  }

.section_sampling_bodyWraper + .section_sampling_bodyWraper {
        margin-left: 24px;
        margin-top: 0
    }

.section_sampling_imgWraper {
      width: 100%;
      margin-right: 24px
  }

.section_sampling_textWraper {
      width: 100%;
      margin-left: 0
  }

.section_sampling_textWraper .section_sampling_subTitle {
        margin-top: 12px;
        margin-top: var(--pc-v-s)
    }

.section_sampling_textWraper .section_sampling_description {
        font-size: 14px
    }

.section_sampling_textWraper .section_sampling_link {
        min-width: 225px
    }

.fixedModal {
    display: none
}

.section_anchor {
    width: 100%;
    margin: 28px auto 0;
    margin: var(--pc-v-l) auto 0
}

.section_anchorHead {
      margin-left: 0;
      margin-right: 0
  }

.section_anchorHeading {
      font-size: 30px;
      line-height: 41px
  }

.section_anchorList {
      border-width: 0 1px 1px 0
  }

.section_anchorItem.-new::before {
          width: 46px;
          height: 46px
      }

[data-is-odd="true"] .section_anchorItem:last-child {
        width: auto
    }

.section_anchorItem {
      font-size: 17px
  }

      [data-item-index="2"] .section_anchorItem,
      [data-item-index="2"] .section_anchorItem:last-child {
        width: 50%;
      }

      [data-item-index="3"] .section_anchorItem,
      [data-item-index="3"] .section_anchorItem:last-child {
        width: calc(100% / 3);
      }

      [data-item-index="4"] .section_anchorItem {
        width: 50%;
      }

      [data-item-index="5"] .section_anchorItem {
        width: calc(100% / 3);
      }

        [data-item-index="5"] .section_anchorItem:nth-child(4),
        [data-item-index="5"] .section_anchorItem:nth-child(5) {
          width: 50%;
        }

      [data-item-index="6"] .section_anchorItem {
        width: calc(100% / 3);
      }

      [data-item-index="7"] .section_anchorItem {
        width: 25%;
      }

        [data-item-index="7"] .section_anchorItem:nth-child(5),
        [data-item-index="7"] .section_anchorItem:nth-child(6),
        [data-item-index="7"] .section_anchorItem:nth-child(7) {
          width: calc(100% / 3);
        }

      [data-item-index="8"] .section_anchorItem {
        width: 25%;
      }

      [data-item-index="9"] .section_anchorItem {
        width: 20%;
      }

        [data-item-index="9"] .section_anchorItem:nth-child(6),
        [data-item-index="9"] .section_anchorItem:nth-child(7),
        [data-item-index="9"] .section_anchorItem:nth-child(8),
        [data-item-index="9"] .section_anchorItem:nth-child(9) {
          width: 25%;
        }

      [data-item-index="10"] .section_anchorItem {
        width: 20%;
      }

.section_anchorItemText {
        line-height: 24px;
        min-height: 80px;
        padding: 0 12px;
        padding: 0 var(--pc-h-s);
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }
        .section_anchorItemText br {
          display: none;
        }

        .section_anchorItemText:hover {
          opacity: 0.6;
        }

.section_review {
    margin-top: calc(40px - 28px);
    margin-top: calc(var(--pc-v-xl) - var(--pc-v-l));
    padding-top: 28px;
    padding-top: var(--pc-v-l)
}

.section_reviewTitle {
      font-size: 23px;
      line-height: 37px
  }

.section_reviewList {
      margin-top: 28px;
      margin-top: var(--pc-v-l)
  }

.section_reviewItem {
      width: 50%
  }

.section_reviewItemContainer {
        margin: 0;
        padding-left: calc(22.5px + 24px);
        padding-left: calc(22.5px + var(--pc-h-m));
        padding-right: calc(22.5px + 24px);
        padding-right: calc(22.5px + var(--pc-h-m))
    }

.section_reviewHead {
      flex: 1;
      padding-top: 12px;
      padding-top: var(--pc-v-s)
  }
  
      .section_reviewHead::before,
      .section_reviewHead::after {
        width: 19px;
        height: 17px;
      }
  
      .section_reviewHead::before {
        top: -3px;
        left: calc(-1 * (19px + 12px));
        left: calc(-1 * (19px + var(--pc-h-s)));
      }
  
      .section_reviewHead::after {
        right: calc(-1 * (19px + 12px));
        right: calc(-1 * (19px + var(--pc-h-s)));
        bottom: 0;
      }

.section_reviewHeading {
      font-size: 16px;
      line-height: 24px
  }

.section_reviewComment {
      font-size: 14px;
      line-height: 20px
  }

.section_reviewStars {
      padding-top: 12px;
      padding-top: var(--pc-v-s);
      text-align: center
  }

.section_reviewStar {
      font-size: 14px
  }

.section_reviewAttribute {
      font-size: 14px;
      line-height: 20px;
      padding-top: 12px;
      padding-top: var(--pc-v-s)
  }

.section_styling {
    margin-top: calc(40px - 28px);
    margin-top: calc(var(--pc-v-xl) - var(--pc-v-l));
    padding-top: 28px;
    padding-top: var(--pc-v-l)
}

.section_stylingTitle {
      font-size: 23px;
      line-height: 37px
  }

.section_stylingList {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      padding-right: 0
  }

.section_stylingList .swiper-wrapper.-desktop-center {
        justify-content: center
    }

.section_stylingItemLink {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .section_stylingItemLink:hover {
          opacity: 0.6;
        }

.section_stylingItemNote {
        margin-top: 12px;
        margin-top: var(--pc-v-s);
        margin-left: 12px;
        margin-left: var(--pc-h-s);
        margin-right: 12px;
        margin-right: var(--pc-h-s);
        font-size: 14px;
        line-height: 20px
    }

.section_stylingButton {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0
  }

.section_stylingButton a {
        transition: opacity 0.6s;
        transition: opacity var(--transition-speed-normal)
    }

        .section_stylingButton a:hover {
          opacity: 0.6;
        }

.section_styling .styleHintStyling {
      padding-bottom: 28px
  }

.section_styling .styleHintStyling_container {
        padding-left: 0
    }

.section_updatePoint {
    padding-top: 52px;
    padding-top: var(--pc-v-xxl);
    max-width: 596px;
    margin: 0 auto
}

.section_updatePoint_title {
      margin-bottom: 28px;
      margin-bottom: var(--pc-v-l)
  }

.section_updatePoint_title_main {
        font-size: 36px;
        line-height: 38px
    }

.section_updatePoint_title_sub {
        font-size: 20px;
        line-height: 30px
    }

.section_updatePoint_body + .section_updatePoint_body {
        margin-top: 28px;
        margin-top: var(--pc-v-l)
    }

.section_updatePoint_subTitle {
      font-size: 20px;
      line-height: 21px;
      margin-bottom: 12px;
      margin-bottom: var(--pc-v-s)
  }

.section_updatePoint_bodyWraper.imagePlusText .section_updatePoint_description {
          font-size: 16px;
          line-height: 29px;
          margin-left: 20px;
          margin-left: var(--pc-v-m)
      }

.section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="172:172"] {
        width: 276px
    }

.section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="1:1"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="4:3"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="16:9"],
    .section_updatePoint_imgWraper .u-imgAdjustBox[data-aspect-ratio="3:4"] {
        width: 576px
    }

.section_updatePoint_imgWraper[data-aspect-ratio="1:1"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="4:3"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="16:9"] + .section_updatePoint_description, .section_updatePoint_imgWraper[data-aspect-ratio="3:4"] + .section_updatePoint_description {
          margin-top: 12px;
          margin-top: var(--pc-v-s)
      }

.section_updatePoint_img {
      width: 276px
  }

.section_updatePoint_play {
      width: 106px;
      height: 106px
  }

.section_updatePoint_description {
      font-size: 16px;
      line-height: 29px
  }

.section_relatedContents {
    padding-top: 52px;
    padding-top: var(--pc-v-xxl);
    margin: 0 auto
}

.section_relatedContents_title {
      font-size: 23px;
      line-height: 37px;
      margin-bottom: 28px;
      margin-bottom: var(--pc-v-l)
  }

.section_relatedContents_body {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-right: 0;
      padding-left: 0
  }

.section_relatedContents_body + .section_relatedContents_body {
        margin-top: 28px;
        margin-top: var(--pc-v-l)
    }

.section_relatedContents_text {
      margin-left: 20px;
      margin-left: var(--pc-v-m);
      width: calc(50% - 24px);
      width: calc(50% - var(--pc-h-m))
  }

.section_relatedContents_subTitle {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 12px;
      margin-bottom: var(--pc-v-s)
  }

.section_relatedContents_bodyWraper {
      width: calc((100% - 24px) / 2);
      width: calc((100% - var(--pc-h-m)) / 2)
  }
      .section_relatedContents_bodyWraper + .section_relatedContents_bodyWraper {
        margin-top: 0;
      }

      .section_relatedContents_bodyWraper:nth-child(2n + 3),
      .section_relatedContents_bodyWraper:nth-child(2n + 4) {
        margin-top: 20px;
        margin-top: var(--pc-v-m);
      }

.section_relatedContents_bodyWraper .section_relatedContents_description {
        font-size: 16px;
        line-height: 29px
    }

.section_relatedContents_img {
      width: 276px
  }

.section_relatedContents_description {
      font-size: 16px;
      line-height: 29px
  }

.section_recommended {
    padding-top: 28px;
    padding-top: var(--pc-v-l);
    margin-top: calc(40px - 28px);
    margin-top: calc(var(--pc-v-xl) - var(--pc-v-l))
}

.section_recommendedTitle {
      font-size: 23px;
      line-height: 37px
  }

.section_recommendedList {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      padding-right: 0
  }

.section_recommended_container {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1
  }

.section_limitedOffer {
    max-width: 1224px;
    max-width: var(--pc-device-width-include-margin);
    width: 100%;
    margin: calc(64px) auto 0 auto;
    margin: calc(var(--pc-v-xxxl)) auto 0 auto;
    padding: 0 24px;
    padding: 0 var(--pc-h-m)
}

.section_limitedOffer_head {
      margin-left: 0;
      margin-right: 0
  }

.section_limitedOffer_heading {
      font-size: 30px;
      line-height: 41px
  }

.section_limitedOfferList {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-left: 0;
      padding-right: 0
  }

.section_limitedOffer_container {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1
  }

.section_limitedOffer_progress {
      padding-bottom: 12px;
      padding-bottom: var(--pc-v-s)
  }

.section_limitedOffer_progress_wrapper {
        margin-top: 0
    }

.section_limitedOffer_progress_text {
        font-size: 14px;
        display: flex;
        align-items: center
    }

.section_limitedOffer_progress_time {
        font-size: 24px
    }

.section_limitedOffer_progress_time:first-of-type {
          margin-left: 12px
      }

.styleHintStyling .styleHintStyling_container {
      margin-top: 28px;
      margin-top: var(--pc-v-l);
      padding-bottom: 28px
  }

.styleHintStyling [data-column="2"],
  .styleHintStyling [data-column="3"],
  .styleHintStyling [data-column="4"] {
      margin-right: auto;
      margin-left: auto
  }

.styleHintStyling [data-column="3"],
  .styleHintStyling [data-column="4"] {
      margin-bottom: 0
  }

.styleHintStyling_container[data-column="1"].-pcCenter .swiper-wrapper,
  .styleHintStyling_container[data-column="2"].-pcCenter .swiper-wrapper {
      justify-content: center
  }

.styleHintStyling [data-column="2"] .swiper-slide {
      width: calc(100% / 4 - 1px)
  }

.styleHintStyling [data-column="3"] .swiper-slide {
      width: calc(100% / 4 - 1px)
  }

.styleHintStyling [data-column="3"] .swiper-slide,
  .styleHintStyling [data-column="4"] .swiper-slide {
      margin-bottom: 0
  }

.styleHintStyling_userInfo {
      padding: 12px 8px 0
  }

.styleHintStyling [data-column="2"] .styleHintStyling_userInfo {
      padding: 12px 8px 30px
  }

.styleHintStyling_button {
      font-size: 17px;
      margin-top: 28px;
      margin-right: auto;
      margin-left: auto;
      max-width: 576px
  }

.styleHintStyling.-section {
      padding-bottom: 28px
  }

.styleHintStyling.-section .styleHintStyling_container {
        padding-left: 0
    }

.styleHintStylingPagination,
.styleHintStylingButtonPrev,
.styleHintStylingButtonNext {
    display: block
}
  }

@media screen and (max-width: 812px) {
    [data-sp-aspect-ratio="1:1"]::before {
      padding-top: 100%;
    }
    [data-sp-aspect-ratio="2:1"]::before {
      padding-top: 50%;
    }
    [data-sp-aspect-ratio="3:1"]::before {
      padding-top: 33.3333%;
    }
    [data-sp-aspect-ratio="3:4"]::before {
      padding-top: 133.3333%;
    }
    [data-sp-aspect-ratio="4:3"]::before {
      padding-top: 75%;
    }
    [data-sp-aspect-ratio="16:9"]::before {
      padding-top: 56.25%;
    }
    [data-sp-aspect-ratio="172:172"]::before {
      padding-top: 100%;
    }

[data-component-type="ProductGrid"] .fr-bff-product_content {
      padding: 0 calc(4vw / 2) 0 4vw;
      padding: 0 calc(var(--sp-h-1g) / 2) 0 var(--sp-h-1g)
  }

[data-component-type="ProductGrid"] .fr-bff-product_colorChips_container {
      margin-top: 15px;
      margin-top: var(--sp-v-m);
      padding: 0 calc(4vw / 2) 0 4vw;
      padding: 0 calc(var(--sp-h-1g) / 2) 0 var(--sp-h-1g)
  }

[data-component-type="ProductGrid"] .fr-bff-product:nth-child(2n) .fr-bff-product_content,
  [data-component-type="ProductGrid"] .fr-bff-product:nth-child(2n) .fr-bff-product_colorChips_container {
      padding: 0 4vw 0 calc(4vw / 2);
      padding: 0 var(--sp-h-1g) 0 calc(var(--sp-h-1g) / 2)
  }

.modalWearingParent_contents {
          bottom: 0;
          overflow-x: hidden;
          overflow-y: auto;
          overflow: hidden auto
      }
          .modalWearingChild_container +.Modal_Close_Bottom {
            position: unset;
          }

.modalWearingContent_video .ariake-modalVideo {
            position: relative;
            transform: none
        }

.js-animationLogo {
    min-height: 7em
}

.fr-animation-balloon {
    width: 80%;
    background-size: 94px 94px;
    min-height: 7em
}

.fr-animation-logo {
    width: 80%;
    background-size: 47px 47px;
    min-height: 7em
}

.noProductBox {
    padding-top: 30px;
    margin-top: 6px;
    margin-right: 4vw;
    margin-right: var(--sp-h-1g);
    margin-left: 4vw;
    margin-left: var(--sp-h-1g)
}

.noProductBox_inner {
      min-height: 60px;
      min-height: var(--sp-v-xxxl)
  }
      .section_recommendedList .swiper-button-prev,
      .section_recommendedList .swiper-button-next {
        display: none;
      }
      .section_limitedOfferList .swiper-button-prev,
      .section_limitedOfferList .swiper-button-next {
        display: none;
      }
  }

@media screen and (min-width: 876px) {
    .modal.-favoriteList .modal_contentsInner {
      max-width: 876px;
    }
  }

@media screen and (max-height: 670px) {

.Modal_ContentsInner[data-aspect-ratio="3:4"] {
          padding-bottom: unset
      }

          .Modal_ContentsInner[data-aspect-ratio="3:4"] .Modal_header {
            padding-top: 9px;
            padding-top: var(--sp-v-s);
          }
          
          .Modal_ContentsInner[data-aspect-ratio="3:4"] .Modal_Close_Bottom {
            position: relative;
            bottom: unset;
            margin-top: 21px;
            margin-top: var(--sp-v-l);
            margin-bottom: 21px;
            margin-bottom: var(--sp-v-l);
          }

.ariake-modalVideo[data-aspect-ratio="3:4"] {
      position: relative;
      top: unset;
      transform: unset;
      margin-top: 9px;
      margin-top: var(--sp-v-s)
  }
        }

@media screen  and (min-width: 813px) {

.tester_imgBlock_logoImage {
          margin: 22px
      }
        }