@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200;300;400;500;600;700;800;900&display=swap");
/*--==RESET====================--*/
figure,
p {
  margin: 0;
}
body {
  color: #353737;
  font-weight: 300;
}
h2,
h3 {
  font-weight: 300;
  border: 0 none;
  padding-top: 0;
}
#main {
  margin-top: 0;
  margin-bottom: 0;
}
#main > .row {
  max-width: none;
}
#primary.column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*--==Global Menu============================================--*/
@media screen and (min-width: 766px) {
  .is-homepage .header-top-outer {
    top: 0;
    z-index: 9999;
    margin-top: 0;
    background: #000;
  }
  .header-top-outer .logo a {
    position: relative;
    display: inline-block;
    z-index: 9999;
  }
  /*--Global nav--*/
  #minimized-header-container {
    position: fixed;

    /* position: absolute; */
    top: 0;
    width: 100vw;
    visibility: visible;
    opacity: 1;
    border-bottom: none;
  }
  .is-homepage #minimized-header-container {
    z-index: 9998;
  }
  .is-homepage #minimized-header-container ul.user-bag {
    top: 20px;
    right: 20px;
  }
  #wrapper .bounder-block {
    top: 0;
  }
  .column.column-hide-xs {
    padding-left: 0;
    padding-right: 0;
  }
  /*--Global nav [user account]--*/
  .account-info a {
    color: #fff;
  }
  .bubble:before,
  .bubble::after {
    right: initial;
    left: 50%;
  }
  #minimized-header-container.shop .account-info a {
    color: #000;
  }
  /*--Global nav [cart]--*/
  #mini-cart .inactiveLink {
    color: #fff;
  }
  .mini-cart-total .mini-cart-link .minicart-quantity {
    color: #000;
    background: #fff;
  }
  #minimized-header-container.shop #mini-cart .inactiveLink {
    color: #000;
  }
  #minimized-header-container.shop .mini-cart-total .mini-cart-link .minicart-quantity {
    color: #fff;
    background: #000;
  }
  .is-homepage #minimized-header-container .cart-text {
    color: #fff;
  }
  .is-homepage #minimized-header-container.shop .cart-text {
    color: #000;
  }
  .iconfont-bag:before {
    color: #fff;
  }
  .shop .iconfont-bag:before {
    color: #000;
  }
  /*--Global nav [menu btn]--*/
  #nav-icon {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 850px;
    margin: 0 auto;
    z-index: 9999;

    text-align: right;
    top: 18px;
    display: block !important;
  }
  #nav-icon.open .menu-bar {
    opacity: 0;
    margin-left: 0;
    transition: all 0.3s ease;
  }
  #nav-icon span {
    color: #fff;
    font-size: 30px;
  }
  .iconfont-menu:before {
    color: #fff;
    font-size: 30px;
  }
  #nav-icon .menu-bar-close {
    right: 0;
    left: initial;
    width: 40px;
    text-align: right;
  }
  #nav-icon.open .menu-bar-close {
    position: relative;
    left: 0;
    z-index: 9999;
  }
  .iconfont-menu {
    margin-right: 20px;
  }
  #nav-icon .menu-bar-close [class^="iconfont"] {
    margin-right: 30px;
  }
  .header-top-outer.shop .iconfont-menu:before {
    color: #000;
  }
  /*--Global navigation--*/
  #navigation {
    opacity: 0;
    position: absolute;
    top: 0 !important;
    left: -100%;
    height: 100vh;
    padding-top: 50px;
    background: rgba(2, 2, 2, 0.98);
    transition: all ease 0.5s;
    z-index: 1000;
  }
  #navigation.active {
    top: 0 !important;
    left: 0;
    opacity: 1;
    transition: all ease 0.5s;
    overflow-y: auto;
  }
  .menu-list {
    border: none;
    padding-bottom: 0;
  }
  .level-1-inner {
    display: block;
    background: none;
  }
  .level-1-inner li {
    display: block;
    padding-bottom: 10px;
  }
  .is-homepage .level-1-inner li a {
    color: #fff;
    padding: 50px 0 15px;
  }
  .is-homepage .level-1-inner li a,
  .is-homepage .level-1-inner li span {
    display: inline-block;
    color: #fff;
    padding: 20px 0 27px;
    margin: 0;
  }
  .level-1-inner li a::after,
  .level-1-inner li span::after {
    border-bottom: 2px solid rgb(249 249 249);
  }
  .level-1-inner li:hover a::after,
  .level-1-inner li:hover span::after {
    transition: all 0.5s ease;
    border-bottom: 2px solid #ffffff;
  }
  .level-2 {
    position: static;
    visibility: initial;
    opacity: 1;
    background: none;
    transform: none;
    box-shadow: none;
  }
  .level-2 .content-column {
    display: none;
  }
  .level-2 .sub-level-wrapper ul {
    display: flex;
  }
  .level-2 .sub-level-wrapper ul.hasContentAssets {
    margin-bottom: 0;
  }
  .level-2 .sub-level-wrapper ul li.level-2-link {
    height: auto;
  }
  .has-sub-menu.hover .level-2,
  .has-sub-menu:focus .level-2 {
    transform: none;
  }
  .is-homepage .level-2 a.category-header,
  .is-homepage .level-2 span.category-header {
    padding: 15px 0 10px;
  }
  .level-2 .hasContentAssets a.category-header,
  .level-2 .hasContentAssets span.category-header {
    padding: 15px 0 10px;
  }
  .level-2 li a:focus,
  .level-2 li a:hover,
  .level-2 li span:focus,
  .level-2 li span:hover {
    border: none;
    color: #fff;
  }
  .level-2 a.category-header:focus,
  .level-2 a.category-header:hover,
  .level-2 span.category-header:focus,
  .level-2 span.category-header:hover {
    color: #fff;
    opacity: 0.6;
  }
  /*--Global navigation [search]--*/
  #search {
    position: static;
    margin-bottom: 30px;
    visibility: initial;
    opacity: 1;
    background: none;
    box-shadow: none;
  }
  #search form {
    display: block;
  }
  .icon-search:before {
    color: #fff;
  }
  #search form input {
    padding-left: 30px;
  }
  #search button {
    position: absolute;
    top: 12px;
    left: 0;
  }
  #search button span {
    color: #fff;
  }
  #search #close-search {
    display: none;
  }
  /*--mobile-menu-bottom--*/
  .mobile-menu-bottom {
    display: block;
  }
  .show-for-small-only {
    display: block !important;
  }
  .language-mobile .btn-language a {
    color: #fff;
  }
  .select-country {
    color: #fff;
    padding: 30px 0 50px;
  }
  .membersclub-in-nav a {
    color: #fff;
  }
  .language .btn-language .show-dropdown {
    border-bottom: 1px solid #fff;
  }
  .language .btn-language ul.language-dropdown {
    border: 1px solid #fff;
    background-color: #000;
  }
  .search-language {
    display: none;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  #nav-icon {
    width: 65vw;
  }
}
@media (min-width: 766px) and (max-width: 1100px) {
  #nav-icon {
    width: 80vw;
  }
}
@media screen and (max-width: 767px) {
  .is-homepage .header-top-outer {
    background: #000;
  }
  .iconfont-menu:before,
  #minimized-header-container ul.user-bag > li .iconfont-22,
  .is-homepage #minimized-header-container .account-text,
  .is-homepage #minimized-header-container .cart-text,
  .icon-search:before,
  .iconfont-close:before,
  .iconfont-arrowright:before,
  .header-top-outer .icon-chevron-thin-down:before,
  .is-homepage .level-1-inner li a,
  #navigation .language .btn-language .show-dropdown {
    color: #fff;
  }
  .is-homepage .mini-cart-total .mini-cart-link .minicart-quantity {
    color: #000;
    background: #fff;
  }
  #navigation.active,
  .header-search .field-button-container,
  .level-1-inner,
  .level-2 .sub-level-wrapper.row-expanded {
    color: #fff;
    background: #000;
  }
  #navigation .language .btn-language .show-dropdown,
  .header-search .field-button-container {
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .header-top-outer {
    border: none;
  }
}
/*--==yohji-yamamoto_empowerizer_special====================--*/
/*--==common==--*/
#wrapper {
  overflow: clip;
}
#primary > .content-asset {
  background: #000;
}
#yy {
  height: 100%;
  background: #000;
}
#yy .block-container {
  /* position: -webkit-sticky;
  position: sticky; */
  top: 0;
  width: 100%;
  height: 100vh;
  /* padding-top: 10%; */
  /* display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column; */
  /* border: #fff 1px solid; */
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy .block-container {
    /* position: -webkit-sticky;
   position: sticky; */
    width: 100%;
    height: 100vh;
  }
}
#yy #kv {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
  background: #000;
}
#yy #visual {
  display: block;
  padding-bottom: 50px;
  overflow-y: hidden;
  z-index: 10;
  background: #000;
}
#yy #philosophy {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  background: #000;
}
#yy #philosophy-sp {
  display: none;
}
#yy #empowerment {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 12;
  background: #000;
}
#yy #only {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 13;
  background: #000;
}
#yy #product {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 14;
  background: #000;
}
#yy #shop {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15;
  background: #fff;
}
#yy .inner-cont {
  max-width: 1220px;
  margin: 0 auto;
}
#yy .scroll-sp {
  width: 100%;
}
#yy picture img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #yy #kv {
    position: relative;
    height: auto;
  }
  #yy #kv .scroll-sp {
    position: relative;
    display: block;
    padding-bottom: 70vw;
    height: auto;
  }
  #yy #visual {
    position: relative;
    display: block;
  }
  #yy #visual .scroll-sp {
    flex-wrap: wrap;
    height: 100vh;
  }
  #yy #philosophy {
    position: relative;
    height: auto;
    padding: 20vw 0;
  }
  #yy #philosophy-sp {
    display: block;
    height: auto;
    padding: 0 0 20vw;
  }
  #yy #empowerment {
    position: relative;
    height: auto;
  }
  #yy #only {
    position: relative;
    padding: 15vw 0 0;
    height: auto;
  }
  #yy #product {
    position: relative;
  }
  #yy #shop {
    position: relative;
    height: auto;
  }
  #yy .inner-cont {
    max-width: initial;
    width: 89.3vw;
  }
  #yy .scroll-sp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}

