/* --------------------------------------------------
autumn / winter 2025 collection
-------------------------------------------------- */
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes left {
  0% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes left {
  0% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes right {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes right {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
body #wrapper #shop-visual {
  display: none;
}
body #wrapper #content {
  padding: 0 13px;
  margin: 0 0 25px;
}
body #wrapper #content h2 {
  font-size: 2.8rem;
  margin: 0 0 20px;
}
body #wrapper #content h2 span {
  display: block;
  font-size: 3.2rem;
  margin: 17px 0 0;
}
body #wrapper #content #image_wrapper {
  margin: 0 0 45px;
}
body #wrapper #content #image_wrapper div.image_post {
  opacity: 0;
  transition: -webkit-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
body #wrapper #content #image_wrapper div.image_post.is-show {
  -webkit-animation: fade 1s ease 0s forwards;
  animation: fade 1s ease 0s forwards;
}
body #wrapper #content #image_wrapper div.image_post.is-show.left {
  -webkit-animation: left 0.8s ease 0s forwards;
  animation: left 0.8s ease 0s forwards;
}
body #wrapper #content #image_wrapper div.image_post.is-show.right {
  -webkit-animation: right 0.8s ease 0s forwards;
  animation: right 0.8s ease 0s forwards;
}
body #wrapper #content #image_wrapper div.image_post.is-show.slide.left {
  -webkit-animation: slideLeft 0.8s ease 0s forwards;
  animation: slideLeft 0.8s ease 0s forwards;
}
body #wrapper #content #image_wrapper div.image_post.is-show.slide.right {
  -webkit-animation: slideRight 0.8s ease 0s forwards;
  animation: slideRight 0.8s ease 0s forwards;
}
body #wrapper #content #image_wrapper div.image_post.slide {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
body #wrapper #content #image_wrapper li.image_post {
  opacity: 0;
  margin: 0 0 13px;
  overflow: hidden;
}
body #wrapper #content #image_wrapper li.image_post .gallery-caption {
  font-size: 2.3rem;
  line-height: 1.3;
  margin: 6px 0 0;
}
body #wrapper #content #image_wrapper li.image_post .slider_pager {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 5px;
  padding: 5px;
}
body #wrapper #content #image_wrapper li.image_post .slider_pager a {
  display: block;
}
body #wrapper #content #image_wrapper li.image_post .slider_pager a::after {
  display: block;
  content: "";
  border-left: solid 11px;
  border-top: solid 15px transparent;
  border-bottom: solid 15px transparent;
  height: 0;
}
body #wrapper #content #image_wrapper li.image_post.is-show {
  -webkit-animation: fade 1s ease 0s forwards;
  animation: fade 1s ease 0s forwards;
}
body #wrapper #content #image_wrapper li.image_post:nth-child(1) {
  position: relative;
}
body #wrapper #content #image_wrapper li.image_post:nth-child(1) .image_post {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
body #wrapper #content #image_wrapper.show-1 .image_post:nth-child(n+14) {
  display: none;
}
body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(-n+13), body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(n+36) {
  display: none;
}
body #wrapper #content #image_wrapper {
  /*&.show-3 {
  	.image_post {
  		&:nth-child(-n+36),
  		&:nth-child(n+64) {
  			display: none;
  		}
  	}
  }*/
}
body #wrapper #content .pager {
  display: flex;
  justify-content: center;
}
body #wrapper #content .pager li {
  font-size: 5rem;
  font-weight: bold;
  padding: 0 12px 3px 0;
  position: relative;
  color: #898989;
}
body #wrapper #content .pager li::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2px;
  width: 12px;
  background: #898989;
}
body #wrapper #content .pager li.current {
  color: #231815;
}
body #wrapper #content .pager li.current a {
  pointer-events: none;
}
body #wrapper #content .pager li:last-child {
  padding: 0;
}
body #wrapper #content .pager li:last-child::after {
  display: none;
}
body #wrapper #content .child_page_pager {
  display: none;
}
body #wrapper #content .to_collection_top {
  margin: 20px 0 0;
  font-size: 3.4rem;
  text-align: center;
  color: #898989;
}

