@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付きレイアウト
*/
/*
  グレーの文字の補足系
*/
.theater-closed .c-reserve__trigger,
.theater-comingsoon .c-reserve__trigger {
  display: none;
}

.theater-closed .c-btn__pin,
.theater-closed .c-header__theaterNav {
  display: none;
}

.p-theater__main {
  overflow: hidden;
}

.p-theater__heading {
  padding-bottom: 24px;
  font-size: 2.2rem;
  line-height: 1.5454545455;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-theater__heading {
    padding-bottom: 16px;
  }
}

.p-theater__section {
  padding-top: 48px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1120px) {
  .p-theater__section {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-theater__section {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-theater__section.--info {
    padding-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-theater__section.--ticket {
    padding-top: 32px;
  }
}
.p-theater__section.--note {
  padding-top: 24px;
}

.p-theater__button {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.p-theater__button .c-btn {
  width: 245px;
  margin: 0px auto;
}
@media screen and (min-width: 769px) {
  .p-theater__button .c-btn {
    width: 100%;
  }
}
.p-theater__button a:not(.c-btn) {
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-theater__buttonInner {
  display: flex;
  flex-direction: column;
  gap: 12px 0px;
  justify-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-theater__buttonInner {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-theater__buttonInner {
    width: 295px;
    gap: 8px 0px;
  }
}

.p-theater__info {
  display: flex;
  flex-direction: column;
  gap: 24px 0px;
}
@media screen and (min-width: 769px) {
  .p-theater__info {
    position: relative;
  }
  .p-theater__info::after {
    content: "";
    width: p(64, 1014);
    max-width: 64px;
    height: auto;
    order: 2;
    background-position: center top;
    background-size: 1px 100%;
    background-image: linear-gradient(90deg, var(--color-rightgray3), var(--color-rightgray3));
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 769px) {
  .p-theater__hours,
  .p-theater__facility {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1080px) {
  .p-theater__hours,
  .p-theater__facility {
    display: flex;
  }
}
.p-theater__hours a,
.p-theater__facility a {
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-theater__infoTitle {
  padding-bottom: 8px;
  font-size: 1.7rem;
  line-height: 1.4705882353;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0px 8px;
}
.p-theater__infoTitle::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
}
.p-theater__infoTitle.--hours:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 12C4 9.87826 4.84285 7.84343 6.34315 6.34314C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34314C19.1571 7.84343 20 9.87826 20 12C20 14.1217 19.1571 16.1565 17.6569 17.6568C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6568C4.84285 16.1565 4 14.1217 4 12ZM12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM13 6C13 5.73478 12.8946 5.48043 12.7071 5.29289C12.5196 5.10535 12.2652 5 12 5C11.7348 5 11.4804 5.10535 11.2929 5.29289C11.1054 5.48043 11 5.73478 11 6V12C11.0001 12.2652 11.1055 12.5195 11.293 12.707L14.293 15.707C14.4816 15.8891 14.7342 15.9899 14.9964 15.9876C15.2586 15.9854 15.5094 15.8802 15.6948 15.6948C15.8802 15.5094 15.9854 15.2586 15.9877 14.9964C15.99 14.7342 15.8892 14.4816 15.707 14.293L13 11.586V6Z" fill="%231A1A1A"/></svg>') center center/contain no-repeat;
}
.p-theater__infoTitle.--facility:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 7C2 5.89543 2.89543 5 4 5H14C15.1046 5 16 5.89543 16 7V7.61257L20.6838 6.05132C20.9887 5.94967 21.3239 6.00081 21.5847 6.18876C21.8455 6.37671 22 6.67856 22 7V17C22 17.3214 21.8455 17.6233 21.5847 17.8112C21.3239 17.9992 20.9887 18.0503 20.6838 17.9487L16 16.3874V17C16 18.1046 15.1046 19 14 19H4C2.89543 19 2 18.1046 2 17V7ZM16 14.2792L20 15.6126V8.38743L16 9.72076V14.2792ZM14 7H4V17H14V7Z" fill="%231A1A1A"/></svg>') center center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-theater__infoTitle {
    width: 140px;
  }
}

.p-theater__infoDetail {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px 0px;
}
@media screen and (min-width: 769px) {
  .p-theater__infoDetail {
    flex: 1;
  }
}

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

.p-theater__infoMore--more {
  width: 100%;
  height: 43px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-theater__infoMore--more {
    height: 25px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
  }
}
.p-theater__infoMore--more span {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--color-rightgray);
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-theater__infoMore--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;
  }
  .p-theater__infoMore--more span:hover {
    background-size: 100% 1px;
    background-position: left bottom;
  }
}
.p-theater__infoMore--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="%23666666" 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);
}

@media screen and (max-width: 768px) {
  .p-theater__tickets {
    max-height: 131px;
    position: relative;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .p-theater__tickets.--show {
    max-height: 40vh;
  }
  .p-theater__tickets.--show .p-theater__ticketMore--more {
    opacity: 0;
    pointer-events: none;
  }
}

.p-theater__ticketMore--more {
  width: 100%;
  height: 52px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-theater__ticketMore--more span {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--color-rightgray);
  text-align: center;
  text-decoration: none;
}
body.--black .p-theater__ticketMore--more span {
  color: #fff;
}
.p-theater__ticketMore--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="%23666666" 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);
}
@media screen and (min-width: 769px) {
  .p-theater__ticketMore--more {
    display: none;
  }
}

