@charset "UTF-8";

/* 共通公開テンプレート：担当ファイルの元宣言を直接編集する。
 * 配色・背景は店舗 presentation/theme.css。後書き・別overrideは禁止。 */

.ui-movie-caption:where(.ui-main *) {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: calc(10.99998 * var(--sp-unit));
  padding-right: calc(13.999824 * var(--sp-unit));
  padding-bottom: calc(10 * var(--sp-unit));
  padding-left: calc(13.999824 * var(--sp-unit));
  font-size: calc(13 * var(--sp-unit));
  line-height: calc(20.99986 * var(--sp-unit));
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  background-color: var(--sp-movie-caption-ui-movie-caption-background-1-color);
  background-image: var(--sp-movie-caption-ui-movie-caption-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  color: var(--sp-movie-caption-ui-movie-caption-color-1);
}

.ui-movie-caption:where(.ui-main *):where(:is(.ui-movie-caption--attached, :is(.ui-movie-caption--attached) *)) {
  top: 0px;
  border-top-width: calc(1 * var(--sp-unit));
  border-bottom-width: calc(1 * var(--sp-unit));
  border-left-width: calc(1 * var(--sp-unit));
  border-right-width: calc(1 * var(--sp-unit));
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  box-shadow: none;
}

.ui-movie-caption:where(.ui-main *):not(:where(:is(.ui-movie-caption--attached, :is(.ui-movie-caption--attached) *))) {
  top: calc(8 * var(--sp-unit));
  border-top-width: calc(1 * var(--sp-unit));
  border-bottom-width: calc(1 * var(--sp-unit));
  border-top-color: var(--sp-movie-caption-ui-movie-caption-border-top-color-1);
  border-bottom-color: var(--sp-movie-caption-ui-movie-caption-border-bottom-color-1);
  border-left-width: calc(4 * var(--sp-unit));
  border-left-color: var(--sp-movie-caption-ui-movie-caption-border-left-1);
  border-right-width: calc(4 * var(--sp-unit));
  border-right-color: var(--sp-movie-caption-ui-movie-caption-border-right-1);
  border-top-left-radius: calc(4 * var(--sp-unit));
  border-top-right-radius: calc(4 * var(--sp-unit));
  border-bottom-right-radius: calc(4 * var(--sp-unit));
  border-bottom-left-radius: calc(4 * var(--sp-unit));
  box-shadow: 0 calc(2 * var(--sp-unit)) calc(7 * var(--sp-unit)) var(--sp-movie-caption-ui-movie-caption-box-shadow-1);
}

.ui-movie-caption:where(.ui-main *):where(:is(.ui-movie-caption--attached, :is(.ui-movie-caption--attached) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *)) {
  border-top-color: var(--role-sp-movie-caption-ui-movie-caption-border-top-color-621dc2);
  border-bottom-color: var(--role-sp-movie-caption-ui-movie-caption-border-bottom-color-8bd8e5);
  border-left-color: var(--role-sp-movie-caption-ui-movie-caption-border-left-color-9142f9);
  border-right-color: var(--role-sp-movie-caption-ui-movie-caption-border-right-color-440908);
}

.ui-movie-caption:where(.ui-main *):where(:is(.ui-movie-caption--attached, :is(.ui-movie-caption--attached) *)):where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  border-top-color: var(--role-sp-movie-caption-ui-movie-caption-border-top-color-03f3a4);
  border-bottom-color: var(--role-sp-movie-caption-ui-movie-caption-border-bottom-color-e4d6b5);
  border-left-color: var(--role-sp-movie-caption-ui-movie-caption-border-left-color-dd5052);
  border-right-color: var(--role-sp-movie-caption-ui-movie-caption-border-right-color-b33e02);
}

.ui-movie-caption:where(.ui-main *):where(:is(.ui-movie-caption--attached, :is(.ui-movie-caption--attached) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  border-top-color: var(--role-sp-movie-caption-ui-movie-caption-border-top-color-9d214a);
  border-bottom-color: var(--role-sp-movie-caption-ui-movie-caption-border-bottom-color-059017);
  border-left-color: var(--role-sp-movie-caption-ui-movie-caption-border-left-color-d3ac12);
  border-right-color: var(--role-sp-movie-caption-ui-movie-caption-border-right-color-d5c415);
}

.ui-movie-caption .movie-meta-row:where(.ui-main *) {
  display: flex;
  align-items: baseline;
  row-gap: calc(8 * var(--sp-unit));
  column-gap: calc(8 * var(--sp-unit));
  min-width: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: calc(4.999878 * var(--sp-unit));
  margin-left: 0;
}

.ui-movie-caption .movie-meta-row > .movie-date:where(.ui-main *) {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  white-space: nowrap;
}

.ui-movie-caption .movie-cast-link:where(.ui-main *) {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
  position: relative;
  top: calc(3 * var(--sp-unit));
  font-size: inherit;
  font-weight: 700;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.ui-movie-caption .movie-cast-link:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *)) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-cast-link-color-c40902);
}

