@charset "UTF-8";
.p-zero-vote {
  --vote-pc-unit: min(1px, 0.0714285714vw);
  --vote-fv-unit: min(1px, 0.0666666667vw);
  background: #000;
  color: #fff;
}

.p-vote-mv {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.p-vote-mv__visual {
  position: relative;
}

.p-vote-mv__decoration {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.p-vote-mv__story {
  position: absolute;
  top: calc(var(--vote-fv-unit) * 92);
  left: calc(50% - calc(var(--vote-fv-unit) * 10));
  aspect-ratio: 1730.27/92.1;
  width: calc(var(--vote-fv-unit) * 1730);
  max-width: none;
  transform: translateX(-50%);
}
.p-vote-mv__story::after {
  position: absolute;
  left: 50%;
  bottom: calc(var(--vote-fv-unit) * 2);
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: #940000;
  pointer-events: none;
  content: "";
}

.p-vote-story__svg {
  display: block;
  width: 100%;
  height: auto;
}

.p-vote-story__letter {
  fill: #960000;
  opacity: 0;
  filter: blur(10px);
}
.-load .p-vote-mv__story .p-vote-story__letter, .-load .p-vote-mv__wordmark .p-vote-story__letter, .p-vote-episodes__wordmark.-reveal .p-vote-story__letter {
  animation: voteMemoryIn 0.6s var(--vote-story-delay) ease-out forwards;
}
.p-vote-story__letter:nth-child(1) {
  --vote-story-delay: 0.426s;
}
.p-vote-story__letter:nth-child(2) {
  --vote-story-delay: 0.066s;
}
.p-vote-story__letter:nth-child(3) {
  --vote-story-delay: 0.574s;
}
.p-vote-story__letter:nth-child(4) {
  --vote-story-delay: 0.213s;
}
.p-vote-story__letter:nth-child(5) {
  --vote-story-delay: 0.361s;
}
.p-vote-story__letter:nth-child(6) {
  --vote-story-delay: 0.115s;
}
.p-vote-story__letter:nth-child(7) {
  --vote-story-delay: 0.508s;
}
.p-vote-story__letter:nth-child(8) {
  --vote-story-delay: 0.279s;
}
.p-vote-story__letter:nth-child(9) {
  --vote-story-delay: 0.016s;
}
.p-vote-story__letter:nth-child(10) {
  --vote-story-delay: 0.459s;
}
.p-vote-story__letter:nth-child(11) {
  --vote-story-delay: 0.164s;
}
.p-vote-story__letter:nth-child(12) {
  --vote-story-delay: 0.328s;
}

@keyframes voteMemoryIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: none;
  }
}

@keyframes voteScenesLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-vote-mv__scene {
  position: relative;
  display: block;
  opacity: 0;
  filter: blur(10px);
  height: auto;
}
.-load .p-vote-mv__scene {
  animation: voteSceneIn 1.5s 0.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.p-vote-mv__scene-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  filter: none;
}
@keyframes voteSceneIn {
  0% {
    opacity: 0;
    transform: scale(1.4);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: none;
  }
}
.p-vote-mv__keyvisual {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: transparent;
  aspect-ratio: 1226/1734;
}

.p-vote-mv__keyvisual-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-vote-mv__keyvisual-stage::before {
  content: "";
  opacity: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes voteKvScaleIn {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.p-vote-mv__keyvisual.-revealing .p-vote-mv__keyvisual-stage {
  animation: voteKvScaleIn 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.p-vote-mv__keyvisual-image {
  opacity: 0;
  z-index: 0;
}

.p-vote-mv__keyvisual-canvas {
  z-index: 2;
  transition: opacity 0.1s linear;
}

.p-vote-mv__keyvisual-image,
.p-vote-mv__keyvisual-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-vote-mv__keyvisual.-done .p-vote-mv__keyvisual-stage::before {
  opacity: 1;
}
.p-vote-mv__keyvisual.-done .p-vote-mv__keyvisual-image {
  opacity: 1;
}
.p-vote-mv__keyvisual.-done .p-vote-mv__keyvisual-canvas {
  opacity: 0;
}

.p-vote-mv__keyvisual.-canvas-hidden .p-vote-mv__keyvisual-canvas {
  display: none;
}

.p-vote-mv__title {
  position: absolute;
  left: 50%;
  bottom: 67.3%;
  margin: 0;
  transform: translateX(-50%);
  line-height: 0;
  opacity: 0;
  z-index: 2;
}
.-load .p-vote-mv__title {
  animation: voteTtlIn 1s 1s cubic-bezier(1, 0, 0, 1) forwards;
}

@keyframes voteTtlIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-vote-mv__broadcast {
  position: absolute;
  margin: 0;
  font-weight: 900;
  line-height: 1.25;
  writing-mode: vertical-rl;
  opacity: 0;
}
.-load .p-vote-mv__broadcast {
  animation: itemFadeIn 0.5s 1.4s ease-out forwards;
}

.p-vote-mv__highlight {
  color: #b18d2c;
}

.p-vote-mv__number {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  letter-spacing: 0;
}

.p-vote-mv__number-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: horizontal-tb;
  line-height: 1;
  white-space: nowrap;
}

.p-vote-mv__lead {
  position: absolute;
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  writing-mode: vertical-rl;
  line-height: 1.5;
  letter-spacing: 0.05em;
  opacity: 0;
}
.-load .p-vote-mv__lead {
  animation: itemFadeIn 0.5s 1.4s ease-out forwards;
}

.p-vote-mv__lead-bracket {
  text-orientation: sideways;
}

.p-vote-mv__period {
  position: relative;
  background: #b18d2c;
  color: #000;
}

.p-vote-mv__wordmark {
  display: none;
}

@keyframes voteWordmarkLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.p-vote-mv__date {
  display: block;
  width: 100%;
}

.p-vote-mv__date-image {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}
.-load .p-vote-mv__date-image {
  animation: itemFadeIn 0.5s 1.4s ease-out forwards;
}

.p-vote-mv__vote-position {
  display: block;
  z-index: 5;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
  visibility: visible;
}
.p-vote-mv__vote-position.-hidden {
  opacity: 0;
  transition-delay: 0s, 0.3s;
  visibility: hidden;
  pointer-events: none;
}

.p-vote-mv__vote {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 0;
  aspect-ratio: 1;
  transform: scale(1.3);
  cursor: pointer;
  opacity: 0;
}
.p-vote-mv__vote::before {
  content: "";
  background: url("/assets/img/special/fate-zero-vote/mv/ico_arw.svg") center/contain no-repeat;
}
.p-vote-mv__vote::after {
  content: "";
  background: #000 url("/assets/img/special/fate-zero-vote/mv/ph_vote_bg.webp") center/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  animation: voteBgRotate 12s linear infinite;
}
.-load .p-vote-mv__vote {
  animation: voteScaleIn 0.8s 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes voteScaleIn {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes voteBgRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-vote-mv__title img,
.p-vote-mv__vote img {
  display: block;
  width: 100%;
  height: auto;
}

.p-vote-mv__vote img {
  aspect-ratio: 1;
}

.p-vote-mv__vote-copy {
  position: absolute;
  top: 41%;
  left: 49%;
  display: block;
  transform: translate(-50%, -50%);
}
.p-vote-mv__vote-copy img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 387/344;
}

.p-vote-mv__period::before, .p-vote-mv__period::after {
  position: absolute;
  width: calc(var(--vote-fv-unit) * 350);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0);
  pointer-events: none;
  content: "";
}
.p-vote-mv__period::before {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 427/198;
  background-image: url("/assets/img/special/fate-zero-vote/mv/ph_paint_1.webp");
  width: calc(var(--vote-fv-unit) * 222);
}
.p-vote-mv__period::after {
  position: absolute;
  bottom: 0;
  right: 0;
  aspect-ratio: 516/174;
  background-image: url("/assets/img/special/fate-zero-vote/mv/ph_paint_2.webp");
  width: calc(var(--vote-fv-unit) * 260);
}

.p-vote-mv__scene-image--1 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_1.webp");
}

.p-vote-mv__scene-image--2 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_2.webp");
}

.p-vote-mv__scene-image--3 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_3.webp");
}

.p-vote-mv__scene-image--4 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_4.webp");
}

