/*-------------------------------------------------------------------*/
/* character-Index */
/*-------------------------------------------------------------------*/
.character-Index {
  margin-top: 60px;
  padding-bottom: 295px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index {
    margin-top: 6.5104166667vw;
    padding-bottom: 27.34375vw;
  }
}
.character-Index > .list {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #f7c47b;
  border-radius: 10px;
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), -webkit-linear-gradient(top, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), linear-gradient(to bottom, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-color: #000;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 32px rgba(227, 85, 0, 0.26) inset, 0 0 32px rgba(227, 85, 0, 0.26);
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list {
    max-width: 89.5833333333vw;
    padding: 5.2083333333vw;
    border-radius: 1.3020833333vw;
    background-size: 1.6927083333vw 100%;
    box-shadow: 0 0 4.1666666667vw rgba(227, 85, 0, 0.6) inset, 0 0 4.1666666667vw rgba(227, 85, 0, 0.26);
  }
}
.character-Index > .list:before, .character-Index > .list:after {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list:before, .character-Index > .list:after {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
  }
}
.character-Index > .list:before {
  bottom: -1px;
  left: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list:before {
    background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl_s.png) 0 0/contain no-repeat;
  }
}
.character-Index > .list:after {
  top: -1px;
  right: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list:after {
    background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr_s.png) 0 0/contain no-repeat;
  }
}
.character-Index > .list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (48%)[2];
      grid-template-columns: repeat(2, 48%);
  -webkit-column-gap: 40px;
          -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list ul {
    display: block;
  }
}
.character-Index > .list ul li {
  width: 100%;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list ul li {
    width: 79.1666666667vw;
  }
}
.character-Index > .list ul li a {
  width: 100%;
  padding-top: 54.1666666667%;
  display: block;
  position: relative;
  -o-object-fit: none;
  object-fit: none;
}
.character-Index > .list ul li a img {
  width: 100%;
  height: auto !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (any-hover: hover) {
  .character-Index > .list ul li a img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .character-Index > .list ul li a:hover img {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list ul li + li {
    margin-top: 2.6041666667vw;
  }
}
.character-Index > .list + .list {
  margin-top: 60px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index > .list + .list {
    margin-top: 9.8958333333vw;
  }
}
.character-Index .digimonlist {
  max-width: 1080px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist {
    max-width: 94.7916666667vw;
  }
}
.character-Index .digimonlist > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (18.8888888889%)[5];
      grid-template-columns: repeat(5, 18.8888888889%);
  -webkit-column-gap: 15px;
          -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list {
    -ms-grid-columns: (30.46875vw)[3];
        grid-template-columns: repeat(3, 30.46875vw);
    -webkit-column-gap: 1.6927083333vw;
            -moz-column-gap: 1.6927083333vw;
            column-gap: 1.6927083333vw;
    row-gap: 3.90625vw;
  }
}
.character-Index .digimonlist > .list li {
  max-width: 204px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li {
    max-width: 30.46875vw;
  }
}
.character-Index .digimonlist > .list li a {
  height: 100%;
  padding: 20px 20px 30px;
  border: 1px solid #f7c47b;
  border-radius: 10px;
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_arrow.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), -webkit-linear-gradient(top, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_arrow.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), linear-gradient(to bottom, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-position: bottom 10px right 10px, 0 0, 0 0;
  background-size: 71px, auto, 100%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-color: #000;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 32px rgba(227, 85, 0, 0.6) inset, 0 0 32px rgba(227, 85, 0, 0.26);
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li a {
    padding: 2.6041666667vw 2.6041666667vw 3.90625vw;
    border-radius: 1.3020833333vw;
    background-position: bottom 1.3020833333vw right 1.3020833333vw, 0 0, 0 0;
    background-size: 10.4166666667vw, 1.6927083333vw, 100%;
    background-repeat: no-repeat, repeat, no-repeat;
    box-shadow: 0 0 4.1666666667vw rgba(227, 85, 0, 0.6) inset, 0 0 4.1666666667vw rgba(227, 85, 0, 0.26);
  }
}
.character-Index .digimonlist > .list li a:before, .character-Index .digimonlist > .list li a:after {
  content: "";
  width: 34px;
  height: 34px;
  position: absolute;
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li a:before, .character-Index .digimonlist > .list li a:after {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
.character-Index .digimonlist > .list li a:before {
  bottom: -1px;
  left: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl_ss.png) 0 0/contain no-repeat;
}
.character-Index .digimonlist > .list li a:after {
  top: -1px;
  right: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr_ss.png) 0 0/contain no-repeat;
}
.character-Index .digimonlist > .list li a .thumbnail {
  overflow: hidden;
}
.character-Index .digimonlist > .list li a .thumbnail span {
  padding: 4px;
  display: block;
  border: 2px solid rgba(247, 196, 125, 0.4);
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li a .thumbnail span {
    padding: 0.78125vw;
    border-width: 0.2604166667vw;
  }
}
.character-Index .digimonlist > .list li a .text {
  margin-top: 10px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li a .text {
    margin-top: 2.6041666667vw;
  }
}
.character-Index .digimonlist > .list li a .text .name {
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist > .list li a .text .name {
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
}
@media (any-hover: hover) {
  .character-Index .digimonlist > .list li a .thumbnail img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .character-Index .digimonlist > .list li a .text .name p {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .character-Index .digimonlist > .list li a:hover .thumbnail img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .character-Index .digimonlist > .list li a:hover .text .name p {
    color: #c70421;
  }
}
.character-Index .digimonlist .pagination {
  max-width: 1080px;
  margin: 70px auto 0;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination {
    max-width: 100%;
    margin-top: 13.0208333333vw;
  }
}
.character-Index .digimonlist .pagination ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.character-Index .digimonlist .pagination ul .page, .character-Index .digimonlist .pagination ul .prev, .character-Index .digimonlist .pagination ul .next {
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), -webkit-linear-gradient(top, rgba(0, 32, 76, 0.24) 0%, rgba(181, 2, 37, 0.24) 100%);
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), linear-gradient(to bottom, rgba(0, 32, 76, 0.24) 0%, rgba(181, 2, 37, 0.24) 100%);
  box-shadow: 0 0 32px rgba(255, 64, 64, 0.26) inset;
  border: 2px solid #c21500;
  -webkit-border-image: -webkit-linear-gradient(left, #ff5e76 0%, #ffb9c3 50%, #ff5e76 100%);
          -o-border-image: linear-gradient(to right, #ff5e76 0%, #ffb9c3 50%, #ff5e76 100%);
          border-image: linear-gradient(to right, #ff5e76 0%, #ffb9c3 50%, #ff5e76 100%);
  border-image-slice: 1;
  border-radius: 2px;
  cursor: pointer;
  will-change: filter;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .page, .character-Index .digimonlist .pagination ul .prev, .character-Index .digimonlist .pagination ul .next {
    background-size: 1.6927083333vw 100%;
    box-shadow: 0 0 4.1666666667vw rgba(255, 64, 64, 0.26) inset;
    border-width: 0.2604166667vw;
    border-radius: 0.2604166667vw;
  }
}
@media (any-hover: hover) {
  .character-Index .digimonlist .pagination ul .page, .character-Index .digimonlist .pagination ul .prev, .character-Index .digimonlist .pagination ul .next {
    -webkit-transition: box-shadow 0.3s, -webkit-filter 0.3s;
    transition: box-shadow 0.3s, -webkit-filter 0.3s;
    transition: filter 0.3s, box-shadow 0.3s;
    transition: filter 0.3s, box-shadow 0.3s, -webkit-filter 0.3s;
  }
  .character-Index .digimonlist .pagination ul .page:hover, .character-Index .digimonlist .pagination ul .prev:hover, .character-Index .digimonlist .pagination ul .next:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.15" /><feFuncG type="linear" slope="1.15" /><feFuncB type="linear" slope="1.15" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: saturate(140%), brightness(115%);
            filter: saturate(140%), brightness(115%);
    box-shadow: 0 0 32px #ff4040 inset;
  }
}
.character-Index .digimonlist .pagination ul .page {
  width: 60px;
  height: 60px;
  margin: 0 10px;
  padding-top: 14px;
  font-weight: 700;
  font-size: 2.2rem;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .page {
    width: 10.9375vw;
    height: 10.9375vw;
    margin: 0 1.3020833333vw;
    padding-top: 2.6041666667vw;
    font-size: 3.2rem;
  }
}
.character-Index .digimonlist .pagination ul .page.current {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.15" /><feFuncG type="linear" slope="1.15" /><feFuncB type="linear" slope="1.15" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: saturate(140%), brightness(115%);
          filter: saturate(140%), brightness(115%);
  box-shadow: 0 0 32px #ff4040 inset;
}
.character-Index .digimonlist .pagination ul .prev, .character-Index .digimonlist .pagination ul .next {
  width: 80px;
  height: 48px;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .prev, .character-Index .digimonlist .pagination ul .next {
    width: 14.453125vw;
    height: 8.7239583333vw;
  }
}
.character-Index .digimonlist .pagination ul .prev:before, .character-Index .digimonlist .pagination ul .next:before {
  content: "";
  width: 25px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/icon_pagenation_arrow.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .prev:before, .character-Index .digimonlist .pagination ul .next:before {
    width: 4.5572916667vw;
    height: 3.6458333333vw;
  }
}
.character-Index .digimonlist .pagination ul .prev.disabled, .character-Index .digimonlist .pagination ul .next.disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.character-Index .digimonlist .pagination ul .prev {
  margin-right: 40px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .prev {
    margin-right: 5.2083333333vw;
  }
}
.character-Index .digimonlist .pagination ul .next {
  margin-left: 40px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .digimonlist .pagination ul .next {
    margin-left: 5.2083333333vw;
  }
}
.character-Index .peoplelist {
  max-width: 1080px;
  margin: 0 auto;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist {
    max-width: 94.7916666667vw;
  }
}
.character-Index .peoplelist > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (23.8888888889%)[4];
      grid-template-columns: repeat(4, 23.8888888889%);
  -webkit-column-gap: 16px;
          -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list {
    -ms-grid-columns: (46.09375vw)[2];
        grid-template-columns: repeat(2, 46.09375vw);
    -webkit-column-gap: 2.6041666667vw;
            -moz-column-gap: 2.6041666667vw;
            column-gap: 2.6041666667vw;
    row-gap: 5.2083333333vw;
  }
}
.character-Index .peoplelist > .list li {
  max-width: 258px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li {
    max-width: 46.09375vw;
  }
}
.character-Index .peoplelist > .list li a {
  height: 100%;
  padding: 20px 20px 30px;
  border: 1px solid #f7c47b;
  border-radius: 10px;
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_arrow.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), -webkit-linear-gradient(top, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/bg_arrow.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), linear-gradient(to bottom, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-position: bottom 10px right 10px, 0 0, 0 0;
  background-size: 71px, auto, 100%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-color: #000;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 32px rgba(227, 85, 0, 0.6) inset, 0 0 32px rgba(227, 85, 0, 0.26);
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li a {
    padding: 2.6041666667vw 2.6041666667vw 4.5572916667vw;
    border-radius: 1.3020833333vw;
    background-position: bottom 2.6041666667vw right 2.6041666667vw, 0 0, 0 0;
    background-size: 10.4166666667vw, 1.6927083333vw, 100%;
    background-repeat: no-repeat, repeat, no-repeat;
    box-shadow: 0 0 4.1666666667vw rgba(227, 85, 0, 0.6) inset, 0 0 4.1666666667vw rgba(227, 85, 0, 0.26);
  }
}
.character-Index .peoplelist > .list li a:before, .character-Index .peoplelist > .list li a:after {
  content: "";
  width: 34px;
  height: 34px;
  position: absolute;
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li a:before, .character-Index .peoplelist > .list li a:after {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
.character-Index .peoplelist > .list li a:before {
  bottom: -1px;
  left: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl_ss.png) 0 0/contain no-repeat;
}
.character-Index .peoplelist > .list li a:after {
  top: -1px;
  right: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr_ss.png) 0 0/contain no-repeat;
}
.character-Index .peoplelist > .list li a .thumbnail {
  overflow: hidden;
}
.character-Index .peoplelist > .list li a .thumbnail span {
  padding: 6px;
  display: block;
  border: 2px solid rgba(247, 196, 125, 0.4);
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li a .thumbnail span {
    padding: 0.78125vw;
    border-width: 0.2604166667vw;
  }
}
.character-Index .peoplelist > .list li a .text {
  margin-top: 20px;
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li a .text {
    margin-top: 3.2552083333vw;
  }
}
.character-Index .peoplelist > .list li a .text .name {
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (max-width: 1024px) {
  .character-Index .peoplelist > .list li a .text .name {
    font-size: 2.8rem;
    line-height: 1.3333333333;
  }
}
@media (any-hover: hover) {
  .character-Index .peoplelist > .list li a .thumbnail img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .character-Index .peoplelist > .list li a .text .name p {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .character-Index .peoplelist > .list li a:hover .thumbnail img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .character-Index .peoplelist > .list li a:hover .text .name p {
    color: #c70421;
  }
}

/*-------------------------------------------------------------------*/
/* character-Modal */
/*-------------------------------------------------------------------*/
.character-Modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}
.character-Modal.is-active {
  display: block;
}
.character-Modal .character-Modal_Overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.character-Modal .character-Modal_Content {
  width: 100%;
  height: 100%;
  padding: 120px 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content {
    padding: 5.2083333333vw 0;
  }
}
.character-Modal .character-Modal_Content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation: modalFadeUp 0.3s 1 linear forwards;
          animation: modalFadeUp 0.3s 1 linear forwards;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper {
    max-width: 89.5833333333vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail {
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #f7c47b;
  border-radius: 10px;
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/character/bg_neon_left.png), url(/tv/digimon_ghost_game/en/assets/img/common/character/bg_neon_right.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), -webkit-linear-gradient(top, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-image: url(/tv/digimon_ghost_game/en/assets/img/common/character/bg_neon_left.png), url(/tv/digimon_ghost_game/en/assets/img/common/character/bg_neon_right.png), url(/tv/digimon_ghost_game/en/assets/img/common/bg_grid.png), linear-gradient(to bottom, rgba(0, 32, 76, 0.24) 0%, rgba(227, 37, 0, 0.24) 100%);
  background-position: left 0 bottom 20px, right 0 top 20px, 0 100%, 100% 0;
  background-size: 323px, 323px, auto, auto;
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-color: #000;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 32px rgba(227, 85, 0, 0.26) inset, 0 0 32px rgba(227, 85, 0, 0.26);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail {
    max-width: 89.5833333333vw;
    border-radius: 1.3020833333vw;
    background-position: left 0 bottom 2.6041666667vw, right 0 top 2.6041666667vw, 0 100%, 100% 0;
    background-size: 42.0572916667vw, 42.0572916667vw, 1.6927083333vw, 100%;
    box-shadow: 0 0 4.1666666667vw rgba(227, 85, 0, 0.6) inset, 0 0 4.1666666667vw rgba(227, 85, 0, 0.26);
    display: block;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail:before, .character-Modal .character-Modal_Content .wrapper .detail:after {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  display: block;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail:before, .character-Modal .character-Modal_Content .wrapper .detail:after {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail:before {
  bottom: -1px;
  left: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail:before {
    background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_bl_s.png) 0 0/contain no-repeat;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail:after {
  top: -1px;
  right: -1px;
  background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail:after {
    background: url(/tv/digimon_ghost_game/en/assets/img/common/bg_frame_tr_s.png) 0 0/contain no-repeat;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .image {
  width: 46.6666666667%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .image {
    width: 100%;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .image img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.character-Modal .character-Modal_Content .wrapper .detail .image img.current {
  position: relative;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.character-Modal .character-Modal_Content .wrapper .detail .image.hidden {
  width: auto;
}
.character-Modal .character-Modal_Content .wrapper .detail .image.hidden + .text {
  padding: 100px 8.3333333333%;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .image.hidden + .text {
    padding: 10.4166666667vw 5.2083333333vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .image2 {
  width: 46.6666666667%;
  padding: 4.1666666667%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .image2 {
    width: 100%;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .image2 span {
  padding: 12px;
  display: block;
  border: 2px solid rgba(247, 196, 125, 0.4);
}
.character-Modal .character-Modal_Content .wrapper .detail .image2 img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.character-Modal .character-Modal_Content .wrapper .detail .image2 img.current {
  position: relative;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.character-Modal .character-Modal_Content .wrapper .detail .image2.hidden {
  width: auto;
}
.character-Modal .character-Modal_Content .wrapper .detail .image2.hidden + .text {
  padding: 100px 8.3333333333%;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .image2.hidden + .text {
    padding: 10.4166666667vw 5.2083333333vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text {
  width: 100%;
  min-width: 53.3333333333%;
  padding: 100px 8.3333333333% 100px 0;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text {
    max-width: 100%;
    padding: 0 5.2083333333vw 10.4166666667vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .bottom {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #fed900;
  position: relative;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .bottom {
    margin-top: 5.859375vw;
    padding-top: 4.5572916667vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .bottom:after {
  content: "";
  width: 75px;
  height: 9px;
  position: absolute;
  top: -5px;
  right: 20px;
  background: url(/tv/digimon_ghost_game/en/assets/img/pc/icon_heading_line.png) 0 0/contain no-repeat;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .bottom:after {
    width: 9.765625vw;
    height: 1.6927083333vw;
    top: -0.9114583333vw;
    right: 2.6041666667vw;
    background: url(/tv/digimon_ghost_game/en/assets/img/sp/icon_heading_line.png) 0 0/contain no-repeat;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .name p {
  font-weight: 900;
  font-size: 4.6rem;
  letter-spacing: 0.05em;
  color: #fff;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .name p {
    font-size: 5.6rem;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .name p .ruby {
  margin-bottom: 4px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .name p .ruby {
    margin-bottom: 0.2604166667vw;
    font-size: 1.8rem;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .name p.current {
  display: inline-block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .cv p {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-weight: 700;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 0.05em;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .cv p {
    margin-top: 3.90625vw;
    font-size: 2.8rem;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .cv p span {
  width: 54px;
  height: 23px;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  line-height: 0;
  color: #fed900;
  letter-spacing: 0.1em;
  text-align: center;
  border: 1px solid #fed900;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .cv p span {
    width: 13.0208333333vw;
    height: 4.6875vw;
    margin-right: 2.6041666667vw;
    font-size: 2.6rem;
    -webkit-transform: translateY(0.1302083333vw);
            transform: translateY(0.1302083333vw);
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .cv p.current {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .level ul {
  margin: -9px 0 0 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .level ul {
    margin: -2.6041666667vw 0 0 1px;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .level ul li {
  min-width: 107px;
  height: 30px;
  margin: 9px 0 0 -1px;
  padding: 0 15px 0;
  color: #fed900;
  border: 1px solid #fed900;
  border-collapse: collapse;
  cursor: pointer;
  background: #000;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .level ul li {
    min-width: 19.6614583333vw;
    height: 6.5104166667vw;
    margin: 2.6041666667vw 0 0 -1px;
    padding: 0 1.953125vw 0;
    font-size: 2.2rem;
  }
}
@media (any-hover: hover) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .level ul li {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
  }
  .character-Modal .character-Modal_Content .wrapper .detail .text .level ul li:hover {
    color: #000;
    background: #fed900;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .level ul li.current {
  color: #000;
  background: #fed900;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .level + .introduction {
  margin-top: 20px;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .level + .introduction {
    margin-top: 3.90625vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .level + .close-up {
  margin-top: 40px;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .level + .close-up {
    margin-top: 5.859375vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .introduction {
  margin-top: -10px;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .introduction {
    margin-top: -0.6510416667vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .introduction.hidden {
  margin: 0 !important;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .introduction p {
  font-size: 1.6rem;
  line-height: 2;
  color: #fff;
  letter-spacing: 0.05em;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .introduction p {
    font-size: 2.8rem;
    line-height: 1.7857142857;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .introduction p.current {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .introduction + .close-up {
  margin-top: 35px;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .detail .text .introduction + .close-up {
    margin-top: 5.859375vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .detail .text .close-up.hidden {
  margin: 0 !important;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .close-up img {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.character-Modal .character-Modal_Content .wrapper .detail .text .close-up img.current {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.character-Modal .character-Modal_Content .wrapper .close-top {
  width: 74px;
  margin: 0 0 30px auto;
  cursor: pointer;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .close-top {
    width: 11.4583333333vw;
    margin-bottom: 3.90625vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .close-top a {
  display: block;
}
@media (any-hover: hover) {
  .character-Modal .character-Modal_Content .wrapper .close-top a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .character-Modal .character-Modal_Content .wrapper .close-top a:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
}
.character-Modal .character-Modal_Content .wrapper .close-bottom {
  margin-top: 50px;
}
@media print, screen and (max-width: 1024px) {
  .character-Modal .character-Modal_Content .wrapper .close-bottom {
    margin-top: 10.4166666667vw;
  }
}
.character-Modal .character-Modal_Content .wrapper .close-bottom a, .character-Modal .character-Modal_Content .wrapper .close-bottom span {
  background-color: #760012;
}

/*-------------------------------------------------------------------*/
/* character-Loading */
/*-------------------------------------------------------------------*/
.character-Loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: #000;
  -webkit-transition: opacity 0.15s ease, visibility 0.15s ease;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.character-Loading.is-active {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  visibility: visible;
}
.character-Loading.is-hidden {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  visibility: visible;
  -webkit-animation: fadeOut 0.15s 1 linear forwards;
          animation: fadeOut 0.15s 1 linear forwards;
}