@charset "utf-8";

#contents #subNav li {
  position: relative;
}
#contents #subNav li.new:after {
  top: -6px;
  right: 0;
}

#contents #subNav li a,
#contents #subNav li a img {
  display: block;
  width: 280px;
  height: 62px;
}
#contents #subNav li ul.sub {
  width: 280px;
  margin: 0 0 8px;
}
#contents #subNav li ul.sub li {
  margin: 4px 0 0;
}
#contents #subNav li ul.sub li.new:after {
  top: -6px;
  right: 22px;
}
#contents #subNav li ul.sub li a {
  margin: 0 auto;
}
#contents #subNav li ul.sub li a,
#contents #subNav li ul.sub li a img {
  display: block;
  width: 240px;
  height: 48px;
}
#contents #subNav li a {
  cursor: pointer;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}
#contents #subNav li a img {
  background: 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
#contents #subNav li a.open img {
  opacity: 1;
}

#contents #mainBox article {
  position: relative;
  display: none;
  width: 702px;
  margin: 0 auto;
}
#contents #mainBox article h1,
#contents #mainBox article h2 {
  margin: 0 0 18px;
  text-align: center;
}
#mainBox section {
  position: relative;
}
#mainBox section.new:after {
  top: -10px;
  left: -8px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
#mainBox .sect {
  position: relative;
  margin: 0 0 60px;
}
#mainBox .sect_chain {
  margin: 0 0 25px;
}
#mainBox .sect:last-child,
#mainBox .sect_chain:last-child {
  margin: 0;
}
#mainBox .sect.new:after {
  top: -10px;
  left: -8px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.pop_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 686px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pop_images li {
}
.pop_images li .title {
  margin: 0 0 3px;
}
.pop {
  position: relative;
  display: block;
  width: 320px;
  min-height: 180px;
  background: #fff;
  padding: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}
.pop + .caption {
  margin: 4px 0 0;
}
.pop:after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: block;
  border: 3px solid #ffbb39;
  background: rgba(255,248,136,0.15);
  -webkit-box-shadow: inset 0 0 28px rgba(255,248,136,0.5);
  box-shadow: inset 0 0 28px rgba(255,248,136,0.5);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.pop:hover {
  -webkit-animation: pop_hover 0.2s ease;
  animation: pop_hover 0.2s ease;
}
.pop:hover:after {
  opacity: 1;
}
.pop_images.imgs3 .pop {
  width: 214px;
  min-height: 120px;
}
.float_img.pop {
  position: absolute;
  top: 66px;
  left: 368px;
}

/* **** about **** */
#contents #subNav li a.series,
#contents #subNav li a.series img {
  background-image: url(../img/about/subnav01.png);
}
#contents #subNav li a.refine,
#contents #subNav li a.refine img {
  background-image: url(../img/about/subnav02.png);
}
#contents.series #mainBox article#series {
  display: block;
}
#about #mainBox section {
  margin: 80px 0 0;
}
.comparison {
  padding: 15px 0 0;
  text-align: center;
  /*background: url(../img/about/arrow01.png) 425px 312px no-repeat; */
}
.comparison .original {
  margin: 0 0 128px;
}
.comparison .refine_img {
  display: block;
  width: 647px;
  height: 397px;
  margin: 0 auto;
  background: url(../img/about/pop04.png) 0 0 no-repeat;
}
.comparison .refine_img img {
  display: block;
  width: 647px;
  height: 397px;
  background: url(../img/about/pop04.png) 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.comparison .refine_img:hover img {
  opacity: 1;
}
/* **** story **** */
#contents #subNav li a.summary,
#contents #subNav li a.summary img {
  background-image: url(../img/story/subnav01.png);
}
#contents.summary #mainBox article#summary {
  display: block;
}
/* **** character **** */
#contents #subNav li a.chara01,
#contents #subNav li a.chara01 img {
  background-image: url(../img/character/subnav01.png);
}
#contents #subNav li a.chara02,
#contents #subNav li a.chara02 img {
  background-image: url(../img/character/subnav02.png);
}
#contents #subNav li a.chara03,
#contents #subNav li a.chara03 img {
  background-image: url(../img/character/subnav03.png);
}
#contents #subNav li a.chara04,
#contents #subNav li a.chara04 img {
  background-image: url(../img/character/subnav04.png);
}
#contents #subNav li a.chara05,
#contents #subNav li a.chara05 img {
  background-image: url(../img/character/subnav05.png);
}
#contents #subNav li a.chara06,
#contents #subNav li a.chara06 img {
  background-image: url(../img/character/subnav06.png);
}
#contents #subNav li a.generic_character,
#contents #subNav li a.generic_character img {
  background-image: url(../img/character/subnav90.png);
}