.p-vote-mv__scene-image--5 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_5.webp");
}

.p-vote-mv__scene-image--6 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_6.webp");
}

.p-vote-mv__scene-image--7 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_7.webp");
}

.p-vote-mv__scene-image--8 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_8.webp");
}

.p-vote-mv__scene-image--9 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_9.webp");
}

.p-vote-mv__scene-image--10 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_10.webp");
}

.p-vote-mv__scene-image--11 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_11.webp");
}

.p-vote-mv__scene-image--12 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_12.webp");
}

.p-vote-mv__scene-image--13 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_13.webp");
}

.p-vote-mv__scene-image--14 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_14.webp");
}

.p-vote-mv__scene-image--15 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_15.webp");
}

.p-vote-mv__scene-image--16 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_16.webp");
}

.p-vote-mv__scene-image--17 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_17.webp");
}

.p-vote-mv__scene-image--18 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_18.webp");
}

.p-vote-mv__scene-image--19 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_19.webp");
}

.p-vote-mv__scene-image--20 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_20.webp");
}

.p-vote-mv__scene-image--21 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_21.webp");
}

.p-vote-mv__scene-image--22 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_22.webp");
}

.p-vote-mv__scene-image--23 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_23.webp");
}

.p-vote-mv__scene-image--24 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_24.webp");
}

.p-vote-mv__scene-image--25 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_25.webp");
}

.p-vote-onair {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #940000;
  opacity: 0;
}
.p-vote-onair.-reveal {
  animation: itemFadeIn 0.5s ease-out forwards;
}
.p-vote-onair::before, .p-vote-onair::after {
  position: absolute;
  z-index: 0;
  width: 57.3vw;
  aspect-ratio: 894/357;
  content: "";
  pointer-events: none;
}
.p-vote-onair::before {
  top: 0;
  left: 0;
  background: url("/assets/img/special/fate-zero-vote/onair/ph_brush_1_sp.webp") center/contain no-repeat;
}
.p-vote-onair::after {
  right: 0;
  bottom: 0;
  background: url("/assets/img/special/fate-zero-vote/onair/ph_brush_2_sp.webp") center/contain no-repeat;
}

.p-vote-onair__inner {
  position: relative;
  z-index: 1;
}

.p-vote-onair__heading {
  flex: none;
}

.p-vote-onair__title,
.p-vote-onair__broadcast {
  margin: 0;
  line-height: 0;
}
.p-vote-onair__title img,
.p-vote-onair__broadcast img {
  display: block;
  width: 100%;
  height: auto;
}

.p-vote-onair__broadcast {
  background: #b48c32;
}

.p-vote-onair__schedule {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 700;
  white-space: nowrap;
}

.p-vote-onair__schedule-item {
  position: relative;
  display: grid;
  align-items: center;
}
.p-vote-onair__schedule-item::before {
  position: absolute;
  left: 0;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background: #b48c32;
  content: "";
}
.p-vote-onair__schedule-item .-date {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.p-vote-onair__schedule-item .-week {
  margin-left: -0.2em;
}

.p-vote-onair__note {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.3;
}

.p-vote-episodes {
  overflow: hidden;
}

.p-vote-episodes__inner {
  margin: 0 auto;
}

.p-vote-episodes__heading {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  line-height: 0;
}

.p-vote-episodes__heading-ja {
  display: block;
  height: auto;
  margin-left: auto;
  aspect-ratio: 151.47/20.33;
  opacity: 0;
}
.p-vote-episodes__heading.-reveal .p-vote-episodes__heading-ja {
  animation: voteMemoryIn 0.6s 0.1s ease-out forwards;
}

.p-vote-episodes__heading-en {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 744.16/112.41;
}

.p-vote-episodes__heading-letter {
  opacity: 0;
  filter: blur(10px);
}
.p-vote-episodes__heading.-reveal .p-vote-episodes__heading-letter {
  animation: voteMemoryIn 0.6s var(--episode-heading-delay) ease-out forwards;
}
.p-vote-episodes__heading-letter:nth-child(1) {
  --episode-heading-delay: 0.426s;
}
.p-vote-episodes__heading-letter:nth-child(2) {
  --episode-heading-delay: 0.066s;
}
.p-vote-episodes__heading-letter:nth-child(3) {
  --episode-heading-delay: 0.574s;
}
.p-vote-episodes__heading-letter:nth-child(4) {
  --episode-heading-delay: 0.213s;
}
.p-vote-episodes__heading-letter:nth-child(5) {
  --episode-heading-delay: 0.361s;
}
.p-vote-episodes__heading-letter:nth-child(6) {
  --episode-heading-delay: 0.115s;
}
.p-vote-episodes__heading-letter:nth-child(7) {
  --episode-heading-delay: 0.508s;
}
.p-vote-episodes__heading-letter:nth-child(8) {
  --episode-heading-delay: 0.279s;
}

.p-vote-episodes__panel {
  position: relative;
  background: #960000;
}
.p-vote-episodes__panel::before {
  content: "";
  aspect-ratio: 243/250;
  background: url("/assets/img/special/fate-zero-vote/episodes/ph_dot.webp") center/100% 100% no-repeat;
  width: 31.1vw;
  position: absolute;
  left: -14.8vw;
  bottom: -12.4vw;
}

.p-vote-episodes__intro {
  position: relative;
  isolation: isolate;
  text-align: center;
  opacity: 0;
}
.p-vote-episodes__intro.-reveal {
  animation: itemFadeIn 0.5s 0.2s ease-out forwards;
}
.p-vote-episodes__intro::before {
  position: absolute;
  top: calc(var(--vote-pc-unit) * 20);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background: url("/assets/img/special/fate-zero-vote/common/ph_mark.webp") center/contain no-repeat;
  filter: brightness(0.7);
  content: "";
  width: calc(var(--vote-pc-unit) * 97);
  aspect-ratio: 656/1197;
}

.p-vote-episodes__lead {
  margin: 0;
  font-weight: 900;
  line-height: 1.4;
}

.p-vote-episodes__vote-icon {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  filter: brightness(0) invert(1);
  aspect-ratio: 62.98/57.27;
  background: url("/assets/img/special/fate-zero-vote/m-vote/ico_vote.svg") center/contain no-repeat;
}

.p-vote-episodes__notice {
  margin: 0;
  line-height: 1.5;
}

.p-vote-episodes__list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-vote-episodes__item {
  min-width: 0;
  opacity: 0;
}
.p-vote-episodes__item.-reveal {
  animation: itemFadeIn 0.3s ease-out forwards;
}

.p-vote-episodes__select {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
  overflow: hidden;
}

.p-vote-episodes__scene {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 236/132;
  overflow: hidden;
}

.p-vote-episodes__scene-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-vote-episodes__caption {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.p-vote-episodes__caption::after {
  position: absolute;
  background: url("/assets/img/special/fate-zero-vote/episodes/ico_arw.svg") center/contain no-repeat;
  content: "";
}

.p-vote-episodes__title {
  display: block;
  flex: 1;
  text-align: center;
  min-width: 0;
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.p-vote-episodes__wordmark {
  display: block;
  position: relative;
  aspect-ratio: 1730.27/92.1;
}

.p-vote-episodes__wordmark-static {
  display: block;
  width: 100%;
}

.p-vote-episodes__wordmark-track {
  display: none;
}

.p-vote-episodes__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.p-vote-episodes__subtitle {
  display: block;
}
[data-vote-open=ep22] .p-vote-episodes__subtitle {
  font-family: Arial, "Noto Sans JP", sans-serif;
}

.p-vote-episodes {
  position: relative;
}
.p-vote-episodes::before {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
  height: 1px;
  background: #940000;
  pointer-events: none;
  content: "";
  opacity: 0;
}
.-load .p-vote-episodes::before {
  animation: voteMemoryIn 1.5s 0s forwards;
}

.p-vote-episodes__number {
  display: block;
  width: auto;
  flex-shrink: 0;
}

.p-vote-bottom {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  padding-bottom: 0;
}

.p-vote-bottom__circle {
  position: absolute;
  left: 48%;
  z-index: 1;
  background: url("/assets/img/special/fate-zero-vote/footer/ph_circle.webp") center/contain no-repeat;
  aspect-ratio: 1;
  clip-path: inset(0 0 0 100%);
  opacity: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
.p-vote-bottom.-reveal .p-vote-bottom__circle {
  animation: tapeInRL 0.8s 0.2s ease-out forwards;
}

.p-vote-bottom__line {
  position: absolute;
  top: -19vw;
  left: 46%;
  bottom: 0;
  z-index: 1;
  width: 1.4vw;
  background: url("/assets/img/special/fate-zero-vote/footer/ph_line.webp") center/contain no-repeat;
  clip-path: inset(0 0 100% 0);
  transform: translateX(-50%);
  pointer-events: none;
}
.p-vote-bottom.-reveal .p-vote-bottom__line {
  animation: tapeInTB 1.5s 0.2s ease-out forwards;
}

.p-vote-banner {
  overflow: hidden;
}

.p-vote-banner__link {
  display: block;
  position: relative;
  line-height: 0;
}

.p-vote-banner__image {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 3840/824;
  opacity: 1;
  filter: none;
  transition: filter 0.5s;
}
.p-vote-banner:not(.-reveal) .p-vote-banner__image {
  opacity: 0;
}
.-reveal .p-vote-banner__image {
  animation: voteMovieBnrIn 0.5s 0.2s ease-out backwards;
}

.p-vote-banner__text {
  position: absolute;
  top: 36.4%;
  left: 30.3%;
  z-index: 2;
  display: block;
  width: 39.1%;
  height: auto;
  opacity: 1;
  filter: none;
  transition: filter 0.5s;
}
.p-vote-banner:not(.-reveal) .p-vote-banner__text {
  opacity: 0;
}
.-reveal .p-vote-banner__text {
  animation: voteMovieBnrIn 0.5s 0.2s ease-out backwards;
}

@keyframes voteMovieBnrIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: none;
  }
}
.p-vote-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  overflow: auto;
  overscroll-behavior: contain;
  transition: opacity 0.2s ease;
}
.p-vote-modal:focus {
  outline: none;
}
.p-vote-modal::backdrop {
  background: rgba(0, 0, 0, 0);
}
.p-vote-modal.-active {
  opacity: 0;
}
.p-vote-modal.-active::backdrop {
  background: rgba(0, 0, 0, 0.85);
}
.p-vote-modal.-active.-visible {
  opacity: 1;
}
.p-vote-modal.-active.-closing::backdrop {
  background: rgba(0, 0, 0, 0);
  transition: background-color 0.2s ease;
}

.p-vote-modal__inner {
  display: flex;
  align-items: center;
  min-height: 100%;
  position: relative;
}

.p-vote-modal__confirmation,
.p-vote-modal__complete {
  width: 100%;
}
.p-vote-modal__confirmation[hidden],
.p-vote-modal__complete[hidden] {
  display: none;
}

.p-vote-modal__complete {
  margin: auto 0;
}

.p-vote-modal__episode {
  position: relative;
  overflow: hidden;
}

.p-vote-modal__title {
  margin: 0;
  font-weight: 900;
}

.p-vote-modal__title-subtitle {
  display: block;
}

.p-vote-modal__number {
  position: relative;
  line-height: 0;
}
.p-vote-modal__number .-num {
  width: 100%;
}
.p-vote-modal__number .-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #960000;
  padding: 1vw 1.2vw;
}
.p-vote-modal__number .-txt-cont {
  width: 14.1vw;
  margin: 0 auto;
}

