/* --------------------------------------------------
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 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 .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+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+29) { display: none; }
body #wrapper #content #image_wrapper.show-3 .image_post:nth-child(-n+28), body #wrapper #content #image_wrapper.show-3 .image_post:nth-child(n+43) { 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 60px; }
  body #wrapper #content h2 span { display: inline-block; margin: 0 0 0 .5em; font-size: 1em; }
  body #wrapper #content #image_wrapper { margin: 0; position: relative; padding-top: 364.23%; }
  body #wrapper #content #image_wrapper li.image_post { margin: 0; display: block !important; position: absolute; width: 19.62%; }
  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: 27.23%; top: 0%; z-index: 40; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(2) { left: 10.46%; top: 1.56%; z-index: 39; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(3) { left: 49.08%; top: 1.2%; z-index: 38; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(4) { left: 70.85%; top: 6.17%; z-index: 42; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(5) { left: 65.08%; top: 0.21%; z-index: 37; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(6) { left: 49.46%; top: 8.83%; z-index: 36; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(7) { left: 32.46%; top: 10.39%; z-index: 35; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(8) { left: 10.69%; top: 9.86%; z-index: 10; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(9) { left: 66.77%; top: 11.81%; z-index: 9; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(10) { left: 13.85%; top: 16.94%; z-index: 8; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(11) { left: 29%; top: 18.99%; z-index: 33; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(12) { left: 46.38%; top: 18.18%; z-index: 34; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(13) { left: 62.92%; top: 20.15%; z-index: 31; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(14) { left: 10.38%; top: 25.26%; z-index: 32; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(15) { left: 26.08%; top: 27.35%; z-index: 28; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(16) { left: 47.69%; top: 26.17%; z-index: 29; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(17) { left: 64.08%; top: 28.81%; z-index: 30; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(18) { left: 10.46%; top: 33.75%; z-index: 7; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(19) { left: 33.08%; top: 33.98%; z-index: 6; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(20) { left: 53.77%; top: 34.83%; z-index: 5; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(21) { left: 69.62%; top: 38.04%; z-index: 4; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(22) { left: 62.23%; top: 43.57%; z-index: 3; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(23) { left: 39.31%; top: 41.63%; z-index: 1; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(24) { left: 11.31%; top: 41.82%; z-index: 25; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(25) { left: 17.69%; top: 48.49%; z-index: 2; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(26) { left: 52.23%; top: 52.14%; z-index: 26; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(27) { left: 33.69%; top: 50.29%; z-index: 27; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(28) { width: 39.85%; left: 26.54%; top: 58.44%; z-index: 24; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(29) { left: 15.92%; top: 65.34%; z-index: 41; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(30) { left: 33.15%; top: 68.19%; z-index: 22; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(31) { left: 51.62%; top: 67.24%; z-index: 23; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(32) { left: 66.92%; top: 70.18%; z-index: 21; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(33) { left: 52.38%; top: 75.71%; z-index: 20; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(34) { left: 35.08%; top: 76.87%; z-index: 19; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(35) { left: 12%; top: 76.6%; z-index: 16; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(36) { left: 20.15%; top: 83.15%; z-index: 15; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(37) { left: 43.38%; top: 83.59%; z-index: 17; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(38) { left: 65%; top: 82.22%; z-index: 18; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(39) { left: 68.38%; top: 88.87%; z-index: 14; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(40) { left: 45.38%; top: 91.53%; z-index: 13; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(41) { left: 29.38%; top: 92.73%; z-index: 12; }
  body #wrapper #content #image_wrapper li.image_post:nth-child(42) { left: 11.69%; top: 91.53%; z-index: 11; }
  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; } }