/*--font--*/
#yy .font-gothic {
  /* font-family: "Gothic A1", sans-serif; 
  font-family: trade-gothic-next, Arial, "Helvetica Neue", sans-serif !important;*/
}
#yy h2 {
  color: #fff;
  font-size: clamp(18px, calc(9.518167456556082px + 1.1058451816745656vw), 25px);
  font-weight: 500;
  text-align: center;
}
#yy p {
  color: #fff;
  font-size: clamp(12px, calc(9.576619273301738px + 0.315955766192733vw), 14px);
  line-height: 2;
}
#yy .fw7 {
  display: inline !important;
  font-weight: 700;
}
/*--link--*/
#yy a {
  color: #fff;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}
@media screen and (min-width: 766px) {
  #yy a:hover {
    opacity: 0.6;
  }
}
#yy .btn-cart.soon a {
  pointer-events: none;
}
#yy .btn-detail a,
#yy .btn-cart a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 11px 0 10px;
}
#yy .btn-cart a {
  color: #fff;
}
#yy .btn-detail {
  width: 263px;
  font-size: clamp(0.688rem, 0.533rem + 0.33vw, 0.875rem);
  /*11px/14px*/
  text-align: center;
  margin: 0 0 12px 0;
  background: #fff;
  border: 1px solid #000000;
}
#yy .btn-cart {
  width: 263px;
  font-size: clamp(0.688rem, 0.533rem + 0.33vw, 0.875rem);
  /*11px/14px*/
  text-align: center;
  background: #aaa;
}
@media screen and (max-width: 767px) {
  #yy .btn-detail a,
  #yy .btn-cart a {
    padding: 2.4vw 0 2.667vw;
  }
  #yy .btn-detail {
    width: 37.333vw;
    font-size: clamp(0.688rem, -0.03rem + 3.06vw, 1.438rem);
    /*11px/14px*/
    margin: 0;
  }
  #yy .btn-cart {
    width: 37.333vw;
    font-size: clamp(0.688rem, -0.03rem + 3.06vw, 1.438rem);
    /*11px/23px*/
  }
}
/*--arrow--*/
#yy .arrow-cont {
  max-width: 986px;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  margin: 30px auto 0;
}
#yy .arrow {
  /* margin: auto 0 0 0; */
  margin-left: 150px;
  display: inline-block;
  /* animation: fadeInarrow 3s ease-in 3s forwards, updown 1s ease-in 3.5s infinite alternate; */
  opacity: 0;
}
@media screen and (min-width: 766px) {
  #yy .block-container.active .arrow {
    cursor: pointer;
    animation: fadeInarrow 1s ease-in 2s forwards, updown 1s ease-in 3.5s infinite alternate;
  }
}
@media (min-width: 766px) and (max-width: 1366px) {
  #yy .arrow {
    margin-left: 5S0px;
  }
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy .arrow-cont {
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 767px) {
  #yy .arrow-cont {
    display: none;
    margin: 3vw auto 0;
  }
  #yy .arrow {
    margin-left: 10vw;
  }
  #yy .arrow.active {
    animation: fadeInarrow 1s ease-in 2s forwards, updown-sp 1s ease-in 3.5s infinite alternate;
  }
  /* #yy .scroll-sp.active .arrow {
    animation: fadeInarrow 1s ease-in 2s forwards, updown 1s ease-in 3.5s infinite alternate;
  } */
  #yy .arrow-cont a {
    padding-bottom: 5vw;
  }
}
@keyframes fadeInarrow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes updown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes updown-sp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

