#movie > .inner ul .movie_01 .thumbnail {
  background-image: url(../img/movie_01_thumbnail.png);
}

#movie > .inner ul .movie_02 .thumbnail {
  background-image: url(../img/movie_02_thumbnail.png);
}

#movie > .inner ul .movie_03 .thumbnail {
  background-image: url(../img/movie_03_thumbnail.png);
}

#special > .inner ul .special_01 .thumbnail {
  background-image: url(../img/special_01_thumbnail.png);
}

#special > .inner ul .special_02 .thumbnail {
  background-image: url(../img/special_02_thumbnail+.png);
}

#special > .inner ul .special_03 .thumbnail {
  background-image: url(../img/special_03_thumbnail.png);
}

#special > .inner ul .special_04 .thumbnail {
  background-image: url(../img/special_04_thumbnail.png);
}

#special > .inner ul .special_05 .thumbnail {
  background-image: url(../img/special_05_thumbnail.png);
}

#special > .inner ul .special_06 .thumbnail {
  background-image: url(../img/special_06_thumbnail.png);
}

#special > .inner ul .special_07 .thumbnail {
  background-image: url(../img/special_07_thumbnail.png);
}

#special > .inner ul .special_08 .thumbnail {
  background-image: url(../img/special_08_thumbnail.png);
}

#special > .inner ul .special_09 .thumbnail {
  background-image: url(../img/special_09_thumbnail.png);
}

#gallery_modal #gallery_11 {
  background-image: url(../zoom/event_cg_11.png);
}

#gallery_modal #gallery_12 {
  background-image: url(../zoom/event_cg_12.png);
}

#gallery_modal #gallery_13 {
  background-image: url(../zoom/event_cg_13.png);
}

#gallery_modal #gallery_14 {
  background-image: url(../zoom/event_cg_14.png);
}

#gallery_modal #gallery_15 {
  background-image: url(../zoom/event_cg_15.png);
}

#gallery_modal #gallery_16 {
  background-image: url(../zoom/event_cg_16.png);
}

#gallery_modal #gallery_21 {
  background-image: url(../zoom/event_cg_21.png);
}

#gallery_modal #gallery_22 {
  background-image: url(../zoom/event_cg_22.png);
}

#gallery_modal #gallery_23 {
  background-image: url(../zoom/event_cg_23.png);
}

#gallery_modal #gallery_24 {
  background-image: url(../zoom/event_cg_24.png);
}

#gallery_modal #gallery_25 {
  background-image: url(../zoom/event_cg_25.png);
}

#gallery_modal #gallery_26 {
  background-image: url(../zoom/event_cg_26.png);
}

#gallery_modal #gallery_31 {
  background-image: url(../zoom/event_cg_31.png);
}

#gallery_modal #gallery_32 {
  background-image: url(../zoom/event_cg_32.png);
}

#gallery_modal #gallery_33 {
  background-image: url(../zoom/event_cg_33.png);
}

#gallery_modal #gallery_34 {
  background-image: url(../zoom/event_cg_34.png);
}

#gallery_modal #gallery_35 {
  background-image: url(../zoom/event_cg_35.png);
}

#gallery_modal #gallery_36 {
  background-image: url(../zoom/event_cg_36.png);
}

#gallery_modal #gallery_41 {
  background-image: url(../zoom/event_cg_41.png);
}

#gallery_modal #gallery_42 {
  background-image: url(../zoom/event_cg_42.png);
}

#gallery_modal #gallery_43 {
  background-image: url(../zoom/event_cg_43.png);
}

#gallery_modal #gallery_44 {
  background-image: url(../zoom/event_cg_44.png);
}

#gallery_modal #gallery_45 {
  background-image: url(../zoom/event_cg_45.png);
}

#gallery_modal #gallery_46 {
  background-image: url(../zoom/event_cg_46.png);
}

#gallery_modal #gallery_51 {
  background-image: url(../zoom/event_cg_51.png);
}

#gallery_modal #gallery_52 {
  background-image: url(../zoom/event_cg_52.png);
}

#gallery_modal #gallery_53 {
  background-image: url(../zoom/event_cg_53.png);
}

#gallery_modal #gallery_54 {
  background-image: url(../zoom/event_cg_54.png);
}

#gallery_modal #gallery_55 {
  background-image: url(../zoom/event_cg_55.png);
}

#gallery_modal #gallery_56 {
  background-image: url(../zoom/event_cg_56.png);
}

#gallery_modal #masterup {
  background-image: url(../zoom/masterup.png);
}

