/* --------------------------------------------------
Look
-------------------------------------------------- */
body #wrapper.men .issue-contents #look-wrapper .group h3 { font-family: "joanna-nova", sans-serif; font-weight: 300; font-variant-caps: all-small-caps; font-size: 4.2rem; line-height: 0.76; margin: 0 0 40px; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look + .look { margin: 40px 0 0; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look5 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look9 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look11 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look12 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look14 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look20 .imagearea { margin: 0 -16px; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look6 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look13 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look22 .imagearea { width: 83.8%; margin: 0 0 0 auto; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look10 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look15 .imagearea { width: 83.8%; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look16 .textarea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look18 .textarea { display: none; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look17, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look19 { margin: 12px 0 0; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look7 .imagearea img, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look8 .imagearea img { aspect-ratio: 576 / 870; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look11 .imagearea img { aspect-ratio: 872 / 621; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look13 .imagearea img { aspect-ratio: 576 / 708; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look14 .imagearea img { aspect-ratio: 872 / 588; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look15 .imagearea img { aspect-ratio: 576 / 747; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look16 .imagearea img, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look17 .imagearea img, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look18 .imagearea img, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look19 .imagearea img { aspect-ratio: 576 / 831; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look20 .imagearea img { aspect-ratio: 1020 / 726; }
body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look21 .imagearea img { aspect-ratio: 724 / 996; }
body #wrapper.men .issue-contents #look-wrapper .group + .group { margin: 152px 0 0; }
body #wrapper.men .issue-contents #look-wrapper .group.group1 h3, body #wrapper.men .issue-contents #look-wrapper .group.group3 h3, body #wrapper.men .issue-contents #look-wrapper .group.group4 h3, body #wrapper.men .issue-contents #look-wrapper .group.group7 h3 { text-align: right; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(7) .imagearea img, body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(8) .imagearea img { aspect-ratio: 576 / 870; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(11) .imagearea img { aspect-ratio: 872 / 621; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(13) .imagearea img { aspect-ratio: 576 / 708; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(14) .imagearea img { aspect-ratio: 872 / 588; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(15) .imagearea img { aspect-ratio: 576 / 747; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(16) .imagearea img, body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(17) .imagearea img, body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(18) .imagearea img, body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(19) .imagearea img { aspect-ratio: 576 / 831; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(20) .imagearea img { aspect-ratio: 1020 / 726; }
body #wrapper.men .issue-contents #modal-container .modal-inner .modal-single:nth-child(21) .imagearea img { aspect-ratio: 724 / 996; }

@media screen and (min-width: 768px) { body #wrapper.men .issue-contents #look-wrapper .group { display: flex; align-items: flex-start; }
  body #wrapper.men .issue-contents #look-wrapper .group h3 { font-size: 4.38vw; line-height: 0.8; margin: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner { row-gap: 10.83vw; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look + .look { margin: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look5 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look9 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look11 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look12 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look14 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look20 .imagearea { margin: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look6 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look13 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look22 .imagearea { width: 100%; margin: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look10 .imagearea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look15 .imagearea { width: 100%; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look16 .textarea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look18 .textarea { display: block; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look17, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look19 { margin: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look17 .textarea, body #wrapper.men .issue-contents #look-wrapper .group .inner .look.look19 .textarea { display: none; }
  body #wrapper.men .issue-contents #look-wrapper .group + .group { margin: 20.68% 0 0; }
  body #wrapper.men .issue-contents #look-wrapper .group.group1 h3, body #wrapper.men .issue-contents #look-wrapper .group.group3 h3, body #wrapper.men .issue-contents #look-wrapper .group.group4 h3, body #wrapper.men .issue-contents #look-wrapper .group.group7 h3 { text-align: left; }
  body #wrapper.men .issue-contents #look-wrapper .group.group1 h3 { order: 100; margin: 0 0 0 9.32%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group1 .inner { width: 66.36%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group1 .inner .look { width: calc((100% - 0.83vw) / 2); }
  body #wrapper.men .issue-contents #look-wrapper .group.group2 { justify-content: space-between; }
  body #wrapper.men .issue-contents #look-wrapper .group.group2 .inner { width: 74.77%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group2 .inner .look.look5 { width: 55.02%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group2 .inner .look.look6 { flex: 1; }
  body #wrapper.men .issue-contents #look-wrapper .group.group3 h3 { order: 100; margin: 0 0 0 9.55%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group3 .inner { width: 66.36%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group3 .inner .look { width: calc((100% - 0.83vw) / 2); }
  body #wrapper.men .issue-contents #look-wrapper .group.group4 h3 { order: 100; margin: 0 0 0 auto; text-align: right; flex: 1; }
  body #wrapper.men .issue-contents #look-wrapper .group.group4 .inner { width: 83.18%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group4 .inner .look.look9 { width: 45.9%; margin: 0 auto 0 40.44%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group4 .inner .look.look10 { width: 39.34%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group4 .inner .look.look11 { flex: 1; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 { position: relative; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 h3 { position: absolute; top: 0; left: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 .inner .look.look12 { width: 41.14%; margin: 0 0 0 25.23%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 .inner .look.look13 { flex: 1; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 .inner .look.look14 { width: 49.55%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 .inner .look.look14 .textarea .credit ul li ul::after { display: block; content: ""; width: 132px; }
  body #wrapper.men .issue-contents #look-wrapper .group.group5 .inner .look.look15 { width: 32.73%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group6 h3 { margin: 0 13.98% 0 0; }
  body #wrapper.men .issue-contents #look-wrapper .group.group6 .inner { width: 66.36%; }
  body #wrapper.men .issue-contents #look-wrapper .group.group6 .inner .look { width: calc((100% - 0.83vw) / 2); }
  body #wrapper.men .issue-contents #look-wrapper .group.group7 { position: relative; }
  body #wrapper.men .issue-contents #look-wrapper .group.group7 h3 { position: absolute; top: 0; right: 0; }
  body #wrapper.men .issue-contents #look-wrapper .group.group7 .inner .look.look20 { width: 57.95%; margin: 0 42.05% 0 0; }
  body #wrapper.men .issue-contents #look-wrapper .group.group7 .inner .look.look21 { width: 41.14%; margin: 0 0 0 auto; }
  body #wrapper.men .issue-contents #look-wrapper .group.group7 .inner .look.look22 { width: 32.73%; } }