/*--pc&sp--*/
#yy .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #yy .pc {
    display: none;
  }
  #yy .sp {
    display: block;
  }
}

/*--fade--*/
#yy .fade {
  transition: 1s;
  opacity: 0;
}
#yy .fade_dl {
  transition-delay: 0.5s;
}
#yy .fade_dl_1 {
  transition-delay: 1s;
}
#yy .fade_dl_2 {
  transition-delay: 2s;
}
#yy .fade_dl_3 {
  transition-delay: 3s;
}
#yy .fade_dl_4 {
  transition-delay: 4s;
}
#yy .fade_dl_5 {
  transition-delay: 5.5s;
}
#yy .fade_in {
  transform: translate3d(0, 0, 0);
  opacity: 0;
}
#yy .fade_up {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
}
#yy .fade_left {
  transform: translate3d(-50px, 0, 0);
  opacity: 0;
}
#yy .fade_right {
  transform: translate3d(50px, 0, 0);
  opacity: 0;
}
#yy .fade.act {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#yy .anima-txt {
  opacity: 0;
}
#yy .anima-txt span {
  opacity: 0;
  transition: 0.6s ease-in-out;
}
#yy .anima-txt span.st {
  font-weight: 700;
}
#yy .anifade {
  opacity: 0;
}
#yy .anime_dl {
  animation-delay: 0.5s;
}
#yy .anime_dl_1 {
  animation-delay: 1s;
}
#yy .anime_dl_2 {
  animation-delay: 2s;
}
#yy .anime_dl_3 {
  animation-delay: 3s;
}
#yy .anime_dl_4 {
  animation-delay: 4s;
}
#yy .anime_dl_5 {
  animation-delay: 5.5s;
}
#yy .anifade.anime_up.act {
  animation-name: FadeUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes FadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

