/* --------------------------------------------------
autmun / winter 2018 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 #image_wrapper { margin: 0 0 45px; }
body #wrapper #content #image_wrapper div.image_post { opacity: 0; transition: -webkit-transform .4s ease 0s; transition: transform .4s ease 0s; transition: transform .4s ease 0s, -webkit-transform .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 .8s ease 0s forwards; animation: left .8s ease 0s forwards; }
body #wrapper #content #image_wrapper div.image_post.is-show.right { -webkit-animation: right .8s ease 0s forwards; animation: right .8s ease 0s forwards; }
body #wrapper #content #image_wrapper div.image_post.is-show.slide.left { -webkit-animation: slideLeft .8s ease 0s forwards; animation: slideLeft .8s ease 0s forwards; }
body #wrapper #content #image_wrapper div.image_post.is-show.slide.right { -webkit-animation: slideRight .8s ease 0s forwards; animation: slideRight .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+10) { display: none; }
body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(-n+9), body #wrapper #content #image_wrapper.show-2 .image_post:nth-child(n+21) { display: none; }
body #wrapper #content #image_wrapper.show-3 .image_post:nth-child(-n+20), body #wrapper #content #image_wrapper.show-3 .image_post:nth-child(n+35) { display: none; }
body #wrapper #content #image_wrapper.show-4 .image_post:nth-child(-n+34) { 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; }

@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 40px; }
  body #wrapper #content #image_wrapper { margin: 0; position: relative; padding-top: 384.54%; }
  body #wrapper #content #image_wrapper li.image_post { margin: 0; display: block !important; position: absolute; width: 18.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: 26.23%; top: 0%; width: 27.85%; z-index: 46; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(2) { left: 65.69%; top: 3.74%; z-index: 45; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(3) { left: 49.77%; top: 2.08%; z-index: 44; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(4) { left: 34.15%; top: 5.48%; z-index: 43; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(5) { left: 18.15%; top: 6.66%; z-index: 42; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(6) { left: 50%; top: 10.4%; z-index: 41; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(7) { left: 66.31%; top: 12.18%; z-index: 40; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(8) { left: 35.38%; top: 14.12%; z-index: 39; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(9) { left: 17.92%; top: 15.78%; width: 21%; z-index: 38; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(10) { left: 46.85%; top: 19.4%; width: 27.85%; z-index: 37; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(11) { left: 68.92%; top: 20.44%; z-index: 36; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(12) { left: 26.38%; top: 21.88%; z-index: 35; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(13) { left: 39.77%; top: 25.27%; width: 27.85%; z-index: 34; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(14) { left: 12.38%; top: 28.03%; z-index: 33; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(15) { left: 52.69%; top: 28.75%; z-index: 32; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(16) { left: 67.46%; top: 31.89%; z-index: 31; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(17) { left: 52.62%; top: 37.07%; z-index: 30; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(18) { left: 26.85%; top: 31.79%; width: 27.85%; z-index: 29; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(19) { left: 18.54%; top: 36.27%; z-index: 28; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(20) { left: 31.85%; top: 38.53%; z-index: 27; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(21) { left: 60.15%; top: 42.63%; width: 27.85%; z-index: 26; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(22) { left: 17.15%; top: 45.03%; z-index: 25; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(23) { left: 32.31%; top: 47.83%; z-index: 24; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(24) { left: 45.08%; top: 46.53%; width: 21%; z-index: 23; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(25) { left: 64%; top: 49.17%; width: 21%; z-index: 22; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(26) { left: 34.85%; top: 54.27%; width: 27.85%; z-index: 21; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(27) { left: 55.85%; top: 56.65%; width: 27.85%; z-index: 20; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(28) { left: 15%; top: 54.13%; z-index: 19; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(29) { left: 29.62%; top: 58.43%; z-index: 18; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(30) { left: 44.54%; top: 62.51%; width: 28.85%; z-index: 17; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(31) { left: 69.38%; top: 63.75%; z-index: 16; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(32) { left: 53.92%; top: 66.63%; z-index: 15; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(33) { left: 38.54%; top: 68.23%; z-index: 14; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(34) { left: 22.15%; top: 65.39%; z-index: 13; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(35) { left: 68.15%; top: 72.47%; z-index: 12; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(36) { left: 51.77%; top: 74.81%; z-index: 11; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(37) { left: 30%; top: 73.61%; z-index: 10; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(38) { left: 13.31%; top: 71.35%; z-index: 9; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(39) { left: 14.08%; top: 79.74%; z-index: 8; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(40) { left: 36.38%; top: 79.9%; z-index: 7; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(41) { left: 54.62%; top: 82.6%; z-index: 6; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(42) { left: 66.38%; top: 80.26%; z-index: 5; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(43) { left: 65.85%; top: 89.06%; z-index: 4; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(44) { left: 43.85%; top: 86.64%; z-index: 3; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(45) { left: 17.85%; top: 85.92%; width: 21%; z-index: 2; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(46) { left: 32.69%; top: 92.52%; z-index: 1; }
  body #wrapper #content .pager { display: none; }
  body #wrapper #content .slider_pager { display: none; } }