@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-movie__header {
  padding-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1120px) {
  .p-movie__header {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-movie__header {
    padding-top: 56px;
  }
}
@media screen and (max-width: 768px) {
  .p-movie__header .c-headingInner {
    align-items: flex-start;
  }
}
.p-movie__header .c-heading {
  margin-bottom: 0px;
}

.p-movie__ctrl {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (min-width: 1120px) {
  .p-movie__ctrl {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-movie__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.p-movie__radio {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.p-movie__radio:first-child {
  display: none;
}
.p-movie__radio input {
  display: none;
}
.p-movie__radio label {
  display: inline-flex;
  font-size: 1.2rem;
  line-height: 1.5;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-movie__radio label {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.p-movie__radio label:before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid var(--color-rightgray3);
  display: block;
  border-radius: 2px;
}
.p-movie__radio input:checked + label::before {
  border-color: #000;
  background: url(/assets_2025/img/icon/checked.svg) center center/cover no-repeat;
}

.p-movie__sorts {
  display: inline-flex;
  position: relative;
  flex-direction: column;
  row-gap: 4px;
}
@media screen and (min-width: 769px) {
  .p-movie__sorts {
    flex-direction: row;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
  }
}
.p-movie__sorts label {
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .p-movie__sorts label {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-movie__sort {
  padding: 4px 10px;
  border: 1px solid var(--color-rightgray3);
  border-radius: 2px;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  position: relative;
}
.p-movie__sort::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14"><path d="M13.7438 8.92088C13.6344 8.81152 13.4861 8.75008 13.3314 8.75008C13.1767 8.75008 13.0283 8.81152 12.919 8.92088L10.998 10.8418V1.74996C10.998 1.59525 10.9366 1.44688 10.8272 1.33748C10.7178 1.22808 10.5694 1.16663 10.4147 1.16663C10.26 1.16663 10.1116 1.22808 10.0022 1.33748C9.89283 1.44688 9.83137 1.59525 9.83137 1.74996V10.8418L7.91046 8.92088C7.80044 8.81462 7.65309 8.75582 7.50014 8.75715C7.34719 8.75848 7.20088 8.81983 7.09273 8.92798C6.98457 9.03614 6.92323 9.18244 6.9219 9.33539C6.92057 9.48834 6.97936 9.63569 7.08562 9.74571L10.0023 12.6624C10.0565 12.7167 10.1208 12.7598 10.1917 12.7892C10.2626 12.8186 10.3386 12.8338 10.4153 12.8338C10.492 12.8338 10.568 12.8186 10.6389 12.7892C10.7097 12.7598 10.7741 12.7167 10.8283 12.6624L13.745 9.74571C13.8542 9.63616 13.9154 9.48773 13.9152 9.33305C13.9149 9.17837 13.8533 9.03011 13.7438 8.92088Z" fill="%23B50080"/><path d="M7.91202 4.25424L4.99536 1.33757C4.94103 1.28313 4.87637 1.2401 4.80519 1.21099C4.66249 1.152 4.50222 1.152 4.35952 1.21099C4.28834 1.2401 4.22368 1.28313 4.16936 1.33757L1.25269 4.25424C1.14331 4.36377 1.08192 4.51227 1.08203 4.66707C1.08214 4.82186 1.14374 4.97027 1.25327 5.07965C1.36281 5.18903 1.51131 5.25042 1.6661 5.25031C1.8209 5.2502 1.96931 5.1886 2.07869 5.07907L3.99961 3.15815V12.25C3.99961 12.4047 4.06106 12.5531 4.17046 12.6625C4.27986 12.7719 4.42823 12.8333 4.58294 12.8333C4.73765 12.8333 4.88602 12.7719 4.99542 12.6625C5.10481 12.5531 5.16627 12.4047 5.16627 12.25V3.15815L7.08719 5.07907C7.19721 5.18533 7.34456 5.24413 7.49751 5.2428C7.65045 5.24147 7.79676 5.18012 7.90492 5.07196C8.01307 4.96381 8.07442 4.8175 8.07575 4.66455C8.07708 4.51161 8.01828 4.36426 7.91202 4.25424Z" fill="%23B50080"/></svg>') center center/contain no-repeat;
}
.p-movie__sort::after {
  content: "";
  width: 24px;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  right: 0px;
  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;
  transform: rotate(90deg);
  pointer-events: none;
}
.p-movie__sort select {
  padding-right: 16px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: unset;
  color: var(--color-dark);
}
@media screen and (min-width: 769px) {
  .p-movie__sort select {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-movie__main {
  padding: 20px 0px 0px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1120px) {
  .p-movie__main {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-movie__main {
    padding: 24px 0px 0px;
  }
}

.p-movie__section {
  padding-bottom: 32px;
  display: none;
}
.p-movie__section:has(.p-movie__list.--show) {
  display: block;
}
.p-movie__section:last-child {
  padding-bottom: 0px;
}

.p-movie__section:not(:has(.p-movie__list.--show)) + .c-ads,
.p-movie__section:not(:has(.p-movie__list.--show)) + .c-ads + .c-ads {
  display: none;
}

.p-movie__lead {
  padding-bottom: 16px;
}
@media screen and (min-width: 769px) {
  .p-movie__lead {
    padding-bottom: 24px;
  }
}

.p-movie__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 10px;
}
@media screen and (min-width: 769px) {
  .p-movie__lists {
    gap: 24px 30px;
  }
}
.p-movie__lists:has([new]) .p-movie__list:not([new]) a {
  padding-top: 22px;
}
@media screen and (min-width: 769px) {
  .p-movie__lists:has([new]) .p-movie__list:not([new]) a {
    padding-top: 41px;
  }
}

.p-movie__list {
  width: calc(33.333% - 7px);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  display: none;
  opacity: 0;
}
.p-movie__list[new] a::before {
  content: "NEW";
  width: 45px;
  height: 14px;
  margin: 0px auto 2px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D5AA34;
  border: 1px solid #D5AA34;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  border-radius: 20.5px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-movie__list[new] a::before {
    width: 100px;
    height: 26px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 1;
  }
}
@media screen and (min-width: 769px) {
  .p-movie__list {
    width: calc(25% - 23px);
  }
}
@media screen and (min-width: 1080px) {
  .p-movie__list {
    width: calc(20% - 24px);
  }
}
.p-movie__list a {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  color: var(--color-dark);
}
@media screen and (min-width: 769px) {
  .p-movie__list a {
    transition: opacity 0.4s ease;
  }
  .p-movie__list a:hover {
    opacity: 0.7;
  }
}
.p-movie__list.--show {
  display: block;
  animation: fadeIn 0.4s linear forwards 0.1s;
}

.p-movie__figure {
  font-size: 0;
  aspect-ratio: 5/7;
  outline: 1px solid #E6E9F1;
}
.p-movie__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-movie__status {
  padding: 3px 0px;
  display: block;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #666;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .p-movie__status {
    font-size: 1.1rem;
    line-height: 1;
  }
}
.p-movie__status.--red {
  color: #D80606;
}
.p-movie__status.--blue {
  color: #004FB5;
}

.p-movie__title h3 {
  display: inline;
  vertical-align: middle;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-movie__title h3 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.p-movie__title .c-chip {
  margin-left: 4px;
  display: inline;
}

.p-movie__ticket {
  line-height: 1em;
}
.p-movie__ticket span {
  padding: 3px;
  border-radius: 2px;
  background: var(--color-primary);
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}

.p-movie__favorite {
  display: inline-block;
  position: relative;
}
.p-movie__favorite button {
  padding: 4px 4px 4px 20px;
  border: 1px solid var(--color-rightgray3);
  background: none;
  border-radius: 2px;
  display: block;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  color: var(--color-dark);
  isolation: isolate;
}
@media screen and (min-width: 769px) {
  .p-movie__favorite button {
    transition: color 0.4s ease, background-color 0.4s ease, border 0.4s ease;
  }
  .p-movie__favorite button:hover {
    background: var(--color-dark);
    border-color: var(--color-dark);
    color: #fff;
  }
}
.p-movie__favorite button::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 4px;
  background: url(/assets_2025/img/icon/star.svg) center center/contain no-repeat;
}
.p-movie__favorite button.--favorite::before {
  background: url(/assets_2025/img/icon/star_yellow.svg) center center/contain no-repeat;
}
.p-movie__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-movie__favorite:has(.--loading)::after {
  opacity: 1;
  pointer-events: all;
}

.p-movie__button {
  margin: 40px 40px 0px;
}
@media screen and (min-width: 769px) {
  .p-movie__button {
    max-width: 388px;
    margin: 56px auto 0px;
  }
}

.p-movie__banner {
  margin: 24px 20px 0px;
  display: none;
}
@media screen and (min-width: 769px) {
  .p-movie__banner {
    max-width: 388px;
    margin: 32px auto 0px;
  }
}
.p-movie__banner a {
  display: block;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .p-movie__banner a {
    transition: opacity 0.4s ease;
  }
  .p-movie__banner a:hover {
    opacity: 0.7;
  }
}
.p-movie__banner a img {
  width: 100%;
}

.p-movie__unext {
  margin-top: 32px;
}

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

.p-movie__note {
  margin-top: 16px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1120px) {
  .p-movie__note {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-movie__note {
    margin-top: 32px;
  }
}
.p-movie__note p {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--color-rightgray);
}
/*# sourceMappingURL=../../sourcemaps/assets_2025/css/movie.css.map */