#yy .fix-ttl {
  position: fixed;
  top: 20px;
  z-index: 99;
  left: 0;
  right: 0;
  max-width: 1220px;
  height: 0;
  color: #fff;
  /* font-size: clamp(14px, calc(1.3076923076923084px + 1.6923076923076923vw), 25px); */
  /* font-size: clamp(14px, calc(3.615384615384615px + 1.3846153846153846vw), 23px); */
  font-weight: 400;
  margin: 0 auto;
  opacity: 0;
  /* transform: translate3d(50px, 0, 0); */
}
#yy .fix-ttl.act {
  opacity: 1;
}
#yy .fix-ttl h2 {
  font-size: clamp(14px, calc(3.615384615384615px + 1.3846153846153846vw), 23px);
  text-align: left;
  font-weight: 300;
  line-height: 1.2;
  transform: translate3d(50px, 0, 0);
  opacity: 0;
  transition: 1s;
}
#yy .fix-ttl h2 span {
  font-weight: 900;
}
#yy .fix-ttl.act h2 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#yy .fix-ttl.shop h2 {
  color: #000;
}
@media screen and (max-width: 767px) {
  #yy .fix-ttl {
    top: 0;
  }
  #yy .fix-ttl h2 {
    padding: 3vw 3vw 0 5vw;
  }
  #yy .fix-ttl.act h2 {
    padding-bottom: 1vw;
    background: #000;
  }
}
/*--==kv==--*/
#yy #kv .kvpro {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  /* padding-bottom: 220px; */
  animation-name: TopAnime;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