#jumbotron .inner p.date,
#jumbotron .inner p.staff,
#fixed_nav ul li a,
#story .inner .copy,
#story .inner .text_wrap p .text,
#character_wrapper .character_section .profile .header h3 .jp,
#character_wrapper .character_section .profile .header .copy,
#character_wrapper .character_section .profile .inner .scene dd,
#character_wrapper .character_section .serif,
#character_03 .profile .header h3 .jp #sayumi_toggle_wrap .sayumi_omote,
#character_03 .profile .header h3 .jp #sayumi_toggle_wrap .sayumi_ura,
#character_03 .serif .sayumi_omote,
#character_03 .serif .sayumi_ura,
#point > .inner .point_section .text h3,
#system > .inner .system_section h3,
#stage .visual .stage_section .label,
#stage .visual .stage_section .hover h3,
#stage .visual .stage_section .hover p {
  background-image: none !important;
  font-size: inherit;
}

#jumbotron .inner p.date,
#jumbotron .inner p.staff {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a2300;
  font-weight: 400;
  letter-spacing: 0.08em;
  white-space: nowrap;
  text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff;
}

#jumbotron .inner p.date {
  font-size: 30px;
  line-height: 1;
}

#jumbotron .inner p.staff {
  font-size: 18px;
  line-height: 1;
}

#fixed_nav ul li a {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px !important;
  padding-top: 1px;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#fixed_nav ul li a .jp {
  display: block;
  color: #4a2300;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

#fixed_nav ul li a .en {
  display: block;
  color: #9a7f7b;
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  white-space: nowrap;
}

#story .inner .copy {
  color: #4a2300;
  font-size: 48px;
  font-weight: 300;
  line-height: 67px;
  letter-spacing: 0.22em;
  text-align: center;
  white-space: nowrap;
}

#story .inner .copy .pink {
  color: #e96591;
}

#story .inner .copy .cyan {
  color: #16b9d2;
}

#story .inner .text_wrap p .text {
  color: #4a2300;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.06em;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#story .inner .text_wrap p .text_01 {
  color: #e96591;
  font-size: 22px;
}

#character_wrapper .character_section .profile .header h3 .jp {
  color: #4a2300;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

#character_05 .profile .header h3 .jp {
  font-size: 38px;
  line-height: 1.22;
  letter-spacing: 0.08em;
  white-space: normal;
}

#character_03 .profile .header h3 .jp #sayumi_toggle_wrap {
  display: block;
}

#character_03 .profile .header h3 .jp #sayumi_toggle_wrap .sayumi_omote,
#character_03 .profile .header h3 .jp #sayumi_toggle_wrap .sayumi_ura {
  color: inherit;
  font-size: 44px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

#character_wrapper .character_section .profile .header .copy {
  width: auto !important;
  max-width: 500px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #b34d5f;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

#character_04 .profile .header .copy {
  color: #7193ba;
  font-size: 15px;
}

#character_05 .profile .header .copy {
  color: #8bb3a4;
}

#character_wrapper .character_section .profile .inner .scene dd {
  padding: 0;
  color: #4a2300;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.08em;
  text-align: left;
  white-space: nowrap;
}

#character_wrapper .character_section .profile .inner .scene dd span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

#character_wrapper .character_section .serif,
#character_03 .serif .sayumi_omote,
#character_03 .serif .sayumi_ura {
  color: #b34d5f;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
}

#character_03 .serif .sayumi_ura,
#character_04 .serif {
  color: #7193ba;
}

#character_05 .serif {
  color: #8bb3a4;
}

#character_03 .serif .sayumi_omote {
  top: 0;
}

#character_03 .serif .sayumi_ura {
  top: -749px;
}

#point > .inner .point_section .text h3,
#system > .inner .system_section h3 {
  width: auto !important;
  height: auto !important;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

#point #point_01 h3,
#point #point_03 h3,
#point #point_04 h3,
#system #system_02 h3,
#system #system_03 h3 {
  color: #16b9d2;
}

#point #point_02 h3,
#system #system_01 h3,
#system #system_04 h3,
#system #system_05 h3 {
  color: #e96591;
}

#stage .visual .stage_section .label {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a2300;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}

#stage .visual .stage_section .hover h3 {
  width: auto !important;
  height: auto !important;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}

#stage .visual .stage_section .hover p {
  width: 760px !important;
  height: auto !important;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: normal;
}

#footer .inner .footer-brands {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 32px;
  margin: 50px auto 0;
}

#footer .inner .footer-brands .brand {
  margin: 0;
}

#footer .inner .footer-brands .canneed-brand {
  display: block;
  width: 192px;
  height: auto;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#footer .inner .footer-brands .canneed-brand:hover {
  opacity: 0.5;
}

#footer .inner .footer-brands .canneed-brand img {
  display: block;
  width: 100%;
  height: auto;
}