@charset "UTF-8";
/*
	character_detail
*/
#page {
  position: relative;
}

#main_area {
  position: relative;
  width: 100%;
  height: 1000px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#main_area h2 {
  padding: 106px 0 0;
}

/* 各ギルド背景 */
#character_01 #main_area {
  background-image: url(../../images/sp/character/bg_main_01.png?=241227);
  background-position: center top;
}

#character_02 #main_area {
  background-image: url(../../images/sp/character/bg_main_02.png?=241227);
  background-position: center top;
}

#character_03 #main_area {
  background-image: url(../../images/sp/character/bg_main_03.png?=241227);
  background-position: center top;
}

#character_04 #main_area {
  background-image: url(../../images/sp/character/bg_main_04.png?=241227);
  background-position: center top;
}

#character_05 #main_area {
  background-image: url(../../images/sp/character/bg_main_05.png?=241227);
  background-position: center top;
}

#character_06 #main_area {
  background-image: url(../../images/sp/character/bg_main_06.png?=241227);
  background-position: center top;
}

#character_07 #main_area {
  background-image: url(../../images/sp/character/bg_main_07.png?=241227);
  background-position: center top;
}

#character_08 #main_area {
  background-image: url(../../images/sp/character/bg_main_08.png?=241227);
  background-position: center top;
}

#character_09 #main_area {
  background-image: url(../../images/sp/character/bg_main_09.png?=241227);
  background-position: center top;
}

#character_10 #main_area {
  background-image: url(../../images/sp/character/bg_main_10.png?=241227);
  background-position: center top;
}

#character_11 #main_area {
  background-image: url(../../images/sp/character/bg_main_11.png?=241227);
  background-position: center top;
}

#character_12 #main_area {
  background-image: url(../../images/sp/character/bg_main_12.png?=241227);
  background-position: center top;
}

#character_13 #main_area {
  background-image: url(../../images/sp/character/bg_main_13.png?=241227);
  background-position: center top;
}

#character_14 #main_area {
  background-image: url(../../images/sp/character/bg_main_14.png?=241227);
  background-position: center top;
}

#character_15 #main_area {
  background-image: url(../../images/sp/character/bg_main_15.png?=241227);
  background-position: center top;
}

#character_16 #main_area {
  background-image: url(../../images/sp/character/bg_main_16.png?=241227);
  background-position: center top;
}

#character_17 #main_area {
  background-image: url(../../images/sp/character/bg_main_17.png?=241227);
  background-position: center top;
}

#character_18 #main_area {
  background-image: url(../../images/sp/character/bg_main_18.png?=241227);
  background-position: center top;
}

#character_19 #main_area {
  background-image: url(../../images/sp/character/bg_main_19.png?=241227);
  background-position: center top;
}

#character_20 #main_area {
  background-image: url(../../images/sp/character/bg_main_20.png?=241227);
  background-position: center top;
}

#character_21 #main_area {
  background-image: url(../../images/sp/character/bg_main_21.png?=241227);
  background-position: center top;
}

#character_22 #main_area {
  background-image: url(../../images/sp/character/bg_main_22.png?=241227);
  background-position: center top;
}

#character_23 #main_area {
  background-image: url(../../images/sp/character/bg_main_23.png?=241227);
  background-position: center top;
}

#character_24 #main_area {
  background-image: url(../../images/sp/character/bg_main_24.png?=241227);
  background-position: center top;
}

#character_25 #main_area {
  background-image: url(../../images/sp/character/bg_main_25.png?=241227);
  background-position: center top;
}

#character_26 #main_area {
  background-image: url(../../images/sp/character/bg_main_26.png?=241227);
  background-position: center top;
}

#character_27 #main_area {
  background-image: url(../../images/sp/character/bg_main_27.png?=241227);
  background-position: center top;
}

#character_28 #main_area {
  background-image: url(../../images/sp/character/bg_main_28.png?=241227);
  background-position: center top;
}

#character_29 #main_area {
  background-image: url(../../images/sp/character/bg_main_29.png?=241227);
  background-position: center top;
}

