/* --------------------------------------------------
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 #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+29) {
  display: none;
}
body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(-n+28), body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(n+50) {
  display: none;
}
body #wrapper #content #image_wrapper {
  /*&.show-3 {
  	.image_post {
  		&:nth-child(-n+41),
  		&:nth-child(n+55) {
  			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 #content {
    padding: 0;
    margin: 0 0 140px;
  }
  body #wrapper #content h2 {
    font-size: 1.6rem;
    margin: 0 0 50px;
  }
  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/5080;
  }
  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: 14.31%;
    top: 0%;
    z-index: 45;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(2) {
    left: 31.85%;
    top: 0.93%;
    z-index: 44;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(3) {
    left: 53.85%;
    top: 0.47%;
    z-index: 47;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(4) {
    left: 71.85%;
    top: 3.66%;
    z-index: 46;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(5) {
    left: 29.46%;
    top: 7.95%;
    z-index: 43;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(6) {
    left: 13.38%;
    top: 10.28%;
    z-index: 42;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(7) {
    left: 47.62%;
    top: 9.13%;
    z-index: 48;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(8) {
    left: 70.85%;
    top: 11.06%;
    z-index: 41;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(9) {
    left: 55.31%;
    top: 16.61%;
    z-index: 39;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(10) {
    left: 30.85%;
    top: 15.45%;
    z-index: 40;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(11) {
    left: 12.54%;
    top: 19.17%;
    z-index: 38;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(12) {
    left: 30.15%;
    top: 22.09%;
    z-index: 37;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(13) {
    left: 48.69%;
    top: 23.03%;
    z-index: 35;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(14) {
    left: 71.38%;
    top: 22.09%;
    z-index: 36;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(15) {
    left: 65.54%;
    top: 29.35%;
    z-index: 49;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(16) {
    left: 46.69%;
    top: 30.49%;
    z-index: 33;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(17) {
    left: 26.69%;
    top: 29.04%;
    z-index: 34;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(18) {
    left: 7.54%;
    top: 27.26%;
    z-index: 30;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(19) {
    left: 8.92%;
    top: 34.53%;
    z-index: 31;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(20) {
    left: 27.62%;
    top: 36.44%;
    z-index: 32;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(21) {
    left: 52.08%;
    top: 36.65%;
    z-index: 29;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(22) {
    left: 71.54%;
    top: 37.38%;
    z-index: 28;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(23) {
    left: 12.38%;
    top: 41.87%;
    z-index: 25;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(24) {
    left: 30.62%;
    top: 43.8%;
    z-index: 27;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(25) {
    left: 52.62%;
    top: 43.58%;
    z-index: 26;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(26) {
    left: 71.15%;
    top: 44.74%;
    z-index: 24;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(27) {
    left: 66.77%;
    top: 50.75%;
    z-index: 23;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(28) {
    left: 47.62%;
    top: 51.44%;
    z-index: 21;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(29) {
    left: 8.85%;
    top: 51.34%;
    z-index: 22;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(30) {
    left: 26.23%;
    top: 53.13%;
    z-index: 20;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(31) {
    left: 43.54%;
    top: 57.66%;
    z-index: 19;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(32) {
    left: 61.85%;
    top: 58.44%;
    z-index: 16;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(33) {
    left: 10.54%;
    top: 60.1%;
    z-index: 17;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(34) {
    left: 26.46%;
    top: 63.19%;
    z-index: 18;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(35) {
    left: 50%;
    top: 64.69%;
    z-index: 13;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(36) {
    left: 72.85%;
    top: 64.23%;
    z-index: 14;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(37) {
    left: 9.69%;
    top: 69.72%;
    z-index: 15;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(38) {
    left: 27.92%;
    top: 71.5%;
    z-index: 12;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(39) {
    left: 50.54%;
    top: 71.99%;
    z-index: 9;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(40) {
    left: 69.92%;
    top: 72.83%;
    z-index: 10;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(41) {
    left: 12.08%;
    top: 77.5%;
    z-index: 11;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(42) {
    left: 29.92%;
    top: 79.06%;
    z-index: 7;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(43) {
    left: 49.15%;
    top: 80.85%;
    z-index: 8;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(44) {
    left: 68.46%;
    top: 81.89%;
    z-index: 6;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(45) {
    left: 72.69%;
    top: 88.17%;
    z-index: 3;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(46) {
    left: 50.46%;
    top: 88.07%;
    z-index: 4;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(47) {
    left: 27.77%;
    top: 87.3%;
    z-index: 5;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(48) {
    left: 6.15%;
    top: 85.93%;
    z-index: 2;
  }
  body #wrapper #content #image_wrapper li.image_post:nth-child(49) {
    left: 19.85%;
    top: 93.43%;
    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;
  }
}