#contents #subNav li a.chara07, #contents #subNav li a.chara07 img {
    background-image: url(../img/character/subnav07.png);
}

#contents #subNav li a.chara08, #contents #subNav li a.chara08 img {
    background-image: url(../img/character/subnav08.png);
}

#contents #subNav li a.chara09, #contents #subNav li a.chara09 img {
    background-image: url(../img/character/subnav09.png);
}

#contents #subNav li a.chara10, #contents #subNav li a.chara10 img {
    background-image: url(../img/character/subnav10.png);
}

#contents #subNav li a.monster_character, #contents #subNav li a.monster_character img {
    background-image: url(../img/character/subnav95.png);
}

#contents.chara01 #mainBox article#chara01,
#contents.chara02 #mainBox article#chara02,
#contents.chara03 #mainBox article#chara03,
#contents.chara04 #mainBox article#chara04,
#contents.chara05 #mainBox article#chara05,
#contents.chara06 #mainBox article#chara06,
#contents.chara07 #mainBox article#chara07,
#contents.chara08 #mainBox article#chara08,
#contents.chara09 #mainBox article#chara09,
#contents.chara10 #mainBox article#chara10,
#contents.generic_character #mainBox article#generic_character,
#contents.monster_character #mainBox article#monster_character {
  display: block;
}
/* ラハール */
#character .txt01 {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10;
}
#character .img01 {
  position: relative;
  top: 11px;
  left: -27px;
  margin: 0 0 170px;
}
#character #chara01 .chara_images {
  position: absolute;
  top: 492px;
  right: 0;
  width: 326px;
  height: 186px;
  background: #fff url(../img/character/pop02.jpg) 3px 3px no-repeat;
}
#character .pop01 {
  position: absolute;
  top: -138px;
  left: -94px;
  z-index: 11;
}
#character .pop02 {
  position: relative;
  z-index: 12;
  opacity: 1;
  -webkit-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
#character .pop01:hover + .pop02 {
  opacity: 0;
}
/* エトナ */
#character .txt02 {
  position: relative;
  z-index: 10;
  padding: 30px 0 0;
}
#character .img02 {
  position: absolute;
  top: 40px;
  left: -80px;
  z-index: 2;
}
#character .pop03 {
  position: absolute;
  top: 358px;
  right: 38px;
  z-index: 10;
}
/* フロン */
#character .txt03 {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 10;
}
#character .img03 {
  position: relative;
  top: 11px;
  left: -20px;
}
#character .pop04 {
  position: absolute;
  top: 330px;
  right: 38px;
  z-index: 10;
}
/* 中ボス */
#character .txt04 {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10;
}
#character .img04 {
  position: relative;
  top: 30px;
  left: -75px;
  margin: 0 0 85px;
}
#character #chara04 .chara_images {
  position: absolute;
  top: 522px;
  right: 0;
  width: 326px;
  height: 186px;
  background: #fff url(../img/character/pop06.jpg) 3px 3px no-repeat;
}
#character .pop05 {
  position: absolute;
  top: -138px;
  left: -94px;
  z-index: 11;
}
#character .pop06 {
  position: relative;
  z-index: 12;
  opacity: 1;
  -webkit-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