#yy #kv .kvpro img {
  max-width: 1250px;
  width: 90%;
  height: auto;
  margin: 0 0 0 auto;
  opacity: 1;
}
@keyframes TopAnime {
  from {
    opacity: 0;
    transform: scale(1.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
#yy #kv .inner-cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1220px;
  width: 100vw;
  height: 100%;
  padding: 80px 0 0 20px;
  margin: 0 auto;
  z-index: 1;
}
#yy #kv h1 {
  max-width: 280px;
  width: 37.506vw;
  margin-bottom: 100px;
}
#yy #kv h1.copy-en,
#yy #kv h1.copy-cn {
  margin-left: -3px;
}
#yy #kv h1 object {
  max-width: 250px;
  width: 37.506vw;
}
#yy #kv .autograph {
  position: absolute;
  top: 665px;
  right: 0;
  max-width: 250px;
  width: 34.714vw;
}
#yy #kv .autograph object {
  max-width: 250px;
  width: 32.595vw;
}
#yy #kv p.pos {
  /* font-size: clamp(18px, calc(15.576619273301738px + 0.315955766192733vw), 20px); */
  font-size: clamp(14px, calc(9.153238546603475px + 0.631911532385466vw), 16px);
  margin-bottom: 100px;
}
#yy #kv p.pos span {
  display: block;
  backface-visibility: hidden;
}
#yy #kv p.proname {
  font-size: clamp(12px, calc(9.576619273301738px + 0.315955766192733vw), 14px);
  line-height: 1.8;
}
#yy #kv p.proname span {
  display: block;
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy #kv .kvpro {
    width: 60vw;
  }
  #yy #kv .kvpro img {
    width: 60vw;
  }
  #yy #kv h1 {
    margin-bottom: 50px;
  }
  #yy #kv .autograph {
    top: 30vw;
    width: 28vw;
  }
  #yy #kv p.pos {
    top: 36vw;
  }
}
@media screen and (max-width: 767px) {
  #yy #kv .kvpro {
    max-width: initial;
    width: 100%;
  }
  #yy #kv .kvpro img {
    width: 100%;
  }
  #yy #kv .inner-cont {
    width: 90vw;
    padding: 1vw 0 0 0;
  }
  #yy #kv h1 {
    margin-bottom: 0;
  }
  #yy #kv .autograph {
    top: 97vw;
    right: 0;
    width: 40.714vw;
  }
  #yy #kv .autograph object {
    max-width: initial;
    width: 40.714vw;
  }
  #yy #kv p.pos {
    position: absolute;
    bottom: 5vw;
    font-size: 14px;
    line-height: 1.8;
  }
  #yy #kv p.proname {
    position: absolute;
    bottom: 5vw;
    font-size: 12px;
    line-height: 1.8;
  }
}
@media (max-width: 767px) and (max-height: 800px) {
  #yy #kv p.pos {
    bottom: 0vw;
  }
}
/*--==//kv==--*/
/*--==visual==--*/
#yy #visual .video {
  width: 100%;
  margin: 0 auto;
}
#yy #visual .video video {
  width: 100%;
  cursor: default;
}
#yy #visual .video.tb {
  display: none;
}
@media (min-width: 766px) and (max-width: 1366px) {
  #yy #visual .video.pc {
    display: none;
  }
  #yy #visual .video.tb {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #yy #visual .video {
    width: 100%;
    height: 75%;
  }
}
/*--==//visual==--*/

