/* --------------------------------------------------
Top
-------------------------------------------------- */
body { background: #fff; }
body #wrapper .issue-contents video { width: 100%; }
body #wrapper .issue-contents #top { margin: 0 0 75px; }
body #wrapper .issue-contents #top .image-container { position: relative; }
body #wrapper .issue-contents #top .image-container .imagearea img { aspect-ratio: 780 / 1000; }
body #wrapper .issue-contents #top .textarea { padding: 38px 16px 0 24px; }
body #wrapper .issue-contents #top .textarea .flex-container { position: relative; }
body #wrapper .issue-contents #top .textarea .flex-container .number { font-family: "trade-gothic-next-compressed", sans-serif; font-weight: 700; font-size: 3rem; letter-spacing: .05em; margin: 0 0 15px; }
body #wrapper .issue-contents #top .textarea .flex-container h2 { font-weight: 700; font-size: 2.2rem; line-height: 1.09; letter-spacing: .02em; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container { position: absolute; top: 5px; right: 0; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle { font-family: "courier-std", monospace; font-size: 1.3rem; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a { display: flex; align-items: baseline; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i { display: block; width: 5px; height: 5px; position: relative; margin: 0 0 0 .75em; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::before, body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::after { display: block; content: ""; position: absolute; background: currentColor; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::before { top: 0; bottom: 0; left: 2px; width: 1px; transition: transform .2s ease 0s, opacity .2s ease 0s; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::after { left: 0; right: 0; top: 2px; height: 1px; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle.is-open a i::before { transform: rotate(45deg); opacity: 0; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .sns-share { padding: 13px 0 0; display: none; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .sns-share ul { margin: 0 -10px 0 0; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .sns-share ul li { font-size: 1.3rem; line-height: 1.69; }
body #wrapper .issue-contents #top .textarea .flex-container .share-container .sns-share ul li a { text-decoration: underline; }
body #wrapper .issue-contents #top .textarea .staff-credit { margin: 45px 0 0; font-size: 1.2rem; line-height: 1.33; }

@media screen and (orientation: landscape) { body #wrapper .issue-contents #top { padding: 1.56vw 0 0; width: 91.67%; margin: 0 auto 3.85%; }
  body #wrapper .issue-contents #top .image-container .imagearea img { aspect-ratio: 1760 / 780; }
  body #wrapper .issue-contents #top .textarea { padding: 48px 20px 0; width: 91.67%; margin: 0 auto; }
  body #wrapper .issue-contents #top .textarea .flex-container { display: flex; align-items: baseline; }
  body #wrapper .issue-contents #top .textarea .flex-container .number { font-size: 5rem; letter-spacing: 0; margin: 0 50px 0 0; }
  body #wrapper .issue-contents #top .textarea .flex-container h2 { font-size: 3.2rem; letter-spacing: .02em; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container { top: 19px; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container a { transition: color .4s ease 0s; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container a:hover { color: #5977C1; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle { font-size: 2.1rem; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i { width: 9px; height: 9px; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::before { left: 4px; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container .share-toggle a i::after { top: 4px; }
  body #wrapper .issue-contents #top .textarea .flex-container .share-container .sns-share { padding: 22px 0 0; }
  body #wrapper .issue-contents #top .textarea .staff-credit { margin: 80px 0 0; font-size: 1.3rem; line-height: 1.5; } }
/* --------------------------------------------------
Look
-------------------------------------------------- */
@keyframes cross1 { 0% { transform: translate(-50%, -50%) rotate(0); }
  100% { transform: translate(-50%, -50%) rotate(20deg); } }
@keyframes cross2 { 0% { transform: translate(-50%, -50%) rotate(0); }
  100% { transform: translate(-50%, -50%) rotate(-20deg); } }
@keyframes cross1Rev { 0% { transform: translate(-50%, -50%) rotate(20deg); }
  100% { transform: translate(-50%, -50%) rotate(0); } }
@keyframes cross2Rev { 0% { transform: translate(-50%, -50%) rotate(-20deg); }
  100% { transform: translate(-50%, -50%) rotate(0); } }
body #wrapper .issue-contents { padding: 0 0 200px; }
body #wrapper .issue-contents #look-wrapper { padding: 85px 0 0; }
body #wrapper .issue-contents #look-wrapper .inner { display: flex; flex-direction: column; row-gap: 30.77vw; }
body #wrapper .issue-contents #look-wrapper .inner .look { width: 100%; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container { display: flex; flex-direction: column; row-gap: 20.51vw; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel { width: 100%; display: flex; flex-direction: column; row-gap: 4.1vw; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea { width: 100%; position: relative; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i { display: block; position: absolute; width: 2.56vw; right: 4.1vw; bottom: 4.1vw; aspect-ratio: 1; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i::before, body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i::after { display: block; content: ""; background: #fff; position: absolute; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i::before { width: 0.1rem; left: calc((100% - 0.1rem) / 2); top: 0; bottom: 0; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i::after { height: 0.1rem; top: calc((100% - 0.1rem) / 2); left: 0; right: 0; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea { width: 100%; padding: 4.87% 2.05% 0 4.1%; font-family: "courier-std", monospace; font-size: 3.33vw; line-height: 1.31; position: relative; overflow: hidden; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container { display: flex; max-height: 17.44vw; transition: max-height 0.4s ease-out 0s; overflow: hidden; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left { width: 10.38%; flex: none; display: flex; flex-direction: column; justify-content: space-between; transition: padding 0.4s ease 0s; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left .credit-toggle { position: relative; z-index: 2; transition: transform 0.4s ease 0s; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left .credit-toggle a { width: fit-content; display: block; padding: 3.33vw; margin: 0 0 0 -3.34vw; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left .credit-toggle img { aspect-ratio: 1; width: 3.08vw; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right { width: 89.62%; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul { display: flex; flex-direction: column; row-gap: 1.54vw; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li { width: 100%; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info { display: flex; align-items: baseline; column-gap: 1em; flex-wrap: wrap; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group { display: flex; align-items: baseline; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn { font-size: 3.08vw; width: 10.77vw; aspect-ratio: 42 / 17; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn a { height: 100%; display: flex; justify-content: center; align-items: center; border: 0.1rem solid #2D2D2D; border-radius: 50%; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group:nth-child(1) { column-gap: 0.5em; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group:nth-child(2) { column-gap: 0.75em; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .caption { font-style: italic; margin: 3.85vw 0 0; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 16.15vw; background: linear-gradient(0deg, #fff 0%, transparent 100%); pointer-events: none; z-index: 1; transition: transform 0.8s ease 0s; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea.is-open .flex-container { max-height: 70.51vw; transition-duration: 0.8s; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea.is-open .flex-container .column-left { padding: 0; }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea.is-open .flex-container .column-left .credit-toggle { transform: scale(1, -1); }
body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea.is-open::after { transform: translate(0, 101%); }

@media screen and (min-width: 768px) { body #wrapper .issue-contents { padding: 0 0 20.83%; }
  body #wrapper .issue-contents #look-wrapper { padding: 11.93% 0 0; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container { position: relative; aspect-ratio: 1920 / 1340; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel { row-gap: 1.25vw; column-gap: 1.25vw; position: absolute; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .image-container .image-panel .imagearea i { width: 1.04vw; right: 0.83vw; bottom: 0.83vw; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea { padding: 0; font-size: 0.78vw; line-height: 1.13; width: 26.61%; position: absolute; overflow: visible; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container { max-height: none; overflow: visible; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left { width: 11.94%; padding: 0; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-left .credit-toggle { display: none; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right { width: 88.06%; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul { row-gap: 0.47vw; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info { column-gap: 0; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group { column-gap: 0; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .name { width: 34.9%; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .brand { flex: 1; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .price { flex: 1; text-align: right; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn { width: 2.5vw; aspect-ratio: 48 / 20; font-size: 0.68vw; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn a { transition: background 0.4s ease-out 0s; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn a:hover { background: #FFE7D5; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group .link-btn.ask a:hover { background: #DAE8EE; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group:nth-child(1) { width: 66.22%; column-gap: 11.41%; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .credit ul li .item-info .text-group:nth-child(2) { flex: 1; column-gap: 3.95%; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea .flex-container .column-right .caption { margin: 1.56vw 0 0; white-space: nowrap; }
  body #wrapper .issue-contents #look-wrapper .inner .look .layout-container .textarea::after { display: none; } }
/* Modal */
body #wrapper .issue-contents #modal-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; display: none; background: #F5F5F4; }
body #wrapper .issue-contents #modal-container .modal-contents { height: 100%; }
body #wrapper .issue-contents #modal-container .modal-contents .modal-single { display: none; height: 100%; overflow: auto; }
body #wrapper .issue-contents #modal-container .modal-contents .modal-single .single-inner { display: flex; flex-direction: column; row-gap: 0.51vw; }
body #wrapper .issue-contents #modal-container .modal-contents .modal-single .single-inner .imagearea { width: 100%; }
body #wrapper .issue-contents #modal-container .modal-close { width: 9.74%; aspect-ratio: 38 / 15; position: fixed; right: 6.15%; top: 6.15vw; color: #D1D1D1; }
body #wrapper .issue-contents #modal-container .modal-close a i { display: block; height: 100%; position: relative; }
body #wrapper .issue-contents #modal-container .modal-close a i::before, body #wrapper .issue-contents #modal-container .modal-close a i::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 0.1rem; background: currentColor; transform: translate(-50%, -50%) rotate(0); }
body #wrapper .issue-contents #modal-container .modal-close a i::before { animation: cross1Rev 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0s forwards; }
body #wrapper .issue-contents #modal-container .modal-close a i::after { animation: cross2Rev 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0s forwards; }
body #wrapper .issue-contents #modal-container.is-open .modal-close a i::before { animation: cross1 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0.1s forwards; }
body #wrapper .issue-contents #modal-container.is-open .modal-close a i::after { animation: cross2 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0.1s forwards; }

@media screen and (orientation: landscape) { body #wrapper .issue-contents #modal-container .modal-contents .modal-single .single-inner { width: 62.5%; margin: 0 auto; }
  body #wrapper .issue-contents #modal-container .modal-close { width: 2.97%; aspect-ratio: 57 / 22; right: 3.02%; top: 1.41vw; color: #2D2D2D; } }
/* --------------------------------------------------
Ask Modal
-------------------------------------------------- */
body #wrapper .issue-contents #ask-modal-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; display: none; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: rgba(245, 245, 244, 0.6); }
body #wrapper .issue-contents #ask-modal-container #ask-modal { position: absolute; width: calc(100% - 48px); top: 50%; left: 50%; transform: translate(-50%, -50%); background: #E8E8E8; border-radius: 10px; padding: 87px 11px 43px; box-sizing: border-box; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .text { text-align: center; font-family: "dnp-shuei-gothic-kin-std", sans-serif; font-size: 1.2rem; line-height: 1.67; letter-spacing: .05em; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .text a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .text.special { display: none; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data { margin: 68px 0 0; padding: 26px 9px 0; border-top: solid 1px #2D2D2D; font-size: 1.3rem; line-height: 1.11; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info { display: flex; align-items: baseline; flex-wrap: wrap; margin: 0 0 45px; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea { flex: 1; padding: 0 15px 0 0; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea .name-wrap { font-weight: 700; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea .name-wrap .name span { display: none; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea .brand { font-family: "courier-std", monospace; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .price-wrap { font-family: "courier-std", monospace; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container { display: flex; align-items: baseline; justify-content: space-between; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container .title { font-weight: 700; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container .item-number { font-family: "trade-gothic-next-condensed", sans-serif; font-size: 1.8rem; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close { position: absolute; top: 0; right: 0; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a { display: block; width: 68px; height: 45px; position: relative; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::before, body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 38px; height: 1px; background: #2D2D2D; transform: translate(-50%, -50%) rotate(0); }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::before { animation: cross1Rev 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0s forwards; }
body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::after { animation: cross2Rev 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0s forwards; }
body #wrapper .issue-contents #ask-modal-container.is-open #ask-modal .modal-inner .modal-close a::before { animation: cross1 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0.1s forwards; }
body #wrapper .issue-contents #ask-modal-container.is-open #ask-modal .modal-inner .modal-close a::after { animation: cross2 0.3s cubic-bezier(0.83, 0, 0.17, 1) 0.1s forwards; }
body #wrapper .issue-contents #ask-modal-container.is-special #ask-modal { padding: 103px 11px; }
body #wrapper .issue-contents #ask-modal-container.is-special #ask-modal .modal-inner .text.normal { display: none; }
body #wrapper .issue-contents #ask-modal-container.is-special #ask-modal .modal-inner .text.special { display: block; }
body #wrapper .issue-contents #ask-modal-container.is-special #ask-modal .modal-inner .item-data { display: none; }

@media screen and (min-width: 768px) { body #wrapper .issue-contents #ask-modal-container #ask-modal { width: 736px; padding: 102px 48px 54px; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .text { font-size: 1.6rem; line-height: 1.8; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .text a { text-underline-offset: 5px; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data { margin: 71px 0 0; padding: 37px 20px 0; font-size: 1.3rem; line-height: 1.1; display: flex; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info { flex: 1; margin: 0; padding: 0 80px 0 0; flex-direction: column; justify-content: space-between; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea { padding: 0; margin: 0 0 5px; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .main-info .namearea .name-wrap { font-size: 1.2rem; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container { flex-direction: column; justify-content: space-between; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container .title { font-size: 1.2rem; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .item-data .item-number-container .item-number { font-size: 2.4rem; margin: 5px 0 0; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close { top: 25px; right: 20px; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a { width: 80px; height: 48px; }
  body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::before, body #wrapper .issue-contents #ask-modal-container #ask-modal .modal-inner .modal-close a::after { width: 51px; }
  body #wrapper .issue-contents #ask-modal-container.is-special #ask-modal { padding: 137px 48px; } }