#character .pop05:hover + .pop06 {
  opacity: 0;
}
/* ラミントン */
#character .txt05 {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 10;
}
#character .img05 {
  position: relative;
  top: 32px;
  left: 20px;
  z-index: 2;
}
#character .pop07 {
  position: absolute;
  top: 330px;
  right: 38px;
  z-index: 10;
}
/* ブルカノ */
#character .txt06 {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 10;
}
#character .img06 {
  position: relative;
  top: 11px;
  left: -20px;
}
#character .pop08 {
    position: absolute;
    top: 332px;
    right: 38px;
    z-index: 10;
}
.imageWrap {
  position: relative;
}
.imageWrap .newIcon img {
  position: absolute;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: blink 3.2s ease-in-out infinite;
  animation: blink 3.2s ease-in-out infinite;
  z-index: 100;
}
.imageWrap .newIcon img:nth-child(1) {
  top: 1557px;
  left: 0;
}
.imageWrap .newIcon img:nth-child(2) {
  top: 2015px;
  left: 298px;
}
.imageWrap .newIcon img:nth-child(3) {
  top: 2464px;
  left: 0;
}
.imageWrap .newIcon img:nth-child(4) {
  top: 4143px;
  left: 0;
}
/* **** system **** */
#contents #subNav li a.growing,
#contents #subNav li a.growing img {
  background-image: url(../img/system/subnav01.png);
}
#contents #subNav li a.charamake,
#contents #subNav li a.charamake img {
  background-image: url(../img/system/subnav01_01.png);
}
#contents #subNav li a.item_world,
#contents #subNav li a.item_world img {
  background-image: url(../img/system/subnav01_02.png);
}
#contents #subNav li a.battle,
#contents #subNav li a.battle img {
  background-image: url(../img/system/subnav02.png);
}
#contents #subNav li a.skill,
#contents #subNav li a.skill img {
  background-image: url(../img/system/subnav02_01.png);
}
#contents #subNav li a.geo_effect,
#contents #subNav li a.geo_effect img {
  background-image: url(../img/system/subnav02_02.png);
}
#contents #subNav li a.base,
#contents #subNav li a.base img {
  background-image: url(../img/system/subnav03.png);
}

#contents #subNav li a.extra,
#contents #subNav li a.extra img {
  background-image: url(../img/system/subnav04.png);
}

#contents.growing #mainBox article#growing,
#contents.charamake #mainBox article#charamake,
#contents.item_world #mainBox article#item_world,
#contents.battle #mainBox article#battle,
#contents.skill #mainBox article#skill,
#contents.geo_effect #mainBox article#geo_effect,
#contents.base #mainBox article#base,
#contents.extra #mainBox article#extra  {
  display: block;
}

.charamake, .reincarnation {
  position: relative;
}
#mainBox .sect.reincarnation {
  margin: 0 0 330px;
}
.reincarnation .reinca01 {
    position: absolute;
    top: 275px;
    left: 292px;
}
.reincarnation .reinca02 {
  position: absolute;
  top: 740px;
  left: 38px;
}
.reincarnation .reinca03 {
    position: absolute;
    top: 1257px;
    left: 195px;
}

.skill_images {
  position: relative;
  margin: 0 0 28px;
}
.skill_images:last-child {
  margin: 0;
}
.skill_3_float_img {
  position: absolute;
  top: 108px;
  left: 368px;
}
.skill_images p {
  margin: 0 0 7px;
}
.lift {
  position: relative;
}
.lift .img01 {
  position: absolute;
  top: -20px; right: 0;
}
.lift_images {
  position: relative;
  height: 756px;
  margin: 88px 8px 0;
}
.lift_images li:nth-child(1) {
}
.lift_images li:nth-child(2) {
  position: absolute;
  top: 160px;
  left: 197px;
  z-index: 1;
}
.lift_images li:nth-child(2):before {
  content: url(../img/system/txt02_12.png);
  position: absolute;
  top: -45px;
  right: 0;
  z-index: 3;
}
.lift_images li:nth-child(3) {
  position: absolute;
  top: 442px;
  left: 132px;
  z-index: 1;
}
.lift_images li:nth-child(3):before {
  content: url(../img/system/txt02_13.png);
  position: absolute;
  top: -186px;
  left: -104px;
  z-index: 3;
}
#battle .txt02_17 {
  margin: 4px 10px 25px;
  
}
#battle .capture {
  position: relative;
  margin: 32px 1px 0;
}
#battle .capture .float_img.pop {
  top: 6px;
}
#battle .capture .caption {
  position: absolute;
  top: 191px;
  right: 7px;
}
.capture, .bribe {
  position: relative;
}
#base .bribe .float_img.pop {
  top: 36px;
}
#charamake .txt01 {
  position: relative;
}
#charamake .txt01 .float_img.pop {
  top: 2px;
}
#charamake .img01 {
  margin: 30px 0 40px;
}
#charamake .btn01 {
  display: block;
  width: 280px;
  height: 62px;
  margin: 0 auto;
  background: url(../img/system/btn04_01.png) 0 0 no-repeat;
}
#charamake .btn01 img {
  display: block;
  width: 280px;
  height: 62px;
  background: url(../img/system/btn04_01.png) 0 100% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