/*--==philosophy==--*/
#yy #philosophy h2 {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 766px) {
  #yy #philosophy .inner-cont {
    padding: 0 110px;
  }
  #yy #philosophy .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: left;
  }
  #yy #philosophy .grid .grid-01 {
    grid-area: 1 / 1 / 2 / 2;
  }
  #yy #philosophy .grid .grid-02 {
    grid-area: 1 / 2 / 2 / 3;
    transition-delay: 0.2s;
  }
  #yy #philosophy .grid .grid-03 {
    grid-area: 1 / 3 / 2 / 4;
    transition-delay: 0.4s;
  }
  #yy #philosophy .grid .grid-04 {
    grid-area: 1 / 4 / 2 / 5;
    transition-delay: 0.6s;
  }
  #yy #philosophy .grid .grid-05 {
    grid-area: 2 / 1 / 3 / 2;
    transition-delay: 0.7s;
  }
  #yy #philosophy .grid .grid-06 {
    grid-area: 2 / 2 / 3 / 3;
    transition-delay: 0.9s;
  }
  #yy #philosophy .grid .grid-07 {
    grid-area: 2 / 3 / 3 / 4;
    transition-delay: 1.1s;
  }
  #yy #philosophy .grid .grid-08 {
    grid-area: 2 / 4 / 3 / 5;
    transition-delay: 1.3s;
  }
  #yy #philosophy .grid .grid-item {
    position: relative;
    overflow: hidden;
  }
  #yy #philosophy .grid picture img {
    transition: 1s all;
    cursor: pointer;
  }
  #yy #philosophy .grid picture img:hover {
    transform: scale(1.3, 1.3);
  }
  #yy #philosophy .grid .zoom {
    position: absolute;
    bottom: 3px;
    right: 3px;
  }
  /*--lightbox--*/
  .lb-outerContainer {
    margin: 8% auto 0;
    background: #000;
  }
  .lightbox .lb-image {
    border: none;
  }
  .lb-nav a.lb-prev {
    margin-left: -80px;
    background: url(../../images/yohji-yamamoto_empowerizer_special/prev.png) left 48% no-repeat;
    opacity: 1;
  }
  .lb-nav a.lb-next {
    margin-right: -80px;
    background: url(../../images/yohji-yamamoto_empowerizer_special/next.png) right 48% no-repeat;
    opacity: 1;
  }
  .lb-data .lb-close {
    background: url(../../images/yohji-yamamoto_empowerizer_special/close.png) top right no-repeat;
  }
  .lb-number {
    display: none !important;
  }
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy #philosophy h2 {
    margin-top: 20px;
  }
  #yy #philosophy .inner-cont {
    padding: 0 175px;
  }
  #yy #philosophy .grid {
    grid-column-gap: 0;
    grid-row-gap: 7px;
  }
  #yy #philosophy .grid img {
    width: 90%;
  }
  #yy #philosophy .grid .zoom {
    right: 12px;
  }
  #yy #philosophy .modal_container {
    width: min(calc(100% - 40px), 570px);
  }
  .lb-outerContainer {
    margin: 5% auto 0;
  }
  .lightbox .lb-image {
    max-width: 696px;
    width: 60vh !important;
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  #yy #philosophy .inner-cont {
    text-align: center;
    padding-top: 0;
    padding-bottom: 10vw;
  }
  #yy #philosophy .philosophy-slide {
    position: relative;
    width: 75vw;
    margin: 8vw auto 0;
  }
  #yy #philosophy .philosophy-slide .swiper-slide picture img {
    /* opacity: 1; */
    width: 100%;
  }
  #yy #philosophy .philosophy-slide .swiper-button-prev {
    display: block;
    left: -25px;
    width: 1.825vw;
    color: #fff;
  }
  #yy #philosophy .philosophy-slide .swiper-button-next {
    display: block;
    right: -25px;
    width: 1.825vw;
    color: #fff;
  }
  #yy #philosophy .philosophy-slide .swiper-button-next:after,
  #yy #philosophy .philosophy-slide .swiper-button-prev:after {
    font-size: 18px;
  }
  #yy #philosophy .grid .zoom {
    display: none;
  }
}
/*--==//philosophy==--*/
/*--==philosophy-sp==--*/
@media screen and (max-width: 767px) {
  #yy #philosophy-sp .inner-cont {
    text-align: center;
    padding-top: 0;
    padding-bottom: 10vw;
  }
  #yy #philosophy-sp .philosophy-slide {
    position: relative;
    width: 75vw;
    margin: 8vw auto 0;
  }
  #yy #philosophy-sp .philosophy-slide .swiper-slide picture img {
    /* opacity: 1; */
    width: 100%;
  }
  #yy #philosophy-sp .philosophy-slide .swiper-button-prev {
    display: block;
    left: -25px;
    width: 1.825vw;
    color: #fff;
  }
  #yy #philosophy-sp .philosophy-slide .swiper-button-next {
    display: block;
    right: -25px;
    width: 1.825vw;
    color: #fff;
  }
  #yy #philosophy-sp .philosophy-slide .swiper-button-next:after,
  #yy #philosophy-sp .philosophy-slide .swiper-button-prev:after {
    font-size: 18px;
  }
}
/*--==//philosophy sp==--*/

