@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@-ms-viewport{initial-scale:1;width:auto;}

:root{
--ff-roboto:'Roboto Condensed', -apple-system,BlinkMacSystemFont,YuGothic,"Yu Gothic Medium","Yu Gothic",sans-serif
}

body{overflow-x:hidden;overflow-y: auto;}

.fs-l-main{margin:0 auto;padding: 0;}
.fs-c-heading,
.fs-c-heading--page{display: none;}

.character-introductions {margin-inline: calc(50% - 50vw);background-color: rgba(0, 0, 0, 0.5);
background-image: url(https://greedmonster.itembox.design/item/src/bg-dark.png);
background-repeat: repeat;
background-size: auto;
background-position: right 50% top 50%;color: #FFF;padding-block:2rem 4rem;
font-family: -apple-system, BlinkMacSystemFont, YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif;
margin-bottom: 3rem;}
.character-introductions__inner{width: min(130rem,100%);padding-inline: 1rem;margin-inline:auto ;}
.character-introductions__title {font-size: 1.4em;
font-weight: bold;
color: #FFF;
letter-spacing: 0.05em;
font-family: var(--ff-roboto);
text-align: center;
border-bottom: 1px solid #FFF;
padding-block: 1em;letter-spacing: 0.2em;}
.character-introductions__featured {display: grid;justify-content: center;
align-items: center;width: fit-content; margin-inline: auto;}
.character-introductions__link {display: block;}
.character-introductions__link:hover{text-decoration: none;}
.character-introductions__image {display: block;max-width: 100%;height: auto;}



.character-introductions__name {color: #FFF;text-align: center;font-weight: bold;font-size: 0.9em;text-align: center; margin: 0.3rem 0 2rem;letter-spacing: 0.2em;}
.character-introductions__list {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));gap:4rem 1rem;margin-top: 5rem;}
.character-introductions__item {display: grid;justify-content: center;
align-items: center;}

.btn-back__monster {
text-decoration: none;
display: flex;
align-items: center;
border: 1px solid #3c3c3c;
line-height: 1;
padding: 0.4em 1em;
border-radius: 1.5em;
width: fit-content;
margin-inline:auto;
font-size: 0.9em;
color: #3c3c3c;
margin-top: 3rem;
}

.character-introductions__body {line-height: 1.75;max-width: 60ch;margin-inline: auto;text-wrap: balance;word-wrap:break-word;word-break: auto-phrase;text-align: center; padding-inline: 3rem;line-break: strict;font-size: 0.9em;}
.character-introductions__body-ja {margin: 3rem 0;}
.character-introductions__body-en {font-family: var(--ff-roboto);margin: 4rem 0;font-weight: 400;margin: 3rem 0;letter-spacing: 0.1em;}

.text-center {text-align: center;}

/**/
.monster__gallery {margin-top: 1em;width: fit-content;margin-inline: auto; max-width: 28rem;cursor:pointer;aspect-ratio: 133 / 186;position: relative;width: 100%;}
.monster__gallery-item {position: absolute;left: 0;top: 0;aspect-ratio: 133 / 168;width: 100%;border: 1px solid #333;padding: 1.5em 2em;overflow: hidden;border-radius: 0.8em;box-shadow:0em 0em 4em 0em hsla(0,0%,100%,0.15);}
.monster__gallery-image {}
.monster__gallery-item-1 {}
.monster__gallery-item-2 {opacity: 0;}

.cursor-follower {display: block;}

.hl-relative {font-weight: bold;
margin-top: 0;
font-size: 1.0em;
text-align: center;
padding-inline: 1rem;
border-bottom: 1px solid #3c3c3c;
padding-block: 0 1.5rem;font-weight: bold;}

/* //////////////////////////////////////////////////////////////////// */
@media (min-width: 768px){



/*カーソル*/
.cursor-follower {
position: fixed;  top: 0;  left: 0;  width: 20px;  height: 20px;  border-radius: 100%;  background-color: hsla(125.8, 100%, 67.6%,0.5);  opacity: 1;  z-index:999999999999;  user-select: none;  pointer-events: none;display: block !important;
mix-blend-mode: difference;
}

.character-introductions__body {max-width: 78ch;font-size: 1em;}



}