.p-vote-modal__scene-frame {
  width: 100%;
  aspect-ratio: 1322/741;
  overflow: hidden;
}

.p-vote-modal__scene {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.p-vote-modal__title,
.p-vote-modal__number,
.p-vote-modal__description,
.p-vote-modal__scene {
  opacity: 0;
}

.p-vote-modal.-active .p-vote-modal__title,
.p-vote-modal.-active .p-vote-modal__number,
.p-vote-modal.-active .p-vote-modal__description {
  animation: itemFadeIn 0.5s 0.2s ease-out forwards;
}

.p-vote-modal.-active .p-vote-modal__scene {
  animation: itemFadeIn 0.5s 0s ease-out forwards, voteModalSceneIn 0.8s 0s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes voteModalSceneIn {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.p-vote-modal__description {
  margin: 0;
  font-weight: 500;
  line-height: 1.7;
}

.p-vote-modal__action {
  isolation: isolate;
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  background: #b48d2c;
  color: #b48d2c;
  font: inherit;
  cursor: pointer;
  clip-path: inset(0 100% 0 0);
}
.p-vote-modal__action:disabled {
  cursor: default;
  opacity: 0.65;
}
.-active .p-vote-modal__action {
  animation: tapeInLR 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.-active .p-vote-modal__complete .p-vote-modal__action {
  animation-delay: 0.7s;
}

.p-vote-modal__share {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

.p-vote-modal__action-title {
  position: relative;
  z-index: 1;
  display: block;
  mix-blend-mode: difference;
  font-weight: 900;
  line-height: 1.2;
}

.p-vote-modal__action-note {
  position: relative;
  z-index: 1;
  display: block;
  mix-blend-mode: difference;
  line-height: 1.4;
}

.p-vote-modal__action-icon {
  z-index: 1;
  aspect-ratio: 62.98/57.27;
  background-color: currentColor;
  mix-blend-mode: difference;
  mask: url("/assets/img/special/fate-zero-vote/m-vote/ico_vote.svg") center/contain no-repeat;
  -webkit-mask: url("/assets/img/special/fate-zero-vote/m-vote/ico_vote.svg") center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}

.p-vote-modal__close {
  z-index: 1;
  padding: 0;
  border: 0;
  background: url("/assets/img/special/fate-zero-vote/common/ico_close.svg") center/contain no-repeat;
  aspect-ratio: 120.54/59.21;
  cursor: pointer;
}

.p-vote-modal__close-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.p-vote-modal__complete-visual {
  background: url("/assets/img/special/fate-zero-vote/common/ph_mark.webp") center/contain no-repeat;
  text-align: center;
}
.-active .p-vote-modal__complete-visual {
  animation: voteCompPhIn 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes voteCompPhIn {
  0% {
    transform: translateY(-10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.p-vote-modal__complete-title {
  position: relative;
  margin: 0;
  line-height: 0;
  opacity: 1;
  filter: none;
}
.p-vote-modal__complete-title img {
  height: auto;
}
.-active .p-vote-modal__complete-title {
  animation: compTxtIn 0.5s 0.2s ease-out backwards;
}

.p-vote-modal__complete-copy {
  font-weight: 500;
  opacity: 1;
  filter: none;
}
.-active .p-vote-modal__complete-copy {
  animation: compTxtIn 0.5s 0.2s ease-out backwards;
}

@keyframes compTxtIn {
  0% {
    filter: blur(10px);
    opacity: 0;
  }
  100% {
    filter: none;
    opacity: 1;
  }
}
.p-vote-modal__preview-note {
  text-align: center;
  font-size: 0.75rem;
  margin: 12px 20px 0;
}

.p-vote-modal__message {
  margin: 16px auto 0;
  width: calc(100% - 40px);
  max-width: 600px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.7;
}
.p-vote-modal__message:empty {
  display: none;
}

.p-vote-modal__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.p-vote-modal__x {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.15em;
  background-color: currentColor;
  mask: url("/assets/img/share/ico_x.svg") center/contain no-repeat;
  -webkit-mask: url("/assets/img/share/ico_x.svg") center/contain no-repeat;
  vertical-align: -0.15em;
}

.p-vote-modal__share-arrow {
  z-index: 1;
  aspect-ratio: 1;
  background-color: currentColor;
  mix-blend-mode: difference;
  mask: url("/assets/img/special/fate-zero-vote/episodes/ico_arw.svg") center/contain no-repeat;
  -webkit-mask: url("/assets/img/special/fate-zero-vote/episodes/ico_arw.svg") center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
}

.p-vote-modal__episode {
  isolation: isolate;
}
.p-vote-modal__episode::before, .p-vote-modal__episode::after {
  position: absolute;
  z-index: -1;
  aspect-ratio: 1096/608;
  background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_black.webp") center/contain no-repeat;
  filter: brightness(0);
  pointer-events: none;
  content: "";
}
.p-vote-modal__episode::before {
  position: absolute;
  top: calc(var(--vote-pc-unit) * -199);
  left: calc(var(--vote-pc-unit) * -40);
}
.p-vote-modal__episode::after {
  position: absolute;
  bottom: calc(var(--vote-pc-unit) * -244);
  right: calc(var(--vote-pc-unit) * -230);
}

.p-vote-modal__action.-voted {
  border: 1px solid #b18d2c;
  background: transparent;
  color: #b18d2c;
  padding-right: 0;
  padding-left: 0;
}
.p-vote-modal__action.-voted:disabled {
  opacity: 1;
}

.p-vote-modal__action.-voted .p-vote-modal__action-icon {
  display: none;
}

.p-vote-modal__check {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin-left: 0.08em;
  border-radius: 50%;
  background: #b18d2c;
  vertical-align: -0.08em;
}
.p-vote-modal__check[hidden] {
  display: none;
}
.p-vote-modal__check::after {
  position: absolute;
  top: 23%;
  left: 36%;
  width: 28%;
  height: 46%;
  border-right: 0.13em solid #960000;
  border-bottom: 0.13em solid #960000;
  transform: rotate(45deg);
  content: "";
}

.p-vote-modal__scene--1 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_1.webp");
}

.p-vote-modal__scene--2 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_2.webp");
}

.p-vote-modal__scene--3 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_3.webp");
}

.p-vote-modal__scene--4 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_4.webp");
}

.p-vote-modal__scene--5 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_5.webp");
}

.p-vote-modal__scene--6 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_6.webp");
}

.p-vote-modal__scene--7 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_7.webp");
}

.p-vote-modal__scene--8 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_8.webp");
}

.p-vote-modal__scene--9 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_9.webp");
}