#character_30 #main_area {
  background-image: url(../../images/sp/character/bg_main_30.png?=241227);
  background-position: center top;
}

#character_31 #main_area {
  background-image: url(../../images/sp/character/bg_main_31.jpg?=241227);
  background-position: center top;
}

#character_32 #main_area {
  background-image: url(../../images/sp/character/bg_main_32.jpg?=241227);
  background-position: center top;
}

#character_33 #main_area {
  background-image: url(../../images/sp/character/bg_main_33.jpg?=241227);
  background-position: center top;
}

#main_chara {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
	ポップアップのボタン
*/
#character_01 #main_area {
  height: 1010px;
}
#character_01 #btn_pop_chara_01 {
  position: absolute;
  top: 844px;
  left: 93px;
}
#character_01 #btn_pop_chara_02 {
  position: absolute;
  top: 756px;
  left: 7px;
}
#character_01 #btn_pop_chara_03 {
  position: absolute;
  top: 756px;
  right: 125px;
}
#character_01 #btn_pop_chara_04 {
  position: absolute;
  top: 844px;
  right: 5px;
}

#character_02 #main_area {
  height: 1023px;
}
#character_02 #btn_pop_chara_01 {
  position: absolute;
  top: 546px;
  left: 7px;
}
#character_02 #btn_pop_chara_02 {
  position: absolute;
  top: 710px;
  left: 93px;
}
#character_02 #btn_pop_chara_03 {
  position: absolute;
  top: 588px;
  right: 18px;
}

#character_03 #main_area {
  height: 1040px;
}
#character_03 #btn_pop_chara_01 {
  position: absolute;
  top: 740px;
  right: 197px;
}
#character_03 #btn_pop_chara_02 {
  position: absolute;
  top: 275px;
  left: 18px;
}
#character_03 #btn_pop_chara_03 {
  position: absolute;
  top: 604px;
  right: 7px;
}

#character_04 #main_area {
  height: 1008px;
}
#character_04 #btn_pop_chara_01 {
  position: absolute;
  top: 764px;
  left: 47px;
}
#character_04 #btn_pop_chara_02 {
  position: absolute;
  top: 472px;
  left: 2px;
}
#character_04 #btn_pop_chara_03 {
  position: absolute;
  top: 592px;
  right: 4px;
}

#character_05 #btn_pop_chara_01 {
  position: absolute;
  top: 792px;
  right: 80px;
}
#character_05 #btn_pop_chara_02 {
  position: absolute;
  top: 589px;
  right: 3px;
}
#character_05 #btn_pop_chara_03 {
  position: absolute;
  top: 641px;
  left: 0;
}

#character_06 #main_area {
  height: 1010px;
}
#character_06 #btn_pop_chara_01 {
  position: absolute;
  top: 584px;
  left: 4px;
}
#character_06 #btn_pop_chara_02 {
  position: absolute;
  top: 784px;
  left: 87px;
}
#character_06 #btn_pop_chara_03 {
  position: absolute;
  top: 606px;
  right: 6px;
}

#character_07 #main_area {
  height: 1130px;
}
#character_07 #btn_pop_chara_01 {
  position: absolute;
  top: 838px;
  right: 61px;
}
#character_07 #btn_pop_chara_02 {
  position: absolute;
  top: 424px;
  left: 13px;
}
#character_07 #btn_pop_chara_03 {
  position: absolute;
  top: 491px;
  left: 150px;
}
#character_07 #btn_pop_chara_04 {
  position: absolute;
  top: 465px;
  right: 15px;
}
#character_07 #btn_pop_chara_05 {
  position: absolute;
  top: 785px;
  left: 16px;
}

#character_08 #main_area {
  height: 1025px;
}
#character_08 #btn_pop_chara_01 {
  position: absolute;
  top: 718px;
  right: 219px;
}
#character_08 #btn_pop_chara_02 {
  position: absolute;
  top: 640px;
  right: 15px;
}
#character_08 #btn_pop_chara_03 {
  position: absolute;
  top: 240px;
  left: 144px;
}
#character_08 #btn_pop_chara_04 {
  position: absolute;
  top: 596px;
  left: 23px;
}

