.charaArea {
  position: relative;
  z-index: 100;
  background: url("/dreaming/sp/teaser_img/chara_bg.jpg") 50% 0 repeat-y;
  -webkit-background-size: 100%;
  background-size: 100%; }

.charaArea .text {
  margin: -6vw 0 4vw;
  text-align: center;
  line-height: 1.5;
  font-size: 4vw;
  color: #fff; }

.charaArea .charaList {
  font-size: 0; }

.charaArea .charaList li {
  position: relative;
  display: inline-block;
  width: 50%;
  font-size: 0; }

.charaArea .charaList02 {
  padding: 0 2.4% 4%;
  text-align: center; }

.charaArea .charaList02 li {
  width: 21.4%;
  margin: 1.7%; }

.charaArea .charaList03 {
  padding: 0 2.4% 4%;
  text-align: center; }

.charaArea .charaList03 li {
  width: 21.4%;
  margin: 1.7%; }

.charaArea .charaList .newIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 8vw;
  height: auto;
  z-index: 100; }

.charaArea .charaList .newIcon img {
  width: 100%;
  height: auto; }

.charaArea h2 {
  margin: 6vw auto 4vw; }

.chara_dia_link {
  text-align: center;
  padding: 10vw 0; }
  .chara_dia_link a {
    display: inline-block;
    width: 80%; }