*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

  html,
  body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

  @media (prefers-color-scheme: dark) {

  html,
  body {
    --tw-bg-opacity: 1;
    background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
  }
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.bottom-\[-6rem\] {
  bottom: -6rem;
}
.left-\[-2\.4rem\] {
  left: -2.4rem;
}
.left-\[1rem\] {
  left: 1rem;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.top-\[-0\.7rem\] {
  top: -0.7rem;
}
.top-\[-7rem\] {
  top: -7rem;
}
.top-\[6rem\] {
  top: 6rem;
}
.z-0 {
  z-index: 0;
}
.z-\[1001\] {
  z-index: 1001;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-\[3\.2rem\] {
  height: 3.2rem;
}
.w-\[3\.2rem\] {
  width: 3.2rem;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-full {
  width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-around {
  justify-content: space-around;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-\[0\.6rem\] {
  gap: 0.6rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@font-face {
  font-family: 'Source Han Sans JP Bold';
  src: url('/fonts/SourceHanSansJP-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  scrollbar-gutter: stable;
  font-size: calc(100vw / 375 * 10);
  font-family: 'Source Han Sans JP Bold', sans-serif;
  font-weight: 700;

  @media screen and (min-width: 768px) {
    font-size: 16px;
  }
}

body {
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  background-size: auto;
  height: 100dvh;
  overflow: hidden;

  -moz-user-select: none;

       user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* チュートリアル：指差しの上下バウンドのキーフレーム */
@keyframes tutorial-finger-bounce-y {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-8px); }
  100% { transform: translateY(0); }
}

/* チュートリアル：指差しの画像に付けるクラス */
.tutorial-finger-bounce {
  animation: tutorial-finger-bounce-y 1.1s ease-in-out infinite;
  transform-origin: center bottom;
  will-change: transform;
}
.home-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  width: 100%;
}

.home-titleContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
}

.home-titleContainer--wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
}

.home-titleContainer--imgWrapper {
  display: inline-block;
  height: 100%;
  position: relative;
}

.home-titleContainer--version {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  color: #FFFFFF;
  font-size: 1.5rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    -1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.home-titleContainer--user {
  position: absolute;
  top: 3rem;
  left: 1rem;
  z-index: 2;
  color: #FFFFFF;
  font-size: 1.5rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    -1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.home-titleContainer--title {
  height: 100%;
}

.home-titleContainer--start {
  position: absolute;
  width: 27rem;
  bottom: 2.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media screen and (min-width: 900px) {
  .home-titleContainer--title {
    -o-object-fit: contain;
       object-fit: contain;
  }
}.header {
  width: 100%;
  flex-shrink: 0;
  z-index: 21;
}

.header-inner {
  position: relative;
  height: 8.2rem;
  background: #2B2818;
  border-bottom: 0.3rem solid #6D530E;
  padding-top: 1.15rem;
  padding-left: 0.6rem;

  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.header-inner__top {
  position: relative;
  display: flex;
  align-items: center;
}

.header-passIcon-container {
  position: absolute;
  top: -0.2rem;
  left: -5.1rem;

  display: flex;
}

.header-passIcon-item {
  width: 2.6rem;
  height: 2.6rem;
}

.header-passIcon-item:nth-of-type(2) {
  transform: translateX(-0.8rem);
}

/* UserIcon */
.header-userIcon {
  position: relative;
  width: 9.15rem;
  height: 4.5rem;

  display: flex;
  align-items: center;
}

.header-userIconWrap {
  width: 100%;
  height: 100%;
}

.header-userIcon-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.header-userIcon-frame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.header-userIcon-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.header-userIcon-rank {
  position: relative;
  margin-bottom: 1.4rem;
  z-index: 4;
}

.header-userIcon-rank img {
  max-width: 6rem;
}

.header-userIconWrap img {
  height: 5.5rem;
  width: 5.5rem;
}

.header-userIcon-rank-frame {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.header-userIcon-rank__textWrap {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.header-userIcon-rank__rank {
  font-size: 1rem;
  line-height: 1;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.header-userIcon-rank__value {
  font-size: 1.6rem;
  line-height: 1;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.header-userIcon-rankProgress {
  position: relative;
  left: 0.5rem;
  top: 0.6rem;
}

.header-userIcon-progressWrap {
  position: absolute;
  left: 0.4rem;
  bottom: 1.1rem;
  z-index: 5;
}

.header-userIcon-progress {
  position: relative;
  width: 5rem;
  height: 1.6rem;
  background: url('/image/common/Parts_BossGuageBaseShort.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.2rem;
}

.header-userIcon-progressbar {
  position: absolute;
  left: 0.45rem;
  width: 4.1rem;
  height: 0.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}

.header-userIcon-progressbar::-webkit-progress-bar {
  background-color: transparent;
}

.header-userIcon-progressbar::-webkit-progress-value {
  background-color: #EFA544;
}

/* UserName */
.header-container__name {
  margin-left: 0.7rem;
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.45;
  letter-spacing: 0;
  color: #FFFFFF;
  max-width: 26rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-inner__bottom {
  position: absolute;
  bottom: 0.8rem;
  right: 1.7rem;

  display: flex;
}

.header-container__staminaContent {
  position: relative;
  margin-right: 2.2rem;
}

.header-container__contentCoin {
  width: 9.4rem;
  position: absolute;
  top: 1rem;
  right: 1.6rem;
}

.header-container__gemContent {
  position: relative;
  width: 10.5rem;
}

.header-container__wrap--stamina {
  position: absolute;
  top: -0.6rem;
  left: -1.6rem;
  width: 4rem;
}

.header-container__wrap--jem {
  position: absolute;
  top: -0.4rem;
  left: -1.3rem;
  width: 3.6rem;
}

.header-container__wrap--stamina-plus {
  position: absolute;
  top: -0.3rem;
  right: -1.3rem;
  width: 3.3rem;
  height: 3.3rem;
  z-index: 10;
}

.header-container__wrap--value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 1.7rem;
  padding-right: 1.4rem;
  border-width: 0.5rem;
  border-image-source: url("/image/header/Parts_HeaderInfo.png");
  border-image-slice: 10 10 10 10 fill;
  border-image-repeat: stretch;
  background-color: transparent;
}

.header-container__wrap--coin {
  width: 3.2rem;
  height: 3.2rem;

  position: absolute;
  top: -0.25rem;
  left: -1rem;
}

.header-container__wrap--value-have,
.header-container__wrap--stamina-max {
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.25;
  padding-top: 0.05rem;
  transform: translateY(0.05rem);
}

.header-container__wrap--stamina-max {
  color: #FFFFFF;
  font-size: 1.3rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.header-bottom {
  position: relative;
  padding: 0.2rem 1rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  z-index: 1;
}

.header-bottom__textContainer {
  position: relative;
  width: 35.5rem;
  height: 2.6rem;
  padding: 0 4.4rem;
  background: url("/image/header/Header_Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-bottom__scrollBar {
  width: 0.9rem;
  height: 75%;
  margin: 0 2.8rem;
  background: url("/image/header/Parts_ScrollBar.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.header-bottom__emblemWrapper {
  display: flex;
  justify-content: center; /* 全体を横中央に寄せる */
  align-items: center;     /* 高さを揃える */
  gap: 0.25rem;               /* 家紋同士の間隔 */
  /* width: 100%; */
}

.header-bottom__emblemItem {
  display: flex;
  flex-direction: row;     /* 画像とカウントを横並び */
  align-items: center;     /* 画像と文字の縦位置を揃える */
  gap: 0.3rem;             /* 画像と文字の間隔 */
  padding-top: 0.5rem; 
}

.header-bottom__emblem {
  width: 1.7rem;
}

.header-bottom__emblem_cnt {
  color: #FFFFFF;
  font-size: 1.4rem;
}

.header-bottom__text {
  color: #FFFFFF;
  font-size: 1.6rem;
  padding-top: 0.2rem;
  margin-left: 0.2rem;
}

.header-bottom__iconWrap {
  display: flex;
  align-items: center;
}

.header-bottom__icon {
  width: 3.6rem;
}.c-home-topChara {
  position: absolute;
  top: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  left: 50%;
  transform: translateX(-50%);

  @media screen and (min-width: 485px) {
    max-width: 24rem;
  }
}

.homeMain-c-container {
  padding: 0.5rem 1rem;
  z-index: 0;
}

.c-home-icon {
  position: relative;
  width: 6rem;
  height: 6rem;
  z-index: 1;
}

.c-home-icon img {
  width: 100%;
  height: 100%;
}

.c-home-icon--alert {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 3.2rem;
  height: 3.2rem;
}

.c-home-gameIcon {
  width: 11.9rem;
  height: 11.9rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-home-eventIcon {
  position: absolute;
  bottom: 6.5rem;
  left: 6rem;
  width: 14rem;
  height: 8rem;
  transform: translateX(-50%);
}

.c-home-eventIcon > img {
  width: 100%;
  height: 180%;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-home-gameButton {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 11.9rem;
  height: 11.9rem;
  cursor: pointer;
}

.c-home-bottomIcon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.c-home-iconsBg {
  position: absolute;
  width: 6rem;
  height: 100%;
  background: rgba(71, 55, 45, 0.7);
  border-radius: 0.15rem;
}

.c-home-tutorial-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  pointer-events: auto;
}
.c-settingModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-settingModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-settingModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 38rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Middle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-settingModal-content--long {
  height: 48.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-settingModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5.8rem 4.1rem 2.3rem 4.1rem;
}

.c-settingModal-title {
  position: absolute;
  top: 0.85rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-settingModal-contentHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0;
  position: relative;
  height: 2.6rem;
  width: 100%;
}

.c-settingModal-contentBody {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-settingModal-contentHeader-text {
  color: #FFFFFF;
  font-size: 1.2rem;

  display: flex;
  align-items: center;
}

.c-settingModal-contentBottom {
  color: #371F1F;
  font-size: 1.4rem;
  line-height: 1.25;
  text-align: center;
}

.c-settingModal-contentBody .c-primaryBlackButton-container {
  margin: 1.1rem 0 1.4rem 0;
}
.soundToggle-c-container {
  display: flex;
  gap: 1.35rem;
  justify-content: center;
  align-items: center;
  margin-top: 1.1rem;
  margin-bottom: 1rem;
}

.soundToggle-c-button {
  background: url("/image/button/Btn_Primary.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 4rem;
  width: 8.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 1.4rem;
}

.soundToggle-c-button.is-active {
  background: url("/image/button/Btn_Primary_On.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  text-stroke: 0.2rem white;
  paint-order: stroke;
}.language-selector-container {
  background: url("/image/button/Btn_Primary_Language.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 4.2rem;
  width: 15.8rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1.4rem;
  color: white;
  position: relative;
  padding: 0 1.75rem 0 2.6rem;
  margin-top: 1.1rem;
  margin-bottom: 1rem;
}

.selected-language {
  flex-grow: 1;
  padding-bottom: 0.2rem;
}

.language-dropdown-arrow {
  font-size: 1.4rem;
  color: white;
  transition: transform 0.2s ease-in;
}

.language-dropdown-arrow.is-open {
  transform: rotate(180deg);
}

.language-options {
  position: absolute;
  top: 3.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2.6rem);
  background-color: #47372D;
  overflow: hidden;
  z-index: 100;
}

.language-options li {
  padding: 0.3rem 0 0.75rem 1.2rem;
  color: white;
  cursor: pointer;
}

.language-options li:hover {
  background-color: #5D4A3F;
}.c-modalCloseButton-container {
  width: 100%;
  margin-top: 0.4rem;

  display: flex;
  justify-content: center;
}

.c-modalCloseButton {
  width: 6.4rem;
  height: 6.4rem;
  background-image: url('/image/common/Btn_Close.png');
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-height: 650px) {
  .c-modalCloseButton {
    width: 5rem;
    height: 5rem;
  }

  .c-modalCloseButton-container {
    transform: translateY(-1rem);
  }
}.c-primaryBlackButton {
  background: url("/image/button/Btn_Primary.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-primaryBlackButton--text {
  font-size: 1.4rem;
  color: #FFFFFF;
}

.c-primaryBlackButton-alert {
  position: absolute;
  top: -1.1rem;
  right: -0.2rem;
  width: 3.2rem;
  height: 3.2rem;
}.c-walletModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-walletModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-walletModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 38rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Middle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-walletModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 6.5rem 1.5rem 2.3rem 1.5rem;
}

.c-walletModal-title {
  position: absolute;
  top: 0.85rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-walletModal-addressWrap {
  position: relative;
}

.c-walletModal-addressTitle {
  text-align: center;
  font-size: 2rem;
  color: #371F1F;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-walletModal-addressText {
  width: 100%;
  font-size: 1.1rem;
  color: #371F1F;
  text-align: center;
}

.c-walletModal-addressTextWrap {
  margin-top: 2rem;
}

.c-walletModal-copy {
  width: 3.85rem;
  cursor: pointer;

  position: absolute;
  top: -0.8rem;
  right: 7.5rem;
}

.c-walletModal-copyText {
  font-size: 1rem;
  color: #371F1F;

  position: absolute;
  top: 0.7rem;
  right: 7.5rem;
}

.c-walletModal-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8rem;

  display: flex;
  justify-content: center;
  gap: 4.5rem;
}.c-tertiaryRedButton-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-tertiaryRedButton {
  background: url("/image/button/Btn_Positive_MailList.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-tertiaryRedButton--text {
  font-size: 1.4rem;
  color: #FFFFFF;
}

.c-tertiaryRedButton--multipleText {
  font-size: 1rem;
  color: #FFFFFF;
  display: inline-block;
}

.c-tertiaryRedButton-alert {
  position: absolute;
  top: -1.1rem;
  right: -0.2rem;
  width: 3.2rem;
  height: 3.2rem;
}.c-birthSettingModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-birthSettingModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-birthSettingModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-birthSettingModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-birthSettingModal-title {
    position: absolute;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    color: #FFFFFF;
}


.c-birthSettingModal-description {
  margin-top: 9.0rem;
}

.c-birthSettingModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
  text-align: center;
  white-space: pre-line;
}

.c-birthSettingModal-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  margin-top: 3.8rem;
  margin-bottom: 2rem;
}

.c-birthSettingModal-actions {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.c-birthSettingModal-selector-container {
  background: url("/image/button/Btn_Primary_Language.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 4.2rem;
  width: 13.8rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1.4rem;
  color: white;
  position: relative;
  padding: 0 1.75rem 0 2.6rem;
  margin-top: 1.1rem;
  margin-bottom: 1rem;
}

.c-birthSettingModal-selector-selected-item {
  flex-grow: 1;
  padding-bottom: 0.2rem;
}

/* プルダウン：右側の▼アイコン部分 */
.c-birthSettingModal-selector-dropdown-arrow {
  font-size: 1.4rem;
  color: white;
  transition: transform 0.2s ease-in;
}

/* プルダウン：オープン時に▼アイコンを上下反転 */
.c-birthSettingModal-selector-dropdown-arrow.is-open {
  transform: rotate(180deg);
}

/* プルダウン：選択肢リスト */
.c-birthSettingModal-selector-options {
  position: absolute;
  top: 3.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2.6rem);
  background-color: #47372D;
  overflow: hidden;
  z-index: 100;
  max-height: 12.5rem;
  overflow-y: auto;
}

/* プルダウン：各選択肢の行 */
.c-birthSettingModal-selector-options li {
  padding: 0.3rem 0 0.75rem 1.2rem;
  color: white;
  cursor: pointer;
}

/* プルダウン：ホバー時のハイライト */
.c-birthSettingModal-selector-options li:hover {
  background-color: #5D4A3F;
}

/* プルダウン：現在選択中の値用 */
.c-birthSettingModal-selector-options li.is-selected {
  background-color: #6B5445;
  font-weight: bold;
}

/* プルダウン：選択済み＋ホバー時のハイライト */
.c-birthSettingModal-selector-options li.is-selected:hover {
  background-color: #7A6150;
}

.c-birthSettingModal-footer {
  margin: auto;
  margin-bottom: 5.0rem;
}
.c-emailModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-emailModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-emailModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 35.5rem;
  height: 48.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-emailModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5rem 2rem 2.6rem 2rem;
}

.c-emailModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-emailModal-list {
  width: 100%;
  height: 35.6rem;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.6rem 0.5rem;
  padding-right: 0.4rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-emailModal-list-inner {
  width: 100%;
  height: 100%;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.c-emailModal-list-empty {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-emailModal-list-emptyText {
  color: #371F1F;
  font-size: 1.4rem;
}

.c-emailModal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.8rem;
  gap: 3rem;
}

.c-emailModal-footer button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.7rem;
  height: 4rem;
  border-style: solid;
  border-color: transparent;
  color: white;
  font-size: 1.4rem;
  flex-shrink: 0;
  box-sizing: border-box;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-emailModal-head {
    top: 0.4rem;
  }

  .c-emailModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-emailModal-list {
    height: 28rem;
  }
}.c-emailCell {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 7.5rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url('/image/button/Btn_List.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  gap: 0.65rem;
  box-sizing: border-box;
  padding: 1.4rem 2.5rem 1.6rem 2.5rem;
}

.c-emailCell-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  overflow: hidden;

}

.c-emailCell-title {
  font-size: 1rem;
  line-height: 1.1;
  color: #371F1F;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-emailCell-message {
  font-size: 1rem;
  color: #371F1F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-emailCell-deadline {
  background: #47372D;
  color: white;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.25rem;
  margin-bottom: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1rem 0.5rem 0.25rem 0.5rem;
}

.c-emailCell-deadline span {
  margin-right: 0.5rem;
}

.c-emailCell-receive-button {
  display: flex;
  justify-content: center;
  border-style: solid;
  font-size: 1.4rem;
  text-align: center;
  align-items: center;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.02rem white;
  width: 6rem;
  height: 4.2rem;
  border-width: 1.6rem 1.6rem;
  border-image-source: url('/image/common/Btn_Primary_On.png');
  border-image-slice: 30 fill;
  flex-shrink: 0;
  box-sizing: border-box;
}

.c-emailCell-read {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
  background: url('/image/common/Icon_Alert_V2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}

.c-emailCell-defaultIcon {
  width: 4.5rem;
}.c-emailDetailModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-emailDetailModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-emailDetailModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 35.5rem;
  height: 48.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-emailDetailModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5rem 3rem 2.6rem 3rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-emailDetailModal-inner h2 {
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #47372D;
  padding: 0.3rem 0.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.c-emailDetailModal-inner img {
  width: 100%;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.c-emailDetailModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-emailDetailModal-date {
  background: #47372D;
  color: white;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.15rem;
  margin-bottom: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1rem 0.5rem 0.25rem 0.5rem;
}

.c-emailDetailModal-date span {
  margin-right: 0.5rem;
}

.c-emailDetailModal-title {
  color: #371F1F;
  font-size: 1rem;
  line-height: 1.2;
  padding-bottom: 0.65rem;
  border-bottom: 0.25rem solid #47372D;
}

.c-emailDetailModal-message {
  color: #371F1F;
  font-size: 1rem;
  line-height: 1.2;
}

.c-emailDetailModal-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  height: 4.2rem;
  border-style: solid;
  border-color: transparent;
  color: white;
  font-size: 1.4rem;
}

.c-emailDetailModal-delete {
  background: url('/image/button/Btn_Primary_Big.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.3rem;
}

.c-emailDetailModal-receive {
  background: url('/image/button/Btn_Positive_Big.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.5rem;
}

/* 報酬有り用 */
.c-emailDetailModal-rewardBody {
  width: 100%;
  height: 16.65rem;
  padding: 0.65rem 0.3rem;
  overflow-y: auto;
}

.c-emailDetailModal-reward {
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  width: 100%;
  height: 14.4rem;
  padding: 0.3rem 0.1rem 0.6rem 0.2rem;
  overflow-y: auto;
  position: relative;
}

.c-emailDetailModal-reward--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-emailDetailModal-reward--overlay img {
  width: 6.4rem;
  height: 6.4rem;
}

.c-emailDetailModal-limited {
  color: #FFFFFF;
  align-items: center;
  display: flex;
  justify-content: center;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  padding: 0;
  position: relative;
  height: 2.6rem;
  width: 100%;
  gap: 3rem;
  margin-top: 0.3rem;
}

.c-emailDetailModal-rewardItems {
  margin-top: 0.4rem;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 0.2rem;
       column-gap: 0.2rem;
  row-gap: 0.7rem;
}

.c-emailDetailModal-rewardFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 3.5rem;
  margin-top: 1.6rem;
}

.c-emailDetailModal-rewardItem .c-equipItem-rarity {
  width: initial;
}

.c-emailDetailModal-rewardItem .c-equipItem img {
  margin: 0;
}

/* 報酬無し用 */
.c-emailDetailModal-noRewardBody {
  width: 100%;
  height: 29.9rem;
  padding: 0.65rem 0.3rem;
  overflow-y: auto;
}

.c-emailDetailModal-noRewardFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 3.5rem;
  margin-top: 1.6rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-emailDetailModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-emailDetailModal-noRewardBody {
    height: 23rem;
  }

  .c-emailDetailModal-rewardBody {
    height: 10rem;
  }

  .c-emailDetailModal-rewardFooter {
    margin-top: 0.8rem;
  }
}.c-equipItem {
  position: relative;
  width: 6em;
  height: 6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItem-frame {
  position: absolute;
  top: 0;
  left: 0;
}

.c-equipItem-equip {
  padding: 1rem;
  z-index: 1;
  transform: scale(1.15); /* 115% に拡大 */
}

.c-equipItem-equip-ratelist {
  padding: 1rem;
  z-index: 1;
  transform: scale(1.50); /* 150% に拡大 */
}

.c-equipItem-alert {
  position: absolute;
  top: -0.3rem;
  right: -0.2rem;
  width: 2.6rem;
  height: 2.6rem;
  z-index: 6;
}

.c-equipItem-enhanced {
  position: absolute;
  bottom: 0.2rem;
  right: -0.2rem;
  width: 2.6rem;
  height: 2.6rem;
  z-index: 8;
}

.c-equipItem-emblem {
  position: absolute;
  bottom: 0.2rem;
  right: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 5;
}

.c-equipItem-emblem-small {
  position: absolute;
  bottom: 0.2rem;
  right: 0.3rem;
  width: 1.0rem;
  height: 1.0rem;
  z-index: 5;
}

.c-equipItem-rarity {
  position: absolute;
  left: 0.2rem;
  bottom: 0.2rem;
  z-index: 3;
}

.c-equipItem-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 5;
}

.c-equipItem-selectedTag {
  width: 3.8rem;
  height: 1.7rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

.c-equipItem-check,
.c-equipItem-circleCheck {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItem-checkImg {
  width: 3rem;
  height: 2.85rem;
}

.c-equipItem-circleCheckImg {
  width: 2.8rem;
  height: 2.8rem;
}

.c-equipItem-type {
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  z-index: 3;
}

.c-equipItem-Level {
  color: #FFFFFF;
  font-size: 1.2rem;
  position: absolute;
  top: 0.2rem;
  right: 0.1rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    -1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
  z-index: 2;
}

.c-equipItem-awake {
  position: absolute;
  bottom: -0.4rem;
  left: 49%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: 0.9rem;
  z-index: 2;
}

.c-equipItem-quantity {
  color: #FFFFFF;
  font-size: 1.1rem;
  position: absolute;
  bottom: -0.2rem;
  right: 0.3rem;
  padding-bottom: 0.5rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    -1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
  z-index: 2;
}

.c-equipItem-disableOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(89, 89, 89, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 0.15rem;
  z-index: 2;
}

.c-equipItem-equipOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.c-equipItem.small .c-equipItem-type {
  width: 1.6rem;
  height: 1.6rem;
}

.c-equipItem.small .c-equipItem-Level {
  font-size: 0.9rem;
}

.c-equipItem.small .c-equipItem-quantity {
  font-size: 0.9rem;
}

.c-equipItem.big .c-equipItem-Level {
  font-size: 1.3rem;
}

/* 装備左スロット*/
.eq_lslot {
  margin-left: 0rem;
  width: 40%;
}

/* 装備右スロット*/
.eq_rslot {
  margin-left: 9.55rem; 
}
.c-emailReceiptResultModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-emailReceiptResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-emailReceiptResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-emailReceiptResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 4.6rem 2.5rem 2.3rem 2.5rem;
}

.c-emailReceiptResultModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-emailReceiptResultModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}

.c-emailReceiptResultModal-body {
  width: 100%;
  height: 25.1rem;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 0 0.4rem 0.6rem;

  margin-top: 0.6rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-emailReceiptResultModal-rewards {
  width: 100%;
  height: 24rem;
  overflow-y: auto;
  padding-right: 0.2rem;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.7rem;
}

.c-emailReceiptResultModal-rewardItem {
  background: url(/image/common/Frame_Item.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  padding: 0.4rem;
  position: relative;
}

.c-emailReceiptResultModal-rewardItem-quantity {
  position: absolute;
  color: #FFFFFF;
  font-size: 1.1rem;
  bottom: 0.3rem;
  right: 0.4rem;
}

.c-emailReceiptResultModal-noReward {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-emailReceiptResultModal-noReward-text {
  color: #371F1F;
  font-size: 1.4rem;
}.c-emailDeleteConfirmModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-emailDeleteConfirmModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-emailDeleteConfirmModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 35rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-emailDeleteConfirmModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 14.15rem 4.1rem 3rem 4.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.c-emailDeleteConfirmModal-head {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-emailDeleteConfirmModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  text-align: center;
}

.c-emailDeleteConfirmModal-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 2.3rem;
}.c-emailDeleteDoneModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-emailDeleteDoneModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-emailDeleteDoneModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 35rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-emailDeleteDoneModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 16.2rem 4.1rem 2.3rem 4.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.c-emailDeleteDoneModal-head {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-emailDeleteDoneModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  text-align: center;
}.c-questListModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-questListModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-questListModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 48.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-questListModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-questListModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5rem 2.2rem 2.6rem 2.3rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-questListModal-inner .c-pagination {
  margin-top: 0.1rem;
  margin-left: auto;
  margin-right: auto;
}

.c-questListModal-listContainer {
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding-top: 0.6rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.c-questListModal-eventContainer {
  padding-left: 0;
  padding-right: 0;
}

.c-questListModal-list {
  width: 100%;
  height: 33rem;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}

.c-questListModal-listInner {
  padding-right: 0.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-questListModal-content {
    top: 44%;
    height: 43rem;
  }

  .c-questListModal-head {
    top: 0.5rem;
  }

  .c-questListModal-list {
    height: 28rem;
  }
}.c-questListModal-tabs {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.c-questListModal-tab {
  background: url("/image/common/Tab_Category.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 3.7rem;
  width: 10.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -0.12rem;
}

.c-questListModal-tab.is-active {
  background: url("/image/common/Tab_CategoryOn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-questListModal-tabText {
  color: #FFFFFF;
  font-size: 1.4rem;
  padding-top: 0.2rem;
}

.c-questListModal-tabEnText {
  line-height: 0.85;
}.c-questCell {
  display: flex;
  align-items: center;
  width: 100%;
  height: 7.5rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url('/image/button/Btn_List.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  gap: 0.65rem;
  box-sizing: border-box;
  padding: 1.4rem 2.5rem 1.6rem 2.5rem;
}

.c-questCell-title {
  color: #371F1F;
  font-size: 1.6rem;
  line-height: 1.45;
  letter-spacing: 0;
  max-width: 15rem;
}

.c-questCell-title.englishTitle {
  font-size: 1.4rem;
}

.c-questCell-clearIcon {
  width: 5.9rem;

  position: absolute;
  top: 0;
  right: 0;
}

.c-questCell-newIcon {
  width: 3.3rem;

  position: absolute;
  top: 0;
  right: 0;
}

.c-questCell.c-questCell-locked::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/image/common/Parts_GrayOut.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 2;
}

.c-questCell-lockedContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1.3rem;
  padding-left: 5.4rem;
  z-index: 3;
}

.c-questCell-lockedContent--image {
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
}

.c-questCell-lockedContent--text {
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 1.6rem;
  line-height: 1.45;
  padding-bottom: 0.2rem;
}

.c-questCell-lockedContent--text.englishText {
  font-size: 1.5rem;
}

.c-questCell-firstRewardTitle img {
  width: 7.8rem;
  height: 1.4rem;
}

.c-questCell-firstRewardTitle {
  position: relative;
  margin-bottom: 0.1rem;
}

.c-questCell-firstRewardTitle p {
  font-size: 0.9rem;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-questCell-rewardContainer {
  display: flex;
  justify-content: space-between;
}

.c-questCell-rewardContainer .c-equipItem-quantity {
  font-size: 0.9rem;
  bottom: -0.3rem;
}

.c-questCell-firstRewardContainer {
  position: absolute;
  top: 1.1rem;
  right: 4.35rem;
}.c-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 13.8rem;
}

.c-pagination img {
  width: 2.4rem;
  height: 4.3rem;
}

.c-pagination-text-container {
  background-image: url('/image/mission/Parts_TextBase_Short.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.2rem;
  height: 2.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-pagination-text-container--long {
  background-image: url('/image/mission/Parts_TextBase.png');
  width: 19rem;
  padding-left: 0.5rem;
}

.c-pagination-text {
  font-size: 1.2rem;
  color: #FFFFFF;
}

.c-pagination-text--mark {
  margin-right: 0.1rem;
}

.c-pagination-prev img {
  transform: scale(-1, 1);
}.c-equipItemDetailModalItem,
.c-equipItemDetailModalEquip {
  position: fixed;
  inset: 0;
  z-index: 23;
}

.c-equipItemDetailModalItem-container,
.c-equipItemDetailModalEquip-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipItemDetailModalItem-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipItemDetailModalEquip-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 35.5rem;
  height: 48.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipItemDetailModalItem-inner,
.c-equipItemDetailModalEquip-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6.3rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipItemDetailModalItem-title,
.c-equipItemDetailModalEquip-title {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipItemDetailModalItem-name {
  margin-bottom: 1.9rem;
}

.c-equipItemDetailModalItem-nameText {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-equipItemDetailModalItem-description {
  margin-top: 2.5rem;
  padding: 0.6rem 0.8rem;
  max-width: 30rem;
  max-height: 11rem;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  color: #371F1F;
  font-size: 1.17rem;
  text-align: center;
}

.c-equipItemDetailModalItem-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipItemDetailModalItem-contentBody {
  width: 100%;
}

.c-equipItemDetailModalItem-itemWrap {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.c-equipItemDetailModalItem-itemDescription {
  width: 10.75rem;
}

.c-equipItemDetailModalItem-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-skillModalButton {
  width: 5.8rem;
  height: 5.8rem;
  background-image: url('/image/common/Icon_EquipSkill.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.c-equipItemDetailModalItem-itemDescription--level {
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-equipItemDetailModalItem-itemDescription--level span {
  font-size: 1.8rem;
  color: #FF0000;
  text-align: right;
}

.c-equipItemDetailModalItem-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-equipItemDetailModalItem-itemDescription--icon {
  position: absolute;
  top: 50%;
  left: 0.1rem;
  transform: translateY(-50%);
  width: 3.4rem;
}

.c-equipItemDetailModalItem-skillContainer {
  width: 100%;
  padding: 0 3.25rem;
  margin-top: 2.5rem;
}

.c-equipItemDetailModalItem-skillList {
  width: 29rem;
  height: 21rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.6rem 0.7rem 0 1.25rem;

  display: flex;
  flex-direction: column;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipItemDetailModalItem-skillTitle {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  min-height: 2.6rem;
  height: 2.6rem;
  padding-top: 0.2rem;

  color: #FFFFFF;
  font-size: 1.5rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.25rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemDetailModalItem-listContainer {
  width: 100%;
  height: 100%;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.c-equipItemDetailModalItem-listItem {
  position: relative;
  height: 2.9rem;
  background-color: #00000080;
  border-radius: 0.3rem;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;

  display: flex;
  align-items: center;
}

.c-equipItemDetailModalItem-listItemDescription {
  font-size: 1.2rem;
  color: #FFFFFF;
}

.c-equipItemDetailModalItem-listItemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.3rem;

  text-align: right;
}

.c-equipItemDetailModalItem-listItemOverlay img {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  bottom: 0;
  right: 3.0px;
}

.c-equipItemDetailModalItem-lockItemText {
  position: absolute;
  right: 3.0px;
  font-size: 0.9rem;
  color: #FFFFFF;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipItemDetailModalItem-listTitle {
  font-size: 1.1rem;
  color: #FFFFFF;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  height: 2.9rem;
  border: 0.15rem solid #FFFFFF80;
  border-radius: 0.3rem;

  display: flex;
  align-items: center;
}

.c-equipItemDetailModalItem-emptySkill {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemDetailModalItem-emptySkill p {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding-bottom: 0.8rem;
}

.c-equipItemDetailModalItem-attention {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  color: #FF0000;
  font-size: 1.3rem;
  margin-bottom: 3.5rem;
}

.c-equipItemDetailModalItem-itemDescription--skillicon {
  position: absolute;
  top: 7%;
  right: 3%;
}.c-equipItemActiveSkillDetailModalEquip {
  position: relative;
  width: 7em;
  height: 10rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemActiveSkillDetailModalEquip-frame {
  position: absolute;
  top: 0;
  left: 0;
}

.c-equipItemActiveSkillDetailModalEquip-equip {
  position: absolute;
  padding: 1.0rem;
  z-index: 1;
  top: 0.8rem;
}

.c-equipItemActiveSkillDetailModalEquip-title {
  position: absolute;
  top: 0.35rem;
  color: #FFFFFF;
  font-size: 0.8rem;
  z-index: 2;
}

.c-equipItemActiveSkillDetailModalEquip-description {
  position: absolute;
  padding: 0.3rem;
  left: 0.2rem;
  top: 7.0rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  z-index: 2;
}
.c-questBanner-imageContainer {
  position: relative;
  width: 30.7rem;
}

.c-questBanner-ticketContainer {
  position: absolute;
  width: 12rem;
  right: 0.85rem;
  bottom: 0.9rem;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-questBanner-holdTicketsWrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.c-questBanner-ticketText {
  color: #FFFFFF;
  font-size: 1.3rem;
  transform: translateY(0.15rem);
}

.c-questBanner-ticketNumber {
  color: #FFFFFF;
  font-size: 1.4rem;
  transform: translateY(0.15rem);
}

.c-questBanner-newIcon {
  width: 3.3rem;

  position: absolute;
  top: 0;
  right: 0.5rem;
}

.c-questBanner-clearIcon {
  width: 5.9rem;

  position: absolute;
  top: 0;
  right: 0;
}.c-missionModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-missionModal-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  background-size: auto;
}

.c-mission-title {
  color: #FFFFFF;
  font-size: 1.9rem;
  width: 34.75rem;
  height: 3.55rem;
  background: url("/image/shop/Parts_Tab_Title_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-mission-title.enTitle {
  transform: translateY(-0.5rem);
}

.c-mission-header {
  width: 34rem;
  height: 8.1rem;
  margin-top: 3.15rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;

  display: flex;
  justify-content: center;
}

.c-mission-header-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.c-mission-complete-container {
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-mission-complete-title {
  max-width: 8rem;
  font-size: 1.2rem;
  line-height: 0.9;
  text-align: center;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-mission-complete-content {
  background-image: url('/image/mission/Parts_TextBase_Short.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.6rem;
  height: 2.6rem;
  color: white;
  text-align: center;
  font-size: 1.2rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-mission-updateTime-container {
  display: flex;
  justify-content: space-between;
  background-image: url('/image/mission/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-origin: padding-box;
  width: 15.45rem;
  height: 2.6rem;
}

.c-mission-updateTime-message {
  font-size: 1.2rem;
  line-height: 1.46;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.3rem;
  margin-left: 1.2rem;
}

.c-mission-updateTime-time {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.2rem;
  margin-right: 1.3rem;
}

.c-mission-list-container {
  display: flex;
  justify-content: center;
}

.c-mission-list {
  width: 35rem;
  height: calc(100vh - 25.2rem);
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.25rem 0;
  margin-top: 0.8rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-mission-list-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}

.c-mission-tabButton-container {
  display: flex;
  justify-content: center;
  gap: 0.1rem;
  margin-top: 0.92rem;
}

.c-mission-return-button--container {
  position: absolute;
  left: 1rem;
  bottom: 0.95rem;
}

.c-mission-allReceive-container {
  margin-top: 1.3rem;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-mission-header {
    margin-top: 3rem;
  }

  .c-mission-allReceive-container {
    margin-top: 1rem;
  }
}.c-missionCell-container {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 33.5rem;
  height: 7.5rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url("/image/mission/Tab_List.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 1.3rem 2rem;
}

.c-missionCell-stamp {
  position: absolute;
  background: url("/image/common/Icon_GetStamp.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.4rem;
  height: 6.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  z-index: 5;
}

.c-missionCell-container.c-missionCell-received::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/image/mission/Parts_GrayOut_Mission.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 3;
}

.c-missionCell-content {
  display: flex;
  flex-direction: column;
  margin-left: 0.65rem;
  gap: 0.1rem;
}

.c-missionCell-message {
  font-size: 1rem;
  text-align: left;
  line-height: 1.1;
  color: #371f1f;
  width: 16rem;
  height: 3.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
}

.c-missionCell-button {
  background: url("/image/button/Btn_Primary_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  width: 7rem;
  height: 4rem;
  margin-left: 0.75rem;
  padding-top: 1.1rem;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
}

.c-missionCell-button.achieved {
  background: url("/image/button/Btn_Primary_On_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 1.55;
  color: #371f1f;
  -webkit-text-fill-color: #371f1f;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
  padding-top: 0.8rem;
}

.c-missionCell-button.en-text {
  font-size: 1rem;
  padding-top: 1.2rem;
}

.c-missionCell-button.achieved.en-text {
  padding-top: 1.1rem;
}

.c-missionCell-button.received {
  background: url("/image/button/Btn_Inactive_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: default;
}

.c-missionCell-reward-noFrame .c-equipItem-frame {
  display: none;
}
.c-mission-progress-container {
  position: relative;
  width: 16rem;
  height: 0.8rem;
  background-color: #47372d;
  padding: 0.2rem;
  box-sizing: border-box;
}

.c-mission-progress-bar {
  width: 100%;
  max-width: calc(100% - 0.4rem);
  height: 0.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-mission-progress-bar::-webkit-progress-bar {
  background-color: transparent;
}

.c-mission-progress-bar::-webkit-progress-value {
  background-color: #efa544;
}

.c-mission-progress-container.achieved
  .c-mission-progress-bar::-webkit-progress-value {
  background-color: #c061d3;
}

.c-mission-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.1;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke: 0.2rem #371f1f;
  paint-order: stroke;
}

.c-mission-progress-text.achieved {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke: 0.2rem #892f98;
  paint-order: stroke;
}
.c-mission-tabButton {
  display: flex;
  position: relative;
  width: 8.8rem;
  height: 4rem;
}

.c-mission-tabButton-inner {
  background-image: url('/image/button/Btn_Primary.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #FFFFFF;
  text-align: center;
}

.c-mission-tabButton-inner.isActive {
  background-image: url('/image/button/Btn_Primary_On.png');
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-mission-tabButton-alert {
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  top: -1.1rem;
  right: -0.7rem;
  background-image: url('/image/common/Icon_Alert_V2.png');
  background-repeat: no-repeat;
  background-size: cover;
}.c-backButton-button {
    background-image: url('/image/button/Btn_Back.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 6.4rem;
    height: 6.4rem;
}.c-missionReceiptResultModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-missionReceiptResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-missionReceiptResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-missionReceiptResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 4.5rem 2.25rem 2.3rem 2.25rem;
}

.c-missionReceiptResultModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-missionReceiptResultModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}

.c-missionReceiptResultModal-body {
  width: 100%;
  height: 25.1rem;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 0 0.2rem 0.2rem;

  margin-top: 0.2rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-missionReceiptResultModal-rewards {
  width: 100%;
  height: 24rem;
  overflow-y: auto;
  grid-auto-rows: min-content;
  padding-right: 0.2rem;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 0.2rem;
}

.c-missionReceiptResultModal-rewardItem {
  background: url(/image/common/Frame_Item.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  padding: 0.4rem;
  position: relative;
}

.c-missionReceiptResultModal-noReward {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-missionReceiptResultModal-noReward-text {
  color: #371F1F;
  font-size: 1.4rem;
}

.c-missionReceiptResultModal-noFrame .c-equipItem-frame {
  display: none;
}.c-timeCountDown-container {
  display: flex;
  justify-content: space-between;
  background-image: url('/image/mission/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-origin: padding-box;
  width: 15.45rem;
  height: 2.6rem;
}

.c-timeCountDown-message {
  font-size: 1.2rem;
  line-height: 1.46;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.45rem;
  margin-left: 1.2rem;
}

.c-timeCountDown-en-message {
  font-size: 1.2rem;
  line-height: 1.46;
  color: #FFFFFF;
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-timeCountDown-time {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.35rem;
  margin-right: 1.3rem;
}.c-missionKaiaModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-missionKaiaModal-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  background-size: auto;
}

.c-missionKaia-title {
  color: #ffffff;
  font-size: 1.9rem;
  width: 34.75rem;
  height: 3.55rem;
  background: url("/image/shop/Parts_Tab_Title_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-missionKaia-title.enTitle {
  transform: translateY(-0.5rem);
}

.c-missionKaia-header {
  width: 34rem;
  height: 5rem;
  margin-top: 3.15rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;

  display: flex;
  justify-content: center;
}

.c-missionKaia-header-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.c-missionKaia-complete-container {
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-missionKaia-complete-title {
  max-width: 8rem;
  font-size: 1.2rem;
  line-height: 0.9;
  text-align: center;
  color: #371f1f;
  -webkit-text-fill-color: #371f1f;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-missionKaia-complete-content {
  background-image: url("/image/mission/Parts_TextBase_Short.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.6rem;
  height: 2.6rem;
  color: white;
  text-align: center;
  font-size: 1.2rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-missionKaia-updateTime-container {
  display: flex;
  justify-content: space-between;
  background-image: url("/image/mission/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-origin: padding-box;
  width: 15.45rem;
  height: 2.6rem;
}

.c-missionKaia-updateTime-message {
  font-size: 1.2rem;
  line-height: 1.46;
  color: #ffffff;
  text-align: center;
  margin-top: 0.3rem;
  margin-left: 1.2rem;
}

.c-missionKaia-updateTime-time {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #ffffff;
  text-align: center;
  margin-top: 0.2rem;
  margin-right: 1.3rem;
}

.c-missionKaia-list-container {
  display: flex;
  justify-content: center;
}

.c-missionKaia-list {
  width: 35rem;
  height: calc(100vh - 18.2rem);
  background: #8d8d7a;
  border: 0.1rem solid #aa733d;
  padding: 0.25rem 0;
  margin-top: 0.8rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372d;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #dacf79;
    border: 0.3rem solid #dacf79;
  }
}

.c-missionKaia-list-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}

.c-missionKaia-empty-message {
  text-align: center;
  padding: 40px 60px;
  color: #fff;
  font-size: 20px;
}

.c-missionKaia-return-button--container {
  position: absolute;
  left: 1rem;
  bottom: 0.95rem;
}

.c-missionKaia-allReceive-container {
  margin-top: 1.3rem;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-missionKaia-header {
    margin-top: 3rem;
  }

  .c-missionKaia-allReceive-container {
    margin-top: 1rem;
  }
}

.c-walletNotConnectedModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-walletNotConnectedModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-walletNotConnectedModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-walletNotConnectedModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 4.5rem 2.25rem 2.3rem 2.25rem;
}

.c-walletNotConnectedModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-walletNotConnectedModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  white-space: pre-line;
  margin-top: 7rem;
}

.c-missionReceiptResultModal-Bottom {
  position: absolute;
  bottom: 6rem;
  left: 0rem;
  width: 100%;
}

.c-missionReceiptResultModal-BottomContents {
    display: flex;
    align-items: center;
    justify-content: center;

}
.c-missionKaiaCell-container {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 33.5rem;
  height: 8rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url("/image/mission/Tab_List.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 1.5rem 2rem;
}

.c-missionKaiaCell-stamp {
  position: absolute;
  background: url("/image/common/Icon_GetStamp.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.4rem;
  height: 6.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  z-index: 5;
}

.c-missionKaiaCell-container.c-missionKaiaCell-received::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/image/mission/Parts_GrayOut_Mission.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 3;
}

.c-missionKaiaCell-content {
  display: flex;
  flex-direction: column;
  margin-left: 0.65rem;
  gap: 0.1rem;
}

.c-missionKaiaCell-message {
  font-size: 1rem;
  text-align: left;
  line-height: 1.1;
  color: #371f1f;
  width: 16rem;
  height: 3.3rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  margin-top: 0.6rem;
}

.c-missionKaiaCell-button {
  background: url("/image/button/Btn_Primary_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  width: 7rem;
  height: 4rem;
  margin-left: 0.75rem;
  padding-top: 1.1rem;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
}

.c-missionKaiaCell-button.achieved {
  background: url("/image/button/Btn_Primary_On_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 1.55;
  color: #371f1f;
  -webkit-text-fill-color: #371f1f;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
  padding-top: 0.8rem;
}

.c-missionKaiaCell-button.en-text {
  font-size: 1rem;
  padding-top: 1.2rem;
}

.c-missionKaiaCell-button.achieved.en-text {
  padding-top: 1.1rem;
}

.c-missionKaiaCell-button.received {
  background: url("/image/button/Btn_Inactive_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: default;
}

.c-missionKaiaCell-reward-noFrame .c-equipItem-frame {
  display: none;
}

.c-missionKaiaCell-deadline {
  background: #47372D;
  color: white;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.25rem;
  margin-bottom: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.1rem 0.5rem 0.25rem 0.5rem;
  position: absolute;
  top: 0.8rem;
}

.c-missionKaiaCell-deadline span {
  margin-right: 0.5rem;
}
.c-loading {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 0 5rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-loading-text {
  font-size: 2.2rem;
  color: #FFFFFF;
  margin-top: 1rem;
}

.c-loading-description {
  font-size: 1.4rem;
  color: #FFFFFF;
  margin-top: 2rem;
}

.c-loading::before {
  content: "";
  width: 4rem;
  height: 4rem;
  border: 0.5rem solid #444;
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.c-loading-btnWrap {
  margin-top: 5rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}.c-errorModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-errorModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-errorModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  padding: 0 3.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-errorModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.c-errorModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-errorModal-errorText {
  font-size: 1.6rem;
  color: #B54247;
  white-space: pre-line;
}
.c-charaSettingModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-charaSettingModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaSettingModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaSettingModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.3rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaSettingModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaSettingModal-listWrap {
  width: 31rem;
  height: 35.2rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 1.2rem 0.4rem 1.2rem 0.75rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-charaSettingModal-listContainer {
  height: 100%;
  overflow-y: auto;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.75rem;
}

.c-charaSettingModal-listItem {
  width: 7rem;
  height: 7rem;
  position: relative;
}

.c-charaSettingModal-charaImage {
  width: 100%;
  height: 100%;
}

.c-charaSettingModal-iconFrame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.c-charaSettingModal-selectedTag {
  width: 3.8rem;
  height: 1.7rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.c-charaSettingModal-middle-lockOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  height: 7rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.c-charaSettingModal-middle-lockOverlay img {
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  width: 2.6rem;
  height: 2.6rem;
}

.c-charaSettingModal-inner .c-tertiaryRedButton {
  margin-top: 0.7rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-charaSettingModal-content {
    height: 41rem;
    top: 43%;
  }

  .c-charaSettingModal-inner {
    padding-top: 4rem;
  }

  .c-charaSettingModal-title {
    top: 0.45rem;
  }

  .c-charaSettingModal-listWrap {
    height: 30rem;
  }
}.c-omikujiModal {
  position: fixed;
  top: 8.2rem;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 22;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  overflow: hidden;
}

.c-omikujiModal-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.c-omikujiModal-topButton {
  position: absolute;
  top: 1.15rem;
  left: 1.75rem;
  width: 3.3rem;
  height: 3.3rem;
}

.c-omikujiModal-header {
  margin-top: 1.0rem;
  margin-left: auto;
  margin-right: auto;
  width: 20.0rem;
  z-index: 1;
}

.c-omikujiModal-bg {
  width: 100%;
  position: absolute;
  top: 3.7rem;
  z-index: 0;
  display: flex;
  justify-content: center;
}

.c-omikujiModal-center {
  width: 15.5rem;
  height: 15.5rem;
  margin-top: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; 
}

.c-omikujiModal-text {
  width: 34rem;
  font-size: 1.2rem;
  margin: 1rem auto 0.2rem;
  padding: 0.8rem 0.6rem 0.8rem 0.6rem;
  background: rgba(0, 0, 0, 0.35);
  border: 0.1rem solid #AA733D;
  border-radius: 0.3rem;
  line-height: 1.0rem;
  color: #fff;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
  z-index: 10; 
}


.c-omikujiModal-star {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; 
}

.c-omikujiModal-star-img {
  width: 3.5rem;
}

.c-omikujiModal-bottom {
  margin-top: 1rem;
  z-index: 1;
}

.c-omikujiModal-bottom .c-timeCountDown-container {
  margin: auto;
}

.c-omikujiModal-bottom-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.c-omikujiModal-bottom-row .c-timeCountDown-container {
  margin: 0;
  margin-top: 1.6rem;
}

.c-omikujiModal-bottom .c-tertiaryRedButton-container {
  margin-top: 0;
}

.c-omikujiModal-backButton {
  position: absolute;
  left: 1rem;
  bottom: 10rem;
  z-index: 1;
}

.c-omikujiModal-detailSection {
  margin-top: 1rem;
  z-index: 1;
}

.c-omikujiModal-detail-listContainer {
  width: 34rem;
  height: 16rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.6rem 1.2rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
}

.c-omikujiModal-detail-listItem--title {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 30.6rem;
  height: 2.6rem;
  color: #FFFFFF;
  font-size: 1.5rem;
  padding-top: 0.1rem;
  margin-bottom: 0.4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-omikujiModal-detail-listItemContainer:last-child {
  margin-bottom: 0;
}

.c-omikujiModal-detail-listItem--items {
  max-height: 28rem;
  padding-bottom: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-omikujiModal-detail-listItem--detail {
  width: 34rem;
  font-size: 1.2rem;
  margin: 1rem auto 1.2rem;
  padding: 0.8rem 0.6rem 0.8rem 0.6rem;
  background: rgba(0, 0, 0, 0.35);
  border: 0.1rem solid #AA733D;
  border-radius: 0.3rem;
  line-height: 1.6rem;
  color: #fff;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-omikujiModal-header {
    height: 5.5rem;
    margin-top: 0.5rem;
  }

  .c-omikujiModal-bottom {
    margin-top: 1rem;
  }

  .c-omikujiModal-center {
    width: 16rem;
    height: 16rem;
  }

  .c-omikujiModal-detailSection {
    margin-top: 1rem;
  }

  .c-omikujiModal-detail-listContainer {
    height: 13rem;
  }
}
.c-omikujiResultModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-omikujiResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-omikujiResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 35.5rem;
  height: 55.1rem;
}

.c-omikujiResultModal-bgImage {
  position: absolute;
  top: 0;
  left: 0;
}

.c-omikujiResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 19.2rem 4.5rem 8.5rem 4.5rem;
}

.c-omikujiResultModal-textContainer {
  padding: 0 4.2rem;
  margin-bottom: 4.65rem;
}

.c-omikujiResultModal-textContainer p {
  font-size: 1.8rem;
  color: #371F1F;
  line-height: 1.45;
}

.c-omikujiResultModal-rewardText {
  color: #FFFFFF;
  font-size: 1.2rem;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 26.6rem;
  height: 2.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-omikujiResultModal-rewardImage {
  width: 100%;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.2rem;

  max-height: 27rem; 
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.5rem 0rem;
}

.c-omikujiResultModal-bottom {
  width: 100%;
}

.c-omikujiResultModal-container .c-modalCloseButton-container {
  transform: translateY(-1.8rem);
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-omikujiResultModal-content {
    top: 45%;
    width: 29rem;
    height: 45rem;
  }

  .c-omikujiResultModal-inner {
    padding: 16rem 4.5rem;
  }

  .c-omikujiResultModal-textContainer {
    margin-bottom: 1rem;
  }

  .c-omikujiResultModal-textContainer p {
    line-height: 1.8rem;
  }

  .c-omikujiResultModal-rewardText {
    width: 19.6rem;
  }

  .c-omikujiResultModal-rewardImage {
    max-height: 22rem;
  }
}
.c-resultModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-result-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-result-scoreStatus-titleWrap {
  width: 18.35rem;
  height: 3.25rem;
  position: absolute;
  top: -0.45rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-result-scoreStatus-titleText {
  position: absolute;
  padding-top: 0.1rem;
  color: #FFFFFF;
  font-size: 1.7rem;
}

.c-result-backGround {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background-color: #000000;
}

.c-result-logo {
  width: 24rem;
  height: 11.4rem;
  margin-top: 3.75rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.c-result-logo.win {
  background-image: url("/image/result/Gtxt_Win_JA.png");
}

.c-result-logo.win-en {
  background-image: url("/image/result/Gtxt_Win_EN.png");
}

.c-result-logo.lose {
  background-image: url("/image/result/Gtxt_Lose_JA.png");
}

.c-result-logo.lose-en {
  background-image: url("/image/result/Gtxt_Lose_EN.png");
}

.c-result-content {
  position: relative;
  background-image: url("/image/result/Win_Result_V2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30rem;
  height: 32.5rem;
  padding-top: 4.5rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-result-battleStatus-container {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

.c-result-scoreStatus-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 22.9rem;
  height: 2.9rem;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

.c-result-scoreStatus-text {
  color: white;
  font-size: 2rem;
  text-align: center;
  line-height: 1.45;
  padding-bottom: 0.1rem;
}

.c-result-scoreStatus-content .c-result-battleStatus-killCount-title-Container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.c-result-scoreStatus-score {
  position: absolute;
  right: -0.15rem;
  top: -1.2rem;
  width: 8rem;
  height: 1.8rem;
}

.c-result-scoreStatus-score--highScore {
  position: absolute;
  right: -0.15rem;
  top: -1.2rem;
  width: 8rem;
  height: 1.8rem;
  background-image: url("/image/result/Parts_HighScore.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.c-result-battleStatus {
  background-image: url("/image/result/Parts_TextBase.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 27.6rem;
  height: 2.6rem;
  padding: 0 1.5rem 0.1rem 1.5rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-result-battleStatus.killCount {
  padding-left: 1.2em;
}

.c-result-battleStatus-killCount-title-Container {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-start;
}

.c-result-battleStatus-killCount-icon {
  width: 2rem;
  height: 2rem;
}

.c-result-battleStatus-text {
  font-size: 1.2rem;
  line-height: 1.46;
  color: white;
}


.c-result-battleStatus-text-rank {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.46;
  color: #FF6600;
  padding-right: 5.0em;
}

.c-result-rewardList {
  position: relative;
  width: 29rem;
  height: 9.8rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
    padding-right: 0.25rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-result-rewardPassMark {
  position: absolute;
  top: -0.8rem;
  right: -2.8rem;
}

.c-result-rewardList-content {
  width: 26.55rem;
  height: 10.6rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.6rem;
  margin-top: 0.80rem;
  /* overflow-y: hidden; */
}

.c-result-rewardList-title {
  background-image: url("/image/result/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 26.6rem;
  height: 4.6rem;
  color: white;
  font-size: 1.2rem;
  line-height: 1.46;
  margin-top: 0.4rem;
  padding-bottom: 0.1rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-result-addExpWrap {
  font-size: 1.1rem;
  color: #FFFFFF;

  position: absolute;
  top: 1.1rem;
  right: 3rem;
}

.c-result-rankProgress {
  display: flex;
}

.c-result-rankContainer {
  position: relative;
  margin-left: 0.3rem;
}

.c-result-passMark {
  position: absolute;
  top: -0.8rem;
  right: -4rem;
  z-index: 10;
}

.c-result-textWrap {
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.c-result-rank {
  font-size: 1rem;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.c-result-value {
  font-size: 1.6rem;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.c-result-rankFrame {
  position: relative;
  z-index: 1;
}

.c-result-progress {
  position: relative;
  width: 21.5rem;
  height: 1.6rem;
  background: url("/image/common/Parts_BossGuageBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.2rem;
}

.c-result-progressWrap {
  position: absolute;
  left: 4rem;
  bottom: 3.3rem;
}

.c-result-progressbar {
  position: absolute;
  left: 0.45rem;
  width: 20.7rem;
  height: 0.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}

.c-result-progressbar::-webkit-progress-bar {
  background-color: transparent;
}

.c-result-progressbar::-webkit-progress-value {
  background-color: #EFA544;
}

.c-result-bottomWrap {
  width: 100%;

  position: absolute;
  bottom: 1.8rem;
  padding-left: 4.5rem;
  padding-right: 3.1rem;

  display: flex;
  justify-content: space-between;
}

.c-result-bottomWrap-rankText {
  color: #FFFFFF;
  font-size: 1rem;
}

.c-result-bottomWrap-rankValueText {
  color: #FFFFFF;
  font-size: 1.1rem;
}

.c-result-container .c-tertiaryRedButton-container {
  margin-top: 1.2rem;
}

.c-result-rewardList-firstReward {
  position: relative;
}

.c-result-rewardList-firstReward-mark {
  width: 3.1rem;

  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  z-index: 5;
}

.c-result-bottomBtnWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 500px) and (max-height: 920px) {
  .c-result-logo {
    margin-top: 1rem;
  }

  .c-result-content {
    margin-top: 1rem;
  }

  .c-result-rewardList {
    height: 10rem;
    margin-top: 1rem;
  }

  .c-result-rewardList-content {
    height: 5.2rem;
  }

  .c-result-homeButton {
    margin-top: 0.7rem;
  }
}.c-passSensuMark {
  position: relative;
  width: 7.65rem;
}

.c-passSensuMark-Text {
  width: 100%;
  text-align: center;
  font-size: 1.1rem;
  color: white;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.c-passSensuMark-Text.coin {
  font-size: 1rem;
  margin-left: 0.6rem;
}

.c-passSensuMark-coin {
  position: absolute;
  width: 2rem;
  top: 0.7rem;
  left: 0.2rem;
}.c-rankUpResultModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-rankUpResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-rankUpResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-rankUpResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5.6rem 4.1rem 3rem 4.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-rankUpResultModal-head {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-rankUpResultModal-rank {
  position: relative;
  width: 11.5rem;
  height: 11.5rem;
  color: #FFFFFF;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    -1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-rankUpResultModal-beforeText {
  color: #371F1F;
  font-size: 2rem;
}

.c-rankUpResultModal-middle {
  margin-top: 2.4rem;

  display: flex;
  align-items: center;
}

.c-rankUpResultModal-arrow {
  width: 2.75rem;
  margin-left: 3.7rem;
  margin-right: 3.2rem;
}

.c-rankUpResultModal-afterText {
  color: #B54247;
  font-size: 2.8rem;
}

.c-rankUpResultModal-rank img {
  position: absolute;
  top: 0;
  left: 0;
}

.c-rankUpResultModal-rank--textWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-rankUpResultModal-rank--textWrap .rankText {
  font-size: 1.35rem;

}

.c-rankUpResultModal-rank--textWrap .numberText {
  font-size: 2.15rem;
}

.c-rankUpResultModal-bottom {
  margin-top: 1.5rem;
}

.c-rankUpResultModal-bottom p {
  color: #371F1F;
  font-size: 1.4rem;
}.c-equipmentEnhanceItemModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-equipmentEnhanceItemModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentEnhanceItemModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentEnhanceItemModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6rem;

  display: flex;
  flex-flow: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentEnhanceItemModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentEnhanceItemModal-listContainer {
  width: 29rem;
  height: 37.1rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.5rem 1.2rem;
  overflow-y: auto;
}

.c-equipmentEnhanceItemModal-listItemContainer:last-child {
  margin-bottom: 0;
}

.c-equipmentEnhanceItemModal-listItem--title {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  height: 2.6rem;

  color: #FFFFFF;
  font-size: 1.5rem;
  padding-top: 0.1rem;
  margin-bottom: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentEnhanceItemModal-listItem--items {
  max-height: 12rem;
  padding-bottom: 1.7rem;
  overflow-y: auto;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-equipmentEnhanceItemModal-empty {
  color: #371F1F;
  font-size: 1.4rem;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-equipmentEnhanceItemModal-content {
    height: 41rem;
    top: 43%;
  }

  .c-equipmentEnhanceItemModal-inner {
    padding-top: 4rem;
  }

  .c-equipmentEnhanceItemModal-title {
    top: 0.35rem;
  }

  .c-equipmentEnhanceItemModal-listContainer {
    height: 35rem;
  }
}.c-itemBoxListModalItem {
  position: fixed;
  inset: 0;
  z-index: 23;
}

.c-itemBoxListModalItem-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-itemBoxListModalItem-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-itemBoxListModalItem-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.0rem;

  display: flex;
  flex-flow: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-itemBoxListModalItem-title {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-itemBoxListModalItem-name {
  margin-bottom: 0.5rem;
}

.c-itemBoxListModalItem-nameText {
  font-size: 1.5rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-itemBoxListModalItem-listItem--title {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12.6rem;
  height: 2.3rem;

  color: #FFFFFF;
  font-size: 1.3rem;
  padding-bottom: 0.2rem;
  margin-top: 0.3rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-itemBoxListModalItem-description {
  margin-top: 0.5rem;
  padding: 0.6rem 0.8rem;
  max-width: 30rem;
  max-height: 11rem;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  color: #371F1F;
  font-size: 1.17rem;
  text-align: center;
}

.c-itemBoxListModalItem-listContainer {
  width: 29rem;
  height: 20.1rem;
  margin-top: 0.8rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.5rem 1.2rem;
  overflow-y: auto;
}

.c-itemBoxListModalItem--Attention {
  color: #DD0000;
  font-size: 1.0rem;
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}

.c-itemBoxListModalItem--UseButton {
  margin-top: 0.5rem;
}

.c-itemBoxListModalItem-listContainer--Items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  row-gap: 0.8rem;
}

.c-itemBoxListModalItem-shortItem {
  width: 6.0rem;
  height: 7.5rem;
  position: relative;
}

.c-itemBoxListModalItem-shortItemsWrap {
  display: flex;
  justify-content: center;
}

.c-itemBoxListModalItem-shortItem--img {
  width: 6.0rem;
  height: 2.0rem;
  margin-top: 0.3rem;

  background-image: url('/image/button/Btn_Change_Num.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.c-itemBoxListModalItem-shortItem--text {
  color: #FFFFFF;
  font-size: 1.0rem;
  margin-bottom: 0.3rem;
}

.c-itemBoxListModalItem-shortItem--button-minus {
  width: 1.8rem;
  height: 1.8rem;

  position: absolute;
  left: 0.0rem;
}

.c-itemBoxListModalItem-shortItem--button-plus {
  width: 1.8rem;
  height: 1.8rem;

  position: absolute;
  right: 0.0rem;
}.c-itemBoxResultModal {
  position: fixed;
  inset: 0;
  z-index: 24;
}

.c-itemBoxResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-itemBoxResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Middle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-itemBoxResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 4.6rem 2.25rem 0 2.25rem;
  display: flex;
  flex-direction: column;
}

.c-itemBoxResultModal-head {
  position: absolute;
  top: 0.85rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 1.6rem;
}

.c-itemBoxResultModal-message {
  color: #371F1F;
  font-size: 1.3rem;
  text-align: center;
  margin-top: 1.0rem;
}

.c-itemBoxResultModal-body {
  position: relative;
  width: 100%;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 0;
  margin-top: 1.2rem;
  margin-bottom: 4rem;

  display: flex;
  flex-direction: column;
  align-items: center;

  flex: 1 1 auto;
  min-height: 0;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-itemBoxResultModal-title {
  background-image: url("/image/common/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  height: 2.6rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  padding-top: 0.1rem;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}

.c-itemBoxResultModal-rewards {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  row-gap: 0.8rem;
  align-content: flex-start;
}

.c-itemBoxResultModal-noReward {
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-itemBoxResultModal-noReward-text {
  color: #371F1F;
  font-size: 1.4rem;
}.c-appealModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-appealModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-appealModal--image {
  width: 34.5rem;
  height: 46rem;
}.c-shop {
  width: 100%;
  overflow: hidden;
}

.c-shop-container {
  width: 35rem;
  height: calc(100dvh - 24rem);
  background: #8d8d7a;
  border: 0.1rem solid #aa733d;
  padding-top: 0.5rem;
  margin: 0.8rem auto 0 auto;
  position: relative;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372d;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #dacf79;
    border: 0.3rem solid #dacf79;
  }
}

.c-shop-container-inner {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-shop-passWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: -0.5rem;
}

.c-shop-passContainer {
  margin-top: -0.5rem;
  width: 35rem;
  height: 19.5rem;
  padding: 1.6rem 2rem 1.6rem 1.7rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-shop-passTop {
  display: flex;
  justify-content: space-between;
}

.c-shop-passTitle {
  margin-left: 0.5rem;
  color: #ffffff;
  font-size: 1.5rem;
  text-shadow: -0.5px -0.5px 0 #371f1f, 0.5px -0.5px 0 #371f1f,
    -0.5px 0.5px 0 #371f1f, 0.5px 0.5px 0 #371f1f;
}

.c-shop-passTime {
  color: #ffffff;
  font-size: 1.1rem;
  width: 9rem;
  height: 1.5rem;
  padding-top: 0.1rem;
  background: url("/image/common/Parts_TimeBg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-shop-passTimeCount {
  color: #ffffff;
  font-size: 1rem;
  background-image: url("/image/shop/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-origin: padding-box;
  width: 7rem;
  height: 1.8rem;
  padding-top: 0.1rem;

  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  right: 1rem;
  bottom: -0.15rem;
}

.c-shop-passMiddle {
  display: flex;
  justify-content: space-between;
}

.c-shop-passMiddle-icon {
  width: 10rem;
  height: 10rem;
}

.c-shop-passMiddle-descriptionItem,
.c-shop-passMiddle-descriptionReward {
  color: #371f1f;
  font-size: 1rem;
  width: 14.5rem;
  min-height: 1.1rem;
  margin-top: 0.4rem;
  background-color: #e9efc6;
  border-radius: 0.25rem;
  text-align: center;
}

.c-shop-passMiddle-descriptionItem {
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.c-shop-passMiddle-rewardIcon {
  width: 1.8rem;
  height: 1.8rem;
}

.c-shop-passMiddle-descriptionReward {
  position: relative;
  width: 18.9rem;
  height: 4.7rem;
  padding: 0.5rem 0 0 0.35rem;
  margin-top: 0;
  margin-bottom: 0.2rem;

  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.c-shop-passMiddle-descriptionReward .c-equipItem-quantity {
  bottom: -0.4rem;
  right: 0.1rem;
}

.c-shop-passMiddle-descriptionTitle,
.c-shop-startParkContent-title {
  font-size: 0.9rem;
  color: #ffffff;
  width: 4.3rem;
  height: 1.4rem;
  padding-top: 0.1rem;
  background-image: url("/image/common/Parts_TimeBg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -0.7rem;
  left: 0.45rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-shop-passMiddle-descriptionTitle.lang-en {
  width: 7.3rem;
}

.c-shop-passMiddle-descriptionRed {
  color: #b54247;
}

.c-shop-passBottom {
  width: 100%;
  transform: translateY(-0.5rem);

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-shop-passBottom .c-primaryOnButton-container {
  transform: translateX(0.8rem);
}

.c-shop-itemsContainer {
  margin: 0.6rem 0;
  padding: 0 0.6rem;

  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.c-shop-shortItemsContainer {
  margin: 0.6rem 0;
  padding: 0 0.6rem;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  row-gap: 0.6rem;
}

.c-shop-container-dailyWrap,
.c-shop-container-gemWrap,
.c-shop-container-goldWrap {
  width: 100%;
}

.c-shop-container-contentHeader {
  background: url("/image/shop/Parts_Tab_Title_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  height: 3rem;
  width: 30.75rem;
  margin: 0 auto 0.5rem auto;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-shop-container-contentHeader-subTitle {
  display: flex;
  justify-content: center;
  position: relative;
}

.c-shop-subTitleText {
  font-size: 1.2rem;
}

.c-shop-container-contentHeader-text {
  color: #ffffff;
  font-size: 1.5rem;
  padding-bottom: 0.2rem;

  display: flex;
  align-items: center;
}

.c-shop-container-passWrap {
  width: 100%;
  margin-bottom: 0.4rem;
}

.c-shop-container-discountWrap {
  width: 100%;
}

.c-shop-tabButton-container {
  display: flex;
  justify-content: center;
  gap: 0.1rem;
  margin-top: 1.1rem;
}

.c-shop-tabButton {
  display: flex;
  position: relative;
  width: 8.8rem;
  height: 4rem;
}

.c-shop-tabButton-inner {
  background-image: url("/image/button/Btn_Primary.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #ffffff;
  text-align: center;
}

.c-shop-tabButton-smallText {
  font-size: 1.2rem;
}

.c-shop-tabButton-smallTextWrap {
  padding: 0.5rem 2rem;
  line-height: 1;
}

.c-shop-tabButton-smallTextWrap2 {
  padding: 0.5rem 0.5rem;
  line-height: 1;
}

.c-shop-tabButton-inner.isActive {
  background-image: url("/image/button/Btn_Primary_On.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #371f1f;
  -webkit-text-fill-color: #371f1f;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-shop-tabButton-alert {
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  top: -1.1rem;
  right: -0.7rem;
  background-image: url("/image/common/Icon_Alert_V2.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.c-shop-container-startPark {
  margin-bottom: 0.6rem;
}

.c-shop-startParkContainer {
  margin-top: -0.5rem;
  width: 35rem;
  height: 19.5rem;
  padding: 1.6rem 2rem 1.6rem 1.7rem;
  background-image: url("/image/shop/Frame_Pass.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-shop-startParkTop {
  display: flex;
  gap: 5.5rem;
}

.c-shop-startParkWrap {
  display: flex;
}

.c-shop-startParkTime {
  color: #ffffff;
  font-size: 1.1rem;
  width: 6.4rem;
  height: 1.5rem;
  padding-top: 0.1rem;
  background: url("/image/common/Parts_TimeBg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-shop-startParkContent {
  position: relative;
  margin-top: 1.5rem;
  width: 18rem;
  height: 12.5rem;
  background-color: #e9efc6;
  border-radius: 0.25rem;
  padding: 0.5rem 0 0 0.35rem;
}

.c-shop-startParkContent-title {
  width: 6rem;
}

.c-shop-startParkContent-rewardBoxWrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.c-shop-startParkContent-rewardBox {
  padding-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.3rem;
}

.c-shop-startParkWrap {
  position: relative;
  display: flex;
}

.c-shop-startPark-discountImage {
  width: 6.2rem;
  z-index: 1;

  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
}

.c-shop-startPark-discountBox {
  width: 13rem;
  transform: translate(1.5rem, 0.4rem);
}

.c-shop-startPark-imageWrap .c-primaryOnButton-container {
  transform: translateX(1.5rem);
}

.c-shop-itemsContainer-singleWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  row-gap: 0.6rem;
}

@media screen and (min-width: 770px) {
  .c-shop-container {
    height: calc(100dvh - 28rem);
  }
}

/* (LINE Mini App) 特商法・資金決済法の確認行 */
.c-shop-legalButtonsRow {
  width: 35rem;
  margin: 0.4rem auto 0 auto;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}

.c-shop-legalButtonsRow .c-primaryBlackButton--text {
  font-size: 1.3rem;
}

/* (LINE Mini App) ショップコンテナの高さ調整 */
.c-shop-container--miniapp {
  height: calc(100dvh - 28rem);
}

@media screen and (min-width: 770px) {
  .c-shop-container--miniapp {
    height: calc(100dvh - 30rem);
  }
}
.c-shop-item {
  width: 33.7rem;
  height: 10rem;
  background: url("/image/shop/Frame_ShopWideVer.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;

  display: flex;
  justify-content: center;
}

.c-shop-itemsWrap {
  margin-top: 0.9rem;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

.c-shop-itemsWrapMt {
  position: absolute;
  top: 0.4rem;
}

.c-shop-item--countDownText {
  color: #371F1F;
  font-size: 0.9rem;

  right: 1.5rem;
  bottom: 0.75rem;
}

.c-shop-item--itemNameText {
  color: #371F1F;
  font-size: 1.2rem;

  position: absolute;
  left: 1.50rem;
  bottom: 0.75rem;
}

.c-shop-itemPrice {
  width: 100%;

  display: flex;
  justify-content: right;
  align-items: right;

  position: absolute;
  bottom: 0.8rem;
}

.c-shop-itemPriceIcon {
  width: 1.65rem;
}

.c-shop-itemPriceText {
  padding-top: 0.1rem;
  padding-left: 0.2rem;
  font-size: 1.4rem;
  color: #371F1F;
  text-shadow:
    -1px -1px 0 #FFFFFF,
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
    1px 1px 0 #FFFFFF;
}

.c-shop-maxPurchaseText {
  font-size: 1.3rem;
  color: #371F1F;
  text-shadow:
    -1px -1px 0 #FFFFFF,
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
    1px 1px 0 #FFFFFF;
}

.c-shop-kaiaPriceWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-shop-item-kaiaPriceWrap {
  font-size: 1.2rem;
  color: #FFFFFF;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}

.c-shop-item--slash {
  margin: 0 0.25rem;
}

.c-shop-item--kaiaWrap {
  display: flex;
  align-items: center;
}

.c-shop-item--kaia {
  width: 1.4rem;
  margin: 0 0.25rem;
}.c-shop-shortItem {
  width: 11.2rem;
  height: 12.0rem;
  background: url("/image/shop/Frame_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.c-shop-shortItemsWrap {
  margin-top: 1.0rem;

  display: flex;
  justify-content: center;
}

.c-shop-shortItemsWrap .c-equipItem-quantity {
  font-size: 1.2rem;
}

.c-shop-shortItemPrice {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  bottom: 0.7rem;
}

.c-shop-shortItemPriceIcon {
  width: 1.8rem;
  height: 1.8rem;
  transform: translateY(-0.1rem);
}

.c-shop-shortItemPriceText {
  padding-left: 0.2rem;
}

.c-shop-shortItemPriceText,
.c-shop-shortItem-maxPurchaseText {
  font-size: 1.3rem;
  color: #371F1F;
  text-shadow:
    -1px -1px 0 #FFFFFF,
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
    1px 1px 0 #FFFFFF;
}

.c-shop-shortItem-maxPurchaseText {
  margin-bottom: 0.25rem;
}

.c-shop-shortItemPrice-video,
.c-shop-shortItemPrice-free {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding-bottom: 0.2rem;
}

.c-shop-shortItemPrice-videoText,
.c-shop-shortItemPrice-freeText {
  color: #371F1F;
  font-size: 1.3rem;
  text-shadow:
    -0.5px -0.5px 0 #FFFFFF,
    0.5px -0.5px 0 #FFFFFF,
    -0.5px 0.5px 0 #FFFFFF,
    0.5px 0.5px 0 #FFFFFF;
}

.c-shop-shortItemPrice-videoIcon {
  width: 1.6rem;
  height: 1.1rem;
}

.c-shop-shortItem--countDownText {
  color: #371F1F;
  font-size: 0.9rem;

  position: absolute;
  bottom: 3.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-shortItem-kaiaPriceWrap {
  font-size: 1.2rem;
  color: #FFFFFF;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  text-stroke: 0.2rem white;
  paint-order: stroke;
  padding-bottom: 0.1rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-shortItem--slash {
  margin: 0 0.25rem;
}

.c-shortItem--kaiaWrap {
  display: flex;
  align-items: center;
}

.c-shortItem--kaia {
  width: 1.4rem;
  margin: 0 0.25rem;
}

.c-shop-extraRate {
  color: #371F1F;
  font-size: 1.2rem;
  text-align: right;
  position: absolute;
  bottom: 2.3rem;
  right: 4.6rem;
  text-shadow:
    -1px -1px 0 #FFFFFF,
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
    1px 1px 0 #FFFFFF;
  z-index: 10;
}

.c-shop-extraRateWrapper-jp {
  background: url("/image/shop/extra_jp.png");
  background-size: 70% 70%; /* 画像の表示サイズ */
  background-repeat: no-repeat;
  position: absolute;
  bottom: 3.2rem;
  right: 1.0rem;
  z-index: 9;
  width: 112%;
  height: 67%;
  transform: rotate(-15deg); /* 15度回転 */
}

.c-shop-extraRateWrapper-en {
  background: url("/image/shop/extra_en.png");
  background-size: 70% 70%; /* 画像の表示サイズ */
  background-repeat: no-repeat;
  position: absolute;
  bottom: 3.2rem;
  right: 1.0rem;
  z-index: 9;
  width: 112%;
  height: 67%;
  transform: rotate(-15deg); /* 15度回転 */
}.c-purchaseConfirmModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-purchaseConfirmModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-purchaseConfirmModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-purchaseConfirmModal-kaiaContent {
  height: 40rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-purchaseConfirmModal-kaiaContent .c-purchaseConfirmModal-title {
  top: 0.5rem;
}

.c-purchaseConfirmModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-purchaseConfirmModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #ffffff;
}

.c-purchaseConfirmModal-resultList {
  margin-top: 6rem;
  margin-bottom: 5rem;
  width: 31rem;
  height: 10rem;
  background-color: #8d8d7a;
  border: 0.1rem solid #aa733d;
  padding: 0.4rem 1.2rem 1rem 1.2rem;
  overflow-y: auto;

  display: flex;
  gap: 0.3rem;
  justify-content: center;
  flex-wrap: wrap;
}

.c-purchaseConfirmModal-listWrap {
  align-items: center;
}

.c-purchaseConfirmModal-listTitle {
  background-image: url("/image/common/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 27rem;
  height: 2.6rem;

  color: #ffffff;
  font-size: 1.2rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.15rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-purchaseConfirmModal-passIcon {
  width: 10rem;
  margin-top: 5.15rem;
  margin-bottom: 2.9rem;
}

.c-purchaseConfirmModal-packIcon-default {
  width: 12.5rem;
  margin-top: 5.15rem;
  margin-bottom: 3.0rem;
}

.c-purchaseConfirmModal-packIcon-kaia {
  width: 12.5rem;
  margin-top: 5.15rem;
  margin-bottom: 0.8rem;
}

.c-purchaseConfirmModal-description {
  display: flex;
  align-items: center;
}

.c-purchaseConfirmModal-descriptionWrap {
  display: flex;
  align-items: center;
}

.c-purchaseConfirmModal-descriptionWrap img {
  width: 2.5rem;
  height: 2.5rem;
}

.c-purchaseConfirmModal-descriptionKaia {
  width: 1.4rem !important;
  height: 1.4rem !important;
  margin-right: 0.2rem;
}

.c-purchaseConfirmModal-description p {
  font-size: 1.6rem;
  color: #371f1f;
  padding-top: 0.1rem;
}

.c-purchaseConfirmModal-resultDescription {
  flex-direction: column;
  line-height: 1.5;
}

.c-purchaseConfirmModal-redDescription {
  margin-top: 0.5rem;
}

.c-purchaseConfirmModal-redDescription p {
  color: #ad1016;
  font-size: 1.2rem;
}

.c-purchaseConfirmModal-inner .c-tertiaryRedButton-container {
  position: absolute;
  bottom: 3rem;
}

.c-purchaseConfirmModal-kaia {
  position: absolute;
  bottom: 9rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-purchaseConfirmModal-btnWrap {
  margin-top: 0.2rem;
  margin-bottom: 0.9rem;

  display: flex;
  flex-direction: row;
  gap: 4.7rem;
}

.c-purchaseConfirmModal-kaiaText {
  font-size: 1.6rem;
  color: #371f1f;
  text-align: center;
}

.c-purchaseConfirmModal-kaiaDescription {
  position: absolute;
  bottom: 2.5rem;
  padding: 0 3.5rem;
  text-align: center;
  font-size: 1.2rem;
  color: #371f1f;
}

.c-purchaseConfirmModal-kaiaConfirm .c-tertiaryRedButton-container {
  bottom: 10rem;
}


.c-purchaseConfirmModal-miniApp {
  position: absolute;
  bottom: 11rem;
}

.c-purchaseConfirmModal-miniApp-message {
  font-size: 1.6rem;
  color: #371f1f;
  text-align: center;
  margin-bottom: 2rem;
}

.c-purchaseConfirmModal-miniApp-guardianConsent {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.c-purchaseConfirmModal-miniApp-guardianConsentLabel {
  font-size: 1.2rem;
  color: #371f1f;
  text-align: center;
}

.c-purchaseConfirmModal-miniApp-guardianConsentLabel input[type=checkbox] {
  transform: scale(1.5);
  margin-right: 0.5rem;
}
.c-primaryOnButton-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-primaryOnButton {
  background: url("/image/button/Btn_Primary_On_V2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-primaryOnButton--icon {
  width: 1.65rem;
  margin: 0 0.2rem 0.2rem 0;
}

.c-primaryOnButton--text {
  font-size: 1.3rem;
  color: #FFFFFF;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  text-stroke: 0.2rem white;
  paint-order: stroke;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-primaryOnButton--kaiaWrap {
  display: flex;
  align-items: center;
}

.c-primaryOnButton--kaia {
  width: 1.4rem;
  margin: 0 0.25rem;
}

.c-primaryOnButton--slash {
  margin: 0 0.25rem;
}

.c-primaryOnButton--inActiveText {
  font-size: 1.3rem;
  color: #FFFFFF;
  padding-bottom: 0.2rem;

  display: flex;
  align-items: center;
  justify-content: center;
}.c-materialsNotEnoughModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-materialsNotEnoughModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-materialsNotEnoughModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  padding: 0 2rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-materialsNotEnoughModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-materialsNotEnoughModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-materialsNotEnoughModal-description {
  margin-top: 10rem;
}

.c-materialsNotEnoughModal-descriptionText {
  font-size: 1.6rem;
  color: #371F1F;
  text-align: center;
}

.c-materialsNotEnoughModal-descriptionText:nth-child(2) {
  margin-top: 0.9rem;
  margin-bottom: 3rem;
}

.c-materialsNotEnoughModal-btnWrap {
  display: flex;
  gap: 2.35rem;

  position: absolute;
  bottom: 3rem;
}.c-informationModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-informationModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-informationModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-informationModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5.4rem 3.0rem 2rem 3.4rem;
}

.c-informationModal-title {
  position: absolute;
  top: 1.8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
  line-height: 1.4rem;
  width: 18rem;
  color: #ffffff;
  text-align: center;
}

.c-informationModal-bodyScroll {
  height: 38rem;
  overflow-x: none;
  overflow-y: auto;
  padding-right: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #371f1f;
  white-space: pre-wrap;
}

@media screen and (min-width: 770px) {
  .c-informationModal-content {
    height: 46.5rem;
  }
  .c-informationModal-bodyScroll {
    height: 36rem;
  }
}
.equipment-c-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  gap: 1.45rem;
}

.equipment-c--heroImgWrap {
  position: absolute;
  width: 16.2rem;
  height: 22.7rem;
  top: 0.3rem;
  left: 10rem;
}

.equipment-c--heroImg {
  position: absolute;
  max-width: 120%;
  bottom: 4.2rem;
  right: 0.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.equipment-c--heroImgWrap .c-henseiRedButton-container {
  position: absolute;
  left: -0.4rem;
  bottom: -0.65rem;
}

.equipment-c--heroImgWrap .c-henseiRedButton--text {
  padding: 0 0.5rem 0.3rem 0.5rem;
}

.equipment-c--tabImg {
  width: 100%;
  height: 100;

  position: absolute;
  top: -0.6rem;
  right: 0;
}

.equipment-c--items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.8rem;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;

  position: absolute;
  top: 2.4rem;
  left: 2.5rem;
}

.equipment-c--items .c-equipItem {
  transform: translate(-0.2rem, -0.3rem);
}

.equipment-c--item-alert {
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  width: 2.6rem;
  height: 2.6rem;
}

.equipment-c--item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 2;
}

.equipment-c-selectedTag {
  width: 3.8rem;
  height: 1.7rem;
  position: absolute;
  top: 0;
  left: 0;
}

.equipment-c--itemLevel {
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.5rem;
}

.equipment-c--itemEmptyWrap {
  width: 6.2rem;
  height: 6.2rem;
}

.equipment-c--itemEmpty {
  width: 5.5rem;
  height: 5.5rem;
}

.equipment-c-enhancementList-container {
  position: relative;
  padding-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.8rem;
  height: calc(100dvh - 48rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.equipment-c-listWrap {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;

  position: absolute;
  top: 23rem;
}

.equipment-c-enhancementList {
  width: 35.5rem;
  height: calc(100dvh - 43.5rem);
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0 0.6rem;
  padding-bottom: 0.6rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.equipment-c-enhancementList-btnContainer .c-primaryRedButton-container {
  padding-bottom: 0.3rem;
}

.equipment-c-enhancementList--bottom {
  position: relative;
  margin-top: 0.3rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.equipment-c-enhancementList--bottomEn .c-primaryRedButton--text {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 0.5rem 0.5rem 0.5rem;
}

.equipment-c-enhancementList--bottom .c-primaryRedButton-container {
  margin-top: 0;
}

.equipment-c-enhancementList--bottom .c-primaryBlackButton {
  background-image: url("/image/button/Btn_Primary_V2.png") !important;
}

.equipment-c-enhancementList--bottom .c-primaryBlackButton--text {
  padding-bottom: 0.2rem;
}

.equipment-c-enhancementList--bottom.overlay .c-primaryBlackButton-container,
.equipment-c-enhancementList--bottom.overlay .c-primaryRedButton-container {
  visibility: hidden;
}

.equipment-c--tabBgImg {
  z-index: 0;
  width: 100%;
  margin-top: -2.5rem;
}

@media screen and (max-height: 650px) {
  .equipment-c--heroImgWrap {
    z-index: 5;
  }
}

@media screen and (min-width: 1155px) {
  .equipment-c-listWrap {
    top: 5rem;
  }

  .equipment-c-enhancementList {
    height: 20rem;
  }

  .equipment-c-enhancementList-container {
    height: 14.2rem;
  }
}.c-equipItemModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-equipItemModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipItemModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipItemModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6.7rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipItemModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipItemModal-contentHeader {
  display: flex;
  justify-content: center;
}

.c-equipItemModal-downGrade {
  position: absolute;
  right: 3rem;
  top: 6.5rem;
  cursor: pointer;
}

.c-equipItemModal-downGradeWrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.c-equipItemModal-downGrade img {
  width: 3.85rem;
  height: 3.85rem;
}

.c-equipItemModal-contentBody {
  width: 100%;
}

.c-equipItemModal-itemWrap {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.c-equipItemModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-equipItemModal-itemDescription {
  width: 10.75rem;
}

.c-equipItemModal-itemDescription--level {
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-equipItemModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-equipItemModal-skillContainer {
  width: 100%;
  padding: 0 3.25rem;
  margin-top: 2.5rem;
}

.c-equipItemModal-skillTitle {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  min-height: 2.6rem;
  height: 2.6rem;
  padding-top: 0.2rem;

  color: #FFFFFF;
  font-size: 1.5rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.25rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemModal-skillList {
  width: 29rem;
  height: 21rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.6rem 0.7rem 0 1.25rem;

  display: flex;
  flex-direction: column;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipItemModal-listTitle {
  font-size: 1.3rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  border: 0.15rem solid #FFFFFF80;
  border-radius: 0.3rem;

  display: flex;
  flex-direction: column;
}

.c-equipItemModal-listName {
  padding: 0.6rem 0 0.5rem 1.5rem;
}

.c-equipItemModal-listNameBorder {
  border-bottom: 0.15rem solid #FFFFFF80;
}

.c-equipItemModal-listDescription {
  padding: 0.6rem 1.5rem 0.5rem 1.5rem;
}

.c-equipItemModal-listContainer {
  width: 100%;
  height: 100%;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.c-equipItemModal-listItem {
  position: relative;
  height: 2.9rem;
  background-color: #00000080;
  border-radius: 0.3rem;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;

  display: flex;
  align-items: center;
}

.c-equipItemModal-listItemDescription {
  font-size: 1.2rem;
  color: #FFFFFF;
}

.c-equipItemModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipItemModal-lockItemText {
  font-size: 1.2rem;
  color: #FFFFFF;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipItemModal-listItemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.3rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemModal-listItemOverlay img {
  width: 2.3rem;
  height: 2.3rem;
  margin-right: 0.9rem;
}

.c-equipItemModal-emptySkill {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipItemModal-emptySkill p {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding-bottom: 0.8rem;
}

.c-equipItemModal-contentBottom {
  position: absolute;
  bottom: 3rem;
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-equipItemModal-contentBottom--btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}

.c-equipItemModal-contentBottom--enhanceBtn {
  position: relative;
}

.c-equipItemModal-tutorialFinger {
  position: absolute;
  top: 3.3rem;
  left: 7.6rem;
  width: 6rem;
}

.c-equipItemModal-same-accessary {
  position: relative;
  bottom: -1rem;
  font-size: 1.2rem;
  color: red;
  padding-bottom: 0.8rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-equipItemModal-title {
    top: 0.3rem;
  }

  .c-equipItemModal-inner {
    padding-top: 4rem;
  }

  .c-equipItemModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-equipItemModal-skillContainer {
    margin-top: 1rem;
  }

  .c-equipItemModal-contentBottom {
    bottom: 2rem;
  }
}
.c-equipmentEnhanceModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentEnhanceModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentEnhanceModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentEnhanceModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6.25rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentEnhanceModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentEnhanceModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-equipmentEnhanceModal-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentEnhanceModal-itemWrap {
  width: 100%;
  margin-top: 0.9rem;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.c-equipmentEnhanceModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-equipmentEnhanceModal-itemDescription {
  width: 10.75rem;
}

.c-equipmentEnhanceModal-itemDescription--level {
  text-align: center;
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-equipmentEnhanceModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-equipmentEnhanceModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipmentEnhanceModal-middle {
  margin-top: 1.8rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-equipmentEnhanceModal-bottom {
  position: absolute;
  bottom: 3rem;

  display: flex;
  gap: 1.7rem;
}

.c-equipmentEnhanceModal-bottom .c-equipCoinParts--coinWrap {
  margin-top: 4.2rem;
  margin-bottom: 1.7rem;
}

.c-equipmentEnhanceModal-bottom>div:nth-of-type(1) .c-tertiaryRedButton-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 0.5rem;
}

.c-equipmentEnhanceModal-bottom>div:nth-of-type(2) .c-tertiaryRedButton-container {
  display: flex;
  justify-content: flex-start;
  margin-left: 0.5rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {}.c-equipCoinParts--coinWrap {
  width: 100%;

  display: flex;
  justify-content: center;
}

.c-equipCoinParts--coinButton {
  position: relative;
  background-image: url('/image/equipment/Parts_TextBase_Long.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20.8rem;
  height: 2.6rem;
  padding-left: 0.2rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-equipCoinParts--coinButton img {
  width: 2.5rem;
  margin-left: 0.6rem;
}

.c-equipCoinParts--coinText {
  position: absolute;
  right: 1.2rem;
  font-size: 1.2rem;
  color: #FFFFFF;
}

.c-equipCoinParts--coinTextBig {
  font-size: 1.4rem;
}

.c-equipCoinParts--errorText {
  color: #EC4747;
}.c-equipmentEvolutionModal {
  position: fixed;
  top: 12rem;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 20;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  background-size: auto;
  overflow: hidden;
}

.c-equipmentEvolutionModal-container {
  width: 35.5rem;
  height: calc(100vh - 23rem);
  position: relative;
  background-color: #C3C2B1;
  border: 0.1rem solid #AA733D;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.8rem;

  display: flex;
  flex-flow: column;
}

.c-equipmentEvolutionModal-top {
  width: 100%;
  height: 17.7rem;
  padding-top: 1rem;
}

.c-equipmentEvolutionModal-imgWrap {
  position: relative;
}

.c-equipmentEvolutionModal-top--itemLevel {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: 1.2rem;
  text-shadow:
    -0.5px -0.5px 0 #371F1F,
    0.5px -0.5px 0 #371F1F,
    0.5px 0.5px 0 #371F1F,
    0.5px 0.5px 0 #371F1F;
}

.c-equipmentEvolutionModal-top--materialItemLevel {
  font-size: 1.1rem;
  bottom: 0.2rem;
}

.c-equipmentEvolutionModal-top--itemsWrap {
  display: flex;
  justify-content: center;
}

.c-equipmentEvolutionModal-top--before,
.c-equipmentEvolutionModal-top--after {
  min-width: 10.8rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentEvolutionModal-top--after {
  position: relative;
}

.c-equipmentEvolutionModal--emptyImg {
  width: 6.4rem;
  height: 6.4rem;
}

.c-equipmentEvolutionModal-top--afterText {
  position: absolute;
  top: -0.1rem;
  right: 2.5rem;
  color: #FFFFFF;
  font-size: 2rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipmentEvolutionModal-top--arrow {
  margin: 0 1.2rem;
  height: 6.4rem;

  display: flex;
  align-items: center;
}

.c-equipmentEvolutionModal-top--arrow img {
  width: 2.7rem;
  min-width: 2.7rem;
  height: 2.9rem;
}

.c-equipmentEvolutionModal-top--emptyText {
  font-size: 1.3rem;
  color: #371F1F;
  margin-top:7.5rem;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}

.c-equipmentEvolutionModal-top--descriptionWrap {
  margin-top: 0.8rem;
  margin-bottom: 1.1rem;
}

.c-equipmentEvolutionModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-equipmentEvolutionModal-top--description--textWrap {
  color: #371F1F;
  font-size: 1.3rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-equipmentEvolutionModal-top--description--text {
  width: 10.8rem;
  padding: 0.1rem 0.25rem;
  background-color: #DCD6BC;
  border-radius: 2px;
  white-space: nowrap;

  display: flex;
  justify-content: space-between;
}

.c-equipmentEvolutionModal-top--description--title {
  position: relative;
  width: 3.4rem;
}

.c-equipmentEvolutionModal-topIcon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipmentEvolutionModal-top--description--redText {
  color: #B54247;
}

.c-equipmentEvolutionModal-top--addItems {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentEvolutionModal-top--addItemsText {
  color: #371F1F;
  font-size: 1.3rem;
  margin-bottom: 0.3rem;
  text-align: center;
}

.c-equipmentEvolutionModal-top--topItem {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}

.c-equipmentEvolutionModal-top--topItem .c-equipItem-awake {
  font-size: 0.8rem;
}

.c-equipmentEvolutionModal-top--topItemEmpty {
  width: 4.5rem;
  margin-left: 0.4rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentEvolutionModal-top--topItemEmpty img {
  width: 4.9rem;
  height: 4.9rem;
}

.c-equipmentEvolutionModal-top .c-equipCoinParts--coinWrap {
  margin-top: 0.6rem;
}

.c-equipmentEvolutionModal-middle {
  width: 100%;
  height: calc(100vh - 40.7rem);
  background-color: #8D8D7A;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentEvolutionModal-middle--list {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 0.45rem;
  padding-right: 0.3rem;
  padding-bottom: 0.45rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentEvolutionModal-middle--listWrap {
  height: 100%;
  margin: auto;
  padding-left: 0.6rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 0.8rem;
  grid-auto-rows: min-content;
}

.c-equipmentEvolutionModal-middle--item {
  position: relative;
  height: 5.5rem;
}

.c-equipmentEvolutionModal-middle--itemImg {
  width: 5.5rem;
  height: 5.5rem;
}

.c-equipmentEvolutionModal-top--listItemLevel {
  font-size: 1.1rem;
}

.c-equipmentEvolutionModal-itemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5rem;
  height: 5.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentEvolutionModal-overlayCheck {
  width: 3rem;
  height: 2.85rem;
}

.c-equipmentEvolutionModal-middle--listPagination {
  position: absolute;
  bottom: 0;

  display: flex;
  justify-content: center;
}

.c-equipmentEvolutionModal-bottom .c-tertiaryRedButton-container {
  margin-top: 1rem;
}

.c-equipmentEvolutionModal-middle--checkbox {
  position: absolute;
  bottom: 1.7rem;
  right: 2.15rem;

  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.4rem;
}

.c-equipmentEvolutionModal-middle--checkboxText {
  color: #FFFFFF;
}

.c-equipmentEvolutionModal-backButton-container {
  position: absolute;
  left: 1rem;
  bottom: 12.7rem;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-equipmentEvolutionModal-container {
    height: calc(100vh - 21rem);
  }

  .c-equipmentEvolutionModal-top {
    padding: 0.5rem 2.6rem;
    height: 19rem;
  }

  .c-equipmentEvolutionModal-top--emptyText {
    height: 4rem;
    margin-top: 2rem;
  }

  .c-equipmentEvolutionModal-top--descriptionWrap {
    margin-bottom: 0.5rem;
  }

  .c-equipmentEvolutionModal-top--afterText {
    font-size: 1.6rem;
    right: 3.1rem;
  }

  .c-equipmentEvolutionModal-top--arrow {
    height: 5rem;
  }

  .c-equipmentEvolutionModal-top--description-level {
    font-size: 1.1rem;
  }

  .c-equipmentEvolutionModal-top--description--textWrap {
    font-size: 1rem;
  }

  .c-equipmentEvolutionModal-top--description--redText {
    font-size: 1rem;
  }

  .c-equipmentEvolutionModal-middle {
    height: calc(100vh - 40rem);
  }

  .c-equipmentEvolutionModal-middle--itemImg {
    width: 4.5rem;
    height: 4.5rem;
  }

  .c-equipmentEvolutionModal-itemOverlay {
    width: 4.5rem;
    height: 4.5rem;
  }

  .c-equipmentEvolutionModal-overlayCheck {
    width: 2.7rem;
    height: 2.5rem;
  }

  .c-equipmentEvolutionModal-top .c-equipCoinParts--coinButton img {
    width: 3.5rem;
    height: 3.5rem;
  }

  .c-equipmentEvolutionModal--emptyImg {
    width: 5rem;
    height: 5rem;
  }

  .c-equipmentEvolutionModal-imgWrap .c-equipItem {
    width: 5rem !important;
    height: 5rem !important;
  }

  .c-equipmentEvolutionModal-top .c-equipCoinParts--coinButton {
    height: 2rem;
  }

  .c-equipmentEvolutionModal-top .c-equipCoinParts--coinText {
    font-size: 1rem;
  }

  .c-equipmentEvolutionModal-top .c-equipCoinParts--coinTextBig {
    font-size: 1.2rem;
  }

  .c-equipmentEvolutionModal-bottom .c-tertiaryRedButton-container {
    margin-top: 0.5rem;
  }

  .c-equipmentEvolutionModal-middle--item {
    width: 4.5rem;
    height: 4.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
  }
}.c-changeCharaModal {
  position: fixed;
  top: 11rem;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 20;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  background-size: auto;
  overflow: hidden;
}

.c-changeCharaModal-container {
  position: relative;
}

.c-changeCharaModal-top--imgWrap {
  position: relative;
  margin-top: 0.3rem;
  margin-left: 1.9rem;
  width: 16.2rem;
  height: 22.7rem;
}

.c-changeCharaModal-top--imgWrap svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9rem;
  height: 8.1rem;
}

.c-changeCharaModal-top--innerImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9rem;
  height: 8.1rem;
  z-index: 1;
}

.c-changeCharaModal-top--img {
  -o-object-fit: cover;
     object-fit: cover;
}

.c-changeCharaModal-top--lockImg {
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  z-index: 1;
}

.c-changeCharaModal-top--grayFlower {
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-changeCharaModal-top--detailImg {
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-changeCharaModal-top--tabImgWrap {
  position: absolute;
  top: -0.9rem;
  right: 0;
  width: 19rem;
  height: 24.4rem;
}

.c-changeCharaModal-top--tabImg {
  width: 100%;
  height: 100%;
}

.c-changeCharaModal-top--tabContent {
  position: absolute;
  top: 2.5em;
  left: 1.8rem;
}

.c-changeCharaModal-top--tabContent-name {
  font-size: 1.4rem;
  color: #FFFFFF;
  padding-left: 1rem;
  padding-bottom: 2px;
  border-bottom: 0.3rem solid #A2A264;
}

.c-changeCharaModal-top--tabContent-level {
  color: #FFFFFF;
  font-size: 1.4rem;
  padding-top: 0.8rem;
}

.c-changeCharaModal-top--tabContent-textWrap {
  transform: translateX(-0.5rem);

  display: flex;
  flex-direction: column;
}

.c-changeCharaModal-top--tabContent-textWrap p {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding-top: 0.5rem;
  margin-left: 0.3rem;
}

.c-changeCharaModal-top--tabContent-iconWrap {
  width: 100%;
  transform: translateY(-1.4rem);

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-changeCharaModal-top--tabContent-iconTextWrap {
  display: flex;
  align-items: center;
}

.c-changeCharaModal-top--tabContent-skillWrap {
  transform: translateY(-0.5rem);
}

.c-changeCharaModal-top--tabContent-skillWrap.enWrap .c-changeCharaModal-top--tabContent-skillName {
  font-size: 0.8rem;
}

.c-changeCharaModal-top--tabContent-skillWrap.enWrap {
  margin-top: 0.6rem;
}

.c-changeCharaModal-top--tabContent-iconTextWrap:nth-of-type(1) {
  transform: translateY(1rem);
}

.c-changeCharaModal-top--sdImg {
  width: 8.5rem;
  transform: translate(1.5rem, -0.9rem);
}

.c-changeCharaModal-top--parameterText {
  font-size: 0.9rem;
  color: #FFD13A;
  padding-left: 0.5rem;
  max-width: 16rem;

  position: absolute;
  top: 10rem;
}

.c-changeCharaModal-top--tabContent-icon {
  display: inline-block;
  width: 3rem;
}

.c-changeCharaModal-top--tabContent-bigWidth {
  display: inline-block;
  width: 4.1rem;
}

.c-changeCharaModal-top--tabContent-passiveSkill {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.c-changeCharaModal-top--frameWrap {
  position: relative;
  width: 3.7rem;
  height: 3.7rem;
}

.c-changeCharaModal-top--frameImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-changeCharaModal-top--tabContent-skillImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
}

.c-changeCharaModal-top--tabContent-detailImg {
  width: 2.5rem;
  height: 2.5rem;
}

.c-changeCharaModal-top--tabContent-activeSkill {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.2rem;
}

.c-changeCharaModal-top--tabContent-skillName {
  color: #FFFFFF;
  width: 8rem;
}

.c-changeCharaModal-top--tabContent-skillContainer {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.c-changeCharaModal-top--tabContent-skillTitle {
  color: #FFFFFF;
  font-size: 0.8rem;
}

.c-changeCharaModal-top--tabContent-skillName {
  color: #FFFFFF;
  font-size: 1.1rem;
}

.c-changeCharaModal-top--tabContent-skillLevel {
  color: #FFFFFF;
  font-size: 0.9rem;
}

.c-changeCharaModal-middle--container {
  width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

.c-changeCharaModal-middle {
  width: 35rem;
  height: calc(100vh - 47rem);
  min-height: 11.5rem;
  background-color: #8D8D7A;
  margin: auto;
  padding: 0.75rem 0.4rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-changeCharaModal-middle--listContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 48.5rem);
  min-height: 10.5rem;
}

.c-changeCharaModal-middle--listItem {
  width: 8rem;
  height: 8rem;
  position: relative;
}

.c-changeCharaModal-middle--charaImage {
  width: 100%;
  height: 100%;
}

.c-changeCharaModal-henseiTag {
  width: 4.3rem;
  position: absolute;
  left: 0;
  top: 0;
}

.c-changeCharaModal-middle-alert {
  position: absolute;
  top: -0.2rem;
  right: -0.3rem;
  width: 2.6rem;
  height: 2.6rem;
}

.c-changeCharaModal-middle-lockOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 8rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.c-changeCharaModal-middle-lockOverlay img {
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  width: 2.6rem;
  height: 2.6rem;
}

.c-changeCharaModal-middle-priceTag-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8rem;
  height: 2.3rem;
}

.c-changeCharaModal-middle-priceTag {
  width: 100%;
  height: 100%;
}

.c-changeCharaModal-middle-priceTag-textWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-changeCharaModal-middle-priceTag-textWrap img {
  width: 2rem;
  margin-right: 0.15rem;
}

.c-changeCharaModal-middle-priceTag-text {
  font-size: 1.1rem;
  padding-top: 0.1rem;
  color: #FFFFFF;
  text-shadow:
    -0.5px -0.5px 0 #371F1F,
    0.5px -0.5px 0 #371F1F,
    -0.5px 0.5px 0 #371F1F,
    0.5px 0.5px 0 #371F1F;
}

.c-changeCharaModal-middle--btnWrap {
  display: flex;
  justify-content: center;
}

.c-changeCharaModal-bottom {
  margin-top: 2.2rem;
  position: relative;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-changeCharaModal-bottom--buttonWrap {
  display: flex;
  gap: 0.8rem;
  margin-left: 4.8rem;
}

.c-changeCharaModal-bottom .c-changeCharaModal-bottom--buttonWrap:nth-of-type(2) {
  transform: translateY(-0.2rem);
  margin-left: 0;
  margin-right: 7.7rem;
}

.c-changeCharaModal-bottom--purchaseButton {
  margin-top: 3rem;
}

.c-changeCharaModal-backButton-container {
  position: absolute;
  left: 1rem;
  bottom: 11.7rem;
}

.c-changeCharaModal-bottom--notEnough {
  position: absolute;
  top: -1.7rem;
}

.c-changeCharaModal-bottom--notEnough p {
  font-size: 1.2rem;
  color: #B54247;
  text-shadow:
    -0.5px -0.5px 0 white,
    0.5px -0.5px 0 white,
    -0.5px 0.5px 0 white,
    0.5px 0.5px 0 white;
}.c-purchaseRedButton-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-purchaseRedButton {
    background: url("/image/button/Btn_Positive_Big.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;
}

.c-purchaseRedButton img {
    width: 1.9rem;
    padding-bottom: 0.4rem;
    margin-top: 0.3rem;
    margin-right: 0.15rem;
}

.c-purchaseRedButton--text-price {
    font-size: 1.4rem;
}

.c-purchaseRedButton--text {
    font-size: 1.5rem;
    color: #FFFFFF;
}

.c-purchaseRedButton--enWrap {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}.c-henseiRedButton {
  background: url("/image/button/Btn_Positive_Hensei.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 4rem;
  width: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-henseiRedButton--text {
  font-size: 1.4rem;
  color: #FFFFFF;
  padding-bottom: 0.3rem;
}

.c-henseiRedButton-enhanced {
  position: absolute;
  bottom: 0.8rem;
  right: 0.2rem;
  width: 2.6rem;
  height: 2.6rem;
}
.c-charaEnhancementModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-charaEnhancementModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaEnhancementModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaEnhancementModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.2rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaEnhancementModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaEnhancementModal-topCharaContainer {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-right: 3.5rem;
}

.c-charaEnhancementModal-topCharaImg {
  width: 11.5rem;
}

.c-charaEnhancementModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-charaEnhancementModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-charaEnhancementModal-title.lang-en {
  white-space: nowrap;
  font-size: 1.9rem;
}

.c-charaEnhancementModal-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-charaEnhancementModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-charaEnhancementModal-itemDescription {
  margin-top: 1.5rem;
  width: 10.75rem;
}

.c-charaEnhancementModal-itemDescription--level {
  text-align: center;
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-charaEnhancementModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-charaEnhancementModal-middle {
  position: absolute;
  bottom: 8.5rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-charaEnhancementModal-bottom {
  position: absolute;
  bottom: 3rem;

  display: flex;
  gap: 1.7rem;
}.c-charaSkillEnhanceModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-charaSkillEnhanceModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaSkillEnhanceModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaSkillEnhanceModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaSkillEnhanceModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaSkillEnhanceModal-topCharaContainer {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-right: 3.5rem;
}

.c-charaSkillEnhanceModal-topCharaImg {
  width: 11.5rem;
}

.c-charaSkillEnhanceModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-charaSkillEnhanceModal-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-charaSkillEnhanceModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-charaSkillEnhanceModal-itemDescription {
  margin-top: 1.5rem;
  width: 10.75rem;
}

.c-charaSkillEnhanceModal-itemDescription--level {
  text-align: center;
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-charaSkillEnhanceModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-charaSkillEnhanceModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-charaSkillEnhanceModal-skillContainer {
  width: 100%;
  padding: 0 3.25rem;
}

.c-charaSkillEnhanceModal-skillList {
  position: relative;
  width: 29rem;
  height: 12.5rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding-top: 0.3rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.c-charaSkillEnhanceModal-middle {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-charaSkillEnhanceModal-arrowContainer {
  width: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.c-charaSkillEnhanceModal-maxSkillText {
  color: #FFFFFF;
  font-size: 1.4rem;
  margin-top: 1.8rem;
}

.c-charaSkillEnhanceModal-bottom {
  position: absolute;
  bottom: 3rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-charaSkillEnhanceModal-contentHeader-text {
    font-size: 1.1rem;
  }

  .c-charaSkillEnhanceModal-title {
    top: 0.3rem;
  }

  .c-charaSkillEnhanceModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-charaSkillEnhanceModal-inner {
    padding-top: 3.5rem;
  }

  .c-charaSkillEnhanceModal-topCharaImg {
    width: 8rem;
  }

  .c-charaSkillEnhanceModal-itemDescription {
    margin-top: 0;
  }

  .c-charaSkillEnhanceModal-middle {
    margin-top: 0.1rem;
  }

  .c-charaSkillEnhanceModal-bottom {
    bottom: 1.5rem;
  }
}.c-equipmentTabButton-container {
  display: flex;
  gap: 1.35rem;
  justify-content: center;
  align-items: center;
  margin-bottom: -0.1rem;
}

.c-equipmentTabButton-button {
  background: url("/image/common/Tab_Category.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 3.7rem;
  width: 10.5rem;
  padding-top: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 1.1rem;
  line-height: 1.44;
}

.c-equipmentTabButton-button.is-active {
  background: url("/image/common/Tab_CategoryOn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 3.7rem;
  width: 10.5rem;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
  line-height: 1.44;
}.c-charaSkillCell-container {
  width: 100%;
  max-width: 26rem;
  height: 5.6rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url('/image/mission/Tab_List.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 0rem 2.5rem 0 3rem;

  display: flex;
  align-items: center;
}

.c-charaSkillCell-skillImg {
  width: 3.6rem;
  min-width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.2rem;
  position: relative;
}

.c-charaSkillCell-skill {
  position: absolute;
  width: 2.85rem;
  height: 2.85rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-charaSkillCell-skillText {
  width: 100%;
  height: 100%;
  margin-top: 1.5rem;
}

.c-charaSkillCell-title {
  width: 100%;
  font-size: 1.1rem;
  color: #371F1F;
  margin-bottom: 0.5rem;

  display: flex;
  justify-content: space-between;
}

.c-charaSkillCell-title.enTitle {
  font-size: 1rem;
}

.c-charaSkillCell-description {
  font-size: 1rem;
  color: #371F1F;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}.c-charaMaxEnhanceModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-charaMaxEnhanceModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaMaxEnhanceModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaMaxEnhanceModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.35rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaMaxEnhanceModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaMaxEnhanceModal-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-charaMaxEnhanceModal-contentHeader-text {
  color: #371F1F;
  font-size: 1.5rem;
}

.c-charaMaxEnhanceModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-charaMaxEnhanceModal-topCharaContainer {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-right: 3.5rem;
}

.c-charaMaxEnhanceModal-topCharaImg {
  width: 11.5rem;
}

.c-charaMaxEnhanceModal-itemDescription {
  margin-top: 1.5rem;
  width: 10.75rem;
}

.c-charaMaxEnhanceModal-itemDescription--level {
  text-align: center;
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-charaMaxEnhanceModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.25rem;

  display: flex;
  justify-content: space-between;
}

.c-charaMaxEnhanceModal-middle {
  margin-top: 1.55rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-charaMaxEnhanceModal-inner .c-charaMaxEnhanceModal-bottom {
  position: absolute;
  bottom: 3rem;
}.c-equipmentSkillDetailModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentSkillDetailModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentSkillDetailModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentSkillDetailModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 7rem 4rem 0 4rem;
  background-color: transparent;

  display: flex;
  flex-flow: column;
}

.c-equipmentSkillDetailModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentSkillDetailModal-skillImage {
  position: relative;
  width: 8.9rem;
  height: 8.9rem;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.c-equipmentSkillDetailModal--skill {
  width: 7.2rem;
  height: 7.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-equipmentSkillDetailModal--skillLevel {
  color: #371F1F;
  font-size: 1.9rem;
  padding-left: 0.9rem;
  margin-bottom: 0.2rem;
}

.c-equipmentSkillDetailModal--frameImage {
  width: 8.9rem;
}

.c-equipmentSkillDetailModal-skillDescription {
  width: 28.5rem;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.75rem 0.9rem;
}

.c-equipmentSkillDetailModal-skillDescription p {
  font-size: 1.7rem;
  color: #371F1F;
  line-height: 1.4;
}

.c-equipmentSkillDetailModal-contentHeader {
  text-align: center;
}

.c-equipmentSkillDetailModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}.c-charaEnhanceResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-charaEnhanceResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaEnhanceResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 42.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaEnhanceResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 5rem;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaEnhanceResultModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaEnhanceResultModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-charaEnhanceResultModal-imageWrap img {
  margin-top: 1.2rem;
  margin-right: 3rem;
  width: 11.5rem;
  height: 10.3rem;
}

.c-charaEnhanceResultModal-levelContainer {
  display: flex;
  margin-top: 1.65rem;
}

.c-charaEnhanceResultModal-levelContainer--after {
  transform: translateY(-0.1rem);
}

.c-charaEnhanceResultModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-charaEnhanceResultModal-top--description--textWrap {
  color: #371F1F;
  font-size: 1.3rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-charaEnhanceResultModal-top--description--text {
  position: relative;
  width: 10.8rem;
  padding: 0.1rem 0.25rem;
  background-color: #DCD6BC;
  border-radius: 2px;
  white-space: nowrap;

  display: flex;
  justify-content: space-between;
}

.c-charaEnhanceResultModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-charaEnhanceResultModal-top--description--title {
  display: inline-block;
  width: 3.4rem;
}

.c-charaEnhanceResultModal-top--arrow {
  margin: 0 1.2rem;
  height: 6.4rem;
  margin-top: 0.5rem;

  display: flex;
  align-items: center;
}

.c-charaEnhanceResultModal-top--arrow img {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 2rem;
}

.c-charaEnhanceResultModal-top--description--redText {
  color: #B54247;
}

.c-charaEnhanceResultModal-top--description--redText:first-child {
  font-size: 1.6rem;
}.c-charaDetailModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-charaDetailModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-charaDetailModal--charaImage {
  width: 30rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-charaDetailModal--charaImage {
    width: 25rem;
  }
}.c-charaSkillEnhanceResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-charaSkillEnhanceResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaSkillEnhanceResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaSkillEnhanceResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 7rem;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaSkillEnhanceResultModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaSkillEnhanceResultModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-charaSkillEnhanceResultModal-imageContainer {
  width: 6.4rem;
  height: 6.4rem;
  margin-top: 2rem;
}

.c-charaSkillEnhanceResultModal-levelContainer {
  margin-top: 1.8rem;
  margin-bottom: 0.7rem;

  display: flex;
  align-items: center;
}

.c-charaSkillEnhanceResultModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-charaSkillEnhanceResultModal-top--arrow {
  margin: 0 2.9rem;

  display: flex;
  align-items: center;
}

.c-charaSkillEnhanceResultModal-top--arrow img {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 2rem;
}

.c-charaSkillEnhanceResultModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-charaSkillEnhanceResultModal-top--description--redText {
  font-size: 1.6rem;
  color: #B54247;
}

.c-charaSkillEnhanceResultModal-descriptionContainer {
  width: 23.6rem;
  max-height: 9.8rem;
  background-color: #DCD6BC;
  padding: 0.5rem 0.6rem;
  line-height: 1.3;
  border-radius: 0.15rem;
  white-space: normal;
  word-break: break-word;
}

.c-charaSkillEnhanceResultModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
}.c-charaUnlockModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-charaUnlockModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-charaUnlockModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-charaUnlockModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 6.55rem 2rem 0 2rem;
  text-align: center;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-charaUnlockModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-charaUnlockModal-title.lang-en {
  white-space: nowrap;
  font-size: 1.9rem;
}

.c-charaUnlockModal-description {
  color: #371F1F;
  font-size: 1.5rem;
}

.c-charaUnlockModal-icon {
  width: 8rem;
  margin-top: 2.3rem;
  margin-bottom: 3rem;
}

.c-charaUnlockModal-inner .c-tertiaryRedButton-container {
  margin-top: 1.5rem;
}.c-equipmentSaleModal {
  position: fixed;
  top: 11rem;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 20;
  background: url("/image/common/BG_Pattern.png") repeat center center fixed;
  overflow: hidden;
}

.c-equipmentSaleModal-container {
  margin-top: 1.65rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentSaleModal-title {
  font-size: 1.4rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.c-equipmentSaleModal-enhancementList {
  position: relative;
  width: 35.5rem;
  height: calc(100vh - 21.5rem);
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 1rem 0;

  display: flex;
  flex-direction: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentSaleModal-listContainer {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: min-content;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  row-gap: 0.9rem;
  height: 100vh;
  overflow-y: auto;
}

.c-equipmentSaleModal--itemLevel {
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.5rem;
}

.c-equipmentSaleModal--listBottom {
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-equipmentSaleModal-backButton {
  position: absolute;
  left: 1rem;
  bottom: 11.7rem;
  z-index: 1;
}

.c-equipmentSaleModal-container .c-tertiaryRedButton-container {
  margin-top: 2.1rem;
}.c-equipmentSaleConfirmModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-equipmentSaleConfirmModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentSaleConfirmModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentSaleConfirmModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.15rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentSaleConfirmModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentSaleConfirmModal-headerText {
  margin-bottom: 0.95rem;
  font-size: 1.4rem;
  color: #371F1F;
}

.c-equipmentSaleConfirmModal-enhancementList {
  width: 31rem;
  height: 16.2rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentSaleConfirmModal-listContainer {
  max-height: 20rem;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: min-content;
  row-gap: 0.4rem;
  height: 14.9rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.c-equipmentSaleConfirmModal--listItem {
  position: relative;
  width: 5em;
  height: 5rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentSaleConfirmModal--materialItem {
  width: 4.5rem;
  height: 4.5rem;
}

.c-equipmentSaleConfirmModal--itemLabel {
  font-size: 1.1rem;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.4rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipmentSaleConfirmModal--itemMaterialLabel {
  font-size: 1.1rem;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  right: 0.3rem;
  padding-bottom: 0.2rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipmentSaleConfirmModal--resultContainer {
  margin-top: 2rem;
  width: 31rem;
  height: 8.45rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;

  display: flex;
  flex-direction: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentSaleConfirmModal--alertText {
  color: #B54247;
  font-size: 1.1rem;
  margin-top: 1.5rem;
  line-height: 1.5;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentSaleConfirmModal--materialTitle {
  position: relative;
  color: #FFFFFF;
  background: url(/image/common/Parts_TextBase.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  width: 26.6rem;
  height: 2.6rem;
  min-height: 2.6rem;
  margin-top: 0.6rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-equipmentSaleConfirmModal--resultList {
  width: 25rem;
  margin-top: 0.25rem;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.c-equipmentSaleConfirmModal--bottom {
  position: absolute;
  bottom: 3rem;
  width: 100%;

  display: flex;
  justify-content: center;
  gap: 2rem;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-equipmentSaleConfirmModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-equipmentSaleConfirmModal-title {
    top: 0.3rem;
  }

  .c-equipmentSaleConfirmModal-inner {
    padding-top: 4rem;
  }

  .c-equipmentSaleConfirmModal-enhancementList {
    height: 11rem;
  }

  .c-equipmentSaleConfirmModal-listContainer {
    max-height: 9.5rem;
  }

  .c-equipmentSaleConfirmModal--resultContainer {
    margin-top: 1rem;
  }
}.c-equipmentDownGradResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentDownGradResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentDownGradResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentDownGradResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.c-equipmentDownGradResultModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentDownGradResultModal-resultList {
  width: 29rem;
  height: 8.45rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 1.2rem;
  overflow-y: auto;

  display: flex;
  gap: 0.2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.c-equipmentDownGradResultModal-getMaterialItem {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
}

.c-equipmentDownGradResultModal-getMaterialItem p {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  font-size: 1.1rem;
  color: #FFFFFF;
  text-shadow:
    -0.5px -0.5px 0 #371F1F,
    0.5px -0.5px 0 #371F1F,
    0.5px 0.5px 0 #371F1F,
    0.5px 0.5px 0 #371F1F;
}.c-equipmentDownGradModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentDownGradModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentDownGradModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentDownGradModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.9rem;

  display: flex;
  flex-flow: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentDownGradModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentDownGradModal-contentHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentDownGradModal-arrow {
  width: 2.9rem;
  margin: 0.5rem 0;
}

.c-equipmentDownGradModal-equipmentLevel {
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.5rem;
}

.c-equipmentDownGradModal-equipment {
  position: relative;
  width: 6.4rem;
  height: 6.4rem;
}

.c-equipmentDownGradModal-getMaterialList,
.c-equipmentDownGradModal-needMaterialList {
  width: 29rem;
  height: 8.45rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 1.2rem;
  overflow-y: auto;

  display: flex;
  gap: 0.2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.c-equipmentDownGradModal-needMaterialList {
  margin-top: 2.75rem;
}

.c-equipmentDownGradModal-listTitle {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  height: 2.6rem;

  color: #FFFFFF;
  font-size: 1.2rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.15rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentDownGradModal-contentBottom {
  margin-top: 1.1rem;
}

.c-equipmentDownGradModal-contentBottom .c-tertiaryRedButton-container {
  margin-top: 1.5rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-equipmentDownGradModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-equipmentDownGradModal-title {
    top: 0.3rem;
  }

  .c-equipmentDownGradModal-inner {
    padding-top: 3.5rem;
  }

  .c-equipmentDownGradModal-needMaterialList {
    margin-top: 1rem;
  }

  .c-equipmentDownGradModal-arrow {
    width: 1.5rem;
  }

  .c-equipmentDownGradModal-contentBottom .c-tertiaryRedButton-container {
    margin-top: 0.5rem;
  }

  .c-equipmentDownGradModal-contentBottom {
    margin-top: 0.5rem;
  }
}.c-equipmentMaxEnhanceModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentMaxEnhanceModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentMaxEnhanceModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentMaxEnhanceModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 5.35rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentMaxEnhanceModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentMaxEnhanceModal-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-equipmentMaxEnhanceModal-contentHeader-text {
  color: #371F1F;
  font-size: 1.5rem;
}

.c-equipmentMaxEnhanceModal-itemWrap {
  width: 100%;
  margin-top: 1.7rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentMaxEnhanceModal-itemWrap .c-equipItem {
  margin-top: 0.2rem;
  margin-right: 3rem;
}

.c-equipmentMaxEnhanceModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-equipmentMaxEnhanceModal-itemDescription {
  width: 10.75rem;
}

.c-equipmentMaxEnhanceModal-itemDescription--level {
  text-align: center;
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-equipmentMaxEnhanceModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.1rem 0.35rem;
  margin-bottom: 0.25rem;

  display: flex;
  justify-content: space-between;
}

.c-equipmentMaxEnhanceModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipmentMaxEnhanceModal-middle {
  margin-top: 2.35rem;

  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.c-equipmentMaxEnhanceModal-inner .c-equipmentMaxEnhanceModal-bottom {
  margin-top: 1.75rem;
}.c-equipmentEnhanceResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentEnhanceResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentEnhanceResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 42.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentEnhanceResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 6.25rem;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentEnhanceResultModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentEnhanceResultModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-equipmentEnhanceResultModal-equipmentContainer {
  position: relative;
}

.c-equipmentEnhanceResultModal-equipmentContainer .c-equipItem {
  margin-top: 2rem;
}

.c-equipmentEnhanceResultModal-awakeText {
  position: absolute;
  top: 2.5rem;
  right: 0.6rem;
  color: #F4E181;
  font-size: 1.2rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipmentEnhanceResultModal-levelContainer {
  display: flex;
  margin-top: 3rem;
}

.c-equipmentEnhanceResultModal-levelContainer--after {
  transform: translateY(-0.1rem);
}

.c-equipmentEnhanceResultModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-equipmentEnhanceResultModal-top--description--textWrap {
  color: #371F1F;
  font-size: 1.3rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-equipmentEnhanceResultModal-top--description--text {
  position: relative;
  width: 10.8rem;
  padding: 0.1rem 0.25rem;
  background-color: #DCD6BC;
  border-radius: 2px;
  white-space: nowrap;

  display: flex;
  justify-content: space-between;
}

.c-equipmentEnhanceResultModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipmentEnhanceResultModal-top--arrow {
  margin: 0 1.2rem;
  height: 6.4rem;
  margin-top: 0.5rem;

  display: flex;
  align-items: center;
}

.c-equipmentEnhanceResultModal-top--arrow img {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 2rem;
}

.c-equipmentEnhanceResultModal-top--description--redText {
  color: #B54247;
}

.c-equipmentEnhanceResultModal-top--description--redText:first-child {
  font-size: 1.6rem;
}

.c-equipmentEnhanceResultModal-getskillContainer {
  position: relative;
  text-align: center;
  font-size: 1.1rem;
}

.c-equipmentEnhanceResultModal-skillList {
  width: 29rem;
  height: 4.5rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  display: flex;
  flex-direction: column;
}

.c-equipmentEnhanceResultModal-listTitle {
  width: 95%;
  height: 2.9rem;
  border: 0.15rem solid #FFFFFF80;
  border-radius: 0.3rem;
  margin-top: 0.3rem;
  margin-left: 0.7rem;
  margin-bottom: 0.4rem;
}

.c-equipmentEnhanceResultModal-listTitle-text {
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-top: 0.3rem;
}

.c-equipmentEnhanceModal-middle {
  margin-top: 1.8rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}


.c-equipmentEnhanceModal-bottom {
  position: absolute;
  bottom: 3rem;

  display: flex;
  gap: 1.7rem;
}

.c-equipmentEnhanceModal-bottom .c-equipCoinParts--coinWrap {
  margin-top: 4.2rem;
  margin-bottom: 1.7rem;
}

.c-equipmentEnhanceModal-bottom>div:nth-of-type(1) .c-tertiaryRedButton-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 0.5rem;
}

.c-equipmentEnhanceModal-bottom>div:nth-of-type(2) .c-tertiaryRedButton-container {
  display: flex;
  justify-content: flex-start;
  margin-left: 0.5rem;
}
.c-equipmentEvolutionResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentEvolutionResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentEvolutionResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentEvolutionResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 6.25rem;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentEvolutionResultModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentEvolutionResultModal-contentHeader-text {
  font-size: 1.7rem;
  color: #371F1F;
  padding: 0 0.5rem 0.2rem 0.5rem;
  border-bottom: 0.3rem solid #6D530E;
  text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

.c-equipmentEvolutionResultModal-equipmentContainer {
  position: relative;
}

.c-equipmentEvolutionResultModal-equipmentContainer .c-equipItem {
  margin-top: 2rem;
}

.c-equipmentEvolutionResultModal-awakeText {
  position: absolute;
  top: 2.5rem;
  right: 0.6rem;
  color: #F4E181;
  font-size: 1.2rem;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipmentEvolutionResultModal-levelContainer {
  display: flex;
  margin-top: 3rem;
}

.c-equipmentEvolutionResultModal-levelContainer--after {
  transform: translateY(-0.1rem);
}

.c-equipmentEvolutionResultModal-top--description-level {
  font-size: 1.5rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}

.c-equipmentEvolutionResultModal-top--description--textWrap {
  color: #371F1F;
  font-size: 1.3rem;

  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.c-equipmentEvolutionResultModal-top--description--text {
  position: relative;
  width: 10.8rem;
  padding: 0.1rem 0.25rem;
  background-color: #DCD6BC;
  border-radius: 2px;
  white-space: nowrap;

  display: flex;
  justify-content: space-between;
}

.c-equipmentEvolutionResultModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipmentEvolutionResultModal-top--arrow {
  margin: 0 1.2rem;
  height: 6.4rem;
  margin-top: 0.5rem;

  display: flex;
  align-items: center;
}

.c-equipmentEvolutionResultModal-top--arrow img {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 2rem;
}

.c-equipmentEvolutionResultModal-top--description--redText {
  color: #B54247;
}

.c-equipmentEvolutionResultModal-top--description--redText:first-child {
  font-size: 1.6rem;
}

.c-equipmentEvolutionResultModal-getskillContainer {
  position: relative;
  text-align: center;
  font-size: 1.1rem;
}

.c-equipmentEvolutionResultModal-skillList {
  width: 29rem;
  height: 9em;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.3rem 0.7rem 0 1.25rem;

  display: flex;
  flex-direction: column;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipmentEvolutionResultModal-listContainer {
  width: 100%;
  height: 100%;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.c-equipmentEvolutionResultModal-listTitle {
  width: 95%;
  height: 2.9rem;
  border: 0.15rem solid #FFFFFF80;
  border-radius: 0.3rem;
  margin-top: 0.5rem;
  margin-left: 0.7rem;
  margin-bottom: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipmentEvolutionResultModal-listTitle-text {
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
}.c-equipmentAccessoryModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-equipmentAccessoryModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipmentAccessoryModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipmentAccessoryModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipmentAccessoryModal-title {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipmentAccessoryModal-title.enText {
  font-size: 1.7rem;
  top: 0.7rem;
}

.c-equipmentAccessoryModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
  margin-top: 9.75rem;
  margin-bottom: 2.8rem;
}

.c-equipmentAccessoryModal-equipWrap {
  display: flex;
  justify-content: center;
  gap: 4.5rem;
}

.c-equipmentAccessoryModal-bottom {
  position: absolute;
  bottom: 3rem;
}.c-equipSlotItemModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-equipSlotItemModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-equipSlotItemModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-equipSlotItemModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6.7rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-equipSlotItemModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-equipSlotItemModal-contentHeader {
  display: flex;
  justify-content: center;
}

.c-equipSlotItemModal-downGrade {
  position: absolute;
  right: 3rem;
  top: 6.5rem;
  cursor: pointer;
}

.c-equipSlotItemModal-downGradeWrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.c-equipSlotItemModal-downGrade img {
  width: 3.85rem;
  height: 3.85rem;
}

.c-equipSlotItemModal-contentBody {
  width: 100%;
}

.c-equipSlotItemModal-itemWrap {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.c-equipSlotItemModal-itemDescription span {
  display: inline-block;
  width: 3.5rem;
}

.c-equipSlotItemModal-itemDescription {
  width: 10.75rem;
}

.c-equipSlotItemModal-itemDescription--level {
  font-size: 1.8rem;
  color: #371F1F;
  margin-bottom: 0.5rem;
}

.c-equipSlotItemModal-itemDescription--text {
  position: relative;
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.25rem 0.35rem 0.1rem 0.35rem;
  margin-bottom: 0.3rem;

  display: flex;
  justify-content: space-between;
}

.c-equipSlotItemModal-itemDescription--icon {
  position: absolute;
  top: 52%;
  left: 0.6rem;
  transform: translateY(-50%);
  width: 3rem;
}

.c-equipSlotItemModal-skillContainer {
  width: 100%;
  padding: 0 3.25rem;
  margin-top: 2.5rem;
}

.c-equipSlotItemModal-skillTitle {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  min-height: 2.6rem;
  height: 2.6rem;
  padding-top: 0.2rem;

  color: #FFFFFF;
  font-size: 1.5rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.25rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipSlotItemModal-skillList {
  width: 29rem;
  height: 21rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.6rem 0.7rem 0 1.25rem;

  display: flex;
  flex-direction: column;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-equipSlotItemModal-listTitle {
  font-size: 1.3rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  border: 0.15rem solid #FFFFFF80;
  border-radius: 0.3rem;

  display: flex;
  flex-direction: column;
}

.c-equipSlotItemModal-listName {
  padding: 0.6rem 0 0.5rem 1.5rem;
}

.c-equipSlotItemModal-listNameBorder {
  border-bottom: 0.15rem solid #FFFFFF80;
}

.c-equipSlotItemModal-listDescription {
  padding: 0.6rem 1.5rem 0.5rem 1.5rem;
}

.c-equipSlotItemModal-listContainer {
  width: 100%;
  height: 100%;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.c-equipSlotItemModal-listItem {
  position: relative;
  height: 2.9rem;
  background-color: #00000080;
  border-radius: 0.3rem;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;

  display: flex;
  align-items: center;
}

.c-equipSlotItemModal-listItemDescription {
  font-size: 1.2rem;
  color: #FFFFFF;
}

.c-equipSlotItemModal-lockItemText {
  font-size: 1.2rem;
  color: #FFFFFF;
  text-shadow:
    -1px -1px 0 #371F1F,
    1px -1px 0 #371F1F,
    1px 1px 0 #371F1F,
    1px 1px 0 #371F1F;
}

.c-equipSlotItemModal-listItemOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.3rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipSlotItemModal-listItemOverlay img {
  width: 2.3rem;
  height: 2.3rem;
  margin-right: 0.9rem;
}

.c-equipSlotItemModal-emptySkill {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-equipSlotItemModal-emptySkill p {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding-bottom: 0.8rem;
}

.c-equipSlotItemModal-contentBottom {
  position: absolute;
  bottom: 3rem;
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.c-equipSlotItemModal-contentBottom--btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}

.c-equipSlotItemModal-contentBottom--enhanceBtn {
  position: relative;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-equipSlotItemModal-title {
    top: 0.3rem;
  }

  .c-equipSlotItemModal-inner {
    padding-top: 4rem;
  }

  .c-equipSlotItemModal-content {
    top: 45%;
    height: 40rem;
  }

  .c-equipSlotItemModal-skillContainer {
    margin-top: 1rem;
  }

  .c-equipSlotItemModal-contentBottom {
    bottom: 2rem;
  }
}.c-primaryRedButton-container {
  margin-top: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-primaryRedButton {
  background: url("/image/button/Btn_Primary_Language-red.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-primaryRedButton--text {
  font-size: 1.4rem;
  color: #FFFFFF;
  padding-bottom: 0.2rem;
}

.c-primaryRedButton-alert {
  position: absolute;
  top: -0.8rem;
  right: -0.6rem;
  width: 3.2rem;
  height: 3.2rem;
}.c-share {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  @media screen and (min-width: 768px) {
    height: calc(100vh - 404px);
  }
}

.c-share-information {
  width: 34rem;
  height: 6.7rem;
  background-color: #DCD6BC;
  border-top: 0.1rem solid #AA733D;
  border-left: 0.1rem solid #AA733D;
  border-right: 0.1rem solid #AA733D;
}

.c-share-information-title {
  position: relative;
  width: 34.75rem;
  min-height: 3.55rem;
  margin-top: 0.75rem;
  margin-bottom: 0.6rem;
  background: url("/image/shop/Parts_Tab_Title_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-share-information-Text {
  color: #FFFFFF;
  font-size: 1.9rem;
  padding-bottom: 0.3rem;
}

.c-share-reward {
  width: 34rem;
  height: calc(100vh - 34rem);
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
}

.c-share-reward-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27rem;
  margin: 0 auto;
  margin-top: 0.5rem;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  position: relative;
  height: 2.6rem;
  color: #FFFFFF;
}

.c-share-reward-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1.7rem;
  margin-top: 0.5rem;
}

.c-share-reward-buttons-inviting .c-primaryRedButton-container {
  margin-top: 0;
}

.c-share-reward-buttons .c-secondaryBlackButton-container {
  transform: translateX(-0.3rem);
}

.c-share-reward-list {
  height: calc(100vh - 42.2rem);
  background: #8D8D7A;
  margin-top: 0.25rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }

}

.c-share-reward-list-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 0.1rem;
  overflow-y: auto;
}

.c-share-reward-list-itemWrap {
  position: relative;
}

.c-share-reward-list-itemWrap.unreceived .c-shareCell-progress-count {
  color: #B54247;
}

.c-share-reward-list-itemAlert {
  width: 3.2rem;
  height: 3.2rem;

  position: absolute;
  top: 0.2rem;
  right: 0.7rem;
  z-index: 1;

  display: none;
}

.unreceived .c-share-reward-list-itemAlert {
  display: block;
}

.c-share-reward-list-itemOverlay {
  width: 32.1rem;
  height: 99%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/image/mission/Parts_GrayOut_Mission.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 3;
}

.c-share-reward-list-itemCheck {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/image/common/Icon_GetStamp.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 4;
}

.c-share-bottomContainer {
  padding-right: 0.5rem;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}

.c-share-bottomContainer.jaText .c-primaryBlackLongButton--text {
  letter-spacing: -0.2rem;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-share-information-title {
    margin-top: 6.2rem;
  }
}.c-shareCell-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 32.1rem;
  height: 7.3rem;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background: url('/image/mission/Tab_List.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 1.4rem 2.5rem 1.6rem 2.5rem;
  margin: 0 auto;
}

.c-shareCell-stamp {
  position: absolute;
  background: url('/image/common/Icon_GetStamp.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.4rem;
  height: 6.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  z-index: 2;
}

.c-shareCell-container.c-shareCell-received::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/image/mission/Parts_GrayOut_Mission.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-shareCell-content {
  display: flex;
  flex-direction: column;
  margin-left: 0.3rem;
  gap: 0.1rem;
  text-align: center;
  color: #371F1F;
  width: 5rem;
}

.c-shareCell-message {
  font-size: 1rem;
}

.c-shareCell-progress-count {
  margin-top: 0.5rem;
  font-size: 1.8rem;
}

.c-shareCell-reward-icons {
  display: flex;
  gap: 0.35rem;
}

.c-shareCell-reward-noFrame .c-equipItem-frame {
  display: none;
}

.c-shareCell-button {
  background: url('/image/button/Btn_Primary_Small.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  width: 7rem;
  height: 4rem;
  margin-top: 0.3rem;
  margin-left: 0.75rem;
  padding-top: 0.9rem;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.43;
  color: #FFFFFF;
}

.c-shareCell-button.achieved {
  background: url('/image/button/Btn_Primary_On_Small.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.43;
  color: #371F1F;
  -webkit-text-fill-color: #371F1F;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-shareCell-button.received {
  background: url('/image/button/Btn_Inactive_Small.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: default;
}.c-secondaryBlackButton {
  background: url("/image/button/Btn_Primary_Mail.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-secondaryBlackButton--text {
  font-size: 1.4rem;
  color: #FFFFFF;
  padding-bottom: 0.2rem;
}.c-secondaryRedButton {
    background: url("/image/button/Btn_Positive_Mail.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;
}

.c-secondaryRedButton--text {
    font-size: 1.4rem;
    color: #FFFFFF;
    padding-bottom: 0.2rem;
}.c-primaryBlackLongButton {
    background: url("/image/button/Btn_Primary_Language.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;
}

.c-primaryBlackLongButton--text {
    font-size: 1.4rem;
    color: #FFFFFF;
    padding-bottom: 0.3rem;
}.c-share-information-countbox {
  display: flex;
  align-items: end;
  padding: 1.1rem 2.5rem 0 2.25rem;
}

.c-share-information-countbox-count {
  position: relative;
  padding: 1.5rem;
  width: 4.4rem;
  height: 4.4rem;
  background: url('/image/common/Parts_Gaugenumber.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  z-index: 1;
}

.c-share-information-countbox-count-num {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 4.4rem;
  font-size: 1.7rem;
  height: 2.45rem;
  color: #FFFFFF;
}

.c-share-information-countbox-count-name {
  position: absolute;
  font-size: 1rem;
  left: 0rem;
  top: 2.8rem;
  width: 4.4rem;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  height: 1.45rem;
}

.c-share-progress-container {
  position: relative;
  margin: 0 -2.1rem;
  width: 88%;
  height: 1.6rem;
  background: url('/image/common/Parts_BossGuageBase.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.2rem;
}

.c-share-progress-bar {
  position: absolute;
  margin-left: 3px;
  width: 100%;
  height: 0.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}

.c-share-progress-bar::-webkit-progress-bar {
  background-color: transparent;
}

.c-share-progress-bar::-webkit-progress-value {
  background-color: #EFA544;
}

/* マイルストーンのマーカー用スタイル */
.c-share-progress-milestone-marker {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -0.3rem;
  transform: translateX(-50%);
  width: 2.1rem;
  height: 2.1rem;
  background: url('/image/common/Parts_MidPoint.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 2;
}

.c-share-progress-milestone-marker-cleared::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/image/common/Parts_GrayOut_Square.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-share-progress-milestone-marker-num {
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  line-height: 1.45;
  color: #FFFFFF;
}

.c-share-progress-milestone-marker-overlay {
  position: absolute;
  transform: rotate(44deg);
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  z-index: 2;
}

.c-share-progress-milestone-marker-cleared-check {
  position: absolute;
  width: 1.15rem;
  height: 1.15rem;
  margin: -1.8rem 0.5rem;
  background: url('/image/common/Parts_Check.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 5;
}

.c-share-progress-milestone-items {
  position: absolute;
  top: -2.7rem;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 2.5rem;
}.c-receiveShareRewardsResult {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-receiveShareRewardsResult-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-receiveShareRewardsResult-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-receiveShareRewardsResult-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.c-share-campaignModal-container {
  justify-content: flex-start;
}

.c-receiveShareRewardsResult-title {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-receiveShareRewardsResult-subTitle {
  position: absolute;
  top: 8rem;
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  color: #371F1F;
}

.c-receiveShareRewardsResult-resultList {
  width: 29rem;
  height: 8.45rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 1.2rem;
  overflow-y: auto;

  display: flex;
  gap: 0.2rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.c-share-campaignModal-title {
  color: #FFFFFF;
  font-size: 1.6rem;
  width: 27rem;
  height: 2.6rem;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-share-campaignModal {
  margin-top: 9.5rem;
}

.c-share-campaignModal-icon {
  width: 5.5rem;
  height: 5.5rem;
}

.c-share-campaignModal-iconContainer {
  margin-top: 1.5rem;

  display: flex;
  justify-content: center;
  gap: 7rem;
}

.c-share-campaignModal-iconWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-share-campaignModal-campaignName {
  font-size: 1.2rem;
  color: #371F1F;
  margin-bottom: 0.25rem;
}

.c-receiveShareRewardsResult-noFrame .c-equipItem-frame {
  display: none;
}.c-shareWebInviteModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-shareWebInviteModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-shareWebInviteModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  padding: 0 2rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-shareWebInviteModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.c-shareWebInviteModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-shareWebInviteModal-description {
  font-size: 1.5rem;
  color: #371F1F;
  text-align: center;
  margin-bottom: 2rem;
}

.c-shareWebInviteModal-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3rem;

  display: flex;
  gap: 4.2rem;
}.c-ranking {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-ranking-title {
  color: #ffffff;
  font-size: 1.4rem;
  width: 27.1rem;
  height: 3.25rem;
  background: url("/image/ranking/Parts_Ranking_Title.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 0.9rem 0.2rem 0.9rem;
  padding-top: 0.2rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-ranking-list-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

.c-ranking-list-content .c-rankingScoreTabButton-container {
  padding-left: 0.35rem;
}

.c-ranking-list-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 35rem;
  height: calc(100vh - 29.5rem);
  background: #8d8d7a;
  border: 0.1rem solid #aa733d;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372d;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #dacf79;
    border: 0.3rem solid #dacf79;
  }
}

.c-ranking-list-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-ranking-list-inner {
  display: flex;
  justify-content: start;
  flex-direction: column;
  height: 27.35rem;
  overflow-y: auto;
  padding: 0 0.35rem 0.75rem 0.35rem;
  flex-grow: 1;
}

.c-ranking-list-lastTime-content {
  background-image: url("/image/ranking/Parts_TimeTextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 13rem;
  height: 2.6rem;
  margin-left: 0.55rem;
  margin-top: 0.2rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-ranking-list-lastTime-message {
  text-align: center;
  color: #ffffff;
  font-size: 1.3rem;
  padding-top: 0.1rem;
}

.c-ranking-list-rewardButton-container {
  margin-right: 0.45rem;
}

.c-ranking-myRanking-container {
  width: 34.3rem;
  margin-top: 0.75rem;
}

.c-ranking-tutorial {
  position: absolute;
  width: 98%;
  height: 10rem;
  bottom: 7rem;
  padding: 1rem;
  margin-left: 0.25rem;
  border-radius: 0.2rem;
  background-color: #ffffff;

  display: flex;
  justify-content: center;
}

.c-ranking-tutorialText {
  color: #000000;
  font-size: 1.6rem;
}

.c-ranking-tutorial .c-tertiaryRedButton-container {
  position: absolute;
  bottom: 0;
}

.c-ranking-tutorialFinger {
  position: absolute;
  top: 8rem;
  right: 10rem;
  width: 6rem;
}

.c-ranking-titleWrap {
  margin-top: 0.75rem;

  display: flex;
  align-items: center;
}

.c-ranking-prevBtn img,
.c-ranking-nextBtn img {
  width: 2.4rem;
  height: 4.3rem;
}

.c-ranking-prevBtn img {
  transform: scale(-1, 1);
}

.rankingCell-reward {
  position: absolute;
  width: 5.7rem;
  right: 1rem;

  display: flex;
  flex-direction: column;
}

.rankingCell-reward-textWrap {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.rankingCell-reward-text {
  font-size: 1rem;
  color: #ffffff;
  text-shadow: -0.5px -0.5px 0 #371f1f, 0.5px -0.5px 0 #371f1f,
    -0.5px 0.5px 0 #371f1f, 0.5px 0.5px 0 #371f1f;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-ranking-list-container {
    margin-top: 0;
  }

  .c-rankingTabButton-button,
  .c-rankingTabButton-button.is-active {
    height: 3rem;
  }

  .c-rankingCell {
    height: 5rem;
    min-height: 5rem;
  }
}

@media screen and (min-width: 770px) {
  .c-ranking-list-content {
    height: calc(100vh - 31rem);
  }
}
.c-rankingCell {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: 5.9rem;
  min-height: 5.9rem;
  flex-shrink: 0;
  position: relative;
  background-size: 100% 100%;
  background-image: url("/image/ranking/Parts_Ranking.png");
}

.c-rankingCell-rank {
  color: #371f1f;
  font-size: 1.2rem;
  text-align: center;
  padding-left: 0.9rem;
  line-height: 1.46;
  width: 7.3rem;
}

.c-rankingCell-rankIcon {
  width: 4.3rem;
  margin-left: 1.1rem;
}

.c-rankingCell-userName {
  color: #371f1f;
  font-size: 1rem;
  text-align: left;
  line-height: 1.45;
  margin-left: 0.75rem;
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* UserIcon */
.rankingCell-userIcon {
  height: 4rem;
  width: 4rem;
  position: absolute;
  left: 7rem;
  top: 50%;
  transform: translateY(-50%);
}

.rankingCell-userIcon-back {
  position: absolute;
  top: 0;
  left: 0;
  height: 4rem;
  width: 4rem;
  z-index: 1;
}

.rankingCell-userIcon-frame {
  position: absolute;
  top: 0;
  left: 0;
  height: 4rem;
  width: 4rem;
  z-index: 3;
}

.rankingCell-userIcon-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 4rem;
  width: 4rem;
  z-index: 2;
}

.rankingCell-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-items: start;
  right: 7.2rem;
  gap: 0.1rem;
}

.c-rankingCell-score-content {
  background-image: url("/image/mission/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 15.8rem;
  height: 2.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.2rem;
}

.c-rankingCell-score-title {
  text-align: left;
  height: 1.5rem;
  font-size: 1rem;
  color: white;
  line-height: 1.45;
}

.c-rankingCell-score-quest-name {
  text-align: left;
  height: 1.5rem;
  font-size: 1rem;
  color: white;
  line-height: 1.45;
}

.c-rankingCell-score {
  text-align: right;
  width: 73%;
  font-size: 1.4rem;
  color: white;
  line-height: 1.43;
}

.c-rankingCell-score-total {
  text-align: right;
  width: 100%;
  font-size: 1.4rem;
  color: white;
  line-height: 1.43;
}.c-rankingRewardModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-rankingRewardModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-rankingRewardModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-rankingRewardModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 4.85rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-rankingRewardModal-inner .c-rankingScoreTabButton-container {
  margin-bottom: -0.4rem;
}

.c-rankingRewardModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #ffffff;
}

.c-ranking-subTitle {
  color: #ffffff;
  font-size: 1.4rem;
  width: 30.75rem;
  height: 3rem;
  padding-bottom: 0.1rem;
  background: url("/image/shop/Parts_Tab_Title_Shop.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 0.75rem;
  letter-spacing: -0.05rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-rankingRewardModal-listWrap {
  width: 31rem;
  height: 35.5rem;
  background-color: #8d8d7a;
  border: 0.1rem solid #aa733d;
  padding-right: 0.4rem;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372d;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #dacf79;
    border: 0.3rem solid #dacf79;
  }
}

.c-rankingRewardModal-listContainer {
  width: 31rem;
  height: 31rem;
  padding: 0 1.5rem;
  overflow-y: auto;
}

.c-rankingRewardModal-listItemContainer {
  min-height: 4.5rem;
  border-bottom: 0.1rem solid #ffffff;
  padding: 1rem 0;
  transform: translateY(0.5rem);

  display: flex;
  align-items: center;
}

.c-rankingRewardModal-listItem--left {
  width: 9rem;
  text-align: center;
  margin-right: 1.65rem;
}

.c-rankingRewardModal-listItem--left p {
  color: #ffffff;
  font-size: 1.6rem;
}

.c-rankingRewardModal-listItem--right {
  display: flex;
  flex-direction: column;
}

.c-rankingRewardModal-listItem--right p {
  color: #ffffff;
  font-size: 1.3rem;
  max-width: 18.5rem;
  overflow-wrap: break-word;
  padding-top: 0.2rem;
}

.c-rankingRewardModal-listItem--right img {
  margin-right: 0.5rem;
}

.c-rankingRewardModal-listItem--rightWrap {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 500px) and (max-height: 995px) {
  .c-rankingRewardModal-title {
    top: 0.2rem;
  }

  .c-rankingRewardModal-content {
    top: 43%;
    height: 34.5rem;
  }

  .c-rankingRewardModal-listContainer {
    height: 21rem;
  }

  .c-rankingRewardModal-inner {
    padding-top: 3rem;
  }

  .c-rankingRewardModal-listWrap {
    height: 25rem;
  }
}
.c-rankingScoreTabButton-container {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.6rem;
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-rankingScoreTabButton-button {
  color: #ffffff;
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  padding-top: 0.1rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 3.25rem;
  width: 10.7rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-rankingScoreTabButton-button.is-active {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 3.25rem;
  width: 10.7rem;
  color: #371f1f;
  -webkit-text-fill-color: #371f1f;
  -webkit-text-stroke: 0.2rem white;
  paint-order: stroke;
}

.c-rankingScoreTabButton-button:first-child {
  transform: translateX(1.5px);
  background-image: url("/image/common/Tab_Kirikae_Inactive_Left.png");
}

.c-rankingScoreTabButton-button:last-child {
  transform: translateX(-1.5px);
  background-image: url("/image/common/Tab_Kirikae_Inactive_Right.png");
}

.c-rankingScoreTabButton-button.is-active:first-child {
  background-image: url("/image/common/Tab_Kirikae_Active_Left.png");
}

.c-rankingScoreTabButton-button.is-active:last-child {
  background-image: url("/image/common/Tab_Kirikae_Active_Right.png");
}
.c-rankingStatusModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-rankingStatusModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-rankingStatusModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-rankingStatusModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 4.85rem;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-rankingRewardModal-inner .c-rankingScoreTabButton-container {
  margin-bottom: -0.4rem;
}

.c-rankingStatusModal-title {
  position: absolute;
  top: 0.9rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  color: #ffffff;
}

.c-rankingStatusModal-subtitle {
  color: #FFFFFF;
  align-items: center;
  display: flex;
  background: url(/image/common/Parts_TextBase.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  margin: 0rem 1.2rem 0.8rem 1.2rem;
  position: relative;
  height: 2.6rem;
  min-height: 2.6rem;
  width: calc(100% - 4.0rem);
}

.c-rankingStatusModal-subtitle-rankProgress {
  position: relative;
  left: 1.5rem;
  top: 0.6rem;
}

.c-rankingStatusModal-subtitle-name {
  position: absolute;
  top: 0.45rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 53%;
  text-align: center;
}

.c-rankingStatusModal-userIcon-rank {
  position: relative;
  margin-bottom: 1.4rem;
  z-index: 4;
}

.c-rankingStatusModal-userIcon-rank img {
  max-width: 6rem;
}

.c-rankingStatusModal-userIcon-rank-frame {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.c-rankingStatusModal-userIcon-rank__textWrap {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.c-rankingStatusModal-userIcon-rank__rank {
  font-size: 1rem;
  line-height: 1;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.c-rankingStatusModal-userIcon-rank__value {
  font-size: 1.6rem;
  line-height: 1;
  color: #371F1F;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 0.2rem #371F1F;
  paint-order: stroke;
  z-index: 1;
}

.c-rankingStatusModal-deck {
  width: 32rem;
  height: 28rem;
  background-size: 100% 100%;
  background-color: #324272;
}

.c-rankingStatusModal-deck-bg {
  margin-top: 4rem;
  width: 100%;
}

.c-rankingStatusModal-deck-status {
  position: absolute;
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  top: 9.5rem;
  width: calc(100% - 3.0rem);
  margin-left: -0.3rem;
}

.c-rankingStatusModal-bottom__textContainer {
  position: relative;
  width: 35.5rem;
  height: 2.6rem;
  padding: 0 3.0rem;
  background: url("/image/header/Header_Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-rankingStatusModal-bottom__scrollBar {
  width: 0.9rem;
  height: 75%;
  margin: 0 2.8rem;
  background: url("/image/header/Parts_ScrollBar.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-rankingStatusModal-bottom__text {
  color: #FFFFFF;
  font-size: 1.6rem;
  padding-top: 0.2rem;
  margin-left: 0.2rem;
}

.c-rankingStatusModal-bottom__iconWrap {
  display: flex;
  align-items: center;
}

.c-rankingStatusModal-bottom__icon {
  width: 3.6rem;
}

.c-rankingStatusModal-tabImg {
  width: 90%;
  position: absolute;
  top: 11.3rem;
  left: 0.8rem;
}

.c-rankingStatusModal--heroImgWrap {
  position: absolute;
  width: 13.2rem;
  bottom: -6.0rem;
  left: 11.5rem;
}

.c-rankingStatusModal--heroImg {
  position: absolute;
  max-width: 120%;
  top: 2rem;
  right: 0.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-rankingStatusModal-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.8rem;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;

  position: absolute;
  top: 2.4rem;
  left: 2.5rem;
}

.c-rankingStatusModal-items .c-equipItem {
  transform: translate(-0.2rem, -0.3rem);
}

.c-rankingStatusModal-itemEmptyWrap {
  width: 6.2rem;
  height: 6.2rem;
}

.c-rankingStatusModal-itemEmpty {
  width: 5.5rem;
  height: 5.5rem;
}

.c-rankingStatusModal-listWrap {
  position: absolute;
  width: 30rem;
  height: 9.5rem;
  background-color: #8d8d7a;
  border: 0.1rem solid #aa733d;
  margin-top: -3.0rem;
  margin-left: 1.0rem;
}

.c-rankingStatusModal-listItemContainer {
  width: 95%;
  min-height: 3.5rem;
  border-bottom: 0.3rem solid #A2A264;
  transform: translate(0.7rem, 0.3rem);

  display: flex;
  align-items: center;
}

.c-rankingStatusModal-listItem--left {
  width: 15rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
}

.c-rankingStatusModal-listItem--right {
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  width: 10rem;
}

.c-rankingStatusModal-top--tabContent {
  width: 95%;
  min-height: 3.5rem;
  transform: translate(1.8rem, 1.2rem);
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.c-rankingStatusModal-top--tabContent-activeSkill {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 14rem;
}

.c-rankingStatusModal-top--tabContent-passiveSkill {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 14rem;
}

.c-rankingStatusModal-top--frameWrap {
  position: relative;
  width: 3.7rem;
  height: 3.7rem;
}

.c-rankingStatusModal-top--frameImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-rankingStatusModal-top--tabContent-skillImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
}

.c-rankingStatusModal-top--tabContent-skillContainer {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.c-rankingStatusModal-top--tabContent-skillTitle {
  color: #FFFFFF;
  font-size: 0.8rem;
}

.c-rankingStatusModal-top--tabContent-skillName {
  color: #FFFFFF;
  font-size: 1.1rem;
}

.c-rankingStatusModal-top--tabContent-skillLevel {
  color: #FFFFFF;
  font-size: 0.9rem;
}.c-questDropListModal {
  position: fixed;
  inset: 0;
  z-index: 22;
}

.c-questDropListModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-questDropListModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-questDropListModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding-top: 6rem;

  display: flex;
  flex-flow: column;
  align-items: center;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-questDropListModal-title {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-questDropListModal-listContainer {
  width: 29rem;
  height: 37.1rem;
  background-color: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.5rem 1.2rem;
  overflow-y: auto;
}

.c-questDropListModal-listItemContainer-item {
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
}

.c-questDropListModal-listItemContainer-header {
  display: flex;
  align-items: center;
}

.c-questDropListModal-listItemContainer-attention {
  align-items: center;
}

.c-questDropListModal-listItemContainer-attention p {
  color: #ffffff;
  font-size: 0.9rem;
  padding-left: 0.3rem;
}

.c-questDropListModal-listItem--left {
  width: 11.0rem;
  text-align: left;
  margin-left: 1.0rem;
}

.c-questDropListModal-listItem--left-top {
  color: #ffffff;
  font-size: 0.9rem;
}

.c-questDropListModal-listItem--left-bottom {
  color: #ffffff;
  font-size: 1.0rem;
}

.c-questDropListModal-listItem--right {
  width: 10.0rem;
  text-align: right;
}

.c-questDropListModal-listItem--right p {
  color: #ffffff;
  font-size: 0.9rem;
  padding-top: 1.3rem;
}

.c-questDropListModal-listItem--title {
  background-image: url('/image/common/Parts_TextBase.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  height: 2.6rem;

  color: #FFFFFF;
  font-size: 1.5rem;
  padding-top: 0.1rem;
  margin-bottom: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-questDropListModal-listItem--items {
  max-height: 10rem;
  padding-bottom: 0.5rem;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-questDropListModal-empty {
  color: #371F1F;
  font-size: 1.4rem;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-questDropListModal-content {
    height: 41rem;
    top: 43%;
  }

  .c-questDropListModal-inner {
    padding-top: 4rem;
  }

  .c-questDropListModal-title {
    top: 0.35rem;
  }

  .c-questDropListModal-listContainer {
    height: 35rem;
  }
}.c-questSetupModal {
  position: fixed;
  inset: 0;
  z-index: 4;
}

.c-questSetupModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-questSetupModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 50.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-questSetupModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-questSetupModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 5rem 2.25rem 2.6rem 2.25rem;
}

.c-questSetupModal-innerContent {
  width: 100%;
  position: relative;
  z-index: 1;
}

.c-questSetupModal-bossContainer {
  position: relative;
  height: 13.8rem;
}

.c-questSetupModal-bossFigure {
  position: absolute;
  top: 1.75rem;
  left: 8.4rem;
  width: 20.5rem;
  height: 15rem;
}

.c-questSetupModal-eventBannerImageContainer {
  width: 100%;
}

.c-questSetupModal-levelFigureWrap {
  position: absolute;
  top: 5.15rem;
  left: 5rem;
  width: 6.2rem;
  height: 2.5rem;
}

.c-questSetupModal-firstRewardWrap {
  width: 9.5rem;
  height: 7.5rem;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  position: absolute;
  right: 0;
  bottom: 0.7rem;
  padding: 0.3rem 0.7rem;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.c-questSetupModal-firstRewardItems {
  display: flex;
  gap: 0.55rem;
}

.c-questSetupModal-support {
  color: #FFFFFF;
  font-size: 1.2rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-questSetupModal-supportContainer,
.c-questSetupModal-firstClearBonus {
  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-questSetupModal-firstClearBonus--inner {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-questSetupModal-firstClearBonus--Items,
.c-questSetupModal-supportItems {
  margin-top: 0.2rem;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 0.1rem;
       column-gap: 0.1rem;
  row-gap: 0.8rem;
}

.c-questSetupModal-supportItems .c-equipItem-quantity {
  bottom: -0.3rem;
}

.c-questSetupModal-supportItems--item {
  position: relative;
  display: flex;
  width: 4.5rem;
  min-width: 4.5rem;
  height: 4.5rem;
}

.c-questSetupModal-supportItems--itemWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-questSetupModal-support--warp {
  height: 7.3rem;
  background: #8D8D7A;
  padding-top: 0.3rem;
  border-left: 0.1rem solid #AA733D;
  border-right: 0.1rem solid #AA733D;
  border-bottom: 0.1rem solid #AA733D;
  overflow-y: auto;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-questSetupModal-supportItems--item {
  display: flex;
  flex-flow: column;
}

.c-questSetupModal-firstClearBonus {
  background: #C0AA8A;
  border: 0.1rem solid #AA733D;
  width: 100%;
  height: 19.2rem;
}

.c-questSetupModal-firstClearBonus-event {
  background: #C0AA8A;
  border: 0.1rem solid #AA733D;
  width: 100%;
  height: 19.2rem;
}

.c-questSetupModal-firstClearBonus--title {
  color: #FFFFFF;
  align-items: center;
  display: flex;
  background: url(/image/common/Parts_TextBase.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  margin: 0.5rem 1.2rem 0 1.2rem;
  position: relative;
  height: 2.6rem;
  min-height: 2.6rem;
  width: calc(100% - 2.4rem);
  gap: 3rem;
}

.c-questSetupModal-firstClearBonus--title--text--en{
  text-align: center;
  width: 21rem;
  margin-left: 0.6rem;
}

.c-questSetupModal-firstClearBonus--title--text--ja{
  text-align: center;
  width: 100%;
}

.c-questSetupModal-firstClearBonus--button {
  position:  absolute;
  right: 1.0rem;
  bottom: 0.2rem;
}

.c-questSetupModal-footerContainer {
  position: absolute;
  width: 100%;
  bottom: 3rem;
}

.c-questSetupModal-footer--BtnWrap {
  width: 100%;

  position: absolute;
  left: 0;
  bottom: 2.9rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-questSetupModal-footer--TicketsBtnWrap {
  margin-top: 0.8rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-questSetupModal-footer--Attention {
  color: #DD0000;
  font-size: 0.8rem;

  width: 100%;
  position: absolute;
  left: 5.0rem;
  bottom: 2.0rem;

  display: flex;
  flex-direction: column;
  align-items: left;
}


.c-questSetupModal-footer--StartBtnWrap {
  width: 30%;

  position: absolute;
  right: 1.8rem;
  bottom: 5.4rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-questSetupModal-footer-holdTicketsWrap {
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 25.0rem;
  height: 2.6rem;
  margin-bottom: 0.7rem;
  background: url("/image/mission/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.0rem;
}

.c-questSetupModal-footer-ticket {
  width: 1.9rem;
  height: 1.9rem;
}

.c-questSetupModal-footer-ticketTextWrap {
  display: flex;
  align-items: center;
}

.c-questSetupModal-footer--SkipBtnWrap {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}

.c-questSetupModal-footer .c-primaryBlackButton-container {
  position: absolute;
  left: 2.2rem;
  bottom: 3rem;
  z-index: 10;
}

.c-questSetupModal-firstRewardTitle,
.c-questSetupModal-footer--costItem {
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 7.2rem;
  height: 2.6rem;
  margin-bottom: 0.7rem;
  background: url("/image/mission/Parts_TextBase_Short.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-questSetupModal-firstRewardTitle {
  font-size: 1.2rem;
}

.c-questSetupModal-firstRewardTitle.lang-en {
  font-size: 1rem;
  text-align: center;
}

.c-questSetupModal-footer--costItem img {
  width: 1.9rem;
}

.c-questSetupModal-footer--costItem span {
  font-size: 1.2rem;
  margin: 0 0.1rem;
}

@media screen and (min-width: 500px) and (max-height: 990px) {
  .c-questSetupModal-content {
    top: 44%;
    height: 45rem;
  }

  .c-questSetupModal-head {
    top: 0.5rem;
  }

  .c-questSetupModal-inner {
    padding-top: 3.5rem;
  }

  .c-questSetupModal-bossContainer {
    height: 11.1rem;
  }

  .c-questSetupModal-innerContent {
    height: 27.8rem;
  }

  .c-questSetupModal-bossFigure {
    top: 1.25rem;
    left: 9rem;
  }

  .c-questSetupModal-bossFigure img {
    width: 80%;
  }

  .c-questSetupModal-firstClearBonus {
    height: 18.0rem;
  }

  .c-questSetupModal-firstClearBonus-event {
    height: 15.2rem;
  }
}
.c-gachaRedButton-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-gachaRedButton {
  background: url("/image/button/Btn_Positive_MailList.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  justify-content: center;
  align-items: center;
}

.c-gachaRedButton-holdTicketsWrap {
  color: #FFFFFF;
  font-size: 1.1rem;
  width: 80%;
  height: 1.7rem;
  margin-bottom: 0.1rem;
  background: url("/image/mission/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: inline-block;
  justify-content: center;
  align-items: center;
}

.c-gachaRedButton-ticketTextWrap {
  display: flex;
  margin-top: 0.15rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.c-gachaRedButton-item {
  width: 1.3rem;
  height: 1.3rem;
}

.c-gachaRedButton--text {
  display: flex;
  font-size: 1.0rem;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}.c-questSkipConfirmModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-questSkipConfirmModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-questSkipConfirmModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 35.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Middle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-questSkipConfirmModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-questSkipConfirmModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-questSkipConfirmModal-description {
  margin-top: 13rem;
  margin-bottom: 3.5rem;
  line-height: 1.4;

  display: flex;
  flex-direction: column;
}

.c-questSkipConfirmModal-descriptionText {
  color: #371F1F;
  font-size: 1.4rem;
  text-align: center;
}

.c-purchaseStaminaModal-descriptionText:nth-child(2) {
  margin-top: 0.2rem;
  margin-bottom: 3.5rem;
}

.c-questSkipConfirmModal-imageContainer {
  position: absolute;
  bottom: 3rem;

  display: flex;
  gap: 2.35rem;
}

.c-questSkipConfirmModal-ticketText {
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 7.2rem;
  height: 2.6rem;
  margin-bottom: 0.2rem;
  background: url("/image/mission/Parts_TextBase_Short.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-questSkipConfirmModal-countdownBtnWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-questSkipConfirmModal-holdTicketsWrap {
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 15.45rem;
  height: 2.6rem;
  margin-bottom: 0.2rem;
  background: url("/image/mission/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.25rem;
}

.c-questSkipConfirmModal-ticket {
  width: 1.9rem;
  height: 1.9rem;
}

.c-questSkipConfirmModal-ticketTextWrap {
  display: flex;
  align-items: center;
}.c-questSkipResultModal {
  position: fixed;
  inset: 0;
  z-index: 4;
}

.c-questSkipResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-questSkipResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35.5rem;
  width: 100%;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Middle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-questSkipResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 4.6rem 2.25rem 0 2.25rem;
  display: flex;
  flex-direction: column;
}

.c-questSkipResultModal-head {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 2rem;
}

.c-questSkipResultModal-message {
  color: #371F1F;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 1.7rem;
}

.c-questSkipResultModal-body {
  position: relative;
  width: 100%;
  background: #8D8D7A;
  border: 0.1rem solid #AA733D;
  padding: 0.4rem 0;
  margin-top: 1.2rem;
  margin-bottom: 4rem;

  display: flex;
  flex-direction: column;
  align-items: center;

  flex: 1 1 auto;
  min-height: 0;

  ::-webkit-scrollbar {
    width: 0.3rem;
  }

  ::-webkit-scrollbar-track {
    background-color: #47372D;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #DACF79;
    border: 0.3rem solid #DACF79;
  }
}

.c-questSkipResultModal-title {
  background-image: url("/image/common/Parts_TextBase.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26.6rem;
  height: 2.6rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  padding-top: 0.1rem;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}

.c-questSkipResultModal-passMark {
  position: absolute;
  right: -0.6rem;
  top: -0.7rem;
}

.c-questSkipResultModal-rewards {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  row-gap: 0.8rem;
  align-content: flex-start;
}

.c-questSkipResultModal-noReward {
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-questSkipResultModal-scoreStatus-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 22.9rem;
  height: 2.9rem;
  justify-content: space-between;
  margin: auto;
  margin-bottom: 0.7rem;
}

.c-questSkipResultModal-scoreStatus-text {
  font-size: 2rem;
  text-align: center;
  line-height: 1.45;
  padding-bottom: 0.1rem;
}

.c-questSkipResultModal-battleStatus {
  width: 22.9rem;
  height: 2.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  flex: 0 0 auto;
}

.c-questSkipResultModal-battleStatus-text {
  font-size: 1.2rem;
  line-height: 1.46;
}

.c-questSkipResultModal-battleStatus-text-rank {
  font-size: 1.2rem;
  line-height: 1.46;
  color: #FF6600;
  padding-right: 5.0em;
}

.c-questSkipResultModal-skip {
  position:  absolute;
  right: 2.0rem;
  top: 4.5rem;
  z-index: 500;
}.c-purchaseStaminaModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-purchaseStaminaModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-purchaseStaminaModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-purchaseStaminaModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-purchaseStaminaModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-purchaseStaminaModal-title.english {
  top: 0.7rem;
  font-size: 1.6rem;
}

.c-staminaResultModal-passContainer {
  margin-top: 5.5rem;

  position: absolute;
}

.c-purchaseStaminaModal-descriptionText,
.c-purchaseStaminaModal-confirmText {
  font-size: 1.6rem;
  color: #371F1F;
  text-align: center;
}

.c-purchaseStaminaModal-description {
  margin-top: 8.3rem;

  display: flex;
  flex-direction: column;
}

.c-purchaseStaminaModal-descriptionText:nth-child(2) {
  margin-top: 0.2rem;
  margin-bottom: 3.35rem;
}

.c-purchaseStaminaModal-stamina-text {
  font-size: 1.3rem;
  color: #371F1F;
  background-color: #DCD6BC;
  border-radius: 0.15rem;
  padding: 0.25rem 0.35rem 0.1rem 0.35rem;
  margin-bottom: 0.3rem;
  display: inline-flex;       /* 横並びにする */
  align-items: center;        /* 縦方向の中央揃え */
  justify-content: center;    /* 横方向の中央揃え（親要素に応じて調整） */
  gap: 0.3rem;                /* アイコンとテキストの間隔 */
  text-align: center;
  margin-top: 1.0rem;         /* 上のテキストとの間隔 */ 
}

.c-purchaseStaminaModal-stamina-icon {
  display: inline-block;      /* 横並びを維持 */
  vertical-align: middle;     /* テキストと高さを揃える */
  top: -0.6rem;
  left: -1.6rem;
  width: 3rem;
}


.c-purchaseStaminaModal-stamina-arrow {
  display: inline-block;      /* 横並びを維持 */
  vertical-align: middle;     /* テキストと高さを揃える */
  width: 1.5rem;
  margin-left: 1.5rem;         /* 上のテキストとの間隔 */
  margin-right: 1.5rem;         /* 上のテキストとの間隔 */
}

.c-questSetupModal-btnWrap {
  position: absolute;
  width: 100%;
  padding: 0 2.85rem;
  left: 0;
  bottom: 3rem;

  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.c-questSetupModal-countdownBtnWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.c-questSetupModal-videoWrap .c-purchaseRedButton--text {
  font-size: 1.3rem;
}

.c-questSetupModal-countdownText {
  color: #FFFFFF;
  font-size: 1.4rem;
  width: 7.2rem;
  height: 2.6rem;
  text-align: center;
  margin-bottom: 0.2rem;
  background: url("/image/mission/Parts_TextBase_Short.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  display: flex;
  justify-content: center;
  align-items: center;
}

.c-purchaseStaminaModal-confirmText:nth-of-type(1) {
  margin-top: 13rem;
  margin-bottom: 3.85rem;
}

.c-purchaseStaminaModal-confirmBtn {
  position: absolute;
  bottom: 3rem;
}.c-passRectangleMark {
  position: relative;
  width: 12.7rem;
  height: 2.2rem;
}

.c-passRectangleMark-container {
  width: 3.8rem;
  position: absolute;
  top: -0.4rem;
  left: 0.4rem;

  display: flex;
}

.c-passRectangleMark-passIcon {
  width: 3rem;
  height: 3rem;
}

.c-passRectangleMark-passIconMultiple:nth-of-type(1) {
  position: absolute;
  left: 0.7rem;
}

.c-passRectangleMark-passIconMultiple:nth-of-type(2) {
  position: absolute;
  left: -1.2rem;
}.c-purchaseGemModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-purchaseGemModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-purchaseGemModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 25.0rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-purchaseGemModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-purchaseGemModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-purchaseGemModal-title.english {
  top: 0.4rem;
  font-size: 1.6rem;
}

.c-purchaseGemModal-confirmText {
  font-size: 1.6rem;
  color: #371F1F;
  text-align: center;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.c-purchaseGemModal-confirmText:nth-of-type(1) {
  margin-top: 7.0rem;
  margin-bottom: 3.0rem;
}

.c-purchaseGemModal-confirmBtn {
  position: absolute;
  bottom: 3rem;
}.c-staminaResultModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-staminaResultModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-staminaResultModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-staminaResultModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-staminaResultModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-staminaResultModal-description {
  margin-top: 12.5rem;
}

.c-staminaResultModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
  text-align: center;
}

.c-staminaResultModal-imageContainer {
  margin-top: 4.5rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.c-staminaResultModal-staminaImage {
  width: 3.9rem;
  height: 3.9rem;
}

.c-staminaResultModal-arrow {
  width: 2.75rem;
  height: 2.9rem;
  margin-left: 2.15rem;
  margin-right: 1.55rem;
}

.c-staminaResultModal-beforeText {
  color: #371F1F;
  font-size: 2.5rem;
}

.c-staminaResultModal-afterText {
  color: #B54247;
  font-size: 2.8rem;
}.t-register {
  min-height: 100dvh;
  display: grid;
  place-items: center;
}

.t-register__panel {
  width: 34rem;
  height: 53rem;
  background: url("/image/common/Win_Main.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.5rem 1.2rem 1.6rem 1.2rem;
}

.t-register__header {
  display: grid;
  place-items: center;
  margin-top: 0.4rem;
}

.t-register__title {
  font-size: 1.8rem;
  color: #FFFFFF;
}

.t-register__caption {
  color:#fff;
  align-items: center;
  display: flex;
  justify-content: center;
  background: url("/image/common/Parts_TextBase.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0;
  position: relative;
  height: 2.6rem;
  width: 86%;
  margin: auto;
  margin-top: 2.2rem;
}

.t-register__body {
  text-align: center;
  margin-top: 2.8rem;
}

.t-register__name-field {
  position: relative;
  width: 20rem;
  margin: auto;
  margin-top: 1rem;
}

.t-register__name-input {
  width: 100%;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 3.2rem;
  background:#fff;
  border: 2px solid #c6b08b;
  border-radius: 6px;
  font-size: 1rem;
}

.t-register__name-input.is-error {
  border-color: #d33;
  box-shadow: 0 0 0 2px rgba(211,51,51,.1);
}

.t-register__name-count {
  position: absolute;
  right:0.4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: #6b6b6b;
}

.t-register__name-count.is-over {
  color: #d33;
}

.t-register__name-error {
  color: #d33;
  font-size: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}

.t-register__chara-preview {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.8rem;
  margin: 1rem auto 0;
}

.t-register__chara-imgWrap {
  position: relative;
  width: 10.0rem;
  height: 14.0rem;
}

.t-register__chara-imgWrap svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9rem;
  height: 8.1rem;
}

.t-register__chara-img {
  -o-object-fit: cover;
     object-fit: cover;
}

.t-register__chara-sdWrap {
  position: relative;
  height: 14rem;
  width: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .6rem;
}

.t-register__chara-name {
  display: inline-block;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  overflow: visible;
  text-overflow: clip;
  text-align: left;
  font-size: 1.4rem;
  color: #FFFFFF;
  padding-bottom: 0.2rem;
  padding-left: 0.2rem;
  padding-right: 0.4rem;
  min-width: 100%;
  border-bottom: 0.3rem solid #A2A264;
}

.t-register__chara-sdImg {
  width: 8.5rem;
}

.t-register__chara-gridWrap {
  width: 30.4rem;
  background-color: #8D8D7A;
  margin: auto;
  margin-top: 1rem;
  padding: 0.5rem;
}

.t-register__chara-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}

.t-register__chara-gridItem {
  width: 5.4rem;
  height: 7.56rem;
  position: relative;
}

.t-register__chara-gridItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.t-register__chara-gridItem-iconFrame {
  position: absolute;
  top: 0;
  left: 0;
}

.t-register__chara-description {
  color: #371F1F;
  font-size: 1.2rem;
  margin-top: 1rem;
  white-space: pre-line;
}

.t-register__footer {
  display: grid;
  place-items: center;
  margin-top: 1.6rem;
}
.c-UserNameChangeModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-UserNameChangeModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-UserNameChangeModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-UserNameChangeModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-UserNameChangeModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-UserNameChangeModal-description {
  margin-top: 9.0rem;
}

.c-UserNameChangeModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
  text-align: center;
  white-space: pre-line;
}

.c-UserNameChangeModal-name-field {
  position: relative;
  width: 20rem;
  margin-top: 3rem;
}

.c-UserNameChangeModal-name-input {
  width: 100%;
  height: 3.0rem;
  padding-left: 1rem;
  padding-right: 3.2rem;
  background:#fff;
  border: 2px solid #c6b08b;
  border-radius: 6px;
  font-size: 1rem;
}

.c-UserNameChangeModal-name-input.is-error {
  border-color: #d33;
  box-shadow: 0 0 0 2px rgba(211,51,51,.1);
}

.c-UserNameChangeModal-name-count {
  position: absolute;
  right:0.4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: #6b6b6b;
}

.c-UserNameChangeModal-name-count.is-over {
  color: #d33;
}

.c-UserNameChangeModal-name-error {
  color: #d33;
  font-size: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}

.c-UserNameChangeModal-footer {
  margin: auto;
  margin-bottom: 5.0rem;
}
.c-GemBalanceModal {
  position: fixed;
  inset: 0;
  z-index: 25;
}

.c-GemBalanceModal-container {
  background: #00000099;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem;
}

.c-GemBalanceModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 33.5rem;
  max-width: 35.5rem;
  background: url("/image/common/Win_Main_Small.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-GemBalanceModal-inner {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;

  display: flex;
  flex-flow: column;
  align-items: center;
}

.c-GemBalanceModal-title {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #FFFFFF;
}

.c-GemBalanceModal-description {
  margin-top: 11.0rem;
}

.c-GemBalanceModal-descriptionText {
  font-size: 1.4rem;
  color: #371F1F;
  text-align: center;
  white-space: pre-line;
}

.c-GemBalanceModal-balanceList {
  display: flex;
  gap: 3rem;
  margin-top: 7rem;
}

.c-GemBalanceModal-balance__header {
  font-size: 1.4rem;
  color: #371F1F;
  text-align: center;
}

.c-GemBalanceModal-balance__gemContent {
  position: relative;
  width: 10.5rem;
  margin-top: 0.2rem;
}

.c-GemBalanceModal-balance__wrap--jem {
  position: absolute;
  top: -0.4rem;
  left: -1.3rem;
  width: 3.6rem;
}

.c-GemBalanceModal-balance__wrap--value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 1.7rem;
  padding-right: 0.8rem;
  border-width: 0.5rem;
  border-image-source: url("/image/header/Parts_HeaderInfo.png");
  border-image-slice: 10 10 10 10 fill;
  border-image-repeat: stretch;
  background-color: transparent;
}

.c-GemBalanceModal-balance__wrap--value-have {
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.25;
  padding-top: 0.05rem;
  transform: translateY(0.05rem);
}
.c-MinorWarningScreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.c-MinorWarningScreen-Panel {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  box-sizing: border-box;
}

.c-MinorWarningScreen-Message {
  max-width: 38rem;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #371F1F;
  text-align: center;
  white-space: pre-line;
}