@media screen and (min-width: 769px) {
  body #wrapper #shop-visual {
    display: block;
  }
  body #wrapper #content {
    padding: 0;
    margin: 0 0 35px;
  }
  body #wrapper #content h2 {
    font-size: 1.6rem;
    margin: 0 0 60px;
  }
  body #wrapper #content h2 span {
    display: inline-block;
    margin: 0 0 0 0.5em;
    font-size: 1em;
  }
  body #wrapper #content #image_wrapper {
    margin: 0;
    position: relative;
    aspect-ratio: 1300/3936;
  }
  body #wrapper #content #image_wrapper li.image_post {
    margin: 0;
    display: block !important;
    position: absolute;
    width: 20.54%;
  }
  body #wrapper #content #image_wrapper li.image_post img {
    width: 100% !important;
  }
  body #wrapper #content #image_wrapper li.image_post .gallery-caption {
    font-size: 1rem;
    line-height: 1.25;
    margin: 4px 0 0;
  }
  body #wrapper #content #image_wrapper li.image_post.is-show {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    transition: opacity 1s ease 0s;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(1) {
    position: absolute;
    left: 11.15%;
    top: 0%;
    z-index: 34;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(2) {
    left: 28.92%;
    top: 2.34%;
    z-index: 31;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(3) {
    left: 66.08%;
    top: 1.7%;
    z-index: 32;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(4) {
    left: 47.46%;
    top: 0.23%;
    z-index: 33;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(5) {
    width: 39.69%;
    left: 10.54%;
    top: 10.65%;
    z-index: 29;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(6) {
    left: 49.54%;
    top: 12.55%;
    z-index: 28;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(7) {
    left: 68.69%;
    top: 11.31%;
    z-index: 35;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(8) {
    left: 53.54%;
    top: 20.5%;
    z-index: 27;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(9) {
    left: 70.15%;
    top: 22.66%;
    z-index: 25;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(10) {
    left: 27.69%;
    top: 22.23%;
    z-index: 26;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(11) {
    left: 9.54%;
    top: 26.98%;
    z-index: 24;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(12) {
    left: 27.23%;
    top: 32.19%;
    z-index: 20;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(13) {
    left: 46%;
    top: 30.44%;
    z-index: 21;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(14) {
    left: 64.77%;
    top: 32.39%;
    z-index: 22;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(15) {
    left: 73.31%;
    top: 40.12%;
    z-index: 23;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(16) {
    left: 38%;
    top: 41.21%;
    z-index: 19;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(17) {
    left: 19.31%;
    top: 41.97%;
    z-index: 18;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(18) {
    left: 56.85%;
    top: 43.95%;
    z-index: 17;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(19) {
    left: 8.92%;
    top: 49.95%;
    z-index: 16;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(20) {
    left: 27.08%;
    top: 51.65%;
    z-index: 15;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(21) {
    left: 44.62%;
    top: 53.23%;
    z-index: 13;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(22) {
    left: 67.46%;
    top: 51.4%;
    z-index: 14;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(23) {
    left: 73.69%;
    top: 59.27%;
    z-index: 12;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(24) {
    left: 55.23%;
    top: 60.95%;
    z-index: 9;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(25) {
    left: 31.92%;
    top: 61.15%;
    z-index: 10;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(26) {
    left: 9.54%;
    top: 59.98%;
    z-index: 11;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(27) {
    left: 19.08%;
    top: 68.98%;
    z-index: 7;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(28) {
    left: 39.08%;
    top: 70.48%;
    z-index: 8;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(29) {
    left: 62.62%;
    top: 68.95%;
    z-index: 3;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(30) {
    left: 24%;
    top: 81.81%;
    z-index: 4;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(31) {
    left: 9.69%;
    top: 76.96%;
    z-index: 6;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(32) {
    width: 39.69%;
    left: 45.69%;
    top: 79.6%;
    z-index: 30;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(33) {
    left: 73.08%;
    top: 88.95%;
    z-index: 5;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(34) {
    left: 53.54%;
    top: 90.68%;
    z-index: 2;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(35) {
    left: 31.15%;
    top: 91.51%;
    z-index: 1;
  }
  body #wrapper #content .pager {
    display: none;
  }
  body #wrapper #content .slider_pager {
    display: none;
  }
  body #wrapper #content .child_page_pager {
    display: flex;
    justify-content: center;
    margin: 110px 0 0;
  }
  body #wrapper #content .child_page_pager li {
    font-size: 2.8rem;
    font-weight: bold;
    padding: 0 12px 3px 0;
    position: relative;
    color: #898989;
  }
  body #wrapper #content .child_page_pager li::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 12px;
    background: #898989;
  }
  body #wrapper #content .child_page_pager li.current {
    color: #231815;
  }
  body #wrapper #content .child_page_pager li.current a {
    pointer-events: none;
  }
  body #wrapper #content .child_page_pager li:last-child {
    padding: 0;
  }
  body #wrapper #content .child_page_pager li:last-child::after {
    display: none;
  }
  body #wrapper #content .to_collection_top {
    display: none;
  }
}