#charamake .btn01:hover img {
  opacity: 1;
}

#charamake p.caption.txt04_08 {
  margin: 5px 0 25px 8px;
}
#item_world .lead {
  position: relative;
  margin: 0 0 34px;
}
#item_world .lead .float_img.pop {
  top: 4px;
}
#geo_effect .break {
    position: relative;
    height: 439px;
}
#geo_effect .txt07_05 {
  position: absolute;
  top: 256px;
  left: 368px;
}

/* **** movie **** */
#contents #subNav li a.movie,
#contents #subNav li a.movie img {
  background-image: url(../img/movie/subnav01.png);
}
#contents.movie #mainBox article#movie {
  display: block;
}

.mv_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 686px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mv_list li {
  position: relative;
  margin: 0 0 20px;
  line-height: 0;
  -webkit-animation: fadeIn 0.5s linear 0.3s both;
  animation: fadeIn 0.5s linear 0.3s both;
}
.mv_list li.new:after {
  top: -14px;
}
.mv_list li:first-child.new:after {
  left: 60%;
}
.mv_list h3 {
  margin: 0 0 4px;
  text-align: center;
}
.mv_list .play_btn {
  position: relative;
  display: block;
  width: 320px;
  min-height: 180px;
  background: #000;
  border: 3px solid #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
}
.mv_list .play_btn:after {
  content: url(../img/movie/on.png);
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 320px;
  height: 180px;
  opacity: 0;
}
.mv_list .play_btn:hover {
  border: 3px solid #eeb853;
}
.mv_list .play_btn:hover:after {
  opacity: 1;
}
.mv_list .mv_obj {
  width: 320px;
  height: 180px;
  background: url(../img/loading.gif) 50% 50% no-repeat;
}

/* **** special **** */
#contents #subNav li a.first_limited,
#contents #subNav li a.first_limited img {
  background-image: url(../img/special/subnav01.png);
}
#contents #subNav li a.standard_ed,
#contents #subNav li a.standard_ed img {
  background-image: url(../img/special/subnav02.png);
}
#contents #subNav li a.benefits,
#contents #subNav li a.benefits img {
  background-image: url(../img/special/subnav03.png);
}
#contents.first_limited #mainBox article#first_limited,
#contents.standard_ed #mainBox article#standard_ed {
  display: block;
}
#first_limited .detail,
#standard_ed .shop_detail {
  position: relative;
}
#first_limited .detail .link_txt03.pop {
  position: absolute;
  top: 1134px;
  left: 109px;
  display: block;
  width: 195px;
  height: 26px;
  min-height: 0;
  background: transparent;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#first_limited .detail .link_txt03.pop:after {
  display: none;
}
#first_limited .detail .link_txt03.pop:hover {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}

#standard_ed .shop_detail .pop {
  position: absolute;
  top: 477px;
  left: 442px;
  background: transparent;
  width: 282px;
  height: 214px;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#standard_ed .shop_detail .pop:after {
  top: 0px; right: 4px; bottom: 5px; left: 2px;
}
#standard_ed .shop_btn {
  display: block;
  width: 314px;
  height: 96px;
  margin: 0 auto;
  background: url(../img/special/btn_shop.png) 0 0 no-repeat;
}
#standard_ed .shop_btn img {
  display: block;
  width: 314px;
  height: 96px;
  opacity: 0;
  background: url(../img/special/btn_shop.png) 0 100% no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#standard_ed .shop_btn:hover img {
  opacity: 1;
}
#first_limited .detail.new:after {
  top: -10px;
  left: -8px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
