@charset "UTF-8";
/*---------------------------------------------------------------------------------------------------------
 TITLE:
 PAGE: characters.html
---------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT -----------------------------------------------------------------------------------------*/
.chara {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}

/* CHARACTERS -----------------------------------------------------------------------------------------*/
/* chara title
========================================== */
.pageHeader {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 250px;
  margin: 40px 0 0;
  text-align: center;
  background: url(../img/bg_page_header.png) center center no-repeat;
}

.header_ttl {
  padding-top: 20px;
}

/* chara main
========================================== */
/* CHARA LIST
========================================== */
.chara_listBox {
  margin-top: 40px !important;
}

.charaWrapp02 {
  position: relative;
  width: 100%;
  padding: 0 0 200px;
  background: url(../img/bg_patern01.png) center top;
}

.charaList {
  display: -ms-flexbox;
  display: flex;
  width: 1160px;
  margin: 0 auto;

  align-items: flex-end;
  -ms-flex-align: end;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.charaList li {
  position: relative;
  width: 208px; 
  margin: 0 30px 50px 0;
}

.charaList li:last-child {
  margin-right: auto;
}

.charaList li a:hover .charaList_name {
  transition: opacity .3s;
  opacity: .6;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.charaList li:nth-child(5n) {
  margin-right: 0;
}

.namae_bg {
  margin: 6px;
  padding: 6px 0 5px;
  position:relative;
  border-radius: 40px;
  background-color: #ad7c00;
  box-shadow: 0 3px 2px #3f2900;
}

.namae_bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: .24;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; 
  background-image: url(../img/bg_patern01.png);
}

.chara_name {
  font-size: 14px;
  font-weight: 600; 
  position: relative;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
}

.chara_name:before,.chara_name:after {
  position: absolute;
  top: -2px;
  left: 14px;
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("../img/characters_list/chara_list_item.png");
  background-repeat: no-repeat; 
  background-size: contain;
}

.chara_name:after {
  right: 10px;
  left: auto;
}

/*
.charaList li:before {
  position: absolute;
  z-index: 1;
  bottom: -28px;
  left: 50%;
  display: block;
  width: 180px;
  height: 56px;
  margin-left: -90px;
  content: "";
  border-radius: 50px;
  background: #fff;
}*/
.charaList_img {
  position: relative;
}

.charaList_name {
  position: absolute;
  z-index: 2;
  bottom: -36px;
  left: 50%;
  margin-left: -98px;
}

/* chara01 ネルケ
========================================== */
/* chara02
========================================== */
/* chara03
========================================== */
/* chara04
========================================== */
/* chara05
========================================== */
/* chara06
========================================== */
/* chara07
========================================== */
/* chara08
========================================== */
/* chara09
========================================== */
/* chara10
========================================== */
/* chara11
========================================== */
/* chara12
========================================== */
/* chara13
========================================== */
/* chara14
========================================== */
/* chara15
========================================== */
/* chara16
========================================== */
/* chara17
========================================== */
/* chara18
========================================== */
/* chara19
========================================== */
/* chara20
========================================== */
/* chara21 - sub chara
========================================== */
/* chara22
========================================== */
/* chara23
========================================== */
/* chara24
========================================== */
/* chara25
========================================== */
/* chara26
========================================== */
/* chara27
========================================== */
/* chara28
========================================== */
/* chara29
========================================== */
/* chara30
========================================== */
/* chara31
========================================== */
/* chara32
========================================== */
/* chara33
========================================== */
/* chara34
========================================== */
/* chara35
========================================== */
/* chara36
========================================== */
/* chara37
========================================== */
/* chara38
========================================== */
/* chara det common
========================================== */
/* pager
========================================== */
/* back
========================================== */
.chara_back {
  position: absolute;
  z-index: 2;
  left: 50%;
  width: 1240px;
  margin: 0 auto 0 -620px;
  padding-left: 35px;
}

.chara_back a:hover {
  transition: opacity .3s;
  opacity: .8;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.chara_back img {
  vertical-align: middle;
}

.chara_backTxt {
  margin: 0 0 0 -8px;
}

/* profile
========================================== */
/* INTRO TXT */
.introTxt01 {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  color: #000;
  text-shadow: white 1px 1px 1px,  white 1px -1px 1px,  white -1px 1px 1px, white -1px -1px 1px;
}

/* audio
========================================== */
/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 374px) {
  .sps-none {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .sp-none {
    display: none;
  }
  .chara {
    padding: 0 0 8vw;
  }
  .pageHeader {
    width: 100%;
    height: 38.28125vw;
    margin: 0 0 6.25vw;
    text-align: center;
    background: url(../img/sp/bg_page_header.png) center top repeat;
    background-size: cover;
  }
  .header_ttl {
    width: 63.90625vw;
    margin: 0 auto;
    padding-top: 5.625vw;
  }
  .charaWrapp01 {
    position: relative;
    width: 100%;
    margin: -20px 0 0;
    padding: 0;
    background: url(../img/bg_patern01.png) center top;
  }
  .chara01-01 {
    position: relative;
    z-index: 2;
  }
  .charaMain {
    width: 100%;
    height: 66.71875vw;
    text-align: center;
    background: url(../img/characters/bg_obi.png) repeat-x center center;
    background-size: auto 23.75vw;
  }
  .chara01Main {
    position: relative;
    width: 100%;
    height: 66.71875vw;
    margin: 0 auto;
    background: url(../img/characters/sp/img_chara01.png) center bottom no-repeat;
    background-size: auto 66.71875vw;
  }
  .chara01Main:before {
    display: none;
  }
  .chara01Main:hover .chara01Main_name {
    transition: opacity .3s;
    opacity: .6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .chara01Main_name {
    position: absolute;
    z-index: 2;
    bottom: 7.8125vw;
    left: 50%;
    width: 30.625vw;
    margin-left: -15.3125vw;
  }
  .charaMainList {
    display: -ms-flexbox;
    display: flex;
    width: 563px;
    margin-right: 20px;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .charaMainList li {
    position: relative;
    margin-bottom: 50px;
  }
  .charaMainList li a:hover .charaList_name {
    transition: opacity .3s;
    opacity: .6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .charaMainList li:before {
    position: absolute;
    z-index: 1;
    bottom: -28px;
    left: 50%;
    display: block;
    width: 180px;
    height: 56px;
    margin-left: -90px;
    content: "";
    border-radius: 50px;
    background: #fff;
  }
  .charaMainList {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0 2.34375vw;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .charaMainList li {
    position: relative;
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 7.8125vw 0;
    padding: 0 2.34375vw;
  }
  .charaList li:nth-child(4n) {
    margin-right: 0;
  }
  .charaMainList li:before {
    display: none;
  }
  .newChara:after {
    position: absolute;
    bottom: 24.75vw;
    left: 2%;
    display: block;
    width: 15.625vw;
    height: 5.3125vw;
    content: "";
    transform: scale(.8);
    background: url(../common/img/icon_new.png) no-repeat;
    background-size: 15.625vw;
  }
  .charaWrapp02 {
    position: relative;
    width: 100%;
    padding: 0 0 50px;
  }
  .chara_listBox {
    margin-top: 0 !important;
  }
  .charaList {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0 2.34375vw;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .charaList li {
    position: relative;
    box-sizing: border-box;
    width: 33.3%;
    margin: 0 0 7.8125vw 0;
    padding: 0 2.34375vw;
  }
  .charaList li:nth-child(4n) {
    margin-right: 0;
  }
  .charaList li:before {
    display: none;
  }
  .chara_name {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
  }
  .namae_bg {
    margin: 6px 0; 
    padding: 3px 0 4px;
  }
  .namae_bg:before {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  }
  .chara_name:before,.chara_name:after {
    display: none;
  }
  .charaList_img {
    position: relative;
  }
  .charaList_name {
    position: absolute;
    z-index: 2;
    bottom: -20px;
    left: 50%;
    width: 31.25vw;
    margin-left: -15vw;
  }
  .chara01DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 6vw;
  }
  .chara01 {
    position: relative;
    top: -12vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara01_img01.png) center top no-repeat;
    background-size: auto 193.28125vw;
  }
  .chara01:before {
    position: absolute;
    top: 98.4375vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara01_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .charaChange {
    position: absolute;
    z-index: 5;
    top: 30px;
    left: 0;
    display: inline-block;
    width: 15vw;
    cursor: pointer;
    text-align: center;
  }
  .charaChange_icon {
    padding: 0 10px;
  }
  .chara02DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara02 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara02_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara02:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara02_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara03DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara03 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara03_img01.png) center top no-repeat;
    background-size: auto 158.90625vw;
  }
  .chara03:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara03_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara04DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara04 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara04_img01.png) right top no-repeat;
    background-size: auto 157.8125vw;
  }
  .chara04:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara04_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara05DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 3vw;
  }
  .chara05 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara05_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara05:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara05_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara06DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 2vw;
  }
  .chara06 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara06_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara06:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara06_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara07DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara07 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara07_img01.png) center top no-repeat;
    background-size: auto 160.46875vw;
  }
  .chara07:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara07_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara08DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara08 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara08_img01.png) center top no-repeat;
    background-size: auto 193.59375vw;
  }
  .chara08_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara09DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara09 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara09_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara09_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara10DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara10 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara10_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara10_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara11DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara11 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara11_img01.png) center top no-repeat;
    background-size: auto 155.3125vw;
  }
  .chara11:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara11_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara12DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara12 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara12_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara12:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara12_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara13DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara13 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara13_img01.png) center top no-repeat;
    background-size: auto 162.1875vw;
  }
  .chara13:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara13_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara14DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara14 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara14_img01.png) center top no-repeat;
    background-size: auto 144.0625vw;
  }
  .chara14_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara15DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 14vw;
  }
  .chara15 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara15_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara15:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara15_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara16DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara16 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara16_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara16_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara17DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 14vw;
  }
  .chara17 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara17_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara17:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara17_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara18DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara18 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara18_img01.png) center top no-repeat;
    background-size: auto 186.09375vw;
  }
  .chara18_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara19DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara19 {
    position: relative;
    top: -14vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara19_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara19:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara19_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara20DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara20 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara20_img01.png) center top no-repeat;
    background-size: auto 160.46875vw;
  }
  .chara20_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara21DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 14vw;
  }
  .chara21 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara21_img01.png) center top no-repeat;
    background-size: auto 150.5625vw;
  }
  .chara21:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara21_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .subChara {
    margin: 22.40625vw 0 0;
  }
  .subChara_inner {
    position: relative;
    width: 90.625vw;
    margin: 0 auto;
    text-align: center;
    background: url(../img/characters/detail/bg_sub_mid.png);
    background-size: 90.625vw auto;
  }
  .subChara_inner:before {
    position: absolute;
    top: -16.40625vw;
    left: 0;
    width: 90.625vw;
    height: 16.40625vw;
    content: "";
    background: url(../img/characters/detail/bg_sub_top.png) no-repeat;
    background-size: 90.625vw auto;
  }
  .subChara_inner:after {
    position: absolute;
    bottom: -16.40625vw;
    left: 0;
    width: 90.625vw;
    height: 16.40625vw;
    content: "";
    background: url(../img/characters/detail/bg_sub_btm.png) no-repeat;
    background-size: 90.625vw auto;
  }
  .subChara_name {
    position: relative;
    top: -20px;
  }
  .subChara_name img {
    width: 73.90625vw;
  }
  .subChara_txt {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0 10.9375vw;
    text-align: left;
  }
  .subChara_img {
    position: relative;
    z-index: 1;
    bottom: -3.125vw;
  }
  .subChara_img img {
    width: 75.46875vw;
  }
  .chara21_chara_img img {
    margin: 22vw 0 0;
  }
  .chara22DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara22 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara22_img01.png) center top no-repeat;
    background-size: auto 158.125vw;
  }
  .chara22_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara23DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 3vw;
  }
  .chara23 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara23_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara23_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara24DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara24 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara24_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara24_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara25DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 8vw;
  }
  .chara25 {
    position: relative;
    top: -10vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara25_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara25:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara25_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara26DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara26 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara26_img01.png) center top no-repeat;
    background-size: auto 159.0625vw;
  }
  .chara26:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara26_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara27DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara27 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara27_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara27:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara27_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara28DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara28 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara28_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara28_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara29DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara29 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara29_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara29:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara29_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara30DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara30 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara30_img01.png) center top no-repeat;
    background-size: auto 191.40625vw;
  }
  .chara30_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara31DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara31 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara31_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara31:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara31_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara32DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara32 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara32_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara32:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara32_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara33DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 13vw;
  }
  .chara33 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara33_img01.png) left top no-repeat;
    background-size: auto 172.1875vw;
  }
  .chara33_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara34DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 14vw;
  }
  .chara34 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara34_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara34:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara34_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara35DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 14vw;
  }
  .chara35 {
    position: relative;
    top: -5vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 0 85.93710pxvw; */
    background: url(../img/characters/detail/sp/chara35_img01.png) center top no-repeat;
    background-size: auto 193.75vw;
  }
  .chara35:before {
    position: absolute;
    top: 98.125vw;
    left: 0;
    display: block;
    width: 100%;
    height: 87.5vw;
    content: "";
    background-size: 87.5vw auto;
  }
  .chara35_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara36DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara36 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara36_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara36_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara37DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara37 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara37_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara37_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara38DetWrap {
    position: relative;
    top: 0;
    padding: 0 0 4vw;
  }
  .chara38 {
    position: relative;
    top: -15vw;
    display: block;
    width: 100%;
    width: 100%;
    margin: 0 auto;
    background: url(../img/characters/detail/sp/chara38_img01.png) center top no-repeat;
    background-size: auto 182.5625vw;
  }
  .chara38_name {
    width: 88.125vw;
    margin: 0 auto 37.5vw;
    padding: 93.75vw 0 0;
  }
  .chara_desc {
    position: relative;
    z-index: 2;
    width: 100%;
    /* height: 40.625vw; */
    height: 100%;
    margin: 0 0 7.8125vw;
    background: #019dbf url(../img/bg_patern01.png) repeat center center;
    background-size: 280px auto;
  }
  .chara_descBg {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-top: 7px solid #019dbf;
    border-bottom: 7px solid #019dbf;
    background: rgba(1, 157, 191, .5);
  }
  .chara_descBg:before {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    content: "";
    border-top: 2px solid #ffa400;
  }
  .chara_descBg:before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 2px solid #ffa400;
  }
  .chara_descInner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 4.6875vw 0;
  }
  .chara_txtBox {
    box-sizing: border-box;
    width: 90.625vw;
    /*height: 30.625vw;*/
    margin: 0 auto;
    padding: 0 5px 0 0;
  }
  .chara_txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #fff;
    text-shadow: #009dbf 1px 1px 1px, #009dbf 1px -1px 1px, #009dbf -1px 1px 1px, #009dbf -1px -1px 1px;
  }
  .chara_pager {
    position: absolute;
    z-index: 2;
    top: 0;
    top: 128.65625vw;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .chara_pager.is-chara01 {
    top: 129.6875vw;
  }
  .chara_pager.is-chara08 {
    top: 123vw;
  }
  .chara_pager.is-chara14 {
    top: 123vw;
  }
  .chara_pager.is-chara22 {
    top: 126vw;
  }
  .chara_pager li {
    line-height: 0;
    width: 21.875vw;
    text-align: center;
  }
  .chara_pagerTxt {
    margin: -10px 0 0;
  }
  .chara_prev {
    margin-right: auto;
  }
  .chara_next {
    margin-left: auto;
  }
  .chara_back {
    position: relative;
    left: 0;
    width: auto;
    margin: 2% 0 0 0;
    padding: 0 44%;
    text-align: center;
  }
  .chara_back img {
    margin: 0;
  }
  .prof_ttl {
    position: relative;
    z-index: 2;
    width: 55.625vw;
    margin: 0 auto;
  }
  .prof_inner {
    position: relative;
    box-sizing: border-box;
    width: 90.6vw;
    height: auto;
    margin: -6vw auto 0;
    padding: 10vw 6.25vw 0;
    background: url(../img/intro/sp/bg_prof_top.png) center top no-repeat;
    background-size: 100% auto;
  }
  .prof_inner:after {
    position: absolute;
    bottom: -12.1875vw;
    left: 0;
    width: 90.6vw;
    height: 12.1875vw;
    margin: 0 auto;
    padding: 0;
    content: "";
    background: url(../img/intro/sp/bg_prof_under.png) center bottom no-repeat;
    background-size: 100% auto;
  }
  .prof_box {
    margin: 0;
  }
  .prof_defTtl {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
  }
  .prof_name {
    width: 33.59375vw;
    margin: 7.8125vw 0 0;

    -ms-flex-order: 2;
    order: 2;
  }
  .prof_tw {
    width: 28.125vw;

    align-self: flex-end;
    -ms-flex-item-align: end;
    -ms-flex-order: 1;
    order: 1;
  }
  .prof_defInner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 0 20px;

    -ms-flex-flow: column;
        flex-flow: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .prof_defTxt {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .intro02_copy01 {
    margin: 5vw auto 0;
    text-align: center;
  }
  .intro02_txt02 {
    width: 90.6vw;
    margin: 0 auto 2vw;
    text-align: center;
  }
  .introTxt01 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .audioBox {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto 23.5vw;
    cursor: pointer;

    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .audioBoxTxt {
    margin: 0 0 0 3.125vw;
  }
  .audioBoxTxt img {
    width: 41.875vw;
  }
  .audioBoxList {
    position: relative;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    margin: 0 3.125vw 0 0;
  }
  .audioBoxList li {
    margin: 0 0 0 0;
  }
  .audioBoxList li img {
    width: 19.375vw;
    height: 19.375vw;
  }
}

@media screen and (min-width: 640px) {
  .pc-none {
    display: none;
  }
  .charaWrapp01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 0 20px;
    background: url(../img/characters/bg_obi.png) repeat-x center 68%;
  }
  .charaBox01 {
    display: -ms-flexbox;
    display: flex;
    width: 1190px;
    margin: 0 auto;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .charaMain {
    position: relative;
    width: 597px;
    height: 630px;
  }
  .charaMain_img {
    position: relative;
    left: -68px;
  }
  .chara01Main {
    position: absolute;
    bottom: 47px;
    left: 165px;
    width: 237px;
    height: 73px;
  }
  .chara01Main:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    display: block;
    width: 237px;
    height: 73px;
    content: "";
    border-radius: 50px;
    background: #fff;
  }
  .charaMain a:hover .chara01Main_name {
    transition: opacity .3s;
    opacity: .6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .chara01Main_name {
    line-height: 0;
    position: relative;
    z-index: 2;
    top: -8px;
    left: -10px;
    width: 253px;
    height: 89px;
  }
  .charaMainList {
    display: -ms-flexbox;
    display: flex;
    width: 563px;
    margin-right: 20px;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .charaMainList li {
    position: relative;
    margin-bottom: 50px;
  }
  .charaMainList li a:hover .charaList_name {
    transition: opacity .3s;
    opacity: .6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .charaMainList li:before {
    position: absolute;
    z-index: 1;
    bottom: -28px;
    left: 50%;
    display: block;
    width: 180px;
    height: 56px;
    margin-left: -90px;
    content: "";
    border-radius: 50px;
    background: #fff;
  }
  .newChara:after {
    position: absolute;
    bottom: 153px;
    left: 0;
    content: url(../common/img/sp/icon_new.png);
  }
  .chara01DetWrap {
    position: relative;
    top: -100px;
    height: 1250px;
  }
  .chara01 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara01_chara {
    position: absolute;
    z-index: 2;
    top: -180px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 930px;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .chara01_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 140px 0 0;
  }
  .chara01_name img {
    margin: 0 0 0 30px;
  }
  .charaChange {
    position: absolute;
    z-index: 5;
    top: 80px;
    left: 50%;
    display: inline-block;
    width: 106px;
    margin-left: -106px;
    cursor: pointer;
    text-align: center;
  }
  .chara02DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara02 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara02:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara02_img01.png) center top no-repeat;
  }
  .chara02_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara02_name img {
    margin: 0 0 0 30px;
  }
  .chara03DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara03 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara03:after {
    position: absolute;
    top: 60px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 700px;
    content: "";
    background: url(../img/characters/detail/chara03_img01.png) center top no-repeat;
  }
  .chara03_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara03_name img {
    margin: 0 0 0 30px;
  }
  .chara04DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara04 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara04:after {
    position: absolute;
    top: 70px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 790px;
    content: "";
    background: url(../img/characters/detail/chara04_img01.png) center top no-repeat;
  }
  .chara04_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara04_name img {
    margin: 0 0 0 30px;
  }
  .chara05DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara05 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara05:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara05_img01.png) center top no-repeat;
  }
  .chara05_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara05_name img {
    margin: 0 0 0 30px;
  }
  .chara06DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara06 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara06:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara06_img01.png) center top no-repeat;
  }
  .chara06_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara06_name img {
    margin: 0 0 0 30px;
  }
  .chara07DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara07 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara07:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 650px;
    content: "";
    background: url(../img/characters/detail/chara07_img01.png) center top no-repeat;
  }
  .chara07_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara07_name img {
    margin: 0 0 0 30px;
  }
  .chara08DetWrap {
    position: relative;
    top: -47px;
    height: 1250px;
  }
  .chara08 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara08:after {
    position: absolute;
    top: -60px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 712px;
    content: "";
    background: url(../img/characters/detail/chara08_img01.png) center top no-repeat;
  }
  .chara08_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara08_name img {
    margin: 0 0 0 30px;
  }
  .chara09DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara09 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1439px;
    margin: 0 auto;
  }
  .chara09:after {
    position: absolute;
    top: -100px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara09_img01.png) center top no-repeat;
  }
  .chara09_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara09_name img {
    margin: 0 0 0 30px;
  }
  .chara10DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara10 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara10:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara10_img01.png) center top no-repeat;
  }
  .chara10_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara10_name img {
    margin: 0 0 0 30px;
  }
  .chara11DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara11 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara11:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 750px;
    content: "";
    background: url(../img/characters/detail/chara11_img01.png) center top no-repeat;
  }
  .chara11_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara11_name img {
    margin: 0 0 0 30px;
  }
  .chara12DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara12 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara12:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara12_img01.png) center top no-repeat;
  }
  .chara12_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara12_name img {
    margin: 0 0 0 30px;
  }
  .chara13DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara13 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara13:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 612px;
    content: "";
    background: url(../img/characters/detail/chara13_img01.png) center top no-repeat;
  }
  .chara13_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara13_name img {
    margin: 0 0 0 30px;
  }
  .chara14DetWrap {
    position: relative;
    top: -41px;
    height: 1250px;
  }
  .chara14 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara14:after {
    position: absolute;
    top: 30px;
    left: -200px;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara14_img01.png) center top no-repeat;
  }
  .chara14_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara14_name img {
    margin: 0 0 0 30px;
  }
  .chara15DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara15 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara15:after {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 512px;
    content: "";
    background: url(../img/characters/detail/chara15_img01.png) center top no-repeat;
  }
  .chara15_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara15_name img {
    margin: 0 0 0 30px;
  }
  .chara16DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara16 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara16:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara16_img01.png) center top no-repeat;
  }
  .chara16_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara16_name img {
    margin: 0 0 0 30px;
  }
  .chara17DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara17 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara17:after {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 562px;
    content: "";
    background: url(../img/characters/detail/chara17_img01.png) center top no-repeat;
  }
  .chara17_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara17_name img {
    margin: 0 0 0 30px;
  }
  .chara18DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara18 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara18:after {
    position: absolute;
    top: 30px;
    left: -210px;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara18_img01.png) center top no-repeat;
  }
  .chara18_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara18_name img {
    margin: 0 0 0 30px;
  }
  .chara19DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara19 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara19:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara19_img01.png) center top no-repeat;
  }
  .chara19_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara19_name img {
    margin: 0 0 0 30px;
  }
  .chara20DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara20 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara20:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 580px;
    content: "";
    background: url(../img/characters/detail/chara20_img01.png) center top no-repeat;
  }
  .chara20_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara20_name img {
    margin: 0 0 0 30px;
  }
  .chara21DetWrap {
    position: relative;
    top: -80px;
    height: 1650px;
  }
  .chara21 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .chara21:after {
    position: absolute;
    top: 120px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 0 550px;
    content: "";
    background: url(../img/characters/detail/chara21_img01.png) center top no-repeat;
  }
  .chara21_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara21_name img {
    margin: 0 0 0 30px;
  }
  .chara21_chara_img {
    position: absolute;
    z-index: 1;
    right: 110px;
    bottom: -90px;
    margin: 0 auto 45px;
  }
  .chara21_chara_img img {
    padding: 0;
  }
  .subChara {
    position: relative;
    z-index: 1;
    top: 65px;
    left: 40px;
    width: 1240px;
    margin: 0 auto 180px;
  }
  .subChara_inner {
    position: relative;
    width: 488px;
    text-align: center;
    background: url(../img/characters/detail/bg_sub_mid.png);
    background-size: 488px auto;
  }
  .subChara_inner:before {
    position: absolute;
    top: -85px;
    left: 0;
    width: 488px;
    height: 85px;
    content: "";
    background: url(../img/characters/detail/bg_sub_top.png) no-repeat;
    background-size: 488px auto;
  }
  .subChara_inner:after {
    position: absolute;
    bottom: -85px;
    left: 0;
    width: 488px;
    height: 90px;
    content: "";
    background: url(../img/characters/detail/bg_sub_btm.png) no-repeat;
    background-size: 488px auto;
  }
  .subChara_name {
    position: relative;
    top: -20px;
    margin: 0 0 10px;
  }
  .subChara_txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0 60px;
    text-align: left;
  }
  .subChara_img {
    position: relative;
    z-index: 1;
    bottom: -20px;
  }
  .chara22DetWrap {
    position: relative;
    top: -65px;
    height: 1250px;
  }
  .chara22 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara22:after {
    position: absolute;
    top: 60px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 700px;
    content: "";
    background: url(../img/characters/detail/chara22_img01.png) center top no-repeat;
  }
  .chara22_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara22_name img {
    margin: 0 0 0 30px;
  }
  .chara23DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara23 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara23:after {
    position: absolute;
    top: -160px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 600px;
    content: "";
    background: url(../img/characters/detail/chara23_img01.png) center top no-repeat;
  }
  .chara23_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara23_name img {
    margin: 0 0 0 30px;
  }
  .chara24DetWrap {
    position: relative;
    top: -80px;
    height: 1220px;
  }
  .chara24 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara24:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 700px;
    content: "";
    background: url(../img/characters/detail/chara24_img01.png) center top no-repeat;
  }
  .chara24_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara24_name img {
    margin: 0 0 0 30px;
  }
  .chara25DetWrap {
    position: relative;
    top: -80px;
    height: 1220px;
  }
  .chara25 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara25:after {
    position: absolute;
    top: -170px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara25_img01.png) center top no-repeat;
  }
  .chara25_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara25_name img {
    margin: 0 0 0 30px;
  }
  .chara26DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara26 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara26:after {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 650px;
    content: "";
    background: url(../img/characters/detail/chara26_img01.png) center top no-repeat;
  }
  .chara26_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara26_name img {
    margin: 0 0 0 30px;
  }
  .chara27DetWrap {
    position: relative;
    top: -80px;
    height: 1210px;
  }
  .chara27 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara27:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara27_img01.png) center top no-repeat;
  }
  .chara27_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara27_name img {
    margin: 0 0 0 30px;
  }
  .chara28DetWrap {
    position: relative;
    top: -80px;
    height: 1220px;
  }
  .chara28 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara28:after {
    position: absolute;
    top: -150px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara28_img01.png) center top no-repeat;
  }
  .chara28_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara28_name img {
    margin: 0 0 0 30px;
  }
  .chara29DetWrap {
    position: relative;
    top: -80px;
    height: 1210px;
  }
  .chara29 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara29:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara29_img01.png) center top no-repeat;
  }
  .chara29_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara29_name img {
    margin: 0 0 0 30px;
  }
  .chara30DetWrap {
    position: relative;
    top: -46px;
    height: 1250px;
  }
  .chara30 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara30:after {
    position: absolute;
    top: 20px;
    left: -30px;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara30_img01.png) center top no-repeat;
  }
  .chara30_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara30_name img {
    margin: 0 0 0 30px;
  }
  .chara31DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara31 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara31:after {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 612px;
    content: "";
    background: url(../img/characters/detail/chara31_img01.png) center top no-repeat;
  }
  .chara31_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara31_name img {
    margin: 0 0 0 30px;
  }
  .chara32DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara32 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara32:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara32_img01.png) center top no-repeat;
  }
  .chara32_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara32_name img {
    margin: 0 0 0 30px;
  }
  .chara33DetWrap {
    position: relative;
    top: -80px;
    height: 1150px;
  }
  .chara33 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara33:after {
    position: absolute;
    top: 70px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 500px;
    content: "";
    background: url(../img/characters/detail/chara33_img01.png) center top no-repeat;
  }
  .chara33_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara33_name img {
    margin: 0 0 0 30px;
  }
  .chara34DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara34 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara34:after {
    position: absolute;
    top: -70px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara34_img01.png) center top no-repeat;
  }
  .chara34_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara34_name img {
    margin: 0 0 0 30px;
  }
  .chara35DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara35 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara35:after {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 650px;
    content: "";
    background: url(../img/characters/detail/chara35_img01.png) center top no-repeat;
  }
  .chara35_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara35_name img {
    margin: 0 0 0 30px;
  }
  .chara36DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara36 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara36:after {
    position: absolute;
    top: -200px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 912px;
    content: "";
    background: url(../img/characters/detail/chara36_img01.png) center top no-repeat;
  }
  .chara36_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara36_name img {
    margin: 0 0 0 30px;
  }
  .chara37DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara37 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara37:after {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 712px;
    content: "";
    background: url(../img/characters/detail/chara37_img01.png) center top no-repeat;
  }
  .chara37_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara37_name img {
    margin: 0 0 0 30px;
  }
  .chara38DetWrap {
    position: relative;
    top: -80px;
    height: 1250px;
  }
  .chara38 {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
  }
  .chara38:after {
    position: absolute;
    top: 90px;
    left: 0;
    display: block;
    width: 100%;
    height: 1490px;
    padding: 0 0 0 462px;
    content: "";
    background: url(../img/characters/detail/chara38_img01.png) center top no-repeat;
  }
  .chara38_name {
    width: 1240px;
    margin: 0 auto 75px;
    padding: 125px 0 0;
  }
  .chara38_name img {
    margin: 0 0 0 30px;
  }
  .chara_desc {
    width: 100%;
    min-height: 260px;
    margin: 0 0 55px;
    background: #019dbf url(../img/bg_patern01.png) center center;
  }
  .chara_descBg {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 260px;
    margin: 0 auto;
    border-top: 15px solid #019dbf;
    border-bottom: 15px solid #019dbf;
    background: rgba(1, 157, 191, .5);
  }
  .chara_descBg:before {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    content: "";
    border-top: 2px solid #ffa400;
  }
  .chara_descBg:before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 2px solid #ffa400;
  }
  .chara_descInner {
    width: 1240px;
    margin: 0 auto;
    padding: 23px 0 0 0;
  }
  .chara_txtBox {
    width: 390px;
    margin-left: 140px;
  }
  .chara_txt {
    font-size: 16px;
    line-height: 1.8;
    position: relative;
    z-index: 3;
    color: #fff;
    text-shadow: #009dbf 1px 1px 1px, #009dbf 1px -1px 1px, #009dbf -1px 1px 1px, #009dbf -1px -1px 1px;
  }
  /* スクロールバー */
  .chara_txtBox::-webkit-scrollbar {
    width: 8px;
  }
  .chara_txtBox::-webkit-scrollbar-track {
    background: #b1eaf6;
  }
  .chara_txtBox::-webkit-scrollbar-thumb {
    background-color: #ffa400;
  }
  .chara_img {
    position: relative;
    z-index: 1;
    width: 1240px;
    margin: 0 auto 45px;
  }
  .chara_img img {
    padding: 0 0 0 85px;
  }
  .chara_pager {
    position: absolute;
    z-index: 2;
    top: 300px;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    width: 1240px;
    margin: 0 0 0 -620px;

    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .chara_pager.is-chara01 {
    top: 320px;
  }
  .chara_pager.is-chara08 {
    top: 267px;
  }
  .chara_pager.is-chara14 {
    top: 260px;
  }
  .chara_pager.is-chara22 {
    top: 285px;
  }
  .chara_pager li {
    line-height: 0;
    display: inline-block;
    text-align: center;
  }
  .chara_pagerTxt {
    margin: -10px 0 0;
  }
  .chara_prev {
    margin-right: auto;
  }
  .chara_prev .chara_pagerTxt {
    margin-right: 8px;
  }
  .chara_prev a:hover .chara_pagerTxt {
    margin-right: 16px;
    transition: all .3s;
  }
  .chara_next {
    margin-left: auto;
  }
  .chara_next a:hover .chara_pagerTxt {
    margin-left: 8px;
    transition: all .3s;
  }
  .prof {
    margin: 0 0 100px;
  }
  .prof_ttl {
    text-align: center;
  }
  .prof_inner {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    width: 840px;
    height: 374px;
    margin: -39px auto 0;
    padding: 70px 70px 0;
    background: url(../img/intro/profile_bg.png) center top no-repeat;
  }
  .prof_box {
    margin: 0 0 0 25px;
  }
  .prof_defTtl {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;

    align-items: flex-start;
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .prof_defInner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    align-items: flex-start;
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .prof_defTxt {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
  }
  .intro02_copy01 {
    text-align: center;
  }
  .intro02_txt02 {
    width: 600px;
    margin: 0 auto 20px;
    text-align: center;
  }
  .audioBox {
    position: relative;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    width: 1240px;
    margin: 0 auto 40px;
    cursor: pointer;

    align-items: center;
    -ms-flex-align: center;
  }
  .audioBoxTxt {
    margin: 0 10px 0 130px;
  }
  .audioBoxList {
    position: relative;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
  }
  .audioBoxList li {
    margin: 0 15px 0 0;
  }
}