@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;700;900&family=Noto+Sans+JP:wght@900&display=swap");
/*========================================
*	common
========================================*/
::selection {
  color: #000;
  background: #fff;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html,
body {
  font-size: 62.5%;
  color: #fff;
  background-color: #000;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 767px) {
  html.no-scroll {
    overflow: hidden;
  }
}

body {
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 100% auto;
  background-image: url("../data/webp/common/bg.jpg.webp");
  width: 100%;
  letter-spacing: 0.08em;
  overflow-x: hidden;
}
@media only screen and (min-width: 767px) {
  body {
    background-size: 32.2840409956vw auto;
  }
}
body.top {
  background: #171717;
}
body.character-detail {
  background: #171717;
}

a {
  color: #fff;
  text-decoration: none;
}

h1,
h2,
h3 {
  line-height: 1;
}

ul,
li {
  list-style: none;
}

tr,
th,
td {
  font-weight: normal;
  text-align: left;
}

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  height: auto;
  pointer-events: none;
  vertical-align: bottom;
}

.pc-none {
  display: none;
}
@media only screen and (max-width: 767px) {
  .pc-none {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

.footer--copyright {
  padding: 10.9333333333vw 0;
}
@media only screen and (min-width: 767px) {
  .footer--copyright {
    padding: 2.0497803807vw 0 2.1229868228vw;
  }
}
.footer--copyright-icon {
  margin-bottom: 6.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .footer--copyright-icon {
    margin-bottom: 1.6105417277vw;
  }
}

.container--title-text {
  line-height: 1.0869565217;
  font-size: 6.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .container--title-text {
    line-height: 0.75;
    font-size: 2.196193265vw;
  }
}
.container--title-bg {
  padding: 20.8vw 5.3333333333vw 17.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .container--title-bg {
    padding: 6.588579795vw 2.9282576867vw 2.0497803807vw;
  }
}
/*# sourceMappingURL=../maps/webstore-tw.css.map */