@charset "UTF-8";
/*------------------------------------------------------------------------------------------
* Content
*------------------------------------------------------------------------------------------*/
@keyframes slide { 0% { opacity: 0; }
  48% { opacity: 0; }
  50% { opacity: 1; }
  98% { opacity: 1; }
  100% { opacity: 0; } }
body #wrapper #contents { padding-left: 0; padding-right: 0; padding-top: 55px; }
body #wrapper #contents #look-wrapper .flex-container + .look { margin: 36.23% 0 0; }
body #wrapper #contents #look-wrapper .look .imagearea { width: 79.71%; margin: 0 auto; }
body #wrapper #contents #look-wrapper .look .imagearea img { width: 100%; aspect-ratio: 3 / 4; }
body #wrapper #contents #look-wrapper .look .textarea { padding: 20px 0 0; text-align: center; }
body #wrapper #contents #look-wrapper .look .textarea .credit ul li { font-family: "Helvetica", "Arial", "遊ゴシック体", YuGothic, "遊ゴシック", Yu Gothic, sans-serif; font-size: 2.4rem; line-height: 1.5; }
body #wrapper #contents #look-wrapper .look + .look, body #wrapper #contents #look-wrapper .look + .flex-container { margin: 36.23% 0 0; }
body #wrapper #contents #look-wrapper .look.look1 .imagearea, body #wrapper #contents #look-wrapper .look.look6 .imagearea, body #wrapper #contents #look-wrapper .look.look8 .imagearea, body #wrapper #contents #look-wrapper .look.look11 .imagearea { width: 100%; }
body #wrapper #contents #look-wrapper .look.look3 .imagearea, body #wrapper #contents #look-wrapper .look.look10 .imagearea { width: 57.97%; }
body #wrapper header .inner nav > ul > li ul li.ss2024 a::after { transform: scale(1); }

@media screen and (min-width: 769px) { body #wrapper #contents { padding-top: 110px; }
  body #wrapper #contents #look-wrapper { width: 864px; max-width: 96%; margin: 0 auto; }
  body #wrapper #contents #look-wrapper .flex-container { width: 76.39%; display: flex; justify-content: space-between; align-items: center; }
  body #wrapper #contents #look-wrapper .flex-container .look { position: relative; margin: 0; }
  body #wrapper #contents #look-wrapper .flex-container .look .textarea { position: absolute; top: 100%; left: 0; right: 0; }
  body #wrapper #contents #look-wrapper .flex-container .look:nth-child(1) { width: 50%; }
  body #wrapper #contents #look-wrapper .flex-container .look:nth-child(2) { width: 36.36%; margin: 0; }
  body #wrapper #contents #look-wrapper .flex-container + .look { margin: 23.15% auto 0; }
  body #wrapper #contents #look-wrapper .flex-container.container1 + .look { margin-top: calc(23.15% + 54px); }
  body #wrapper #contents #look-wrapper .flex-container.container2 + .look { margin-top: calc(23.15% + 28px); }
  body #wrapper #contents #look-wrapper .look { width: 38.19%; margin: 0 auto; }
  body #wrapper #contents #look-wrapper .look .imagearea { width: 100%; }
  body #wrapper #contents #look-wrapper .look .textarea { padding: 15px 0 0; }
  body #wrapper #contents #look-wrapper .look .textarea .credit ul li { font-size: 1rem; line-height: 1.3; }
  body #wrapper #contents #look-wrapper .look .textarea .credit ul li a { transition: opacity .2s ease 0s; }
  body #wrapper #contents #look-wrapper .look .textarea .credit ul li a:hover { opacity: .6; }
  body #wrapper #contents #look-wrapper .look + .look, body #wrapper #contents #look-wrapper .look + .flex-container { margin: 23.15% auto 0; }
  body #wrapper #contents #look-wrapper .look.look1 .imagearea, body #wrapper #contents #look-wrapper .look.look6 .imagearea, body #wrapper #contents #look-wrapper .look.look8 .imagearea, body #wrapper #contents #look-wrapper .look.look11 .imagearea { width: 100%; }
  body #wrapper #contents #look-wrapper .look.look3 .imagearea, body #wrapper #contents #look-wrapper .look.look10 .imagearea { width: 100%; }
  body #wrapper #contents #look-wrapper .look.look1 { width: 52.08%; }
  body #wrapper #contents #look-wrapper .look.look5 { margin-left: 11.81%; }
  body #wrapper #contents #look-wrapper .look.look6, body #wrapper #contents #look-wrapper .look.look8, body #wrapper #contents #look-wrapper .look.look11 { width: 47.92%; }
  body #wrapper #contents #look-wrapper .look.look7 { margin-left: 50%; }
  body #wrapper #contents #look-wrapper .look.look12 { margin-left: 50%; } }
/*------------------------------------------------------------------------------------------
Footer
*------------------------------------------------------------------------------------------*/
/*body #wrapper footer { padding: 150px 0 20px; text-align: center; font-family: "Helvetica", "Arial", "遊ゴシック体", YuGothic, "遊ゴシック", Yu Gothic, sans-serif; }
body #wrapper footer .sns-share { margin: 0 0 115px; }
body #wrapper footer .sns-share p { font-size: 3rem; margin: 0 0 20px; }
body #wrapper footer .sns-share ul { display: flex; justify-content: center; column-gap: 55px; }
body #wrapper footer .sns-share ul li { width: 32px; }
body #wrapper footer .sns-share ul li img { aspect-ratio: 1; }
body #wrapper footer small { font-size: 1.6rem; letter-spacing: .05em; }

@media screen and (min-width: 769px) { body #wrapper footer { padding: 215px 0 20px; }
  body #wrapper footer .sns-share { margin: 0 0 145px; }
  body #wrapper footer .sns-share p { font-size: 1.5rem; }
  body #wrapper footer .sns-share ul li a { transition: opacity .2s ease 0s; }
  body #wrapper footer .sns-share ul li a:hover { opacity: .6; }
  body #wrapper footer small { font-size: .8rem; } }*/