/*--==empowerment==--*/
#yy #empowerment h2 {
  margin-bottom: 40px;
}
#yy #empowerment p {
  text-align: center;
}
#yy #empowerment .empowerment-list {
  display: flex;
  justify-content: space-between;
  margin: 70px auto 0;
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy #empowerment h2 {
    margin-bottom: 10px;
  }
  #yy #empowerment .empowerment-list {
    width: 75%;
    margin: 20px auto 0;
  }
  #yy #empowerment .empowerment-list img {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  #yy #empowerment h2 {
    margin-bottom: 3vw;
  }
  #yy #empowerment p {
    line-height: 1.6;
    margin: 0 auto;
  }
  #yy #empowerment .empowerment-list {
    display: block;
    margin: 4vw 3vw 0;
  }
  #yy #empowerment .empowerment-list .item-02 {
    margin: 2vw 0;
  }
  #yy #empowerment .empowerment-list .fade_dl_1,
  #yy #empowerment .empowerment-list .fade_dl_2,
  #yy #empowerment .empowerment-list .fade_dl_3 {
    transition-delay: 0s;
  }
}
/*--==//empowerment==--*/

/*--==only==--*/
#yy #only h2 {
  margin-bottom: 40px;
}
#yy #only p {
  text-align: center;
}
#yy #only .only-list {
  display: flex;
  justify-content: space-between;
  margin: 70px auto 0;
}

@media (min-width: 766px) and (max-height: 1100px) {
  #yy #only h2 {
    margin-bottom: 10px;
  }
  #yy #only .only-list {
    width: 75%;
    margin: 20px auto 0;
  }
  #yy #only .only-list img {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  #yy #only h2 {
    margin-bottom: 1vw;
  }
  #yy #only p {
    margin: 0;
  }
  #yy #only .only-list {
    display: block;
    margin: 4vw 3vw 0;
  }
  #yy #only .only-list .item-02 {
    margin: 2vw 0;
  }
  #yy #only .only-list .fade_dl_1,
  #yy #only .only-list .fade_dl_2,
  #yy #only .only-list .fade_dl_3 {
    transition-delay: 0s;
  }
}
/*--==//only==--*/

/*--==product==--*/
#yy #product h2 {
  margin-bottom: 40px;
}
#yy #product h2 span {
  display: block;
  margin-top: 30px;
}
#yy #product picture {
  display: block;
  margin: 25px auto 30px;
}
#yy #product p {
  text-align: center;
}
#yy #product p span.price {
  display: block;
  text-align: center;
  margin-top: 40px;
}
#yy #product .btn-detail,
#yy #product .btn-cart {
  margin: 0 auto 12px;
}
@media (min-width: 766px) and (max-height: 1100px) {
  #yy #product h2 {
    margin-bottom: 20px;
  }
  #yy #product h2 span {
    margin-top: 1vw;
  }
  #yy #product p span.price {
    margin-top: 20px;
  }
  #yy #product picture {
    width: 50vh;
    margin: 10px auto 15px;
  }
  #yy #product .btn-group {
    max-width: 566px;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 767px) {
  #yy #product h2 {
    margin-bottom: 5vw;
  }
  #yy #product h2 span {
    margin-top: 1vw;
  }
  #yy #product .inner-cont {
    width: 89.3vw;
  }
  #yy #product .product-item {
    width: 48%;
  }
  #yy #product p {
    line-height: 1.7;
  }
  #yy #product p span.price {
    margin-top: 3vw;
  }
  #yy #product picture {
    width: 80%;
    margin: 2vw auto;
  }
  #yy #product .btn-group {
    display: flex;
    justify-content: space-between;
    margin-top: 3vw;
  }
}
/*--==//product==--*/

