@charest 'utf-8' {}.battle {
  padding: 120px 0;
  position: relative;
  text-align: center;
  background: url("../img/battle/battle_bg_bottom.png") center bottom no-repeat;
}

.battle:before {
  content: '';
  height: calc(100% - 300px);
  background-position: center top, center 477px, center 63px;
  background-repeat: no-repeat, no-repeat, repeat;
  background-image: url("../img/battle/battle_bg_top01.jpg"), url("../img/battle/battle_bg_top02.jpg"), url("../img/battle/battle_bg_repeat.png");
}

.battle-title01 {
  margin-bottom: 50px;
}

.battle-text01 {
  margin-bottom: 120px;
}

.battle-frame01 {
  margin-bottom: 138px;
  background-image: url("../img/battle/battle_frame01.png");
}

.battle-btn01 {
  position: relative;
  margin-bottom: 47px;
}

.battle-btn01 .icon-update:after {
  top: -26px;
  left: 50%;
  margin-left: -186px;
}

.battle-balloon01 {
  top: 216px;
  margin-left: -595px;
}

.battle-balloon02 {
  top: 199px;
  margin-left: 340px;
}

.battle-balloon03 {
  top: 1416px;
  margin-left: 398px;
}

.battle-balloon04 {
  top: 1662px;
  margin-left: -607px;
}

.battle-balloon05 {
  top: 2053px;
  margin-left: 498px;
}

.battle-balloon06 {
  top: 2152px;
  margin-left: -645px;
}

.battle-balloon07 {
  top: 2531px;
  margin-left: 400px;
}

.battle-balloon08 {
  top: 3192px;
  margin-left: -606px;
}

.like {
  height: 1116px;
  margin-bottom: 15px;
  padding-top: 112px;
  position: relative;
  background: url("../img/battle/like_bg01.png") center top no-repeat;
  box-sizing: border-box;
}

.like-title01 {
  margin-bottom: 34px;
}

.like-text01 {
  margin-bottom: 126px;
}

.like-frame01 {
  margin-bottom: 130px;
  background-image: url("../img/battle/like_frame01.png");
}

.like-chara {
  position: absolute;
  left: 50%;
}

.like-chara01 {
  top: 84px;
  margin-left: -547px;
}

.like-chara02 {
  top: 84px;
  margin-left: 263px;
}

.support {
  height: 678px;
  margin-bottom: 15px;
  padding-top: 110px;
  position: relative;
  background: url("../img/battle/support_bg01.png") center top no-repeat;
  box-sizing: border-box;
}

.support-title01 {
  margin-bottom: 35px;
}

.support-text01 {
  margin-bottom: 40px;
}

.support-frame01 {
  margin-bottom: 60px;
  background-image: url("../img/battle/support_frame01.png");
}

.support-chara {
  position: absolute;
  left: 50%;
}

.support-chara01 {
  top: 4px;
  margin-left: -332px;
}

.support-chara02 {
  top: 322px;
  margin-left: -402px;
}

.support-chara03 {
  top: 340px;
  margin-left: 204px;
}

.capture {
  height: 590px;
  margin-bottom: 15px;
  padding-top: 110px;
  position: relative;
  background: url("../img/battle/capture_bg01.png") center top no-repeat;
  box-sizing: border-box;
}

.capture-title01 {
  margin-bottom: 35px;
}

.capture-text02 {
  position: absolute;
  top: 285px;
  left: 50%;
  margin-left: -94px;
}

.capture-text02 a {
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

.capture-text02 a:hover {
  opacity: .6;
}

.capture-chara {
  position: absolute;
  left: 50%;
}

.capture-chara01 {
  top: 25px;
  margin-left: -476px;
}

.capture-chara02 {
  top: 7px;
  margin-left: 246px;
}