@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Reddit+Mono&display=swap);
@media screen and (max-width: 1272px) { /**/ }
@media screen and (max-width: 640px) { /**/ }
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#middle {
  background-color: #fff;
  color: #000;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  word-break: break-all;
}
#middle * {
  box-sizing: border-box;
}

.u-display--sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .u-display--sp {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .u-display--pc {
    display: none;
  }
}
.u-display--show {
  display: block !important;
}
.u-display--block {
  display: block !important;
}
.u-display--inline {
  display: inline !important;
}
.u-display--inline-block {
  display: inline-block !important;
}
.u-display--flex {
  display: flex !important;
}
.u-display--hide {
  display: none !important;
}

.p-10th {
  background: url(../images/bg-01.png) 50% 0% repeat;
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 640px) {
  .p-10th {
    background-size: 71.1111111111vw 71.1111111111vw;
    padding-bottom: 11.1111111111vw;
  }
}
.p-10th .p-10th-mv {
  height: 606px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-mv {
    height: 44.5588235294vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-mv {
    height: 84.8611111111vw;
  }
}
.p-10th .p-10th-mv__bg {
  height: 100%;
  left: 50%;
  max-width: none;
  position: absolute;
  transform: translate(-50%, 0%);
  top: 0;
  width: 2560px;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-mv__bg {
    width: auto;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-mv__bg {
    height: 100%;
    width: 100%;
  }
}
.p-10th .p-10th-mv-inner {
  height: 100%;
  margin-inline: auto;
  position: relative;
  width: min(100%, 1360px);
}
.p-10th .p-10th-news {
  aspect-ratio: 304/176;
  background: url(../images/bg-news-01.png) 0% 0% no-repeat;
  background-size: 100% 100%;
  font-family: "Noto Sans JP";
  left: 50%;
  position: absolute;
  top: 579px;
  transform: translateX(309px);
  width: 304px;
  z-index: 3;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-news {
    top: 42.5735294118vw;
    transform: translateX(22.7205882353vw);
    width: 22.3529411765vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-news {
    left: 2.2222222222vw;
    top: 32.6388888889vw;
    transform: none;
    width: 42.2222222222vw;
  }
}
.p-10th .p-10th-news__date {
  color: #ff005e;
  font-size: 1.8rem;
  font-weight: 700;
  left: 40.7894736842%;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 48.8636363636%;
  width: 47.3684210526%;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-news__date {
    font-size: 1.3235294118vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-news__date {
    font-size: 2.5vw;
  }
}
.p-10th .p-10th-news__btn a {
  align-items: center;
  aspect-ratio: 144/30;
  background-color: #E680A5;
  border-radius: 100vh;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: center;
  left: 40.7894736842%;
  padding-left: 12.1710526316%;
  padding-right: 14.1447368421%;
  position: absolute;
  text-decoration: none;
  top: 68.75%;
  transition: opacity 0.3s;
  width: 47.3684210526%;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-news__btn a {
    font-size: 1.1764705882vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-news__btn a {
    font-size: 2.2222222222vw;
  }
}
.p-10th .p-10th-news__btn a::after {
  aspect-ratio: 20/13;
  background: url(../images/ico-arrow-01.png) 0% 0% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  right: 6.25%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13.8888888889%;
}
.p-10th .p-10th-news__btn a:hover {
  opacity: 0.5;
}
.p-10th .p-10th-main {
  margin-top: -10px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-main {
    margin-top: -0.7352941176vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-main {
    margin-top: 0;
  }
}
.p-10th .p-10th-main__title {
  text-align: center;
}
.p-10th .p-10th-main__title img {
  width: 648px;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-main__title img {
    width: 47.6470588235vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-main__title img {
    width: 90vw;
  }
}
.p-10th .p-10th-movie {
  align-items: center;
  aspect-ratio: 1075/644;
  display: flex;
  margin-inline: auto;
  justify-content: center;
  position: relative;
  width: min(93.0735930736%, 1075px);
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-movie {
    margin-top: 4.4444444444vw;
  }
}
.p-10th .p-10th-movie iframe {
  border: 0;
  display: block;
  height: 81.9875776398%;
  width: 88.1860465116%;
}
.p-10th .p-10th-movie::after {
  background: url(../images/bg-movie-frame-01.png) 0% 0% no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-10th .p-10th-thanks {
  margin-top: 32px;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks {
    margin-top: 2.3529411765vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks {
    margin-top: 4.4444444444vw;
  }
}
.p-10th .p-10th-thanks__title {
  color: #d44a7d;
  font-size: 3rem;
  text-align: center;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__title {
    font-size: 2.2058823529vw;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__title {
    font-size: 4.1666666667vw;
  }
}
.p-10th .p-10th-thanks__title span {
  display: inline-block;
  padding-right: 1.7666666667em;
  position: relative;
}
.p-10th .p-10th-thanks__title span::after {
  aspect-ratio: 32/46;
  background: url(../images/icon-heart-01.png) 0% 0% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  width: 1.0666666667em;
}
.p-10th .p-10th-thanks__list {
  counter-reset: number;
  margin-inline: auto;
  margin-top: 80px;
  width: min(92.4812030075%, 984px);
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__list {
    margin-top: 5.8823529412vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__list {
    margin-top: 80px;
    width: 984px;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__list {
    margin-top: 11.1111111111vw;
    width: 80.5555555556%;
  }
}
.p-10th .p-10th-thanks__item {
  margin-top: 80px;
  position: relative;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item {
    margin-top: 5.8823529412vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item {
    margin-top: 80px;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item {
    margin-top: 11.1111111111vw;
  }
}
.p-10th .p-10th-thanks__item:first-child {
  margin-top: 0;
}
.p-10th .p-10th-thanks__item-inner {
  border-radius: 15px;
  box-shadow: 0 0 0 5px #fff;
  margin-left: auto;
  min-height: 300px;
  padding: 7.6219512195% 4.8780487805% 4.8780487805% 11.0772357724%;
  position: relative;
  width: 85.3658536585%;
  z-index: 1;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item-inner {
    border-radius: 1.1029411765vw;
    box-shadow: 0 0 0 0.3676470588vw #fff;
    min-height: 22.0588235294vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item-inner {
    border-radius: 15px;
    box-shadow: 0 0 0 5px #fff;
    min-height: 300px;
    width: 840px;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item-inner {
    border-radius: 2.0833333333vw;
    box-shadow: 0 0 0 0.6944444444vw #fff;
    min-height: 41.6666666667vw;
    padding: 12.2222222222vw 3.3333333333vw 4.4444444444vw 14.3055555556vw;
    width: 69.4444444444vw;
  }
}
.p-10th .p-10th-thanks__item-inner::after {
  align-items: center;
  aspect-ratio: 45/61;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  content: counter(number, decimal-leading-zero);
  counter-increment: number;
  color: #fff;
  display: flex;
  font-size: 2rem;
  left: 12.9761904762%;
  justify-content: center;
  padding-bottom: 0.4em;
  position: absolute;
  top: 0;
  transform: translate(0, -0.25em);
  width: 2.25em;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item-inner::after {
    font-size: 1.4705882353vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item-inner::after {
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item-inner::after {
    font-size: 3.3333333333vw;
    left: 14.3055555556vw;
  }
}
.p-10th .p-10th-thanks__item-inner p {
  font-family: "Noto Sans JP";
  font-size: 2rem;
  line-height: 1.75em;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item-inner p {
    font-size: 1.4705882353vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item-inner p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item-inner p {
    font-size: 3.0555555556vw;
    line-height: 1.5454545455em;
  }
}
.p-10th .p-10th-thanks__item__balloon {
  animation-name: balloon-float;
  animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  animation-iteration-count: infinite;
  left: 0;
  top: -56px;
  position: absolute;
  z-index: 2;
  width: 20.7317073171%;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item__balloon {
    top: -4.1176470588vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item__balloon {
    top: -56px;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item__balloon {
    left: -1.3888888889vw;
    top: -7.7777777778vw;
    width: 21.5555555556vw;
  }
}
@keyframes balloon-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }
  50% {
    transform: translate3d(6px, -15px, 0) rotate(1deg);
  }
}
.p-10th .p-10th-thanks__item__title {
  font-size: 3rem;
  line-height: 1.3333333333em;
  margin-bottom: 0.5333333333em;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item__title {
    font-size: 2.2058823529vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item__title {
    font-size: 4.1666666667vw;
  }
}
.p-10th .p-10th-thanks__item__release {
  font-family: "Noto Sans JP";
  font-size: 2rem;
  line-height: 1.75em;
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item__release {
    font-size: 1.4705882353vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item__release {
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item__release {
    font-size: 3.0555555556vw;
    line-height: 1.5454545455em;
  }
}
.p-10th .p-10th-thanks__item__btn {
  align-items: center;
  aspect-ratio: 320/40;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100vh;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-family: "Noto Sans JP";
  margin-top: 3.2em;
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s;
  width: min(320px, 100%);
}
@media screen and (max-width: 1360px) {
  .p-10th .p-10th-thanks__item__btn {
    box-shadow: 0 0 0 0.1470588235vw #fff;
    font-size: 1.4705882353vw;
  }
}
@media screen and (max-width: 1000px) {
  .p-10th .p-10th-thanks__item__btn {
    box-shadow: 0 0 0 2px #fff;
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .p-10th .p-10th-thanks__item__btn {
    box-shadow: 0 0 0 0.2777777778vw #fff;
    font-size: 3.0555555556vw;
    margin-top: 3.3333333333vw;
    width: 44.4444444444vw;
  }
}
.p-10th .p-10th-thanks__item__btn::after {
  aspect-ratio: 12/19;
  background: url(../images/ico-arrow-02.png) 0% 0% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  right: 5.3125%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6em;
}
.p-10th .p-10th-thanks__item__btn:hover {
  opacity: 0.5;
}
.p-10th .p-10th-thanks__item:nth-child(1) .p-10th-thanks__item__balloon {
  animation-duration: 5284ms;
  animation-delay: -4854ms;
}
.p-10th .p-10th-thanks__item:nth-child(2) .p-10th-thanks__item__balloon {
  animation-duration: 4404ms;
  animation-delay: -1419ms;
}
.p-10th .p-10th-thanks__item:nth-child(3) .p-10th-thanks__item__balloon {
  animation-duration: 5042ms;
  animation-delay: -1294ms;
}
.p-10th .p-10th-thanks__item:nth-child(4) .p-10th-thanks__item__balloon {
  animation-duration: 5136ms;
  animation-delay: -2889ms;
}
.p-10th .p-10th-thanks__item:nth-child(5) .p-10th-thanks__item__balloon {
  animation-duration: 4686ms;
  animation-delay: -1245ms;
}
.p-10th .p-10th-thanks__item:nth-child(6) .p-10th-thanks__item__balloon {
  animation-duration: 5283ms;
  animation-delay: -2466ms;
}
.p-10th .p-10th-thanks__item:nth-child(7) .p-10th-thanks__item__balloon {
  animation-duration: 4186ms;
  animation-delay: -4540ms;
}
.p-10th .p-10th-thanks__item:nth-child(8) .p-10th-thanks__item__balloon {
  animation-duration: 6601ms;
  animation-delay: -4372ms;
}
.p-10th .p-10th-thanks__item:nth-child(9) .p-10th-thanks__item__balloon {
  animation-duration: 5025ms;
  animation-delay: -842ms;
}
.p-10th .p-10th-thanks__item:nth-child(10) .p-10th-thanks__item__balloon {
  animation-duration: 6669ms;
  animation-delay: -3161ms;
}
.p-10th .p-10th-thanks__item:nth-child(2n+1) .p-10th-thanks__item-inner {
  background-color: #feecf0;
}
.p-10th .p-10th-thanks__item:nth-child(2n+1) .p-10th-thanks__item-inner::after {
  background-image: url(../images/bg-thanks-item-number-01.png);
}
.p-10th .p-10th-thanks__item:nth-child(2n+1) .p-10th-thanks__item__title,
.p-10th .p-10th-thanks__item:nth-child(2n+1) .p-10th-thanks__item__release {
  color: #d44a7d;
}
.p-10th .p-10th-thanks__item:nth-child(2n+1) .p-10th-thanks__item__btn {
  background-color: #e680a5;
}
.p-10th .p-10th-thanks__item:nth-child(2n+2) .p-10th-thanks__item-inner {
  background-color: #e8f5ff;
}
.p-10th .p-10th-thanks__item:nth-child(2n+2) .p-10th-thanks__item-inner::after {
  background-image: url(../images/bg-thanks-item-number-02.png);
}
.p-10th .p-10th-thanks__item:nth-child(2n+2) .p-10th-thanks__item__title,
.p-10th .p-10th-thanks__item:nth-child(2n+2) .p-10th-thanks__item__release {
  color: #34a3fd;
}
.p-10th .p-10th-thanks__item:nth-child(2n+2) .p-10th-thanks__item__btn {
  background-color: #74b5ea;
}
/*# sourceMappingURL=style.css.map */