.p-vote-modal__scene--10 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_10.webp");
}

.p-vote-modal__scene--11 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_11.webp");
}

.p-vote-modal__scene--12 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_12.webp");
}

.p-vote-modal__scene--13 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_13.webp");
}

.p-vote-modal__scene--14 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_14.webp");
}

.p-vote-modal__scene--15 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_15.webp");
}

.p-vote-modal__scene--16 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_16.webp");
}

.p-vote-modal__scene--17 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_17.webp");
}

.p-vote-modal__scene--18 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_18.webp");
}

.p-vote-modal__scene--19 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_19.webp");
}

.p-vote-modal__scene--20 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_20.webp");
}

.p-vote-modal__scene--21 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_21.webp");
}

.p-vote-modal__scene--22 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_22.webp");
}

.p-vote-modal__scene--23 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_23.webp");
}

.p-vote-modal__scene--24 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_24.webp");
}

.p-vote-modal__scene--25 {
  background-image: url("/assets/img/special/fate-zero-vote/episodes/ph_scene_25.webp");
}
.p-zero-vote .l-footer__banner,
.p-zero-vote .l-footer .c-pagetop {
  display: none;
}

.p-vote-footer__top {
  z-index: 3;
  display: flex;
  align-items: center;
  color: inherit;
  line-height: 0;
  text-decoration: none;
}

.p-vote-footer__top-arrow {
  display: block;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-vote-footer__top-text {
  display: block;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-vote-main {
  position: relative;
  isolation: isolate;
}

.p-vote-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  overflow: clip;
  pointer-events: none;
}

.p-vote-background__paint {
  position: absolute;
  top: -124px;
  left: 0;
  z-index: 1;
  pointer-events: none;
  aspect-ratio: 1096/608;
  background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_red.webp") center/contain no-repeat;
}

.p-vote-background__slash {
  position: absolute;
  aspect-ratio: 746/397;
}

.p-vote-background__slash--1 {
  background: url("/assets/img/special/fate-zero-vote/bg/ph_brush.webp") center/contain no-repeat;
}

.p-vote-background__slash--2 {
  background: url("/assets/img/special/fate-zero-vote/bg/ph_brush.webp") center/contain no-repeat;
}

.p-vote-background__slash--3 {
  background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_black.webp") center/100% 100% no-repeat;
  filter: brightness(0);
}

.p-vote-background__slash--4 {
  background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_black.webp") center/100% 100% no-repeat;
  filter: brightness(0);
}

.p-vote-background__slash--5 {
  background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_black.webp") center/100% 100% no-repeat;
  filter: brightness(0);
}

.p-vote-background__ink {
  position: absolute;
  aspect-ratio: 272/392;
  background: url("/assets/img/special/fate-zero-vote/bg/ph_ink.webp") center/contain no-repeat;
}

.p-vote-background__paint--bottom {
  top: auto;
  left: auto;
  position: absolute;
  bottom: calc(var(--vote-pc-unit) * -124);
  right: 0;
  transform: rotate(180deg);
}

.p-vote-background__text {
  position: absolute;
  height: auto;
  aspect-ratio: 7.14/375.21;
  background: url("/assets/img/special/fate-zero-vote/bg/txt.svg") center/contain no-repeat;
}

.p-vote-background__text--1 {
  position: absolute;
  top: 330px;
  left: calc(50% - calc(var(--vote-pc-unit) * 858));
}

.p-vote-background__text--2 {
  position: absolute;
  top: 330px;
  right: calc(50% - calc(var(--vote-pc-unit) * 858));
}

.p-vote-background__text--3 {
  position: absolute;
  top: 60.5%;
  left: calc(50% - calc(var(--vote-pc-unit) * 858));
}

.p-vote-background__text--4 {
  position: absolute;
  top: 60.5%;
  right: calc(50% - calc(var(--vote-pc-unit) * 858));
}

.p-vote-debug-reset {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10000;
  padding: 8px 12px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font: 700 12px/1.4 sans-serif;
  cursor: pointer;
}

@media (min-width: 1025px){
  .p-vote-mv > .p-vote-background__paint {
    top: calc(var(--vote-fv-unit) * -124);
    left: 0;
    width: calc(var(--vote-fv-unit) * 548);
  }
  .p-vote-mv__visual {
    width: calc(var(--vote-fv-unit) * 1920);
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
  }
  .p-vote-mv__scenes-track {
    display: contents;
  }
  .p-vote-mv__scene {
    position: absolute;
    width: calc(var(--vote-fv-unit) * 120);
    aspect-ratio: 1322/741;
  }
  .p-vote-mv__scene:nth-child(1) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 253);
    left: calc(var(--vote-fv-unit) * 120);
  }
  .p-vote-mv__scene:nth-child(2) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 321);
    left: 0;
  }
  .p-vote-mv__scene:nth-child(3) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 385);
    left: calc(var(--vote-fv-unit) * 240);
    width: calc(var(--vote-fv-unit) * 240);
  }
  .p-vote-mv__scene:nth-child(4) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 588);
    left: calc(var(--vote-fv-unit) * 120);
  }
  .p-vote-mv__scene:nth-child(5) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 655);
    left: calc(var(--vote-fv-unit) * 240);
  }
  .p-vote-mv__scene:nth-child(6) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 320);
    left: calc(var(--vote-fv-unit) * 480);
  }
  .p-vote-mv__scene:nth-child(7) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 183);
    right: 0;
    width: calc(var(--vote-fv-unit) * 240);
  }
  .p-vote-mv__scene:nth-child(8) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 315);
    right: calc(var(--vote-fv-unit) * 240);
  }
  .p-vote-mv__scene:nth-child(9) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 385);
    right: calc(var(--vote-fv-unit) * 120);
  }
  .p-vote-mv__scene:nth-child(10) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 589);
    right: calc(var(--vote-fv-unit) * 364);
  }
  .p-vote-mv__scene:nth-child(11) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 658);
    right: calc(var(--vote-fv-unit) * 480);
  }
  .p-vote-mv__scene:nth-child(12) {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 728);
    right: calc(var(--vote-fv-unit) * 365);
  }
  .p-vote-mv__scene--loop {
    display: none;
  }
  .p-vote-mv__keyvisual {
    width: calc(var(--vote-fv-unit) * 720);
  }
  .p-vote-mv__title {
    position: absolute;
    left: 50%;
    bottom: calc(var(--vote-fv-unit) * -11);
    width: calc(var(--vote-fv-unit) * 434);
  }
  .p-vote-mv__broadcast {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 200);
    left: calc(var(--vote-fv-unit) * 1334);
    font-size: calc(var(--vote-fv-unit) * 24);
    line-height: 1.4166666667;
  }
  .p-vote-mv__lead {
    position: absolute;
    top: calc(var(--vote-fv-unit) * 570);
    right: calc(var(--vote-fv-unit) * 1338);
    font-size: calc(var(--vote-fv-unit) * 18);
  }
  .p-vote-mv__period {
    padding: calc(var(--vote-fv-unit) * 28) 0 calc(var(--vote-fv-unit) * 14);
  }
  .p-vote-mv__period-inner {
    position: relative;
    width: calc(var(--vote-fv-unit) * 1308);
    left: 50%;
    transform: translateX(-50%);
  }
  .p-vote-mv__vote-position {
    position: fixed;
    bottom: calc(var(--vote-fv-unit) * 44);
    right: calc(var(--vote-fv-unit) * 29);
    width: calc(var(--vote-fv-unit) * 240);
  }
  .p-vote-mv__vote {
    transition: scale 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-vote-mv__vote:hover {
    scale: 1.1;
  }
  .p-vote-mv__vote::before {
    width: calc(var(--vote-fv-unit) * 25);
    height: calc(var(--vote-fv-unit) * 30);
    position: absolute;
    left: 50%;
    bottom: calc(var(--vote-fv-unit) * 24);
    transform: translate(-50%);
  }
  .p-vote-mv__title img {
    aspect-ratio: 868/973;
  }
  .p-vote-mv__vote-copy {
    width: 70%;
  }
  .p-vote-episodes__wordmark {
    width: calc(var(--vote-fv-unit) * 1730);
    max-width: none;
    left: calc(50% - calc(var(--vote-fv-unit) * 10));
    transform: translateX(-50%);
  }
  .p-vote-episodes__wordmark::before {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 2);
    left: 50%;
    width: 100vw;
    height: 1px;
    transform: translateX(-50%);
    background: #940000;
    opacity: 0;
    pointer-events: none;
    content: "";
  }
  .p-vote-episodes__wordmark.-reveal::before {
    animation: itemFadeIn 0.5s 0.2s ease-out forwards;
  }
  .p-vote-episodes::before {
    top: calc(var(--vote-pc-unit) * 175);
  }
  .p-vote-background::before {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 182);
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(#940000, #940000) calc(50% - calc(var(--vote-pc-unit) * 840)) 0/1px 100% no-repeat, linear-gradient(#940000, #940000) calc(50% - calc(var(--vote-pc-unit) * 598)) 0/1px 100% no-repeat, linear-gradient(#940000, #940000) calc(50% + calc(var(--vote-pc-unit) * 598)) 0/1px 100% no-repeat, linear-gradient(#940000, #940000) calc(50% + calc(var(--vote-pc-unit) * 840)) 0/1px 100% no-repeat;
    content: "";
  }
}