#character_09 #main_area {
  height: 1024px;
}
#character_09 #btn_pop_chara_01 {
  position: absolute;
  top: 794px;
  right: 77px;
}
#character_09 #btn_pop_chara_02 {
  position: absolute;
  top: 290px;
  right: 119px;
}
#character_09 #btn_pop_chara_03 {
  position: absolute;
  top: 720px;
  left: 6px;
}
#character_09 #btn_pop_chara_04 {
  position: absolute;
  top: 586px;
  right: 0;
}

#character_10 #main_area {
  height: 1010px;
}
#character_10 #btn_pop_chara_01 {
  position: absolute;
  top: 780px;
  right: 40px;
}
#character_10 #btn_pop_chara_02 {
  position: absolute;
  top: 694px;
  left: 40px;
}
#character_10 #btn_pop_chara_03 {
  position: absolute;
  top: 495px;
  right: 18px;
}
#character_10 #btn_pop_chara_04 {
  position: absolute;
  top: 256px;
  left: 3px;
}

#character_11 #main_area {
  height: 1008px;
}
#character_11 #btn_pop_chara_01 {
  position: absolute;
  top: 807px;
  left: 71px;
}
#character_11 #btn_pop_chara_02 {
  position: absolute;
  top: 274px;
  left: 104px;
}
#character_11 #btn_pop_chara_03 {
  position: absolute;
  top: 581px;
  right: 8px;
}
#character_11 #btn_pop_chara_04 {
  position: absolute;
  top: 620px;
  left: 8px;
}

#character_12 #main_area {
  height: 1042px;
}
#character_12 #btn_pop_chara_01 {
  position: absolute;
  top: 779px;
  right: 115px;
}
#character_12 #btn_pop_chara_02 {
  position: absolute;
  top: 642px;
  left: 18px;
}
#character_12 #btn_pop_chara_03 {
  position: absolute;
  top: 620px;
  right: 6px;
}
#character_12 #btn_pop_chara_04 {
  position: absolute;
  top: 327px;
  right: 209px;
}

#character_13 #main_area {
  height: 1054px;
}
#character_13 #btn_pop_chara_01 {
  position: absolute;
  top: 751px;
  right: 15px;
}
#character_13 #btn_pop_chara_02 {
  position: absolute;
  top: 340px;
  right: 4px;
}
#character_13 #btn_pop_chara_03 {
  position: absolute;
  top: 668px;
  left: 16px;
}
#character_13 #btn_pop_chara_04 {
  position: absolute;
  top: 230px;
  left: 238px;
}
#character_13 #btn_pop_chara_05 {
  position: absolute;
  top: 780px;
  left: 148px;
}

#character_14 #main_area {
  height: 1029px;
}
#character_14 #btn_pop_chara_01 {
  position: absolute;
  top: 788px;
  left: 62px;
}
#character_14 #btn_pop_chara_02 {
  position: absolute;
  top: 508px;
  left: 9px;
}
#character_14 #btn_pop_chara_03 {
  position: absolute;
  top: 629px;
  right: 11px;
}

#character_15 #main_area {
  height: 1029px;
}
#character_15 #btn_pop_chara_01 {
  position: absolute;
  top: 873px;
  right: 104px;
}
#character_15 #btn_pop_chara_02 {
  position: absolute;
  top: 710px;
  right: 24px;
}
#character_15 #btn_pop_chara_03 {
  position: absolute;
  top: 745px;
  left: 65px;
}
#character_15 #btn_pop_chara_04 {
  position: absolute;
  top: 324px;
  left: 15px;
}
#character_15 #btn_pop_chara_05 {
  position: absolute;
  top: 323px;
  right: 12px;
}

