@charset "UTF-8";
/*------------------------------------------------------------------------------------------
* Collection Top
*------------------------------------------------------------------------------------------*/
body #wrapper #contents #images_wrapper { padding: 70px 0 100px; }

body #wrapper #contents #images_wrapper .imagearea { position: relative; pointer-events: none; }

body #wrapper #contents #images_wrapper .imagearea ul { margin-top: 6px !important; pointer-events: auto; }

body #wrapper #contents #images_wrapper .imagearea ul li { font-size: 2.2rem; line-height: 1.5; font-family: "Akzidenz-Grotesk Next", "Work Sans", "遊ゴシック体", YuGothic, "遊ゴシック", Yu Gothic, sans-serif; }

body.is-loaded #wrapper { opacity: 1; -webkit-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; }

body.is-loaded #wrapper header { opacity: 1; -webkit-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; }

body.is-loaded #wrapper #contents .head #collection_link { opacity: 1; -webkit-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; }

@media screen and (min-width: 769px) { body #wrapper #contents { padding-bottom: 200px; }
  body #wrapper #contents #images_wrapper { padding: 350px 0 0; }
  body #wrapper #contents #images_wrapper .imagearea ul li { font-size: 1.2rem; line-height: 1.2; }
  body #wrapper #contents #images_wrapper .imagearea ul li a { position: relative; -webkit-transition: opacity .2s ease 0s; transition: opacity .2s ease 0s; }
  body #wrapper #contents #images_wrapper .imagearea ul li a:hover { opacity: .6; } }
/* Add 202201 Iwasaki */
body #wrapper #contents #images_wrapper .imagearea .inner { transition: transform .2s ease 0s; }
body #wrapper #contents #images_wrapper .imagearea .inner .imagewrap { opacity: 0; }
body #wrapper #contents #images_wrapper .imagearea .inner .imagewrap:not(.slide-in) { opacity: 0; }
body #wrapper #contents #images_wrapper .imagearea .inner .imagewrap:not(.slide-in).is-show { opacity: 1; transition: opacity 2s ease .3s; }
body #wrapper #contents #images_wrapper .imagearea .inner ul li { text-align: center; }
body #wrapper #contents .scroll { position: fixed; width: 8px; right: 7px; bottom: 40px; }

@media screen and (max-width: 768px) { body #wrapper #contents { padding-left: 0; padding-right: 0; padding-top: 100px; }
  body #wrapper #contents #images_wrapper { padding-top: 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(1) { width: 86.67%; margin: 0 auto; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(2) { width: 69.33%; margin: -50px auto 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(3) { width: 66.67%; margin: -75px auto 0 27.33%; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(4) { width: 80%; margin: -75px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(5) { width: 69.33%; margin: -75px auto 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(6) { width: 80%; margin: -50px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(7) { width: 80%; margin: -50px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(8) { width: 100%; margin: -50px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(9) { width: 69.33%; margin: -50px auto 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(10) { width: 88%; margin: -25px auto 0 0; } }
@media screen and (min-width: 769px) { body #wrapper #contents { padding-left: 0; padding-right: 0; width: 1366px; max-width: 100%; }
  body #wrapper #contents #images_wrapper .imagearea { width: 36.6%; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(1) { margin: -350px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(2) { margin: -50px 0 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(3) { margin: -400px 0 0 54.76%; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(4) { margin: -150px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(5) { margin: -50px auto 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(6) { margin: -100px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(7) { margin: -100px auto 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(8) { margin: -100px 0 0 57.69%; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(9) { margin: -500px auto 0 0; }
  body #wrapper #contents #images_wrapper .imagearea:nth-child(10) { margin: -100px auto 0; }
  body #wrapper #contents .scroll { width: 11px; right: 25px; bottom: 25px; } }
/* Add 202202 Iwasaki */
body #wrapper #contents #images_wrapper .imagearea ul li a {
  text-decoration: underline;
  transition: color .2s ease 0s;
}
body #wrapper header .inner nav > ul > li ul li.ss2022 a::after {
  transform: scale(1);
} 
@media screen and (min-width: 769px) {
  body #wrapper #contents #images_wrapper .imagearea ul li a:hover {
    opacity: 1;
    color: #F2F2F2;
  }
}