/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper #contents .artist-name.on-child-page { position: absolute; left: 0; top: 0; visibility: hidden; }
body #wrapper #contents .work-list { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.027 * 100)); }
body #wrapper #contents .work-list .artist-head .image-container { position: relative; }
body #wrapper #contents .work-list .artist-head .image-container .artist-name { display: none; }
body #wrapper #contents .work-list .artist-head .textarea { padding: 1.5rem 9.33% calc(6rem - calc(var(--vw) * (0.027 * 100))); }
body #wrapper #contents .work-list .artist-head .textarea .artist-name { font-weight: 600; font-size: 1.9rem; letter-spacing: .02em; margin: 0 0 1.5rem; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container { display: flex; flex-direction: column; row-gap: 1.5rem; font-weight: 500; font-size: .9rem; line-height: 1.5; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container .column { display: contents; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .links { order: 100; font-weight: 600; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .links ul { display: flex; column-gap: .5em; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .links ul li a { text-decoration: underline; }
body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .history.text-jp { font-family: "Noto Sans JP", sans-serif; }
body #wrapper #contents .work-list .work-single .imagearea .iframe-wrapper { position: relative; aspect-ratio: 16 / 9; }
body #wrapper #contents .work-list .work-single .imagearea .iframe-wrapper iframe { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; }

@media screen and (orientation: landscape) { body #wrapper #contents .artist-name.on-child-page { position: static; visibility: visible; padding: 3.75% 0 4.93%; text-align: center; font-weight: 600; font-size: calc(var(--vw) * (0.026 * 100)); letter-spacing: .02em; }
  body #wrapper #contents .work-list { flex-direction: row; flex-wrap: wrap; justify-content: center; row-gap: calc(var(--vw) * (0.042 * 100)); column-gap: 0.83%; }
  body #wrapper #contents .work-list .artist-head { width: 100%; }
  body #wrapper #contents .work-list .artist-head .image-container .imagearea { height: 100vh; }
  body #wrapper #contents .work-list .artist-head .image-container .imagearea img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  body #wrapper #contents .work-list .artist-head .image-container .artist-name { display: block; font-weight: 600; font-size: calc(var(--vw) * (0.026 * 100)); letter-spacing: .02em; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); }
  body #wrapper #contents .work-list .artist-head .textarea { padding: 6.5rem 4.17% calc(7.5rem - calc(var(--vw) * (0.042 * 100))); }
  body #wrapper #contents .work-list .artist-head .textarea .artist-name { font-size: 1.8rem; margin: 0 0 2rem; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container { display: flex; flex-direction: row; row-gap: 0; column-gap: 5%; font-size: 1.2rem; line-height: 1.67; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container .column { display: flex; flex-direction: column; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .links { font-size: 1.4rem; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container .column .links ul li a:hover { font-style: italic; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container .column:nth-child(1) { width: 38.94%; min-width: 45rem; row-gap: 5rem; }
  body #wrapper #contents .work-list .artist-head .textarea .flex-container .column:nth-child(2) { row-gap: 2rem; }
  body #wrapper #contents .work-list .work-single { width: 45.42%; }
  body #wrapper #contents .work-list.page-first::after { display: block; content: ""; width: 45.42%; }
  body #wrapper #contents .work-list:not(.pege-first) .work-single:last-child:nth-child(odd) { width: 100%; display: flex; justify-content: center; column-gap: 0.83%; }
  body #wrapper #contents .work-list:not(.pege-first) .work-single:last-child:nth-child(odd) .imagearea { width: 45.42%; }
  body #wrapper #contents .work-list:not(.pege-first) .work-single:last-child:nth-child(odd)::after { display: block; content: ""; width: 45.42%; } }