#character_16 #main_area {
  height: 1014px;
}
#character_16 #main_area h2 {
  z-index: 1;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
}
#character_16 #btn_pop_chara_01 {
  position: absolute;
  top: 828px;
  right: 210px;
}
#character_16 #btn_pop_chara_02 {
  position: absolute;
  top: 425px;
  left: 15px;
}
#character_16 #btn_pop_chara_03 {
  position: absolute;
  top: 765px;
  right: 15px;
}
#character_16 #btn_pop_chara_04 {
  position: absolute;
  top: 490px;
  right: 210px;
}
#character_16 #pop_chara_05 .figure_chara {
  height: 1060px;
}
#character_16 #pop_chara_05 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 89px;
  left: 25px;
}
#character_16 #pop_chara_05 .figure_name {
  top: 580px;
}
#character_16 #btn_pop_chara_05 {
  position: absolute;
  top: 435px;
  right: 20px;
}
#character_16 #pop_chara_06 .figure_chara {
  height: 1060px;
}
#character_16 #pop_chara_06 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 50px;
  left: 25px;
}
#character_16 #pop_chara_06 .figure_name {
  top: 580px;
}
#character_16 #btn_pop_chara_06 {
  position: absolute;
  top: 765px;
  left: 15px;
}

#character_17 #btn_pop_chara_01 {
  position: absolute;
  top: 680px;
  left: 25px;
}
#character_17 #btn_pop_chara_02 {
  position: absolute;
  top: 680px;
  right: 20px;
}

#character_18 #btn_pop_chara_01 {
  position: absolute;
  top: 675px;
  left: 376px;
}

#character_19 #btn_pop_chara_01 {
  position: absolute;
  top: 658px;
  left: 15px;
}
#character_19 #btn_pop_chara_02 {
  position: absolute;
  top: 658px;
  left: 375px;
}

#character_20 #btn_pop_chara_01 {
  position: absolute;
  top: 695px;
  left: 140px;
}
#character_20 #btn_pop_chara_02 {
  position: absolute;
  top: 605px;
  right: 10px;
}
#character_20 #btn_pop_chara_03 {
  position: absolute;
  top: 600px;
  right: 405px;
}

#character_21 #btn_pop_chara_01 {
  position: absolute;
  top: 490px;
  left: 5px;
}
#character_21 #btn_pop_chara_02 {
  position: absolute;
  top: 785px;
  right: 355px;
}
#character_21 #btn_pop_chara_03 {
  position: absolute;
  top: 615px;
  right: 5px;
}

#character_22 #btn_pop_chara_01 {
  position: absolute;
  top: 530px;
  left: 5px;
}
#character_22 #btn_pop_chara_02 {
  position: absolute;
  top: 710px;
  right: 345px;
}
#character_22 #btn_pop_chara_03 {
  position: absolute;
  top: 635px;
  right: 5px;
}

/*============================================================================
* アルケス錬金堂
*============================================================================ */
#character_33 #main_area {
  height: 1030px;
}
#character_33 #main_area h2 {
  position: relative;
  z-index: 2;
}
#character_33 #main_chara {
  position: absolute;
  top: 91px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_33 #main_chara img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#character_33 #btn_pop_chara_01 {
  position: absolute;
  top: 610px;
  left: 15px;
}
#character_33 #btn_pop_chara_02 {
  position: absolute;
  top: 727px;
  left: 102px;
}
#character_33 #btn_pop_chara_03 {
  position: absolute;
  top: 641px;
  left: 397px;
}
#character_33 .figure_chara {
  height: 1030px;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#character_33 .figure_chara img {
  top: 0;
  left: 0;
  height: auto;
  display: block;
  position: absolute;
  margin: auto;
}

#character_23 #main_chara {
  position: absolute;
  top: 259px;
  right: 0;
  left: -24px;
  margin: auto;
}
#character_23 #btn_pop_chara_01 {
  position: absolute;
  top: 712px;
  left: 68px;
}
#character_23 #pop_chara_01 .figure_chara {
  position: relative;
  height: 1030px;
}
#character_23 #pop_chara_01 .figure_chara img {
  display: block;
  position: absolute;
  top: 96px;
  left: -44px;
  right: 0;
  margin: auto;
}

