/*-----------------------------------------------------------*/
/*キャラクター*/
/*-----------------------------------------------------------*/
#chara {
  position: relative;
  max-width: 876px;
  height: auto;
  background: url(./_imageChara/charaBG@2x.png)no-repeat center top/100% auto;
  margin: 0 auto;
}
#chara .corners {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/charaBG_corners@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.line {
  /*mix-blend-mode: multiply;*/
}

.characterThumb2 {
  position: absolute;
  display: flex;
  width: 300px;
  bottom:94px;
  left: 54px;
}
.characterThumb2 div {
margin-right: 4px;
}


/*-----------------------------------------------------------*/
/*キャラクターサムネイルレイアウト背景付き*/
.thumb {
  display: flex;
  justify-content: center;
flex-flow: row wrap;
  width: auto;
  max-width: 850px;
  background: url("./_image/charaNavl.png") no-repeat left center, url("./_image/charaNavr.png") no-repeat right center, url("./_image/charaNavline.png") no-repeat center;
  margin: 0 auto;
  padding: 0 50px;
}
.thumb div {
margin:4px  2px;

}

.characterThumb2 .slick-slide img {
  width: 60px;
  height: 60px;
}



/*-----------------------------------------------------------*/
/*アリシア*/
.chara01 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: url(./_imageChara/chara01@2x.png)no-repeat center top/100% auto;*/
  z-index: 3;
}
.chara01 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara01_txt@2x.png)no-repeat center top/100% auto;
  z-index: 5;
}
.chara01 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara01_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*デューク*/
.chara02 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara02 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara02 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ジル*/
.chara03 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara03 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara03 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィル*/
.chara04 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara04 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara04 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*キャザー・リズ*/
.chara05 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara05 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara05 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィリアムズ・アルバート*/
.chara06 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara06 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara06 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィリアムズ・アラン*/
.chara07 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara07 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara07 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィリアムズ・ヘンリ*/
.chara08 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara08 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara08 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ハドソン・エリック*/
.chara09 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara09 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara09 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*スミス・フィン*/
.chara10 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara10 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara10 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*エバンズ・ゲイル*/
.chara11 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara11 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara11 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ケンウッド・カーティス*/
.chara12 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara12 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara12 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィリアムズ・アーノルド*/
.chara13 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara13 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara13 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*シーカー・ルーク*/
.chara14 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara14 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara14 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*メル*/
.chara15 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15@2x.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara15 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15_txt@2x.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara15 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15_line@2x.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}






@media screen and (max-width: 667px) {
/*-----------------------------------------------------------*/
/*キャラクター*/
/*-----------------------------------------------------------*/
#chara {
  position: relative;
  max-width: 100%;
  height: auto;
  background: url(./_imageChara/charaBG_sp.png)no-repeat center top/100% auto;
  margin: 0 auto;
  padding-bottom: calc(100% * 1440/800);
}
#chara .corners {
  position: absolute;
  width: 100%;
  ight: 100%;
  background: url(./_imageChara/charaBG_sp_corners.png)no-repeat center top/100% auto;
  z-index: 4;
}
.line {
  mix-blend-mode: multiply;
}



.characterThumb2 {
  position: absolute;
  display: flex;
  width: 300px;
  bottom:38%;
  left: 50%; transform: translateX(-50%);
}
.characterThumb2 div {

}

.slick-list {

}

.characterThumb2 .slick-slide img {
  width: 50px;
  height: 50px;
}

/*-----------------------------------------------------------*/
/*キャラクターサムネイルレイアウト背景付き*/
.thumb {
  width: 100%;
    padding:  0 8%;
  }
  .thumb div {
  margin:4px  2px;
  
  }
  .thumb div img {
    width: 54px;
  }
  /*
  .slick-slide {
    width: 50px;
  }
   */


/*-----------------------------------------------------------*/
/*アリシア*/
.chara01 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: url(./_imageChara/chara01@2x.png)no-repeat center top/100% auto;*/
  z-index: 3;
}
.chara01 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara01_txt_sp.png)no-repeat center top/100% auto;
  z-index: 5;
}
.chara01 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara01_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}


/*-----------------------------------------------------------*/
/*デューク*/
.chara02 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara02 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara02 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara02_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ジル*/
.chara03 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara03 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara03 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara03_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ウィル*/
.chara04 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara04 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara04 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara04_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*キャザー・リズ*/
.chara05 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara05 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara05 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara05_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ウィリアムズ・アルバート*/
.chara06 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara06 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara06 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara06_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ウィリアムズ・アラン*/
.chara07 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara07 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara07 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara07_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}
/*-----------------------------------------------------------*/
/*ウィリアムズ・ヘンリ*/
.chara08 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara08 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara08 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara08_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ハドソン・エリック*/
.chara09 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara09 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara09 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara09_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*スミス・フィン*/
.chara10 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara10 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara10 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara10_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*エバンズ・ゲイル*/
.chara11 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara11 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara11 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara11_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ケンウッド・カーティス*/
.chara12 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara12 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara12 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara12_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*ウィリアムズ・アーノルド*/
.chara13 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara13 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara13 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara13_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*シーカー・ルーク*/
.chara14 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara14 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara14 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara14_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*メル*/
.chara15 .chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15_sp.png)no-repeat center top/100% auto;
  z-index: 3;
}
.chara15 .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15_txt_sp.png)no-repeat center top/100% auto;
  z-index: 4;
}
.chara15 .line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(./_imageChara/chara15_line_sp.png)no-repeat center top/100% auto;
  margin: 0;/*既存の設定を上書き*/
  z-index: 2;
}






}