/* node_modules/.pnpm/reset-css@5.0.2/node_modules/reset-css/reset.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
*[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* src/scss/global.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
}
body {
  font-family: "M PLUS 1", serif;
  letter-spacing: .03em;
  text-align: left;
}

/* src/components/pc/TopPage/index.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
html {
  scroll-padding-top: 5.2083333333vw;
}
.wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/dotted-bg.png);
  background-size: 0.625vw;
}
.tonbo-top {
  position: relative;
  width: 100%;
}
.tonbo-top::before {
  position: absolute;
  top: -5.2083333333vw;
  right: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.tonbo-top::after {
  position: absolute;
  top: -5.2083333333vw;
  left: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scaleX(-1);
}
.tonbo-top-white::before {
  right: -5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo_w.png);
}
.tonbo-top-white::after {
  left: -5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo_w.png);
}
.tonbo-bottom {
  position: relative;
  width: 100%;
}
.tonbo-bottom::before {
  position: absolute;
  right: 0;
  bottom: -5.2083333333vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scaleY(-1);
}
.tonbo-bottom::after {
  position: absolute;
  bottom: -5.2083333333vw;
  left: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(-1, -1);
}
.tonbo-bottom-white::before {
  right: -5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo_w.png);
}
.tonbo-bottom-white::after {
  left: -5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/tonbo_w.png);
}
.cmoa_divider {
  width: 100%;
  height: 3.125vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/cmoa_divider.png);
  background-repeat: repeat-x;
  background-position: 3.3333333333vw 0;
  background-size: 104.1666666667vw;
  animation: divider-slide 10s linear infinite;
}
.cmoa_divider--slash-left {
  position: relative;
  transform: rotate(-4deg);
}
.cmoa_divider--slash-left::after {
  position: absolute;
  bottom: -1.875vw;
  left: -0.5208333333vw;
  display: block;
  width: 110%;
  height: 0.5208333333vw;
  content: "";
  background-color: #fff;
  border-top: #10376f solid 0.1041666667vw;
  border-bottom: #10376f solid 0.1041666667vw;
}
.cmoa_divider--slash-right {
  position: relative;
  transform: rotate(4deg);
}
.cmoa_divider--slash-right::after {
  position: absolute;
  right: -0.5208333333vw;
  bottom: -1.875vw;
  display: block;
  width: 110%;
  height: 0.5208333333vw;
  content: "";
  background-color: #fff;
  border-top: #10376f solid 0.1041666667vw;
  border-bottom: #10376f solid 0.1041666667vw;
}
.cmoa_divider--slash-last {
  transform: rotate(-4deg) translateY(-1.5625vw);
  transform-origin: right;
}
@keyframes divider-slide {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -104.1666666667vw center;
  }
}
.category-common {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15.625vw 0;
}
.category-common-bg-top {
  position: absolute;
  top: 6.25vw;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-bg.png);
  background-repeat: no-repeat;
  background-position: 0 1.0416666667vw;
  background-size: 100%;
}
.category-common-bg-top-left {
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-bg-l.png);
}
.category-common-bg-bottom {
  position: absolute;
  right: 0;
  bottom: 4.4270833333vw;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 14.5833333333vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-bg-bottom.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.category-common-overlay-top {
  position: absolute;
  top: 6.25vw;
  left: 0;
  width: 95%;
  height: 100%;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-overlay.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.category-common-overlay-top-left {
  width: 100%;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-overlay-l.png);
}
.category-common-overlay-top-other {
  width: 100%;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-overlay-other.png);
}
.category-common-overlay-bottom {
  position: absolute;
  bottom: 0vw;
  left: 0;
  width: 95%;
  height: 30%;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-overlay-bottom.png);
  background-repeat: no-repeat;
  background-position: 0 calc(100% - 3.125vw);
  background-size: 100%;
}
.category-common-overlay-bottom-left {
  width: 100%;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/category-common/category-overlay-l-bottom.png);
  background-position: 0 calc(100% + 0.5208333333vw);
}
.category-common-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 89.5833333333vw;
  padding: 0 9.5833333333vw 9.5833333333vw;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.875vw #fcef00;
}
.category-common-side {
  position: absolute;
  top: 17.7083333333vw;
  width: 9.8958333333vw;
}
.category-common-side-left {
  left: 0.2604166667vw;
}
.category-common-side-right {
  right: 0.2604166667vw;
}
.category-common-title {
  margin-top: -7.3958333333vw;
  text-align: center;
}
.category-common-book {
  display: flex;
  justify-content: space-between;
  width: 70.8333333333vw;
  margin-top: 4.1666666667vw;
}
.category-common-column {
  display: flex;
  flex-direction: column;
  width: 31.25vw;
}
.category-common-book-title > a {
  display: -webkit-box;
  height: 2.5em;
  max-height: 3em;
  margin-top: 4.1666666667vw;
  margin-bottom: 1.0416666667vw;
  overflow: hidden;
  font-size: 2.6041666667vw;
  font-weight: 900;
  line-height: 1.2;
  color: #10376f;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.category-common-color-page {
  margin-top: 2.0833333333vw;
  cursor: pointer;
}
.category-common-color-page:hover {
  opacity: 0.8;
}
.category-common-img {
  display: flex;
  height: 43.75vw;
  margin: auto;
  border: solid 0.2083333333vw #000;
}
.category-common-read-button {
  margin-top: 1.6666666667vw;
  transition-duration: 0.3s;
  text-align: center;
}
.category-common-read-button:hover {
  transform: scale(0.95);
}
.category-common-description {
  margin-top: 3.90625vw;
}
.category-common-description-name {
  color: #ea5405;
}
.category-common-description-title {
  display: flex;
  gap: 0 2.5vw;
  align-items: center;
}
.category-common-description-title::after,
.category-common-description-title::before {
  display: block;
  flex-grow: 1;
  content: "";
  border-top: solid 0.1041666667vw #10376f;
}
.author_comment {
  font-size: 1.83333vw;
  font-weight: 900;
  line-height: 1.6;
  color: rgb(16, 55, 111);
  text-align: center;
}
.category-common-description-text {
  padding: 2.3958333333vw 0;
  font-size: 1.4583333333vw;
  font-weight: bold;
  line-height: 1.6;
  color: #10376f;
  border-bottom: solid 0.1041666667vw #10376f;
}
.category-common-video {
  display: block;
  margin-top: 3.125vw;
  transition-duration: 0.3s;
  text-align: center;
}
.category-common-video:hover {
  opacity: 0.8;
}
.category-common-banner {
  width: 100%;
  margin-top: 5.3333333333vw;
  text-align: center;
}
.category-common-banner a {
  display: block;
}

/* src/components/pc/Footer/Footer.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.denkomi-footer-share {
  padding: 2.0833333333vw 3.3333333333vw;
  background-color: #fff;
}
.denkomi-footer-share-title {
  width: 11.1979166667vw;
  margin: auto;
}
.denkomi-footer-share-list {
  display: flex;
  gap: 2.0833333333vw;
  justify-content: center;
  margin-top: 2.0833333333vw;
}
.denkomi-footer-share-item {
  width: 5vw;
  transition-duration: 0.3s;
}
.denkomi-footer-share-item:hover {
  transform: scale(0.95);
}
.denkomi-footer-logo {
  display: block;
  width: 7.8125vw;
  margin: 2.9166666667vw auto 0;
}
.denkomi-footer-writers {
  padding: 1.6666666667vw 0;
  background-color: #606060;
}
.denkomi-footer-writers > ul li {
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
.denkomi-footer-copy {
  display: block;
  padding: 1.0416666667vw 0;
  margin: auto;
  font-size: 0.9375vw;
  color: #fff;
  text-align: center;
  background: #000;
}

/* src/components/pc/TopPage/Download/Download.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.logo-download {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 6.25vw 0 14.5833333333vw;
}
.logo-download-wrapper {
  width: 89.5833333333vw;
  background-color: #fff;
  border: solid 1.875vw #fcef00;
  margin: 0 auto;
  text-align: center;
}
.logo-download-wrapper a {
  display: block;
}
.logo-download img {
  width: 100%;
  max-width: 770px;
  height: auto;
}
/* src/components/pc/Header/Header.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.denkomi-header {
  position: fixed;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.8333333333vw;
  background-color: #fff;
  transition-duration: 0.5s;
  transform: translateY(-5.2083333333vw);
  border-radius: 0.15625vw;
  box-shadow: 0 0.2083333333vw 0.3125vw -0.1041666667vw rgba(0, 0, 0, 0.3);
}
.denkomi-header-active {
  transform: translateY(0);
}
.denkomi-header-logo {
  width: 6.0416666667vw;
}
.denkomi-header-hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 3.125vw;
  height: 2.0833333333vw;
  cursor: pointer;
  background: none;
  border: none;
}
.denkomi-header-bar {
  width: 100%;
  height: 0.2604166667vw;
  background-color: #10376f;
  border-radius: 1px;
}

/* src/components/pc/Menu/Menu.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0;
  overflow-x: hidden;
  scrollbar-width: none;
  background-color: #fff;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/dotted-bg.png);
  background-size: 0.625vw;
  transition: 0.5s;
  -ms-overflow-style: none;
}
.menu::-webkit-scrollbar {
  display: none;
}
.menu-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5.2083333333vw;
  padding: 0vw 26.0416666667vw;
  margin-top: 2.6041666667vw;
  text-align: center;
}
.menu-content-category {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.1666666667vw 6.25vw;
}
.menu-content-link {
  font-size: 2.0833333333vw;
  font-weight: bold;
  color: #10376f;
  text-decoration: none;
  transition-duration: 0.3s;
}
.menu-content-link:hover {
  opacity: 0.8;
}
.menu-button-close {
  position: absolute;
  top: 0.5208333333vw;
  right: 1.0416666667vw;
  font-size: 3.125vw;
  background-color: transparent;
  border: none;
}

/* src/components/pc/TopPage/AnotherWorldCategory/AnotherWorldCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.another-world-category-title {
  width: 48.4375vw;
}

/* src/components/pc/TopPage/BLCategory/BLCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bl-category-title {
  display: block;
  width: 33.75vw;
}

/* src/components/pc/TopPage/BottomLink/BottomLink.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bottom-link {
  position: relative;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 15.625vw;
  background-color: #10376f;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/bottom-link/bg_blue.png);
  background-repeat: repeat;
  background-size: cover;
}
.bottom-link::before {
  position: absolute;
  top: -3.90625vw;
  left: -0.5208333333vw;
  display: block;
  width: 110%;
  height: 7.2916666667vw;
  content: "";
  background-color: #fff;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/dotted-bg.png);
  background-size: 0.625vw;
  transform: rotate(-4deg);
}
.bottom-link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/bottom-link/overlay.png);
  background-repeat: no-repeat;
  background-position: 0 15.625vw;
  background-size: 100%;
}
.bottom-link-content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bottom-link-award {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 73.9583333333vw;
  padding: 3.3333333333vw 0;
  background-color: #fef100;
  border-radius: 2.5vw;
}
.bottom-link-award-title {
  width: 25vw;
}
.bottom-link-award-link {
  display: block;
  width: 52.0833333333vw;
  margin-top: 1vw;
}
.bottom-link-entry-work {
  width: 73.9583333333vw;
  margin-top: 2.5vw;
}
.bottom-link-special {
  width: 73.9583333333vw;
  padding: 3.3333333333vw 0;
  background-color: #fff;
  border: solid 1.5625vw #fef100;
}
.bottom-link-special-wrapper {
  margin-top: 13.75vw;
}
.bottom-link-special-carousel-container {
  overflow: hidden;
}
.bottom-link-special-carousel-container .swiper-button-prev {
  left: -2.6041666667vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/bottom-link/arrow_left.png);
  background-size: contain;
}
.bottom-link-special-carousel-container .swiper-button-prev::after {
  display: none;
}
.bottom-link-special-carousel-container .swiper-button-next {
  right: -2.6041666667vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/bottom-link/arrow_right.png);
  background-size: contain;
}
.bottom-link-special-carousel-container .swiper-button-next::after {
  display: none;
}
.bottom-link-special-carousel-container .swiper-pagination {
  bottom: -2.5vw !important;
}
.bottom-link-special-carousel-container .swiper-pagination-bullet {
  width: 0.625vw !important;
  height: 0.625vw !important;
  margin: 0 0.5208333333vw !important;
  background-color: #fff;
}
.bottom-link-special-title {
  width: 67.7083333333vw;
  margin: 0 auto 1.25vw;
}
.bottom-link-special-img {
  display: block;
  width: 56.25vw;
  margin: auto;
}
.bottom-link-special-term {
  width: 53.125vw;
  margin: 2.5vw auto 0;
}
.bottom-link-special-term-button {
  margin-bottom: 2.5vw;
  background-color: transparent;
  border: none;
}
.bottom-link-special-term-content {
  display: none;
  font-size: 1.25vw;
  line-height: 1.4;
}
.bottom-link-special-term-note {
  margin-top: 2.5vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  text-align: center;
}
.bottom-link-special-term-close {
  margin-top: 2.5vw;
  background-color: transparent;
  border: none;
}
.bottom-link-past {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 73.9583333333vw;
  padding: 19.6875vw 0 13.8541666667vw;
}
.bottom-link-past-title {
  width: 55.2083333333vw;
  margin-bottom: 2.5vw;
}
.bottom-link-past > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0833333333vw;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.0833333333vw;
}
.bottom-link-past-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35.9375vw;
  padding: 2.6041666667vw 0;
  font-size: 2.0833333333vw;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 5vw;
  transition-duration: 0.3s;
}
.bottom-link-past-item:hover {
  transform: scale(0.95);
}
.bottom-link-bottom-parts {
  position: absolute;
  right: 16.6666666667vw;
  bottom: 4.1666666667vw;
  width: 7.0833333333vw;
  height: 7.0833333333vw;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/bottom-link/bottom_parts.png);
  background-size: contain;
}

/* src/components/pc/TopPage/BoyCategory/BoyCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.boy-category-title {
  display: block;
  width: 38.8020833333vw;
}

/* src/components/pc/TopPage/GirlCategory/GirlCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.girl-category-title {
  width: 38.8541666667vw;
}

/* src/components/pc/TopPage/GrandPrize/GrandPrize.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.grand-prize {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 8.3333333333vw;
  margin-bottom: 15.625vw;
}
.grand-prize-bg-top {
  position: absolute;
  top: 0vw;
  right: 0;
  left: 0;
  z-index: -1;
  width: 87.5vw;
  height: 9.375vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/grand-prize/grand-prize-bg.png);
  background-repeat: no-repeat;
  background-position: 0 1.0416666667vw;
  background-size: 100%;
}
.grand-prize-bg-bottom {
  position: absolute;
  right: 0;
  bottom: -5.2083333333vw;
  left: 0;
  z-index: -1;
  width: 87.5vw;
  height: 9.375vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/grand-prize/grand-prize-bg-bottom.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.grand-prize-overlay-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/grand-prize/grand-prize-overlay.png);
  background-repeat: no-repeat;
  background-position: 0 1.0416666667vw;
  background-size: 100%;
}
.grand-prize-overlay-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  pointer-events: none;
  background-image: url(/pcc/N/special/comic_prize/2026/result_temp/images/grand-prize/grand-prize-overlay-bottom.png);
  background-repeat: no-repeat;
  background-position: 0 calc(100% - 3.125vw);
  background-size: 100%;
}
.grand-prize-side {
  position: absolute;
  top: 10.4166666667vw;
  left: 0.2604166667vw;
  width: 9.8958333333vw;
}
.grand-prize-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 89.5833333333vw;
  padding: 4.1666666667vw 9.5833333333vw 9.5833333333vw;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.875vw #fcef00;
}
.grand-prize-main-title {
  margin-top: -10.4166666667vw;
}
.grand-prize-title > a {
  display: -webkit-box;
  max-height: 3em;
  margin: 5.2083333333vw 0 2.9166666667vw;
  overflow: hidden;
  font-size: 4.5833333333vw;
  font-weight: bold;
  line-height: 1.2;
  color: #10376f;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.grand-prize-img-wrapper {
  display: flex;
  gap: 1.6666666667vw;
}
.grand-prize-img-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.grand-prize-img-item .js-modal-open-trigger {
  cursor: pointer;
}
.grand-prize-img-item .js-modal-open-trigger:hover {
  opacity: .8;
}
.grand-prize-img {
  border: solid 0.2083333333vw #000;
}
.grand-prize-read-button {
  width: 27.6041666667vw;
  margin-top: 2.2916666667vw;
  transition-duration: 0.3s;
  text-align: center;
}
.grand-prize-read-button:hover {
  transform: scale(0.95);
}
.grand-prize-share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.4583333333vw;
  margin-top: 2.2916666667vw;
  transition-duration: 0.3s;
}
.grand-prize-share-button:hover {
  transform: scale(0.95);
}
.grand-prize-description {
  margin-top: 3.90625vw;
  width: 100%;
}
.grand-prize-description-title {
  display: flex;
  gap: 0 2.5vw;
  align-items: center;
}
.grand-prize-description-title::after,
.grand-prize-description-title::before {
  display: block;
  flex-grow: 1;
  content: "";
  border-top: solid 0.1041666667vw #10376f;
}
.grand-prize-description-name {
  color: #ea5405;
}
.grand-prize-description-text {
  padding: 2.3958333333vw;
  font-size: 1.4583333333vw;
  font-weight: bold;
  line-height: 1.6;
  color: #10376f;
  border-bottom: solid 0.1041666667vw #10376f;
}
.category-common-description-comment + .grand-prize-description-name,
.category-common-description-comment + .category-common-description-name {
  margin-top: 1em;
}
.category-common-description-comment {
  color: #10376f;
}
.grand-prize-video {
  margin-top: 3.125vw;
}
.grand-prize-video-title {
  width: 25.4166666667vw;
  text-align: center;
}
.grand-prize-video-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54.5833333333vw;
  margin-top: 1.875vw;
}
.grand-prize-banner {
  width: 54.5833333333vw;
  margin-top: 3.125vw;
}
.grand-prize-banner img {
  width: 100%;
}

/* src/components/pc/TopPage/KeyVisual/KeyVisual.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.key-visual {
  position: relative;
  width: 100%;
}
.key-visual-image {
  width: 100%;
}
.key-visual-title {
  position: absolute;
  top: 1.7708333333vw;
  right: 0;
  left: 0;
  width: 36.4583333333vw;
  margin: auto;
  transform: scale(0.5);
  text-align: center;
}
/* src/components/pc/TopPage/LightNovelCategory/LightNovelCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.light-novel-category-title {
  display: block;
  width: 46.3541666667vw;
}

/* src/components/pc/TopPage/Modal/Modal.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.denkomi-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 1;
  transition: opacity 0.3s;
}
.denkomi-modal-wrapper[data-is-modal-shown=false] {
  pointer-events: none;
  opacity: 0;
}
.denkomi-modal-wrapper .modal-close-button {
  position: absolute;
  top: 0.5208333333vw;
  right: 0.5208333333vw;
  font-size: 4.1666666667vw;
  color: #fff;
  background-color: transparent;
  border: none;
}
.denkomi-modal-wrapper .modal-content {
  width: 80vh;
}

/* src/components/pc/TopPage/Navigation/Navigation.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.navigation {
  display: flex;
  justify-content: center;
  width: 100%;
}
.navigation .section-list {
  display: flex;
  flex-direction: row;
  gap: 2.3958333333vw;
  align-items: center;
  justify-content: space-around;
  list-style-type: none;
}
.navigation .nav-button {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8333333333vw 0;
  transition-duration: 0.3s;
}
.navigation .nav-button:first-child {
  width: 24.375vw;
}
.navigation .nav-button:nth-child(2) {
  width: 6.5104166667vw;
}
.navigation .nav-button:nth-child(3) {
  width: 6.5625vw;
}
.navigation .nav-button:nth-child(4) {
  width: 7.9166666667vw;
}
.navigation .nav-button:nth-child(5) {
  width: 8.0208333333vw;
}
.navigation .nav-button:nth-child(6) {
  width: 5.2604166667vw;
}
.navigation .nav-button:nth-child(7) {
  width: 5.2604166667vw;
}
.navigation .nav-button:not(:first-child, :last-child) {
  padding-right: 2.3958333333vw;
  border-right: 1px solid #10376f;
}
.navigation .nav-button:hover {
  opacity: 0.8;
}

/* src/components/pc/TopPage/TLCategory/TLCategory.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.tl-category-title {
  display: block;
  width: 33.75vw;
}

/* src/components/pc/TopPage/TopAbout/TopAbout.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.top-about {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 4.1666666667vw;
}
.top-about-inner {
  display: flex;
  justify-content: space-between;
  width: 94.7916666667vw;
  margin-bottom: 6.25vw;
}
.top-about-bg-left {
  box-sizing: content-box;
  width: 23.9583333333vw;
  padding-left: 1.875vw;
  align-self: flex-start;
}
.top-about-bg-right {
  align-self: flex-start;
  width: 23.4375vw;
}
.top-about-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top-about-title {
  display: block;
  width: 44.0625vw;
  margin-top: 1.25vw;
  margin-left: -1.25vw;
}
.top-about-text {
  display: block;
  padding-bottom: 2.0833333333vw;
  margin-top: 1.4583333333vw;
  width: 29.375vw;
}
.top-about-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35.78125vw;
  transition-duration: 0.3s;
}
.top-about-button:hover {
  transform: scale(0.95);
}