/*============================================================================
* レイジ・レギオン
*============================================================================ */
#character_24 #main_area {
  height: 1050px;
}
#character_24 #main_chara {
  position: absolute;
  top: 155px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_24 #main_chara img {
  position: absolute;
  top: 50%;
  left: 47.9%;
  transform: translate(-50%, -50%);
}
#character_24 #btn_pop_chara_01 {
  position: absolute;
  top: 859px;
  left: 43px;
}
#character_24 #pop_chara_01 .figure_chara img {
  top: 88px;
  left: 45px;
}
#character_24 #btn_pop_chara_02 {
  position: absolute;
  top: 436px;
  left: 6px;
}
#character_24 #pop_chara_02 .figure_chara img {
  top: 97px;
  left: 13px;
}
#character_24 #btn_pop_chara_03 {
  position: absolute;
  top: 788px;
  left: 181px;
}
#character_24 #pop_chara_03 .figure_chara img {
  top: 37px;
  left: -115px;
}
#character_24 #btn_pop_chara_04 {
  position: absolute;
  top: 424px;
  right: 3px;
}
#character_24 #pop_chara_04 .figure_chara img {
  top: 108px;
  left: -20px;
}
#character_24 #btn_pop_chara_05 {
  position: absolute;
  top: 879px;
  right: 68px;
}
#character_24 #pop_chara_05 .figure_chara img {
  top: 154px;
  left: 76px;
}
#character_24 .figure_chara {
  display: flex;
  justify-content: center;
  position: relative;
  height: 1030px;
  overflow: hidden;
}
#character_24 .figure_chara img {
  display: block;
  position: absolute;
  margin: auto;
}

#character_25 #main_area {
  height: 1010px;
}
#character_25 #btn_pop_chara_01 {
  position: absolute;
  top: 721px;
  left: 36px;
}
#character_25 #btn_pop_chara_02 {
  position: absolute;
  top: 721px;
  left: 374px;
}

/*============================================================================
* アルターメイデン
*============================================================================ */
#character_26 #main_area {
  height: 1011px;
}
#character_26 #main_chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_26 #main_chara img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#character_26 #btn_pop_chara_01 {
  position: absolute;
  top: 852px;
  left: 80px;
}
#character_26 #pop_chara_01 .figure_chara img {
  top: 81px;
  left: 169px;
}
#character_26 #btn_pop_chara_02 {
  position: absolute;
  top: 628px;
  left: 18px;
}
#character_26 #pop_chara_02 .figure_chara img {
  top: 102px;
  left: 144px;
}
#character_26 #btn_pop_chara_03 {
  position: absolute;
  top: 685px;
  left: 414px;
}
#character_26 #pop_chara_03 .figure_chara img {
  top: 116px;
  left: 115px;
}
#character_26 .figure_chara {
  display: flex;
  justify-content: center;
  position: relative;
  height: 1030px;
  overflow: hidden;
}
#character_26 .figure_chara img {
  display: block;
  position: absolute;
  margin: auto;
}

/*============================================================================
* バンディ・シスターズ
*============================================================================ */
#character_31 h2 {
  position: relative;
  z-index: 2;
}
#character_31 #main_area {
  height: 1011px;
}
#character_31 #main_chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_31 #main_chara img {
  position: absolute;
  top: 55.5%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#character_31 #btn_pop_chara_01 {
  position: absolute;
  top: 780px;
  left: 20px;
}
#character_31 #pop_chara_01 .figure_chara img {
  top: 84px;
  left: 47px;
}
#character_31 #btn_pop_chara_02 {
  position: absolute;
  top: 565px;
  left: 219px;
}
#character_31 #pop_chara_02 .figure_chara img {
  top: 2px;
  right: 0;
}
#character_31 #btn_pop_chara_03 {
  position: absolute;
  top: 779px;
  left: 388px;
}
#character_31 #pop_chara_03 .figure_chara img {
  top: 71px;
  left: 199px;
}
#character_31 .figure_chara {
  display: flex;
  justify-content: center;
  position: relative;
  height: 1030px;
  overflow: hidden;
}
#character_31 .figure_chara img {
  display: block;
  position: absolute;
  margin: auto;
}

