/* Scss Document */
.bg-hierarchy02 {
  position: relative;
  top: 0px;
  left: 0px; }
  .bg-hierarchy02::before {
    content: "";
    width: 1453px;
    height: 799px;
    background: url(../../../img/character/bg-main.png) no-repeat left top;
    position: absolute;
    top: 0px;
    right: -145px; }

.section-area h2 {
  margin-bottom: 13px; }

.chara-category h3 {
  margin-bottom: 11px; }

.chara-category.cat01 .chara-list > * {
  background: url(../../../img/character/bg-plate-cat01.jpg) no-repeat left top; }

.chara-category.cat02 .chara-list > * {
  background: url(../../../img/character/bg-plate-cat02.jpg) no-repeat left top; }

.chara-category.cat03 .chara-list > * {
  background: url(../../../img/character/bg-plate-cat03.jpg) no-repeat left top; }

.chara-category.cat04 .chara-list > * {
  background: url(../../../img/character/bg-plate-cat04.jpg) no-repeat left top; }

.chara-list > * {
  width: 498px;
  height: 96px;
  margin-bottom: 44px;
  position: relative;
  top: 0px;
  left: 0px; }
  .chara-list > *.active::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20; }
  .chara-list > *:nth-child(even) {
    margin-left: 28px; }
  .chara-list > *::before {
    content: "";
    width: 100%;
    height: 130px;
    position: absolute;
    bottom: 4px;
    left: -4px;
    z-index: 10; }
  .chara-list > *.name-amleth::before {
    background: url(../../../img/character/image01.png) no-repeat right bottom; }
  .chara-list > *.name-suleyman::before {
    background: url(../../../img/character/image02.png) no-repeat right bottom; }
  .chara-list > *.name-basil::before {
    background: url(../../../img/character/image03.png) no-repeat right bottom; }
  .chara-list > *.name-fleat::before {
    background: url(../../../img/character/image04.png) no-repeat right bottom; }
  .chara-list > *.name-violet::before {
    background: url(../../../img/character/image05.png) no-repeat right bottom; }
  .chara-list > *.name-ophelia::before {
    background: url(../../../img/character/image06.png) no-repeat right bottom; }
  .chara-list > *.name-blum::before {
    background: url(../../../img/character/image07.png) no-repeat right bottom; }
  .chara-list > *.name-helena::before {
    background: url(../../../img/character/image08.png) no-repeat right bottom; }
  .chara-list > *.name-brigitte::before {
    background: url(../../../img/character/image09.png) no-repeat right bottom; }
  .chara-list > *.name-claudius::before {
    background: url(../../../img/character/image10.png) no-repeat right bottom; }
  .chara-list > *.name-brunhild::before {
    background: url(../../../img/character/image11.png) no-repeat right bottom; }
  .chara-list > *.name-maxim::before {
    background: url(../../../img/character/image12.png) no-repeat right bottom; }
    .chara-list > *.name-miranda::before {
      background: url(../../../img/character/image13.png) no-repeat right bottom; }
    .chara-list > *.name-godot::before {
      background: url(../../../img/character/image14.png) no-repeat right bottom; }
    .chara-list > *.name-jordur::before {
      background: url(../../../img/character/image15.png) no-repeat right bottom; }
    .chara-list > *.name-isaac::before {
      background: url(../../../img/character/image16.png) no-repeat right bottom; }
    .chara-list > *.name-daryl::before {
      background: url(../../../img/character/image17.png) no-repeat right bottom; }
    .chara-list > *.name-sara::before {
      background: url(../../../img/character/image18.png) no-repeat right bottom; }
    .chara-list > *.name-tilda::before {
      background: url(../../../img/character/image19.png) no-repeat right bottom; }
      .chara-list>*.name-gilouche::before {
          background: url(../../../img/character/image20.png) no-repeat right bottom;
      }

      .chara-list>*.name-viktor::before {
          background: url(../../../img/character/image21.png) no-repeat right bottom;
      }

      .chara-list>*.name-gustav::before {
          background: url(../../../img/character/image22.png) no-repeat right bottom;
      }

      .chara-list>*.name-balthus::before {
          background: url(../../../img/character/image23.png) no-repeat right bottom;
      }
  .chara-list > *.name-dummy::before {
    background: url(../../../img/character/image-dummy.png) no-repeat right bottom; }
  .chara-list > * a {
    display: block;
    padding: 0 11px; }
  .chara-list > * .name {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10; }

/* character inner page */
.character-inner-page .bg-hierarchy02 {
  position: relative;
  top: 0px;
  left: 0px; }
  .character-inner-page .bg-hierarchy02::before {
    content: "";
    width: 1514px;
    height: 2194px;
    background: url(../../../img/character/bg-watercolor01.png) no-repeat left top;
    position: absolute;
    top: -797px;
    left: 50%;
    -webkit-transform: translateX(-76%);
            transform: translateX(-76%); }

.character-inner-page .section-description {
  margin-bottom: 113px;
  position: relative;
  top: 0px;
  left: 0px; }

.character-inner-page .chara-description {
  z-index: 0; }
  .character-inner-page .chara-description.watercolor::before {
    width: 878px;
    height: 738px;
    background: url(../../../img/character/bg-watercolor02.png) no-repeat left top;
    top: -73px;
    left: -110px; }
  .character-inner-page .chara-description .category-name {
    margin-bottom: 12px; }
  .character-inner-page .chara-description .name {
    margin-bottom: 21px; }
  .character-inner-page .chara-description .description {
    margin-bottom: 36px; }
  .character-inner-page .chara-description .pict-list.watercolor::before {
    width: 453px;
    height: 262px;
    background: url(../../../img/character/bg-watercolor03.png) no-repeat left top;
    top: -15px;
    left: -16px; }
  .character-inner-page .chara-description::after {
    content: "";
    position: absolute;
    z-index: -1; }
  .character-inner-page .chara-description.chara-godot::after {
    width: 715px;
    height: 1052px;
    background: url(../../../img/character/image/chara14.png) no-repeat left top;
    top: -133px;
    right: -90px; }

    .new:before {
        left: 97px;
        top: 13px;
    }

    .new1:before {
    content: "";
    width: 71px;
    height: 22px;
    background: url(../../../img/pre/ico-new.png);
    position: absolute;
    left: 187px;
    top: 22px;
    z-index: 999;
}
.new2:before {
    content: "";
    width: 71px;
    height: 22px;
    background: url(../../../img/pre/ico-new.png);
    position: absolute;
    left: 126px;
    top: 13px;
    z-index: 999;
}
.new3:before {
  content: "";
    width: 40px;
    height: 12px;
    background: url(../../../img/pre/new.png);
    position: absolute;
    margin-left: 40px;
    top: 1px;
    z-index: 999;
}

.new4:before {
  content: "";
    width: 40px;
    height: 12px;
    background: url(../../../img/pre/new.png);
    position: absolute;
    margin-left: 85px;
    top: 1px;
    z-index: 999;
}

.new5:before {
  content: "";
    width: 40px;
    height: 12px;
    background: url(../../../img/pre/new.png);
    position: absolute;
    margin-left: 46px;
    top: 1px;
    z-index: 999;
}

/*# sourceMappingURL=../../../maps/character/claudius/style.css.map */