/*--==shop==--*/
#yy #shop .inner-cont {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
}
#yy #shop h2 {
  color: #8c9292;
  font-size: clamp(18px, calc(3.459715639810426px + 1.8957345971563981vw), 30px);
  font-weight: 700;
  margin-bottom: 60px;
}
#yy #shop h3 {
  font-size: clamp(16px, calc(13.576619273301738px + 0.315955766192733vw), 18px);
  font-weight: 600;
  margin-top: 50px;
}
#yy .shop-group {
  max-width: 840px;
  max-height: 537px;
  padding: 44px 34px 52px 53px;
  margin: 0 auto;
  box-shadow: 6px 6px 25px #00000026;
  border-radius: 10px;
  overflow: hidden;
}
#yy .shop-group .shop-group-inner {
  max-height: 440px;
  padding-right: 32px;
  overflow-y: scroll;
}
#yy .shop-group .shop-group-inner::-webkit-scrollbar {
  width: 18px;
}

#yy .shop-group .shop-group-inner::-webkit-scrollbar-track {
  background-color: #fff;
}

#yy .shop-group .shop-group-inner::-webkit-scrollbar-thumb {
  background-color: #dedede;
  border-radius: 10px;
}
#yy .shop-group .shop-group-inner dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  border-top: #707070 1px solid;
  border-bottom: #707070 1px solid;
}
#yy .shop-group .shop-group-inner dl dt {
  width: 70%;
  padding: 23px 0;
  margin-top: 0;
  border-top: #707070 1px solid;
}
#yy .shop-group .shop-group-inner dl dd {
  width: 30%;
  padding: 23px 0;
  margin-top: 0;
  border-top: #707070 1px solid;
}
#yy .shop-group .shop-group-inner dl dt:nth-of-type(1),
#yy .shop-group .shop-group-inner dl dd:nth-of-type(1) {
  border-top: none;
}
#yy .shop-group .simplebar-track.simplebar-vertical {
  width: 18px;
}
#yy .shop-group .simplebar-scrollbar {
  height: 20px;
  background: #b5b5b5;
  border-radius: 10px;
  top: 0;
}
#yy .shop-group .simplebar-scrollbar:before {
  background: none;
}
@media screen and (max-width: 767px) {
  #yy #shop {
    padding: 12.386vw 0 16.949vw;
  }
  #yy #shop .inner-cont {
    padding: 0 5.215vw;
  }
  #yy #shop h2 {
    margin-bottom: 5.737vw;
  }
  #yy #shop h3:nth-of-type(n + 2) {
    margin-top: 15vw;
  }
  #yy .shop-group {
    max-width: 100%;
    max-height: 100vw;
    padding: 3.911vw 2.52vw 7.171vw 4.563vw;
  }
  #yy .shop-group .shop-group-inner {
    max-height: 90vw;
    padding-right: 4.608vw;
  }
  #yy .shop-group .shop-group-inner::-webkit-scrollbar {
    width: 2.347vw;
  }
  #yy .shop-group .shop-group-inner dl dt {
    width: 70%;
    padding: 2.999vw 0;
  }
  #yy .shop-group .shop-group-inner dl dd {
    width: 30%;
    padding: 2.999vw 0 2.999vw 3vw;
  }
  #yy .shop-group .simplebar-track.simplebar-vertical {
    width: 2.347vw;
  }
}
@media screen and (max-width: 375px) {
  #yy .shop-group .shop-group-inner dl dt,
  #yy .shop-group .shop-group-inner dl dd {
    font-size: 12px;
  }
}
/*--==//shop==--*/