/*============================================================================
* ジオ・テオゴニア
*============================================================================ */
#character_27 #main_area {
  height: 1030px;
}
#character_27 #main_area h2 {
  position: relative;
  z-index: 2;
}
#character_27 #main_chara {
  position: absolute;
  top: 125px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_27 #main_chara img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#character_27 #btn_pop_chara_01 {
  position: absolute;
  top: 725px;
  left: 388px;
}
#character_27 #pop_chara_01 .figure_chara img {
  top: 81px;
  left: 0;
}
#character_27 #btn_pop_chara_02 {
  position: absolute;
  top: 519px;
  left: 225px;
}
#character_27 #pop_chara_02 .figure_chara img {
  top: 0;
  left: 0;
}
#character_27 #btn_pop_chara_03 {
  position: absolute;
  top: 437px;
  left: 392px;
}
#character_27 #pop_chara_03 .figure_chara img {
  top: 81px;
  left: 0;
}
#character_27 #btn_pop_chara_04 {
  position: absolute;
  top: 434px;
  left: 20px;
}
#character_27 #pop_chara_04 .figure_chara img {
  top: 81px;
  left: 0;
}
#character_27 #btn_pop_chara_05 {
  position: absolute;
  top: 785px;
  left: 50px;
}
#character_27 #pop_chara_05 .figure_chara img {
  top: 81px;
  left: 0;
}
#character_27 .figure_chara {
  display: flex;
  justify-content: center;
  position: relative;
  height: 1030px;
  overflow: hidden;
}
#character_27 .figure_chara img {
  display: block;
  position: absolute;
  margin: auto;
}

/*============================================================================
* ジオ・ゲヘナ
*============================================================================ */
#character_30 #main_area {
  height: 1030px;
}
#character_30 #main_chara {
  position: absolute;
  top: 178px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_30 #main_chara img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#character_30 #btn_pop_chara_01 {
  position: absolute;
  top: 794px;
  left: 380px;
}
#character_30 #pop_chara_01 .figure_chara img {
  top: 81px;
  right: 0;
}
#character_30 #btn_pop_chara_02 {
  position: absolute;
  top: 780px;
  left: 0;
}
#character_30 #pop_chara_02 .figure_chara img {
  top: 81px;
  right: 0;
}
#character_30 #btn_pop_chara_03 {
  position: absolute;
  top: 415px;
  right: 0;
}
#character_30 #pop_chara_03 .figure_chara img {
  top: 124px;
  right: 0;
}
#character_30 #btn_pop_chara_04 {
  position: absolute;
  top: 388px;
  left: 3px;
}
#character_30 #pop_chara_04 .figure_chara img {
  top: 0;
  right: 0;
}
#character_30 .figure_chara {
  height: 1030px;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#character_30 .figure_chara img {
  height: auto;
  display: block;
  position: absolute;
  margin: auto;
}

/*============================================================================
* ジオ・ニヴルヘル
*============================================================================ */
#character_32 #main_area {
  height: 1020px;
}
#character_32 #main_chara {
  position: absolute;
  top: 108px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_32 #main_chara img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#character_32 #btn_pop_chara_01 {
  position: absolute;
  top: 713px;
  left: 373px;
}
#character_32 #btn_pop_chara_02 {
  position: absolute;
  top: 640px;
  left: 18px;
}
#character_32 .figure_chara {
  height: 1030px;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#character_32 .figure_chara img {
  top: 0;
  left: 0;
  height: auto;
  display: block;
  position: absolute;
  margin: auto;
}