.ui-movie-caption .movie-cast-link:where(.ui-main *):where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-cast-link-color-765720);
}

.ui-movie-caption .movie-cast-link:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-cast-link-color-820087);
}

.ui-movie-caption .movie-cast-link:focus-visible:where(.ui-main *) {
  outline-color: currentcolor;
  outline-style: solid;
  outline-width: calc(calc(2 * var(--sp-unit)));
  outline-offset: calc(2 * var(--sp-unit));
}

.ui-movie-caption .movie-date:where(.ui-main *) {
  display: inline-flex;
  align-items: baseline;
  row-gap: calc(4 * var(--sp-unit));
  column-gap: calc(4 * var(--sp-unit));
  padding-top: calc(2 * var(--sp-unit));
  padding-right: calc(8 * var(--sp-unit));
  padding-bottom: calc(0.99981 * var(--sp-unit));
  padding-left: calc(8 * var(--sp-unit));
  font-size: calc(10.999832 * var(--sp-unit));
  line-height: calc(16.99999 * var(--sp-unit));
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
  letter-spacing: calc(0.2 * var(--sp-unit));
  background-color: var(--sp-movie-caption-ui-movie-caption-movie-date-background-1-color);
  background-image: var(--sp-movie-caption-ui-movie-caption-movie-date-background-1-image);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  color: var(--sp-movie-caption-ui-movie-caption-movie-date-color-1);
}

.ui-movie-caption .movie-date:where(.ui-main *):where(:is(.ui-movie-caption .movie-meta-row:where(.ui-main *), :is(.ui-movie-caption .movie-meta-row:where(.ui-main *)) *)) {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
}

.ui-movie-caption .movie-date:where(.ui-main *):not(:where(:is(.ui-movie-caption .movie-meta-row:where(.ui-main *), :is(.ui-movie-caption .movie-meta-row:where(.ui-main *)) *))) {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: calc(4.999878 * var(--sp-unit));
  margin-left: 0;
}

.ui-movie-caption .movie-date:where(.ui-main *):where(:is(.ui-movie-caption--pickup-profile, :is(.ui-movie-caption--pickup-profile) *)) {
  border-top-left-radius: calc(5 * var(--sp-unit));
  border-top-right-radius: calc(5 * var(--sp-unit));
  border-bottom-right-radius: calc(5 * var(--sp-unit));
  border-bottom-left-radius: calc(5 * var(--sp-unit));
}

.ui-movie-caption .movie-date:where(.ui-main *):not(:where(:is(.ui-movie-caption--pickup-profile, :is(.ui-movie-caption--pickup-profile) *))) {
  border-top-left-radius: calc(12 * var(--sp-unit));
  border-top-right-radius: calc(12 * var(--sp-unit));
  border-bottom-right-radius: calc(12 * var(--sp-unit));
  border-bottom-left-radius: calc(12 * var(--sp-unit));
}

.ui-movie-caption .movie-date span:where(.ui-main *) {
  color: inherit;
}

.ui-movie-caption .movie-date-main:where(.ui-main *) {
  position: relative;
}

.ui-movie-caption .movie-date-main:where(.ui-main *):where(:is(.ui-movie-caption .movie-meta-row:where(.ui-main *), :is(.ui-movie-caption .movie-meta-row:where(.ui-main *)) *)) {
  top: 0px;
}

.ui-movie-caption .movie-date-main:where(.ui-main *):not(:where(:is(.ui-movie-caption .movie-meta-row:where(.ui-main *), :is(.ui-movie-caption .movie-meta-row:where(.ui-main *)) *))) {
  top: calc(1 * var(--sp-unit));
}

.ui-movie-caption .movie-date-dash:where(.ui-main *) {
  position: relative;
  top: 0;
}

.ui-movie-caption .movie-comment:where(.ui-main *) {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.ui-movie-caption .movie-comment:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *)) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-comment-color-766fba);
}

.ui-movie-caption .movie-comment:where(.ui-main *):where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-comment-color-699d4e);
}

.ui-movie-caption .movie-comment:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-movie-comment-color-42278c);
}

.ui-movie-caption .moremovie:where(.ui-main *) {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: calc(8 * var(--sp-unit));
  margin-right: 0;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-align: right;
  font-size: calc(12 * var(--sp-unit));
  line-height: calc(16.99999 * var(--sp-unit));
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

.ui-movie-caption .moremovie:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *)) {
  color: var(--role-sp-movie-caption-ui-movie-caption-moremovie-color-4f632d);
}

.ui-movie-caption .moremovie:where(.ui-main *):where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *)):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-moremovie-color-25eabf);
}

.ui-movie-caption .moremovie:where(.ui-main *):not(:where(:is(:root:has(> body.natural-sp[data-page="profile"]), :is(:root:has(> body.natural-sp[data-page="profile"])) *))):not(:where(:is(:root:has(> body.natural-sp[data-page="top"]), :is(:root:has(> body.natural-sp[data-page="top"])) *))) {
  color: var(--role-sp-movie-caption-ui-movie-caption-moremovie-color-bf5a51);
}