@charset "UTF-8";
:root {
  --color-primary: #B50080;
  --color-dark: #1A1A1A;
  --color-gray: #F3F4F8;
  --color-gray2: #B2B2B2;
  --color-rightgray: #666666;
  --color-rightgray2: #888888;
  --color-rightgray3: #E6E9F1;
  --color-blue: #007AAB;
  --color-rightblue: #0099CE;
  --color-skyblue: #E7F5F9;
  --color-skyblue2: #007AAB;
  --color-red: #D70606;
}

/*
  フォントサイズ
    $font-size: フォントサイズ(必須)
    $line-height: ラインハイト or 空
    $letter-spacing: レタースペーシング or 空
*/
/*

*/
/*
  Hタグ
    $type: 2(H2サイズ)
*/
/*
  共通ボタン 大
  default: skyblue2
*/
/*
  共通ボタン 小
  default: skyblue2
*/
/*
  通常
  SP 左右のマージン20px
  PC 幅900px
*/
/*
  角丸border付きレイアウト
*/
/*
  グレーの文字の補足系
*/
.p-detail__overview {
  padding: 16px 0px 32px;
  background: #000;
  color: #fff;
  isolation: isolate;
}
@media screen and (min-width: 769px) {
  .p-detail__overview {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 32px;
    padding: 24px 0px 40px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1120px) {
  .p-detail__overview {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-detail__header {
  padding-bottom: 16px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 740px) {
  .p-detail__header {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-detail__finish {
  margin-bottom: 16px;
  display: block;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .p-detail__finish {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.p-detail__finish::before, .p-detail__finish::after {
  content: "─";
}
.p-detail__finish::before {
  margin-right: 4px;
}
.p-detail__finish::after {
  margin-left: 4px;
}

.p-detail__title h1 {
  margin-right: 8px;
  display: inline;
  vertical-align: middle;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-detail__title h1 {
    font-size: 2.3rem;
    line-height: 1.4782608696;
  }
}

.p-detail__date {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-detail__date {
    margin-top: 4px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.p-detail__visual {
  background-color: #333333;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .p-detail__visual {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 769px) and (min-width: 740px) {
  .p-detail__visual {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-detail__visual:has(iframe) {
  aspect-ratio: 16/9;
}
.p-detail__visual:not(:has(iframe)) {
  height: 244px;
}
@media screen and (min-width: 769px) {
  .p-detail__visual:not(:has(iframe)) {
    height: 394px;
  }
}
.p-detail__visual iframe {
  width: 100%;
  height: 100%;
}
.p-detail__visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.p-detail__thumbnails {
  margin-top: 24px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border: 1px solid rgba(102, 102, 102, 0.3);
}
@media screen and (min-width: 740px) {
  .p-detail__thumbnails {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__thumbnails {
    margin-top: 12px;
    padding: 8px 12px;
  }
}
.p-detail__thumbnails a {
  width: calc(20% - 3.2px);
  aspect-ratio: 61/41;
  background-color: var(--color-rightgray);
  display: block;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .p-detail__thumbnails a {
    transition: opacity 0.4s ease;
  }
  .p-detail__thumbnails a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__thumbnails a {
    width: calc(10% - 3.6px);
  }
}
.p-detail__thumbnails a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-detail__copy {
  color: var(--color-rightgray2);
  font-size: 1.2rem;
  line-height: 1.5;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px;
  display: block;
}
@media screen and (min-width: 740px) {
  .p-detail__copy {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-detail__ctrl {
  margin-top: 24px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
@media screen and (min-width: 740px) {
  .p-detail__ctrl {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__ctrl {
    margin-top: 12px;
  }
}

.p-detail__anchor {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 100%;
}
.p-detail__anchor .c-anchor {
  width: 100%;
  margin: 0px;
}
@media screen and (min-width: 769px) {
  .p-detail__anchor .c-anchor {
    gap: 12px;
    justify-content: unset;
  }
}
.p-detail__anchor .c-anchor a {
  flex: 1;
  color: #fff;
  justify-content: center;
}
.p-detail__anchor .c-anchor a::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M14.8585 11.5318L9.51833 6.19171C9.39482 6.0681 9.22994 6 9.05414 6C8.87833 6 8.71346 6.0681 8.58995 6.19171L8.19668 6.58487C7.94078 6.84107 7.94078 7.25745 8.19668 7.51326L12.6809 11.9975L8.19171 16.4867C8.06819 16.6104 8 16.7751 8 16.9508C8 17.1267 8.06819 17.2915 8.19171 17.4152L8.58497 17.8083C8.70858 17.9319 8.87336 18 9.04916 18C9.22497 18 9.38984 17.9319 9.51335 17.8083L14.8585 12.4634C14.9823 12.3394 15.0503 12.1738 15.0499 11.9978C15.0503 11.8211 14.9823 11.6557 14.8585 11.5318Z" /></svg>') center center/contain no-repeat;
}

.p-detail__favorite {
  position: relative;
}
.p-detail__favorite button {
  width: 87px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-rightgray3);
  border-radius: 2px;
  background: none;
  position: relative;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  isolation: isolate;
}
@media screen and (min-width: 769px) {
  .p-detail__favorite button {
    width: 92px;
    transition: background-color 0.4s ease, border-color 0.4s ease;
  }
  .p-detail__favorite button:hover {
    background: #fff;
    border-color: #000;
  }
  .p-detail__favorite button:hover span {
    color: #000;
  }
}
.p-detail__favorite button::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/assets_2025/img/icon/star.svg) center center/contain no-repeat;
  display: block;
}
.p-detail__favorite button.--favorite::before {
  background: url(/assets_2025/img/icon/star_yellow.svg) center center/contain no-repeat;
}
.p-detail__favorite button span {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  transition: color 0.4s ease;
}
.p-detail__favorite::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDk2IDQwIj48c3R5bGU+LmRvdHt0cmFuc2Zvcm0tYm94OmZpbGwtYm94O3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyO2FuaW1hdGlvbjpnIDFzIGluZmluaXRlIGVhc2UtaW4tb3V0O30uZG90Om50aC1jaGlsZCgyKXthbmltYXRpb24tZGVsYXk6MC4xNnM7fS5kb3Q6bnRoLWNoaWxkKDMpe2FuaW1hdGlvbi1kZWxheTowLjMyczt9QGtleWZyYW1lcyBnew0KMCUsODAlLDEwMCV7dHJhbnNmb3JtOnNjYWxlKDAuODUpO29wYWNpdHk6MC42O30NCjQwJXt0cmFuc2Zvcm06c2NhbGUoMS4zNSk7b3BhY2l0eToxO30NCn08L3N0eWxlPjxjaXJjbGUgY2xhc3M9ImRvdCIgY3g9IjIwIiBjeT0iMjAiIHI9IjciIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxjaXJjbGUgY2xhc3M9ImRvdCIgY3g9IjQ4IiBjeT0iMjAiIHI9IjciIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxjaXJjbGUgY2xhc3M9ImRvdCIgY3g9Ijc2IiBjeT0iMjAiIHI9IjciIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==") no-repeat center/52px 17px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  border: 1px solid var(--color-rightgray3);
  border-radius: 2px;
}
.p-detail__favorite:has(.--loading)::after {
  opacity: 1;
  pointer-events: all;
}

.p-detail__story {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 24px;
  font-size: 1.3rem;
  line-height: 1.4615384615;
}
@media screen and (min-width: 740px) {
  .p-detail__story {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__story {
    margin-top: 16px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-detail__disclaimer {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 24px;
  padding: 16px;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  border-radius: 10px;
  border: 1px solid var(--color-rightgray3);
}
@media screen and (min-width: 740px) {
  .p-detail__disclaimer {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__disclaimer {
    margin-top: 16px;
  }
}

.p-detail__table {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 24px;
}
@media screen and (min-width: 740px) {
  .p-detail__table {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__table {
    margin-top: 16px;
  }
}
.p-detail__table tr:not(:first-child) th {
  padding-top: 24px;
}
@media screen and (min-width: 769px) {
  .p-detail__table tr:not(:first-child) th {
    padding-top: 16px;
  }
}
.p-detail__table th {
  padding-bottom: 8px;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-detail__table th {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__table th {
    width: 70px;
    padding-bottom: 16px;
  }
}
.p-detail__table td {
  font-size: 1.3rem;
  line-height: 1.4615384615;
}
@media screen and (max-width: 768px) {
  .p-detail__table td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__table td {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.c-detail__more {
  max-height: 63px;
  position: relative;
  overflow: hidden;
  transition: max-height 0.7s ease;
}
.c-detail__more.--show {
  max-height: 40vh;
}
.c-detail__more.--show .c-detail__more--more {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .c-detail__more {
    max-height: 68px;
  }
}
.c-detail__more p {
  font-size: 1.4rem;
  line-height: 1.5;
}

.c-detail__more--more {
  width: 100%;
  height: 43px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0.8) 0%, #000 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-detail__more--more span {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .c-detail__more--more span {
    background-position: right bottom;
    background-size: 0% 1px;
    background-image: linear-gradient(90deg, var(--color-rightgray), var(--color-rightgray));
    background-repeat: no-repeat;
    transition: background-size ease 0.3s;
  }
  .c-detail__more--more span:hover {
    background-size: 100% 1px;
    background-position: left bottom;
  }
}
.c-detail__more--more::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M14.8585 11.5318L9.51833 6.19171C9.39482 6.0681 9.22994 6 9.05414 6C8.87833 6 8.71346 6.0681 8.58995 6.19171L8.19668 6.58487C7.94078 6.84107 7.94078 7.25745 8.19668 7.51326L12.6809 11.9975L8.19171 16.4867C8.06819 16.6104 8 16.7751 8 16.9508C8 17.1267 8.06819 17.2915 8.19171 17.4152L8.58497 17.8083C8.70858 17.9319 8.87336 18 9.04916 18C9.22497 18 9.38984 17.9319 9.51335 17.8083L14.8585 12.4634C14.9823 12.3394 15.0503 12.1738 15.0499 11.9978C15.0503 11.8211 14.9823 11.6557 14.8585 11.5318Z" /></svg>') center center/contain no-repeat;
  display: inline-block;
  transform: rotate(90deg);
}

.p-detail__info {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.p-detail__info:not(:first-child) {
  margin-top: 8px;
}
.p-detail__info dt {
  width: 70px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-detail__info dt {
    width: 62px;
  }
}
.p-detail__info dd {
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.4615384615;
}

.p-detail__infos {
  margin-top: 8px;
}
@media screen and (min-width: 769px) {
  .p-detail__infos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
  .p-detail__infos .p-detail__info {
    margin: 0px;
  }
}

.p-detail__official {
  margin-top: 8px;
}
.p-detail__official a {
  font-weight: 700;
}

.p-detail__banner {
  margin-top: 24px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 740px) {
  .p-detail__banner {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__banner {
    margin-top: 16px;
  }
}
.p-detail__banner a {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-detail__banner a {
    transition: opacity 0.4s ease;
  }
  .p-detail__banner a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__banner a {
    max-width: 335px;
  }
}
.p-detail__banner:not(:has(img)) {
  display: none;
}

.p-detail__share {
  margin-top: 24px;
  padding-top: 24px;
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
}
@media screen and (min-width: 740px) {
  .p-detail__share {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__share {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
.p-detail__share p {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
}

.p-detail__shares {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.p-detail__shares a {
  width: 32px;
  display: block;
}
@media screen and (min-width: 769px) {
  .p-detail__shares a {
    transition: opacity 0.4s ease;
  }
  .p-detail__shares a:hover {
    opacity: 0.7;
  }
}
.p-detail__shares a img {
  width: 100%;
}

.p-detail__section {
  padding-top: 32px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1120px) {
  .p-detail__section {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__section {
    padding-top: 56px;
  }
}
.p-detail__section .p-detail__listLink .c-area__gps {
  margin-top: 0;
}
.p-detail__section .c-area__inner {
  padding: 15px 0px;
}
@media screen and (min-width: 769px) {
  .p-detail__section .c-area__inner {
    padding: 20px;
  }
}
.p-detail__section .c-area__inner .c-facility {
  display: none;
}

.c-reserve2__schedule:has(.c-reserve2__daysWrap) .c-reserve2__days {
  display: block;
}
.c-reserve2__schedule:has(.c-reserve2__daysWrap) .c-reserve2__toSchedule {
  display: flex;
}

.c-reserve2__days {
  display: none;
}

.c-reserve2__toSchedule {
  display: none;
}

.c-reserve2__noSchedule {
  padding: 24px 0px;
  text-align: center;
  font-weight: 600;
}

.p-detail__listLink > *:not(:first-child) {
  margin-top: 24px;
}

.p-detail__lead {
  padding-bottom: 32px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .p-detail__lead {
    padding-bottom: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.p-detail__links {
  margin-top: 24px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (min-width: 940px) {
  .p-detail__links {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__links {
    margin-top: 32px;
    flex-direction: row;
    justify-content: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .p-detail__links .c-btn {
    width: 100%;
  }
}

body:has(.p-detail__modal.--open) {
  overflow: hidden;
}

.p-detail__modal {
  width: 100%;
  height: 100lvh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(26, 26, 26, 0.8);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  scroll-behavior: smooth;
}
.p-detail__modal.--open {
  pointer-events: all;
}
.p-detail__modal .swiper {
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
  .p-detail__modal .swiper {
    margin-top: 24px;
  }
}
.p-detail__modal .swiper-button-prev, .p-detail__modal .swiper-button-next {
  width: 24px;
  height: 32px;
  background-color: #262622;
}
@media screen and (min-width: 769px) {
  .p-detail__modal .swiper-button-prev, .p-detail__modal .swiper-button-next {
    width: 32px;
    height: 42px;
    transition: background 0.4s ease;
  }
  .p-detail__modal .swiper-button-prev:hover, .p-detail__modal .swiper-button-next:hover {
    background: #fff;
  }
  .p-detail__modal .swiper-button-prev:hover::after, .p-detail__modal .swiper-button-next:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%231A1A1A" d="M14.8585 11.5318L9.51833 6.19171C9.39482 6.0681 9.22994 6 9.05414 6C8.87833 6 8.71346 6.0681 8.58995 6.19171L8.19668 6.58487C7.94078 6.84107 7.94078 7.25745 8.19668 7.51326L12.6809 11.9975L8.19171 16.4867C8.06819 16.6104 8 16.7751 8 16.9508C8 17.1267 8.06819 17.2915 8.19171 17.4152L8.58497 17.8083C8.70858 17.9319 8.87336 18 9.04916 18C9.22497 18 9.38984 17.9319 9.51335 17.8083L14.8585 12.4634C14.9823 12.3394 15.0503 12.1738 15.0499 11.9978C15.0503 11.8211 14.9823 11.6557 14.8585 11.5318Z" /></svg>') center center/contain no-repeat;
  }
}
.p-detail__modal .swiper-button-prev::after, .p-detail__modal .swiper-button-next::after {
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M14.8585 11.5318L9.51833 6.19171C9.39482 6.0681 9.22994 6 9.05414 6C8.87833 6 8.71346 6.0681 8.58995 6.19171L8.19668 6.58487C7.94078 6.84107 7.94078 7.25745 8.19668 7.51326L12.6809 11.9975L8.19171 16.4867C8.06819 16.6104 8 16.7751 8 16.9508C8 17.1267 8.06819 17.2915 8.19171 17.4152L8.58497 17.8083C8.70858 17.9319 8.87336 18 9.04916 18C9.22497 18 9.38984 17.9319 9.51335 17.8083L14.8585 12.4634C14.9823 12.3394 15.0503 12.1738 15.0499 11.9978C15.0503 11.8211 14.9823 11.6557 14.8585 11.5318Z" /></svg>') center center/contain no-repeat;
  font-size: 0;
  transition: background 0.4s ease;
}
.p-detail__modal .swiper-button-prev {
  left: 20px;
  border-radius: 0px 2px 2px 0px;
}
@media screen and (min-width: 769px) {
  .p-detail__modal .swiper-button-prev {
    left: 0px;
  }
}
.p-detail__modal .swiper-button-prev::after {
  transform: rotate(180deg);
}
.p-detail__modal .swiper-button-next {
  right: 20px;
  border-radius: 0px 2px 2px 0px;
}
@media screen and (min-width: 769px) {
  .p-detail__modal .swiper-button-next {
    right: 0px;
  }
}
.p-detail__modal .swiper-slide {
  text-align: center;
}
.p-detail__modal picture {
  display: block;
  aspect-ratio: 67/45;
}
.p-detail__modal picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-detail__modalInner {
  margin-left: 20px;
  margin-right: 20px;
  padding: 24px 0px;
  margin: auto;
}
@media screen and (min-width: 840px) {
  .p-detail__modalInner {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-detail__modalInner {
    overflow: hidden;
  }
}

.p-detail__modalClose {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-detail__modalClose {
    margin-right: 20px;
  }
}
.p-detail__modalClose button {
  width: 40px;
  height: 40px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%231A1A1A" d="M17.6227 6.34184C17.8102 6.53051 17.916 6.786 17.9168 7.052C17.9176 7.318 17.8134 7.57284 17.627 7.76038L13.4102 12.003L17.6528 16.2716C17.8403 16.4603 17.9461 16.7158 17.9469 16.9817C17.9477 17.2478 17.8435 17.5026 17.6571 17.6901C17.4706 17.8777 17.2174 17.9825 16.953 17.9817C16.6886 17.981 16.4347 17.8745 16.2472 17.6858L12.0045 13.4172L7.78769 17.6598C7.60123 17.8474 7.34798 17.9523 7.08362 17.9515C6.81919 17.9507 6.56529 17.8442 6.37777 17.6555C6.19025 17.4669 6.08436 17.2114 6.08363 16.9454C6.08282 16.6794 6.18702 16.4246 6.37347 16.237L10.5903 11.9943L6.34768 7.72575C6.16014 7.53707 6.0543 7.28166 6.05353 7.01558C6.0527 6.74959 6.15693 6.49481 6.34338 6.30722C6.52977 6.11969 6.78299 6.01483 7.04744 6.01559C7.31183 6.01643 7.56576 6.12286 7.7533 6.31154L11.9959 10.5801L16.2128 6.33752C16.3992 6.14998 16.6525 6.0451 16.9168 6.04589C17.1812 6.04668 17.4351 6.15317 17.6227 6.34184Z" /></svg>') center center/contain no-repeat;
  background-size: 24px auto;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-detail__modalClose button {
    transition: background 0.4s ease;
  }
  .p-detail__modalClose button:hover {
    background: #000;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M17.6227 6.34184C17.8102 6.53051 17.916 6.786 17.9168 7.052C17.9176 7.318 17.8134 7.57284 17.627 7.76038L13.4102 12.003L17.6528 16.2716C17.8403 16.4603 17.9461 16.7158 17.9469 16.9817C17.9477 17.2478 17.8435 17.5026 17.6571 17.6901C17.4706 17.8777 17.2174 17.9825 16.953 17.9817C16.6886 17.981 16.4347 17.8745 16.2472 17.6858L12.0045 13.4172L7.78769 17.6598C7.60123 17.8474 7.34798 17.9523 7.08362 17.9515C6.81919 17.9507 6.56529 17.8442 6.37777 17.6555C6.19025 17.4669 6.08436 17.2114 6.08363 16.9454C6.08282 16.6794 6.18702 16.4246 6.37347 16.237L10.5903 11.9943L6.34768 7.72575C6.16014 7.53707 6.0543 7.28166 6.05353 7.01558C6.0527 6.74959 6.15693 6.49481 6.34338 6.30722C6.52977 6.11969 6.78299 6.01483 7.04744 6.01559C7.31183 6.01643 7.56576 6.12286 7.7533 6.31154L11.9959 10.5801L16.2128 6.33752C16.3992 6.14998 16.6525 6.0451 16.9168 6.04589C17.1812 6.04668 17.4351 6.15317 17.6227 6.34184Z" /></svg>') center center/contain no-repeat;
    background-size: 24px auto;
  }
}

.p-detail__ticket {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.p-detail__ticket span {
  color: var(--color-red);
}
@media screen and (max-width: 768px) {
  .p-detail__ticket span {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .p-detail__ticket p {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.p-detail__ticket dl dt {
  padding-bottom: 8px;
  font-weight: 700;
}
.p-detail__ticket dl dt:not(:first-child) {
  padding-top: 16px;
}
@media screen and (min-width: 769px) {
  .p-detail__ticket dl dt {
    font-size: 1.7rem;
    line-height: 1.4705882353;
  }
}
@media screen and (max-width: 768px) {
  .p-detail__ticket dl dd {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-detail__note {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-detail__note .c-box {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-detail__option {
  margin-top: 32px;
  border-radius: 10px;
  padding: 24px 20px;
  background: #F4F4F4;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  border: 1px solid var(--color-rightgray3);
}
@media screen and (min-width: 769px) {
  .p-detail__option {
    padding: 32px;
    row-gap: 10px;
  }
}
.p-detail__option h4 {
  padding-bottom: 2px;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-detail__option h4 {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.p-detail__option table {
  table-layout: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-detail__option table {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.p-detail__option table th {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding-bottom: 8px;
  text-align: left;
}

.p-detail__creening li {
  padding: 8px 0px 4px 0px;
  border-bottom: 1px solid var(--color-rightgray3);
}
.p-detail__creening li:first-child {
  padding-top: 0px;
}

.p-detail__note2 {
  margin-top: 16px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1120px) {
  .p-detail__note2 {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-detail__note2 {
    margin-top: 32px;
  }
}
.p-detail__note2 p {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--color-rightgray);
}

.p-detail__theaterList {
  display: none;
}
.p-detail__theaterList:has(li.--active) {
  display: block;
}
.p-detail__theaterList li {
  display: none;
}
.p-detail__theaterList li.--active {
  display: block;
}

.p-detail__note3 {
  margin-bottom: 8px;
  color: var(--color-dark);
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-detail__note3 span {
  font-size: 90%;
}

.c-reserve2__notice {
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .c-reserve2__notice {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.p-detail__section.--reserve {
  display: none;
}
.p-detail__section.--reserve:has(.js_recommend_theater li) {
  display: block;
}

.p-detail__section.--other {
  display: none;
}
.p-detail__section.--other:has(.--active) {
  display: block;
}
/*# sourceMappingURL=../../sourcemaps/assets_2025/css/detail.css.map */