@media (max-width: 1024px){
  .p-vote-mv > .p-vote-background__paint {
    top: -15.9vw;
    left: -2.6vw;
    width: 70.2vw;
    z-index: 2;
  }
  .-load .p-vote-mv > .p-vote-background__paint {
    animation: itemFadeIn 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
  .p-vote-mv__visual {
    padding-top: 15.3vw;
  }
  .p-vote-mv__decoration {
    z-index: 1;
  }
  .p-vote-mv__story {
    display: none;
  }
  .p-vote-mv__scenes {
    height: 15.3vw;
    opacity: 0;
    z-index: 1;
    position: relative;
  }
  .-load .p-vote-mv__scenes {
    animation: itemFadeIn 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
  .p-vote-mv__scenes-track {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    will-change: transform;
  }
  .-load .p-vote-mv__scenes-track {
    animation: voteScenesLoop 50s linear infinite;
  }
  .p-vote-mv__scene {
    width: 26.9vw;
    height: 100%;
    border-right: 0.5vw solid #000;
    opacity: 1;
    filter: none;
  }
  .-load .p-vote-mv__scene {
    animation: none;
  }
  .p-vote-mv__keyvisual {
    width: 100%;
  }
  .-load .p-vote-mv__title {
    animation: voteTtlIn 1s 0.2s cubic-bezier(1, 0, 0, 1) forwards;
  }
  .p-vote-mv__title {
    bottom: -1.1%;
    width: 66.4%;
  }
  .p-vote-mv__broadcast {
    z-index: 3;
  }
  .-load .p-vote-mv__broadcast {
    animation: itemFadeIn 0.5s 0.6s ease-out forwards;
  }
  .p-vote-mv__broadcast {
    position: absolute;
    top: 19.2vw;
    right: 3vw;
    font-size: 4.6vw;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.1);
    line-height: 1.3888888889;
  }
  .p-vote-mv__lead {
    display: none;
  }
  .p-vote-mv__period {
    padding: 2.8vw 0;
    z-index: 2;
  }
  .p-vote-mv__wordmark {
    display: block;
    overflow: hidden;
    background: #000;
  }
  .p-vote-mv__wordmark-track {
    display: flex;
    width: 425.6vw;
    will-change: transform;
  }
  .-load .p-vote-mv__wordmark-track {
    animation: voteWordmarkLoop 28s linear infinite;
  }
  .p-vote-mv__wordmark-item {
    display: block;
    flex: none;
    width: 212.8vw;
    aspect-ratio: 1730.27/92.1;
  }
  .p-vote-mv__period-inner {
    width: 100%;
  }
  .-load .p-vote-mv__date-image {
    animation: itemFadeIn 0.5s 0.6s ease-out forwards;
  }
  .p-vote-mv__date-image {
    width: 91.7vw;
    margin: 0 auto;
  }
  .p-vote-mv__vote-position {
    position: fixed;
    bottom: calc(2.5vw + env(safe-area-inset-bottom, 0px));
    right: 2.5vw;
    width: 25.6vw;
  }
  .-load .p-vote-mv__vote {
    animation-delay: 1.2s;
  }
  .p-vote-mv__title img {
    aspect-ratio: 1049/1192;
  }
  .p-vote-mv__vote-copy {
    width: 58%;
    position: absolute;
    top: 46%;
    left: 50%;
  }
  .p-vote-mv__vote-copy img {
    aspect-ratio: 230/275;
  }
  .p-vote-mv__period::before, .p-vote-mv__period::after {
    display: none;
  }
  .p-vote-episodes__wordmark {
    width: 100%;
    max-width: none;
    overflow: hidden;
    aspect-ratio: auto;
    background: none;
  }
  .p-vote-episodes__wordmark-static {
    display: none;
  }
  .p-vote-episodes__wordmark-track {
    display: flex;
    width: 425.6vw;
    will-change: transform;
  }
  .p-vote-episodes__wordmark.-reveal .p-vote-episodes__wordmark-track {
    animation: voteWordmarkLoop 28s linear infinite;
  }
  .p-vote-episodes__wordmark-item {
    display: block;
    flex: none;
    width: 212.8vw;
    aspect-ratio: 1730.27/92.1;
  }
  .p-vote-episodes::before {
    display: none;
  }
  .p-vote-background__paint {
    opacity: 0;
  }
  .-load .p-vote-background__paint {
    animation: itemFadeIn 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}

@media (min-width: 1025px) and (max-width: 1919px){
  .p-vote-mv__scene:nth-child(2),
  .p-vote-mv__scene:nth-child(7) {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1679px){
  .p-vote-mv__scene:nth-child(1),
  .p-vote-mv__scene:nth-child(4),
  .p-vote-mv__scene:nth-child(9) {
    display: none;
  }
}

@media (min-width: 800px){
  .p-vote-mv__keyvisual-stage::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  }
  .p-vote-onair::before, .p-vote-onair::after {
    width: calc(var(--vote-pc-unit) * 447);
  }
  .p-vote-onair::before {
    background: url("/assets/img/special/fate-zero-vote/onair/ph_brush_1_pc.webp") center/contain no-repeat;
  }
  .p-vote-onair::after {
    background: url("/assets/img/special/fate-zero-vote/onair/ph_brush_2_pc.webp") center/contain no-repeat;
  }
  .p-vote-onair {
    width: calc(var(--vote-pc-unit) * 1196);
    height: calc(var(--vote-pc-unit) * 242);
    margin-top: calc(var(--vote-pc-unit) * 100);
  }
  .p-vote-onair__inner {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--vote-pc-unit) * 24);
    width: calc(var(--vote-pc-unit) * 664);
    margin: 0 auto;
    padding-top: calc(var(--vote-pc-unit) * 39);
    transform: translateX(calc(var(--vote-pc-unit) * -14));
  }
  .p-vote-onair__heading {
    width: calc(var(--vote-pc-unit) * 356.52);
  }
  .p-vote-onair__broadcast {
    width: calc(var(--vote-pc-unit) * 346);
    margin-top: calc(var(--vote-pc-unit) * 19);
    padding: calc(var(--vote-pc-unit) * 5) calc(var(--vote-pc-unit) * 14);
  }
  .p-vote-onair__schedule-wrap {
    flex: none;
    width: calc(var(--vote-pc-unit) * 288);
    margin-top: calc(var(--vote-pc-unit) * 1);
  }
  .p-vote-onair__schedule {
    padding-left: calc(var(--vote-pc-unit) * 12);
    font-size: calc(var(--vote-pc-unit) * 17);
  }
  .p-vote-onair__schedule-item {
    grid-template-columns: calc(var(--vote-pc-unit) * 142) 1fr;
    height: calc(var(--vote-pc-unit) * 35);
    padding-left: calc(var(--vote-pc-unit) * 21);
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    letter-spacing: -0.02em;
    padding-left: calc(var(--vote-pc-unit) * 20);
  }
  .p-vote-onair__schedule-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .p-vote-onair__schedule-item::before {
    width: calc(var(--vote-pc-unit) * 10);
    height: calc(var(--vote-pc-unit) * 14);
    margin-left: calc(var(--vote-pc-unit) * 3);
  }
  .p-vote-onair__schedule-item .-time {
    margin-left: calc(var(--vote-pc-unit) * -8);
  }
  .p-vote-onair__note {
    margin-top: calc(var(--vote-pc-unit) * 7);
    margin-left: calc(var(--vote-pc-unit) * 6);
    font-size: calc(var(--vote-pc-unit) * 12);
  }
  .p-vote-onair + .p-vote-episodes {
    padding-top: calc(var(--vote-pc-unit) * 96);
  }
  .p-vote-episodes {
    padding-top: calc(var(--vote-pc-unit) * 196);
  }
  .p-vote-episodes__inner {
    width: calc(var(--vote-pc-unit) * 1196);
  }
  .p-vote-episodes__heading {
    width: calc(var(--vote-pc-unit) * 744);
    transform: translateX(-3px);
  }
  .p-vote-episodes__heading-ja {
    width: calc(var(--vote-pc-unit) * 127);
    margin-bottom: calc(var(--vote-pc-unit) * -10);
    transform: translateX(-5px);
  }
  .p-vote-episodes__panel {
    margin-top: calc(var(--vote-pc-unit) * -40);
    padding-bottom: calc(var(--vote-pc-unit) * 100);
  }
  .p-vote-episodes__panel::before {
    width: calc(var(--vote-pc-unit) * 243);
    position: absolute;
    left: calc(var(--vote-pc-unit) * -77);
    bottom: calc(var(--vote-pc-unit) * -130);
  }
  .p-vote-episodes__intro {
    padding: calc(var(--vote-pc-unit) * 86) 0 calc(var(--vote-pc-unit) * 50) calc(var(--vote-pc-unit) * 17);
  }
  .p-vote-episodes__lead {
    font-size: calc(var(--vote-pc-unit) * 30);
  }
  .p-vote-episodes__vote-icon {
    width: calc(var(--vote-pc-unit) * 56);
    margin: calc(var(--vote-pc-unit) * -9) 0 0 0;
  }
  .p-vote-episodes__notice {
    margin-top: calc(var(--vote-pc-unit) * 5);
    font-size: calc(var(--vote-pc-unit) * 18);
    margin-top: calc(var(--vote-pc-unit) * -1);
  }
  .p-vote-episodes__list {
    grid-template-columns: repeat(5, calc(var(--vote-pc-unit) * 236));
    justify-content: space-between;
  }
  .p-vote-episodes__scene-image {
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-vote-episodes__select:hover .p-vote-episodes__scene-image {
    transform: scale(1.1);
  }
  .p-vote-episodes__caption {
    min-height: calc(var(--vote-pc-unit) * 68);
  }
  .p-vote-episodes__caption::after {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 7);
    right: calc(var(--vote-pc-unit) * 7);
    width: calc(var(--vote-pc-unit) * 18);
    height: calc(var(--vote-pc-unit) * 18);
    min-height: 12px;
    min-width: 12px;
  }
  .p-vote-episodes__title {
    padding: calc(var(--vote-pc-unit) * 5) calc(var(--vote-pc-unit) * 25) 0 calc(var(--vote-pc-unit) * 5);
    font-size: max(12px, calc(var(--vote-pc-unit) * 15));
  }
  [data-vote-open=ep22] .p-vote-episodes__title {
    white-space: nowrap;
    margin-left: calc(var(--vote-pc-unit) * -2);
  }
  [data-vote-open=ep22] .p-vote-episodes__title-inner {
    display: inline-block;
    text-align: left;
  }
  .p-vote-episodes__wordmark {
    margin: calc(var(--vote-pc-unit) * 150) 0 calc(var(--vote-pc-unit) * 190);
  }
  .p-vote-episodes__subtitle--narrow {
    display: inline;
  }
  .p-vote-episodes__number {
    height: calc(var(--vote-pc-unit) * 40);
  }
  .p-vote-bottom {
    margin-top: calc(var(--vote-pc-unit) * -26);
    overflow: clip;
    padding-top: calc(var(--vote-pc-unit) * 26);
  }
  .p-vote-bottom__circle {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 55);
    left: 48%;
    width: calc(var(--vote-pc-unit) * 860);
  }
  .p-vote-bottom__line {
    position: absolute;
    top: 0;
    left: 48%;
    bottom: 0;
    width: calc(var(--vote-pc-unit) * 11);
  }
  .p-vote-banner__image {
    margin: 0 auto;
  }
  .p-vote-modal__inner {
    padding: calc(var(--vote-pc-unit) * 140) 0 calc(var(--vote-pc-unit) * 100);
  }
  .p-vote-modal__episode {
    background: #960000;
    display: grid;
    grid-template-columns: 34% 66%;
    grid-template-rows: auto auto;
    width: calc(var(--vote-pc-unit) * 1000);
    margin: 0 auto;
  }
  .p-vote-modal__title {
    grid-column: 1;
    grid-row: 1/3;
    min-height: calc(var(--vote-pc-unit) * 550);
    padding: calc(var(--vote-pc-unit) * 28);
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: calc(var(--vote-pc-unit) * 40);
    line-height: 1.2;
    justify-self: start;
  }
  .p-vote-modal__title-subtitle--mixed {
    text-orientation: mixed;
  }
  .p-vote-modal__title-bracket-open {
    position: relative;
    left: 0.15em;
  }
  .p-vote-modal__title--sideways {
    text-orientation: mixed;
  }
  .p-vote-modal__title-subtitle--narrow {
    display: inline;
  }
  .p-vote-modal__title-narrow {
    display: none;
  }
  .p-vote-modal__number .-txt {
    padding: 6px 10px;
  }
  .p-vote-modal__number .-txt-cont {
    width: 110px;
  }
  .p-vote-modal__number {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(var(--vote-pc-unit) * 260);
  }
  .p-vote-modal__number span {
    font-size: calc(var(--vote-pc-unit) * 16);
  }
  .p-vote-modal__scene-frame {
    grid-column: 2;
    grid-row: 1;
  }
  .p-vote-modal__description {
    grid-column: 2;
    grid-row: 2;
    padding: calc(var(--vote-pc-unit) * 15) calc(var(--vote-pc-unit) * 40) calc(var(--vote-pc-unit) * 30) 0;
    font-size: calc(var(--vote-pc-unit) * 16);
  }
  .p-vote-modal__action {
    width: calc(var(--vote-pc-unit) * 434);
    min-height: calc(var(--vote-pc-unit) * 100);
    margin-top: calc(var(--vote-pc-unit) * 65);
    padding: calc(var(--vote-pc-unit) * 12) calc(var(--vote-pc-unit) * 65);
    overflow: hidden;
  }
  .p-vote-modal__action::before {
    content: "";
    z-index: 0;
    background-color: #000;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.35s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .p-vote-modal__action::after {
    content: "";
    z-index: 2;
    border: 1px solid #b48d2c;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .p-vote-modal__action-title {
    font-size: calc(var(--vote-pc-unit) * 40);
  }
  .p-vote-modal__action-note {
    font-size: calc(var(--vote-pc-unit) * 14);
  }
  .p-vote-modal__action-icon {
    width: calc(var(--vote-pc-unit) * 60);
  }
  .p-vote-modal__close {
    position: fixed;
    top: calc(var(--vote-pc-unit) * 40);
    right: calc(var(--vote-pc-unit) * 40);
    width: calc(var(--vote-pc-unit) * 120);
  }
  .p-vote-modal__complete-visual {
    padding: calc(var(--vote-pc-unit) * 390) 0 calc(var(--vote-pc-unit) * 110);
    min-height: calc(var(--vote-pc-unit) * 600);
  }
  .p-vote-modal__complete-title {
    padding: 18px 0 0 19px;
  }
  .p-vote-modal__complete-title .p-vote-modal__complete-title-main {
    position: absolute;
    top: calc(var(--vote-pc-unit) * -155);
    left: 50%;
    width: calc(var(--vote-pc-unit) * 567);
    transform: translateX(-50%);
  }
  .p-vote-modal__complete-title .p-vote-modal__complete-title-sub {
    width: calc(var(--vote-pc-unit) * 211);
  }
  .p-vote-modal__complete-copy {
    margin: calc(var(--vote-pc-unit) * 35) 0 0;
    font-size: calc(var(--vote-pc-unit) * 20);
  }
  .p-vote-modal__share-arrow {
    width: calc(var(--vote-pc-unit) * 34);
  }
  .p-vote-modal__episode::before {
    width: calc(var(--vote-pc-unit) * 550);
  }
  .p-vote-modal__episode::after {
    width: calc(var(--vote-pc-unit) * 530);
  }
  .p-vote-modal__action.-voted .p-vote-modal__action-note {
    font-size: calc(var(--vote-pc-unit) * 16);
  }
  .p-vote-modal__check::after {
    border-right: 0.13em solid #000;
    border-bottom: 0.13em solid #000;
  }
  .p-zero-vote .l-footer {
    aspect-ratio: inherit;
    height: 190px;
  }
  .p-zero-vote .l-footer__left {
    bottom: 50px;
  }
  .p-vote-footer__top {
    position: absolute;
    bottom: calc(var(--vote-pc-unit) * 55);
    right: calc(var(--vote-pc-unit) * 55);
  }
  .p-vote-footer__top-arrow {
    width: calc(var(--vote-pc-unit) * 72);
    margin-right: calc(var(--vote-pc-unit) * 20);
  }
  .p-vote-footer__top:hover .p-vote-footer__top-arrow {
    transform: translateX(-7%);
  }
  .p-vote-footer__top-text {
    width: calc(var(--vote-pc-unit) * 121);
  }
  .p-vote-footer__top:hover .p-vote-footer__top-text {
    transform: translateX(3.5%);
  }
  .p-vote-background__paint {
    width: 548px;
  }
  .p-vote-background__slash {
    width: calc(var(--vote-pc-unit) * 380);
  }
  .p-vote-background__slash--1 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 97);
    left: calc(50% - calc(var(--vote-pc-unit) * 590));
    transform: rotate(0deg);
  }
  .p-vote-background__slash--2 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 388);
    right: calc(50% - calc(var(--vote-pc-unit) * 610));
    transform: rotate(165deg);
  }
  .p-vote-background__slash--3 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 1202);
    left: calc(50% - var(--vote-pc-unit) * 1048);
    transform: rotate(0deg);
    width: calc(var(--vote-pc-unit) * 548);
  }
  .p-vote-background__slash--4 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 1198);
    right: calc(50% - var(--vote-pc-unit) * 1128);
    transform: rotate(0deg);
    width: calc(var(--vote-pc-unit) * 548);
  }
  .p-vote-background__slash--5 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 2449);
    right: calc(50% - var(--vote-pc-unit) * 1248);
    transform: rotate(0deg);
    width: calc(var(--vote-pc-unit) * 548);
  }
  .p-vote-background__ink {
    width: calc(var(--vote-pc-unit) * 136);
  }
  .p-vote-background__ink--1 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 524);
    left: calc(50% - calc(var(--vote-pc-unit) * 560));
  }
  .p-vote-background__ink--2 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 713);
    left: calc(50% - calc(var(--vote-pc-unit) * 1020));
    transform: rotate(180deg);
  }
  .p-vote-background__ink--3 {
    position: absolute;
    top: 38.3%;
    right: calc(var(--vote-pc-unit) * -51);
    transform: rotate(-1deg);
  }
  .p-vote-background__ink--4 {
    position: absolute;
    left: calc(var(--vote-pc-unit) * -60);
    bottom: calc(var(--vote-pc-unit) * 1006);
    transform: rotate(0deg);
  }
  .p-vote-background__ink--5 {
    position: absolute;
    left: calc(50% - var(--vote-pc-unit) * 560);
    bottom: calc(var(--vote-pc-unit) * 127);
    transform: rotate(0deg);
  }
  .p-vote-background__paint--bottom {
    top: auto;
    left: auto;
    width: calc(var(--vote-pc-unit) * 548);
  }
  .p-vote-background__text {
    width: calc(var(--vote-pc-unit) * 7);
  }
}