/*============================================================================
* その他のキャラ2
*============================================================================ */
#character_28 #main_area {
  height: 1014px;
}
#character_28 #pop_chara_01 .figure_chara {
  height: 1060px;
}
#character_28 #pop_chara_01 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 89px;
  left: 25px;
}
#character_28 #pop_chara_01 .figure_name {
  top: 580px;
}
#character_28 #btn_pop_chara_01 {
  position: absolute;
  top: 448px;
  right: 397px;
}
#character_28 #pop_chara_02 .figure_chara {
  height: 1060px;
}
#character_28 #pop_chara_02 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 56px;
  left: 7px;
}
#character_28 #pop_chara_02 .figure_name {
  top: 580px;
}
#character_28 #btn_pop_chara_02 {
  position: absolute;
  top: 480px;
  right: 15px;
}
#character_28 #pop_chara_03 .figure_chara {
  height: 1060px;
}
#character_28 #pop_chara_03 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 65px;
  left: 14px;
}
#character_28 #pop_chara_03 .figure_name {
  top: 580px;
}
#character_28 #btn_pop_chara_03 {
  position: absolute;
  top: 855px;
  right: 407px;
}
#character_28 #pop_chara_04 .figure_chara {
  height: 1060px;
}
#character_28 #pop_chara_04 .figure_chara img {
  margin: auto;
  display: block;
  position: relative;
  top: 56px;
  left: -8px;
}
#character_28 #pop_chara_04 .figure_name {
  top: 580px;
}
#character_28 #btn_pop_chara_04 {
  position: absolute;
  top: 791px;
  right: 17px;
}

/*============================================================================
* その他のキャラ4
*============================================================================ */
#character_29 #main_area {
  height: 1011px;
}
#character_29 #main_chara {
  position: absolute;
  top: 91px;
  left: -6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#character_29 #main_chara img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#character_29 #btn_pop_chara_01 {
  position: absolute;
  top: 708px;
  left: 330px;
}
#character_29 #pop_chara_01 .figure_chara img {
  top: 110px;
  left: 0;
}
#character_29 .figure_chara {
  display: flex;
  justify-content: center;
  position: relative;
  height: 1030px;
  overflow: hidden;
}
#character_29 .figure_chara img {
  display: block;
  position: absolute;
  margin: auto;
}

/*
	ポップアップ中身
*/
.pop_chara_body {
  position: relative;
  height: 100%;
  width: 640px;
  font-size: 24px;
  line-height: 1.5;
  color: #2c94e4;
}
.pop_chara_body .figure_name {
  position: absolute;
  top: 550px;
  left: 30px;
  z-index: 1;
}

.status {
  margin: -350px 0 0 0;
  padding: 0 40px;
  box-sizing: border-box;
  position: absolute;
}
.status li {
  border-bottom: 1px dashed #bce2ff;
  float: left;
  display: flex;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0 0 5px;
}
.status li span {
  flex: 0 0 80px;
  display: inline-block;
  width: 80px;
}
.status li img {
  vertical-align: top;
}
.status .status_age,
.status .status_bloodtype,
.status .status_birthday,
.status .status_starsign {
  width: 50%;
}
.status .status_guild,
.status .status_hobby {
  width: 100%;
}
.status .status_words {
  border-bottom: none;
  box-sizing: border-box;
  height: 150px;
  line-height: 1.4;
  margin: 10px 0;
}

.mCSB_inside .mCSB_container {
  margin-right: 20px;
}

.mCSB_scrollTools {
  bottom: 0;
  height: auto;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  border: none;
  height: 100%;
  background-color: #c4e1f7;
  border-radius: 5px;
  box-sizing: border-box;
}

.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {
  background-color: #2c94e4 !important;
  border-radius: 5px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #c4e1f7;
}

.btn_popup_close {
  position: absolute;
  top: 16px;
  right: 18px;
}

.btn_popup_voice {
  padding: 0 40px 10px;
  cursor: pointer;
}
.btn_popup_voice li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.btn_popup_voice a {
  display: block;
}

.cboxClose-trg_pop_chara #cboxContent {
  background: none;
}
.cboxClose-trg_pop_chara #cboxOverlay {
  background: url(../../images/sp/character/bg_status_words.png) no-repeat right bottom #fff;
}

/*
	snavi
*/
.guild_snavi {
  z-index: 30;
  position: relative;
  margin-top: -33px;
  margin-bottom: 80px;
}

#snavi ul {
  padding: 7px 14px 0;
}

#snavi ul li {
  float: left;
  margin-bottom: 11px;
}
#snavi ul li:nth-of-type(even) {
  float: right;
}