.p-theater__ticket {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 7px;
}
@media screen and (min-width: 769px) {
  .p-theater__ticket {
    gap: 9px 9px;
  }
}
.p-theater__ticket * {
  font-weight: 700;
}
.p-theater__ticket a {
  width: calc(33.33% - 5px);
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  line-height: 1.4705882353;
  border: 1px solid var(--color-skyblue2);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-theater__ticket a {
    width: 112px;
  }
  .p-theater__ticket a:hover::before {
    left: -30px;
    right: unset;
    width: calc(100% + 60px);
  }
  .p-theater__ticket a:hover p {
    color: #fff;
  }
}
.p-theater__ticket a small {
  font-size: 1.2rem;
  line-height: 2.0833333333;
}
.p-theater__ticket a:has(.p-theater__ticketService) p {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.p-theater__ticket a::before {
  content: "";
  width: 0px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -30px;
  border-radius: 100px;
  transition: width 0.4s ease;
  isolation: isolate;
  background-color: var(--color-blue);
}
.p-theater__ticket p {
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  transition: color 0.4s ease;
}

.p-theater__ticketService {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 1rem;
  line-height: 1;
}

.p-theater__ticketDay {
  font-size: 1.7rem;
  line-height: 1.4705882353;
  align-items: flex-end;
  position: relative;
}

.p-theater__recommend {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px 0px;
}
@media screen and (min-width: 769px) {
  .p-theater__recommend {
    flex-direction: row;
    gap: 40px 40px;
  }
}
@media screen and (min-width: 769px) {
  .p-theater__recommend li {
    width: calc(50% - 20px);
  }
}
.p-theater__recommend a {
  display: flex;
  align-items: flex-start;
  gap: 0px 12px;
  color: var(--color-dark);
}
@media screen and (min-width: 769px) {
  .p-theater__recommend a {
    transition: opacity 0.4s ease;
  }
  .p-theater__recommend a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .p-theater__recommend a {
    gap: 0px 24px;
  }
}
.p-theater__recommend picture {
  width: 110px;
  border: 1px solid #e6e9f1;
}
@media screen and (min-width: 769px) {
  .p-theater__recommend picture {
    width: 200px;
  }
}
.p-theater__recommend dl {
  flex: 1;
}
.p-theater__recommend dl dt {
  padding-bottom: 8px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
}
.p-theater__recommend dl dd {
  font-size: 1.3rem;
  line-height: 1.4615384615;
}
@media screen and (min-width: 769px) {
  .p-theater__recommend dl dd {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-theater__contact {
  padding: 24px 20px;
  background: #f4f4f4;
  border-radius: 10px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .p-theater__contact {
    padding: 32px 48px;
  }
}
.p-theater__contact ul {
  margin-top: 4px;
}
.p-theater__contact ul li {
  margin-top: 4px;
}
.p-theater__contact ul li:first-child {
  margin-top: 0px;
}
.p-theater__contact a {
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-theater__ticker {
  overflow: hidden;
}

.p-theater__tickers {
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-theater__tickers {
    animation: ticker_sp 40s linear infinite;
  }
}
@media screen and (min-width: 769px) {
  .p-theater__tickers {
    animation: ticker_pc 40s linear infinite;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
}
.p-theater__tickers img {
  width: 555px;
  margin-left: 20px;
}
@media screen and (min-width: 769px) {
  .p-theater__tickers img {
    width: 1300px;
  }
}
@keyframes ticker_sp {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(-575px, 0px, 0px);
  }
}
@keyframes ticker_pc {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(-1320px, 0px, 0px);
  }
}

.p-theater__closed {
  max-width: 950px;
  border: 5px solid var(--color-rightgray3);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .p-theater__closed {
    border-width: 4px;
  }
}
.p-theater__closed > div {
  max-width: 800px;
  padding: 24px 20px;
  margin: 0 auto;
}
.p-theater__closed_to {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 10px;
}
.p-theater__closed .p-theater__heading {
  text-align: center;
}
.p-theater__closed_text {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 600;
}
.p-theater__closed_date {
  text-align: right;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
}
.p-theater__closed_sign {
  text-align: right;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
}
/*# sourceMappingURL=../../sourcemaps/assets_2025/css/theater.css.map */