#first_limited .detail .txt02 {
  display: block;
  margin: 0 0 16px;
}
.cal_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 30px 20px;
}
.cal_images li {
  width: 206px;
  margin: 0 0 12px;
}
.cal_images li a.pop {
  width: 200px;
  min-height: 142px;
}
.special_box {
  position: relative;
  height: 216px;
}
.special_box .pop {
  position: absolute;
  top: 0;
  right: 30px;
}

 .shop_btn {
  display: block;
  width: 314px;
  height: 96px;
  margin: 0 auto;
  background: url(../img/special/btn_shop.png) 0 0 no-repeat;
}
 .shop_btn img {
  display: block;
  width: 314px;
  height: 96px;
  opacity: 0;
  background: url(../img/special/btn_shop.png) 0 100% no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
 .shop_btn:hover img {
  opacity: 1;
}

 .shop_btn2 {
  display: block;
  width: 314px;
  height: 96px;
  margin: 0 auto;
  background: url(../img/special/btn_shop2.png) 0 0 no-repeat;
}
 .shop_btn2 img {
  display: block;
  width: 314px;
  height: 96px;
  opacity: 0;
  background: url(../img/special/btn_shop2.png) 0 100% no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
 .shop_btn2:hover img {
  opacity: 1;
}

 .shop_btn3 {
  display: block;
  width: 314px;
  height: 96px;
  margin: 0 auto;
  background: url(../img/special/btn_shop4.png) 0 0 no-repeat;
}
 .shop_btn3 img {
  display: block;
  width: 314px;
  height: 96px;
  opacity: 0;
  background: url(../img/special/btn_shop4.png) 0 100% no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
 .shop_btn3:hover img {
  opacity: 1;
}


 .shop_btn4 {
  display: block;
  width: 314px;
  height: 96px;
  margin: 0 auto;
  background: url(../img/special/btn_shop3.png) 0 0 no-repeat;
}
 .shop_btn4 img {
  display: block;
  width: 314px;
  height: 96px;
  opacity: 0;
  background: url(../img/special/btn_shop3.png) 0 100% no-repeat;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
 .shop_btn4:hover img {
  opacity: 1;
}

@media screen and ( max-width:769px) {
}

@media screen and (min-width:641px) and ( max-width:769px) {
}

#base .txt03_05 .img06 {
    position: absolute;
    top: 72px;
    right: 8px;
}

#base .txt03_05 .img07 {
    position: absolute;
    top: 558px;
    right: 8px;
}

.pop_images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 686px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.pop_images.arrow li:not(:last-child):after {
    content: url(../img/system/arrow01.png);
    position: absolute;
    top: 58px;
    left: 97%;
    z-index: 10;
}

.pop_images.imgs3.arrow li:not(:last-child):after {
    content: url(../img/system/arrow02.png);
    position: absolute;
    top: 40px;
    left: 96.5%;
    z-index: 10;
}

#base .txt03_05 .img08 {
    position: absolute;
    top: 854px;
    right: 8px;
}

.pop_images li {
    position: relative;
}

#contents #subNav li a.extra, #contents #subNav li a.extra img {
    background-image: url(../img/system/subnav04.png);
}

article #extra {
    display: block;
}

.additional p .pop:nth-of-type(1) {
    top: 332px;
    left: 6px;
}

.additional p .pop:nth-of-type(2) {
    top: 622px;
    left: 160px;
}

.additional p .pop:nth-of-type(3) {
    top: 807px;
    left: 466px;
}

.additional p .pop {
    position: absolute;
    width: 214px;
    min-height: 120px;
}

.txt95 {
    position: relative;
}

.txt95 .pop {
    position: absolute;
    top: 3px;
    right: 8px;
}

.imageWrap2 > img:first-child {
    display: block;
    margin: 0 0 85px;
}

.monster_images li a {
  position: absolute;
}
.monster_images li:nth-child(odd) a {
  left: 338px;
}
.monster_images li:nth-child(even) a {
  left: 38px;
}
.monster_images li:nth-child(1) a {
  top: 534px;
}
.monster_images li:nth-child(2) a {
  top: 969px;
}
.monster_images li:nth-child(3) a {
  top: 1462px;
}
.monster_images li:nth-child(4) a {
  top: 1923px;
}
.monster_images li:nth-child(5) a {
  top: 2384px;
}
.monster_images li:nth-child(6) a {
    top: 2830px;
}
.monster_images li:nth-child(7) a {
  top: 3272px;
}
.monster_images li:nth-child(8) a {
  top: 3703px;
}
.monster_images li:nth-child(9) a {
      top: 4205px;
}
.monster_images li:nth-child(10) a {
  top: 4672px;
}

#character .pop09 {
    position: absolute;
    top: 270px;
    right: 38px;
    z-index: 10;
}