/* --------------------------------------------------
Common
-------------------------------------------------- */
#wrapper { padding: 60px 0 0; }

@media screen and (min-width: 1024px) { #wrapper { padding: 66px 0 0; } }
@media screen and (orientation: portrait) { .pc { display: none !important; } }
@media screen and (orientation: landscape) { .sp { display: none !important; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
.gallery-detail--container { display: flex; flex-direction: column; }
.gallery-detail--container .gallery-detail--title-container { display: contents; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea { display: flex; justify-content: space-between; align-items: center; height: 50px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background: #D2CFC5; z-index: 9; position: sticky; left: 0; top: 60px; padding: 3px 15px 0; order: -100; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea h2 { font-size: 1rem; letter-spacing: .04em; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea h3 { font-family: "Pinyon Script", cursive !important; font-size: 2.6rem; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag { justify-content: flex-start; column-gap: 10px; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag h2 { font-family: "Pinyon Script", cursive !important; font-size: 2.6rem; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag h3 { font-family: dnp-shuei-gothic-kin-std, sans-serif !important; font-size: 1.3rem; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle { height: 35px; display: flex; justify-content: flex-end; align-items: center; padding: 0 30px; border-bottom: solid 1px #000000; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul { display: flex; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul li { font-size: 1.1rem; letter-spacing: .04em; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul li::after { display: inline; content: "/"; margin: 0 .5em; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul li.is-current a { text-decoration: underline; }
.gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul li:last-child::after { display: none; }
.gallery-detail--container .gallery-detail--contents { display: contents; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column { display: contents; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .textarea { padding: 30px; order: -99; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .textarea .text { font-family: dnp-shuei-gothic-kin-std, sans-serif; font-size: 1.2rem; letter-spacing: .092em; line-height: 2; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .textarea .text p + p { margin: 2em 0 0; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .btn--back { order: 100; font-size: 1.25rem; letter-spacing: .04em; border-bottom: solid 1px #000000; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .btn--back a { display: block; height: 50px; padding: 18px 30px 0; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-movie .iframe-wrapper { position: relative; aspect-ratio: 16 / 9; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-movie .iframe-wrapper iframe { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still { overflow: hidden; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list { display: flex; flex-wrap: wrap; border: solid 1px #000000; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li { box-sizing: content-box; height: 31.2vw; border: solid 1px #000000; margin: -1px; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li img { height: 100%; object-fit: cover; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li.portrait { width: 25%; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li.landscape { width: 50%; }
.gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column:has(.content-movie) .gallery-content.content-still { display: none; }

#still-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #D2CFC5; z-index: 9999999; }
#still-modal .modal-inner { height: 100%; display: flex; align-items: center; }
#still-modal .modal-inner .modal-head { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; position: absolute; left: 0; right: 0; top: 20px; }
#still-modal .modal-inner .modal-head .swiper-pagination { position: static; text-align: left; font-family: "Pinyon Script", cursive; font-size: 2.25rem; padding: 0 0 0 7px; }
#still-modal .modal-inner .modal-head .modal-close a { display: block; padding: 10px; }
#still-modal .modal-inner .modal-head .modal-close a img { width: 12px; filter: invert(1); }
#still-modal .modal-inner .modal-content { width: 100%; }
#still-modal .modal-inner .modal-content .swiper-container .swiper-wrapper .swiper-slide { height: auto; display: flex; align-items: center; }
#still-modal .modal-inner .modal-controller { display: flex; justify-content: center; column-gap: 50px; position: absolute; left: 0; right: 0; bottom: 20px; }
#still-modal .modal-inner .modal-controller .swiper-button-prev, #still-modal .modal-inner .modal-controller .swiper-button-next { position: static; width: auto; height: auto; background: none; margin: 0; font-size: 1.2rem; letter-spacing: .04em; }

@media screen and (orientation: landscape) { .gallery-detail--container { display: block; width: 97.22%; max-width: 1780px; margin: 0 auto; padding: 16px 0 0; }
  .gallery-detail--container .gallery-detail--title-container { display: flex; justify-content: space-between; align-items: center; height: 50px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; background: #D2CFC5; z-index: 9; position: sticky; left: 0; top: 66px; padding: 5px 2.14% 0; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea { justify-content: flex-start; column-gap: 15px; height: auto; border-top: none; border-bottom: none; background: none; position: static; padding: 0; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea h2 { font-size: 1.2rem; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea h3 { font-size: 2.8rem; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag { column-gap: 15px; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag h2 { font-size: 2.8rem; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--titlearea.tag h3 { font-size: 1.3rem; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle { height: auto; padding: 0; border-bottom: none; }
  .gallery-detail--container .gallery-detail--title-container .gallery-detail--disp-toggle ul li { font-size: 1.2rem; }
  .gallery-detail--container .gallery-detail--contents { display: flex; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column { display: block; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column { display: flex; flex-direction: column; width: 21.43%; height: calc(100vh - 66px - 16px - 50px - 20px); border-left: solid 1px #000000; position: sticky; left: 0; top: 116px; border-right: solid 1px #000000; margin: 0 -1px 0 0; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .textarea { flex: 1; padding: 30px 10%; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .btn--back { font-size: 1.2rem; border-top: solid 1px #000000; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column .btn--back a { height: 44px; padding: 16px 10% 0; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.left-column::after { display: block; content: ""; position: absolute; width: 369.13%; left: 100%; top: calc(100% - 1px); background: #D2CFC5; height: 36px; border-top: solid 1px #000000; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column { flex: 1; min-height: calc(100vh - 66px - 16px - 50px - 20px); margin: -1px 0 0; border-right: solid 1px #000000; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-movie { display: flex; align-items: center; min-height: 100%; border-bottom: none; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-movie .iframe-wrapper { width: 100%; border-top: solid 1px #000000; border-bottom: solid 1px #000000; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-movie .iframe-wrapper iframe { height: 100.1% !important; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list { border-right: none; }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li { height: 8.68vw; } }
@media screen and (orientation: landscape) and (min-width: 1830px) { .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li { height: 159px; } }
@media screen and (orientation: landscape) { .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li.portrait { width: calc(100% / 11); }
  .gallery-detail--container .gallery-detail--contents .gallery-detail--column.right-column .gallery-content.content-still .content-still-list li.landscape { width: calc(100% / 11 * 2); }
  #still-modal .modal-inner .modal-head { padding: 0 2.43%; top: 2.43vw; }
  #still-modal .modal-inner .modal-head .swiper-pagination { font-size: 2rem; padding: 0; }
  #still-modal .modal-inner .modal-head .modal-close a { padding: 0; }
  #still-modal .modal-inner .modal-head .modal-close a img { width: 20px; }
  #still-modal .modal-inner .modal-content { width: 53.47%; margin: 0 auto; height: calc(100vh - 200px); }
  #still-modal .modal-inner .modal-content .swiper-container { height: 100%; }
  #still-modal .modal-inner .modal-content .swiper-container .swiper-wrapper { height: 100%; }
  #still-modal .modal-inner .modal-content .swiper-container .swiper-wrapper .swiper-slide { justify-content: center; }
  #still-modal .modal-inner .modal-content .swiper-container .swiper-wrapper .swiper-slide img.portrait { width: auto; height: 100%; }
  #still-modal .modal-inner .modal-controller { column-gap: 20px; left: auto; right: 2.43%; bottom: 2.43vw; } }