@media (max-width: 799px){
  .p-vote-onair {
    width: 89.7vw;
    margin-top: 7.6vw;
  }
  .p-vote-onair__inner {
    width: 79.1vw;
    margin: 0 auto;
    padding: 4.8vw 0;
  }
  .p-vote-onair__title {
    width: 79.1vw;
  }
  .p-vote-onair__broadcast {
    width: 62.9vw;
    margin-top: 3.8vw;
    padding: 0.6vw 1.5vw;
  }
  .p-vote-onair__schedule-wrap {
    width: 62.9vw;
    margin-top: 2.8vw;
  }
  .p-vote-onair__schedule {
    font-size: 3.8vw;
  }
  .p-vote-onair__schedule-item {
    grid-template-columns: 27.5vw 1fr;
    height: 6.1vw;
    padding-left: 3vw;
    letter-spacing: -0.035em;
  }
  .p-vote-onair__schedule-item::before {
    width: 1.7vw;
    height: 2.3vw;
    margin-left: 0.2vw;
  }
  .p-vote-onair__note {
    margin-top: 1vw;
    font-size: 2.5vw;
  }
  .p-vote-onair + .p-vote-episodes {
    padding-top: 10.7vw;
  }
  .p-vote-episodes {
    padding-top: 26vw;
  }
  .p-vote-episodes__inner {
    width: 89.7vw;
  }
  .p-vote-episodes__heading {
    width: 87.1vw;
  }
  .p-vote-episodes__heading-ja {
    width: 24.7vw;
    margin: 0 auto;
  }
  .p-vote-episodes__heading-en {
    margin-top: 0.8vw;
  }
  .p-vote-episodes__panel {
    margin-top: -4.7vw;
    padding-bottom: 15.3vw;
  }
  .p-vote-episodes__intro {
    padding: 15.1vw 5.1vw 7.1vw;
  }
  .p-vote-episodes__intro::before {
    position: absolute;
    top: 3vw;
    left: 50%;
    width: 20vw;
  }
  .p-vote-episodes__lead {
    font-size: 5.1vw;
    margin-left: -7.1vw;
    line-height: 0.7692307692;
  }
  .p-vote-episodes__vote-icon {
    width: 9.3vw;
    margin-top: -1.1vw;
  }
  .p-vote-episodes__lead-line {
    display: block;
    margin-left: 10.5vw;
  }
  .p-vote-episodes__notice {
    margin-top: 3.5vw;
    font-size: 3vw;
  }
  .p-vote-episodes__list {
    grid-template-columns: repeat(2, 44.4vw);
    justify-content: space-between;
  }
  .p-vote-episodes__item {
    border: none;
    width: 44.4vw;
  }
  .p-vote-episodes__item.-reveal {
    animation-duration: 0.5s;
  }
  .p-vote-episodes__caption {
    min-height: 12.3vw;
    padding: 0;
  }
  .p-vote-episodes__caption::after {
    position: absolute;
    top: 1.4vw;
    right: 1.2vw;
    width: 3vw;
    height: 3vw;
  }
  .p-vote-episodes__title {
    padding: 0.5vw 5.1vw 0 0.6vw;
    font-size: 3.5vw;
    white-space: nowrap;
    text-align: center;
  }
  .p-vote-episodes__title-inner {
    display: inline-block;
    max-width: 100%;
    text-align: left;
  }
  .p-vote-episodes__wordmark {
    margin-bottom: 32vw;
    margin-top: -0.4vw;
  }
  .p-vote-episodes__number {
    height: 7.3vw;
  }
  .p-vote-bottom__circle {
    position: absolute;
    top: -10.3vw;
    left: 46%;
    width: 132.3vw;
  }
  .p-vote-bottom__line {
    -webkit-mask-image: linear-gradient(to bottom, #000 15%, transparent 58%);
            mask-image: linear-gradient(to bottom, #000 15%, transparent 58%);
  }
  .p-vote-banner__image {
    aspect-ratio: 780/548;
  }
  .p-vote-banner__text {
    position: absolute;
    top: 37.4%;
    left: 6.9%;
    width: 86.2%;
  }
  .p-vote-modal__inner {
    overflow: hidden;
    align-items: flex-start;
    background: #960000;
  }
  .p-vote-modal.-complete .p-vote-modal__inner {
    background: transparent;
  }
  .p-vote-modal__inner::after {
    position: absolute;
    bottom: -21.8vw;
    right: -35.2vw;
    width: 60.2vw;
    aspect-ratio: 1096/608;
    background: url("/assets/img/special/fate-zero-vote/bg/ph_paint_black.webp") center/contain no-repeat;
    filter: brightness(0);
    pointer-events: none;
    content: "";
  }
  .p-vote-modal.-complete .p-vote-modal__inner::after {
    display: none;
  }
  .p-vote-modal__complete {
    margin: 0;
    padding: 30.7vw 0 15.3vw;
  }
  .p-vote-modal__episode {
    display: flex;
    flex-direction: column;
    padding-top: 25.2vw;
  }
  .p-vote-modal__title {
    order: 3;
    margin: 5.1vw 5.1vw 1.5vw;
    text-align: center;
    font-size: 5.3vw;
    line-height: 1.3;
  }
  .p-vote-modal__title-wide {
    display: none;
  }
  .p-vote-modal__number .-num {
    height: 15.5vw;
  }
  .p-vote-modal__number {
    position: absolute;
    top: 12.5vw;
    left: 50%;
    z-index: 1;
    display: block;
    width: auto;
    transform: translateX(-50%);
  }
  .p-vote-modal__number img {
    width: auto;
    height: 100%;
  }
  .p-vote-modal__number span {
    font-size: 2vw;
  }
  .p-vote-modal__scene-frame {
    order: 2;
  }
  .p-vote-modal__description {
    order: 4;
    margin: 0 11.5vw;
    font-size: 3.5vw;
  }
  .p-vote-modal__action {
    width: 76.9vw;
    min-height: 17.9vw;
    margin-top: 4.4vw;
    padding: 2.3vw 7.6vw;
  }
  .p-vote-modal__action-title {
    font-size: 6.9vw;
  }
  .p-vote-modal__action-note {
    font-size: 2.3vw;
  }
  .p-vote-modal__action-icon {
    width: 10.2vw;
  }
  .p-vote-modal__close {
    position: fixed;
    top: 4.7vw;
    right: 5.7vw;
    width: 14.8vw;
  }
  .p-vote-modal__complete-visual {
    padding: 49.9vw 0 12.8vw;
    min-height: 76.9vw;
  }
  .p-vote-modal__complete-title:focus {
    outline: none;
  }
  .p-vote-modal__complete-title .p-vote-modal__complete-title-main {
    position: absolute;
    top: -21.2vw;
    left: 50%;
    width: 72.6vw;
    transform: translateX(-50%);
  }
  .p-vote-modal__complete-title .p-vote-modal__complete-title-sub {
    width: 28.2vw;
  }
  .p-vote-modal__complete-copy {
    margin: 4.4vw 11.5vw 0;
    font-size: 3.3vw;
  }
  .p-vote-modal__share-arrow {
    width: 5.7vw;
  }
  .p-vote-modal__confirmation {
    padding-bottom: 10.2vw;
  }
  .p-vote-modal__episode::before {
    position: absolute;
    top: -19.7vw;
    left: 0;
  }
  .p-vote-modal__episode::before {
    width: 56.4vw;
  }
  .p-vote-modal__episode::after {
    display: none;
  }
  .p-vote-modal__action.-voted .p-vote-modal__action-note {
    font-size: 2.9vw;
  }
  .p-vote-modal__share {
    margin-top: 1.2vw;
  }
  .p-zero-vote .l-footer {
    padding-top: 19.2vw;
    height: 71.7vw;
  }
  .p-zero-vote .l-footer__share {
    margin-top: 0;
  }
  .p-vote-footer__top {
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10.2vw auto 0;
  }
  .p-vote-footer__top-arrow {
    width: 18.4vw;
    margin-right: 4.4vw;
  }
  .p-vote-footer__top-text {
    width: 30.8vw;
  }
  .p-vote-background__paint {
    position: absolute;
    top: -15.9vw;
    left: -2.6vw;
    width: 70.2vw;
    z-index: 2;
  }
  .p-vote-background__slash {
    width: 38.4vw;
  }
  .p-vote-background__slash--1 {
    display: none;
  }
  .p-vote-background__slash--2 {
    display: none;
  }
  .p-vote-background__slash--3 {
    position: absolute;
    top: 189.7vw;
    right: -21.8vw;
    transform: rotate(180deg);
  }
  .p-vote-background__slash--4 {
    position: absolute;
    top: calc(var(--vote-pc-unit) * 1198);
    right: calc(50% - var(--vote-pc-unit) * 1128);
    width: 61.5vw;
  }
  .p-vote-background__slash--5 {
    position: absolute;
    top: 173vw;
    left: -16.7vw;
    transform: rotate(180deg);
  }
  .p-vote-background__ink {
    width: 16.6vw;
  }
  .p-vote-background__ink--1 {
    position: absolute;
    top: 198.8vw;
    left: -5.8vw;
    transform: rotate(25deg);
    width: 17.6vw;
  }
  .p-vote-background__ink--2 {
    position: absolute;
    top: 175.8vw;
    right: -4.2vw;
    transform: rotate(0deg);
  }
  .p-vote-background__ink--3 {
    position: absolute;
    top: 65%;
    left: -6.5vw;
    transform: rotate(-20deg);
  }
  .p-vote-background__ink--4 {
    position: absolute;
    left: -4.8vw;
    bottom: -8.4vw;
    transform: rotate(0deg);
    width: 17.9vw;
  }
  .p-vote-background__ink--5 {
    position: absolute;
    left: -12.9vw;
    bottom: 10.2vw;
    transform: rotate(180deg);
  }
  .p-vote-background__paint--bottom {
    top: auto;
    left: auto;
    right: -29.5vw;
    bottom: -27vw;
    width: 70.2vw;
    transform: rotate(0);
  }
  .p-vote-background__text {
    display: none;
  }
}

@media (min-width: 800px) and (max-width: 1024px){
  .p-vote-episodes__list {
    grid-template-columns: repeat(3, calc(var(--vote-pc-unit) * 390));
  }
}

@media (hover: hover) and (pointer: fine){
  .p-vote-banner__link:hover .p-vote-banner__image, .p-vote-banner__link:hover .p-vote-banner__text {
    filter: brightness(1.4);
  }
}

@media (min-width: 800px) and (hover: hover){
  .p-vote-modal__action:not(:disabled):hover::before {
    clip-path: inset(0);
  }
}

@media (min-width: 800px) and (max-width: 1399px){
  .p-zero-vote .l-footer {
    height: 18.5vw;
  }
}