ul {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  outline: none;
}

#gaCol {
  height: 0;
  overflow: hidden;
}

footer {
  padding-bottom: 5px;
}
footer #logo-bne {
  padding: 10px 0;
}
footer .bne_footer a {
  color: #333 !important;
}

.hoverOpa {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hoverOpa:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

body {
  background: url("../images/system/bg_system.jpg") top center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
body .battle01 {
  background: url("../images/system/battle/bg_battle01.png") top center no-repeat;
  height: 597px;
  margin-top: 60px;
  position: relative;
}
body .battle01 h4 {
  position: absolute;
  top: -46px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
body .battle01 .bksliderCover {
  padding-top: 50px;
}
body .battle07 {
  margin-top: 100px;
  padding-top: 60px;
  position: relative;
}
body .battle07 h4 {
  position: absolute;
  top: -46px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
body .battle07 .battle07-innr {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .battle07 .battle07-innr .weapon_type {
  margin: 0 auto 20px;
  text-align: center;
}
body .battle07 .battle07-innr .weapon_type ul {
  padding-bottom: 10px;
  background: url("../images/system/battle/bg_battle03_03rep.png") top center repeat-y;
  font-size: 0;
}
body .battle07 .battle07-innr .weapon_type ul li {
  margin: 0 -1px 10px 0;
  display: inline-block;
}
body .battle07 .battle07-innr .weapon_type ul li a:hover {
  opacity: 0.5;
}
body .battle07 .battle07-innr .weapon {
  margin-top: 10px;
  text-align: center;
}
body .battle07 .battle07-innr .weapon li {
  margin: 0 2.3px;
  display: inline-block;
  text-align: left;
  line-height: 0;
}
body .battle07 .battle07-innr .weapon li .imagePop {
  width: 325px;
  height: 182px;
  display: block;
  overflow: hidden;
}
body .battle07 .battle07-innr .weapon li .imagePop img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle07 .battle07-innr .weapon li .imagePop:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle02 {
  margin-top: 60px;
}
body .battle02 dl {
  width: 1000px;
  margin: 0 auto;
}
body .battle02 dl dt {
  float: left;
  margin: 0 10px;
  width: 480px;
  height: 270px;
  overflow: hidden;
}
body .battle02 dl dt img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle02 dl dt:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle02 dl dd {
  text-align: left;
}
body .battle02 .battle02-innr {
  margin: 50px 0 0;
}
body .battle02 .battle02-innr .blood01 {
  width: 100%;
  min-width: 1000px;
  background: url("../images/system/battle/bg_battle02_01.png") top right no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 35%;
}
body .battle02 .battle02-innr .blood01 div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul {
  position: absolute;
  bottom: 70px;
  left: 0;
  z-index: 9998;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig {
  padding-left: 20px;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul {
  width: 1000px;
  margin: 0 auto;
  zoom: 1;
  position: relative;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul:before, body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul:after {
  content: "";
  display: table;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul:after {
  clear: both;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul::after {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 200px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul::before {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 453px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul li {
  float: left;
  width: 230px;
  height: 129px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /*
  &:nth-child(-n+2){
    &::after{
      content: url(../images/system/battle/icon_arrow.png);
      position: absolute;
      top: 15px;
      right: -40px;
      z-index: 2;
    }
  }
  */
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul li img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle02 .battle02-innr .blood01 div ul.blood01ul li.fig ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle02 .battle02-innr .blood02 {
  width: 100%;
  min-width: 1000px;
  background: url("../images/system/battle/bg_battle02_02.png") top center no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 44.2%;
  margin-top: -5%;
}
body .battle02 .battle02-innr .blood02 div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul {
  position: absolute;
  bottom: 130px;
  right: 0;
  z-index: 9998;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.text {
  padding: 0 22px 17px 0;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul {
  zoom: 1;
  position: relative;
  width: 765px;
  margin: 0 auto;
  position: relative;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul:before, body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul:after {
  content: "";
  display: table;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul:after {
  clear: both;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul::after {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 200px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul::before {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 453px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul li {
  float: left;
  width: 230px;
  height: 129px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /*
  &:nth-child(-n+2){
  &::after{
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  right: -40px;
  z-index: 2;
}
}
  */
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul li img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle02 .battle02-innr .blood02 div ul.blood02ul li.fig ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle02 .battle02-innr .blood03 {
  width: 100%;
  min-width: 1000px;
  background: url("../images/system/battle/bg_battle02_03.png") top right no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 42%;
  margin-top: -5%;
}
body .battle02 .battle02-innr .blood03 div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul {
  position: absolute;
  bottom: 95px;
  left: 0;
  z-index: 9998;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig {
  padding-left: 20px;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul {
  width: 1000px;
  margin: 0 auto;
  zoom: 1;
  position: relative;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul:before, body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul:after {
  content: "";
  display: table;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul:after {
  clear: both;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul::after {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 200px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul::before {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 453px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul li {
  float: left;
  width: 230px;
  height: 129px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /*
  &:nth-child(-n+2){
  &::after{
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  right: -40px;
  z-index: 2;
}
}
  */
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul li img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle02 .battle02-innr .blood03 div ul.blood03ul li.fig ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle02 .battle02-innr .blood04 {
  width: 100%;
  min-width: 1000px;
  background: url("../images/system/battle/bg_battle02_04.png") top left no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 38%;
  margin-top: -4.7%;
}
body .battle02 .battle02-innr .blood04 div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 9998;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.text {
  padding: 0 22px 17px 0;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul {
  zoom: 1;
  position: relative;
  width: 765px;
  margin: 0 auto;
  position: relative;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul:before, body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul:after {
  content: "";
  display: table;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul:after {
  clear: both;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul::after {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 200px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul::before {
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  left: 453px;
  z-index: 2;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul li {
  float: left;
  width: 230px;
  height: 129px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /*
  &:nth-child(-n+2){
  &::after{
  content: url(../images/system/battle/icon_arrow.png);
  position: absolute;
  top: 15px;
  right: -40px;
  z-index: 2;
}
}
  */
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul li img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle02 .battle02-innr .blood04 div ul.blood04ul li.fig ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle03 {
  margin-top: 60px;
}
body .battle03 .battle03-innr {
  margin: 50px 0 0;
}
body .battle03 .battle03-innr > ul > li {
  width: 100%;
  min-width: 1000px;
  background-repeat: no-repeat;
  position: relative;
}
body .battle03 .battle03-innr > ul > li.variation {
  background-position: top center;
  /*background-size: 100% auto;*/
}
body .battle03 .battle03-innr > ul > li.variation div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
body .battle03 .battle03-innr > ul > li.variation div p {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
}
body .battle03 .battle03-innr > ul > li.variation div > ul {
  display: table;
  width: 1000px;
  margin: 0 auto;
  position: absolute;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 0 0 14px;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li:first-of-type {
  padding: 0;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li dl {
  width: 100%;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li dl dt a {
  display: inline-block;
  overflow: hidden;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li dl dt a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle03 .battle03-innr > ul > li.variation div > ul li dl dt a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle03 .battle03-innr > ul > li.variation div > ul li dl dd {
  text-align: left;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 {
  background-image: url("../images/system/battle/bg_battle03_01.png");
  padding-top: 652px;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 p {
  text-align: left;
  top: 50px;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 ul {
  top: 170px;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 ul li dl dt a {
  width: 492px;
  height: 276px;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 ul li:nth-child(2) dl dt {
  position: relative;
  width: 492px;
  height: 276px;
}
body .battle03 .battle03-innr > ul > li.variation.blood01 ul li:nth-child(2) dl dt:after {
  content: "";
  display: block;
  position: absolute;
  right: 84px;
  bottom: 8px;
  width: 56px;
  height: 40px;
  border: 2px solid #e10000;
  border-radius: 100%;
  box-shadow: 1px 1px 10px 0 #000000;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 {
  background-image: url("../images/system/battle/bg_battle03_02.png?ver=2");
  padding-top: 553px;
  margin-top: -137px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 p {
  text-align: left;
  bottom: 280px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul {
  bottom: 55px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li {
  width: 300px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li dl dt {
  width: 300px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li dl dd {
  position: absolute;
  bottom: 0;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li:nth-child(2) {
  width: 314px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li:nth-child(3) {
  width: 386px;
}
body .battle03 .battle03-innr > ul > li.variation.blood02 ul li:nth-child(3) dl dt {
  width: 372px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 {
  background-image: url("../images/system/battle/bg_battle03_04.png?ver=2");
  padding-top: 1090px;
  margin-top: -138px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 p {
  text-align: right;
  top: 120px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 ul {
  top: 210px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 ul.lower {
  top: 585px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 ul li dl {
  position: relative;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 ul li dl dt a {
  width: 492px;
  height: 276px;
}
body .battle03 .battle03-innr > ul > li.variation.blood04 ul li dl dd {
  position: absolute;
}
body .battle03 .battle03-innr > ul > li.spblood {
  background-position: center top;
  margin-top: 60px;
  margin-bottom: 100px;
  padding: 60px 0;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 {
  background-image: url("../images/system/battle/bg_battle03_03.png");
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul {
  width: 1000px;
  margin: 0 auto;
  background: url("../images/system/battle/bg_battle03_03rep.png") top center repeat-y;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 30px;
  /*&:nth-child(2) {
    a {
      &:nth-child(1) {
        width: 400px;
        height: 224px;
      }
      &:nth-child(2) {
        width: 544px;
        height: 306px;
      }
    }
  }*/
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li:last-child {
  padding-bottom: 0;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li dl dt {
  width: 958px;
  text-align: left;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li dl dd {
  margin-top: 10px;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li dl dd a {
  vertical-align: top;
  display: inline-block;
  width: 472px;
  height: 266px;
  overflow: hidden;
  margin: 0 7px;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li dl dd a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle03 .battle03-innr > ul > li.spblood.blood03 ul li dl dd a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle04 {
  background: url("../images/system/battle/bg_battle04.png") top center no-repeat;
  margin-top: 110px;
  position: relative;
  margin-bottom: 100px;
}
body .battle04 h4 {
  position: absolute;
  top: -46px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .battle04 h5 {
  margin-top: 30px;
}
body .battle04 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 37px;
  text-align: left;
}
body .battle04 .variation {
  background: url("../images/system/battle/bg_battle04_03rep.png") top center repeat-y;
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
body .battle04 .variation dl {
  display: inline-block;
  vertical-align: top;
  width: 310px;
  margin: 0 7px 20px;
}
body .battle04 .variation dl dt {
  width: 310px;
  height: 174px;
  overflow: hidden;
}
body .battle04 .variation dl dt img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle04 .variation dl dt:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle04 .varBtm {
  margin-bottom: 24px;
}
body .battle04 .battle04-innr {
  background: url("../images/system/battle/bg_battle04_02.png") center top no-repeat;
  padding: 30px 0;
}
body .battle04 .battle04-innr h5 {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  margin-top: 30px;
}
body .battle04 .battle04-innr ul {
  width: 1000px;
  margin: 0 auto;
  padding-top: 30px;
}
body .battle04 .battle04-innr ul li {
  display: table;
  width: 1000px;
  margin: 0 auto;
}
body .battle04 .battle04-innr ul li > a {
  display: table-cell;
  vertical-align: top;
  width: 666px;
  overflow: hidden;
}
body .battle04 .battle04-innr ul li > a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle04 .battle04-innr ul li > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle04 .battle04-innr ul li dl {
  display: table-cell;
  vertical-align: top;
  width: 320px;
  padding-left: 14px;
}
body .battle04 .battle04-innr ul li dl dt {
  width: 320px;
  height: 180px;
}
body .battle04 .battle04-innr ul li dl dd {
  text-align: right;
}
body .battle04 .battle04-innr ul li:not(.icon) {
  margin-top: 20px;
}
body .battle04 .battle04-innr ul li:not(.icon) dl dt {
  overflow: hidden;
}
body .battle04 .battle04-innr ul li:not(.icon) dl dt img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle04 .battle04-innr ul li:not(.icon) dl dt:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle04 .battle04-innr ul li:nth-child(2) > a {
  text-align: right;
}
body .battle04 .battle04-innr ul li:nth-child(2) dl {
  padding: 0 14px 0 0;
}
body .battle04 .battle04-innr ul li:nth-child(2) dl dd {
  text-align: left;
}
body .battle04 .battle04-innr > p {
  display: inline-block;
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .battle05 {
  background: url("../images/system/battle/bg_battle05.png") top center no-repeat;
  margin-top: 110px;
  position: relative;
  margin-bottom: 100px;
}
body .battle05 h4 {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .battle05 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
}
body .battle05 ul li {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .battle05 ul li a {
  overflow: hidden;
}
body .battle05 ul li a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle05 ul li a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle05 ul li:nth-child(2) {
  display: table;
  margin: 20px 0 40px;
}
body .battle05 ul li:nth-child(2) > dl {
  display: table-cell;
  vertical-align: top;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) {
  line-height: 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) dt {
  font-size: 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) dt a {
  display: inline-block;
  width: 236px;
  height: 132px;
  margin: 0 14px 0 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) dd {
  font-size: 0;
  margin: 14px 0 0 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) dd > img {
  display: inline-block;
  margin: 0 12px 0 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(1) dd:nth-child(3) {
  margin: 0;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(2) {
  width: 500px;
}
body .battle05 ul li:nth-child(2) > dl:nth-child(2) dt a {
  display: block;
  width: 500px;
  height: 282px;
}
body .battle05 ul li:nth-child(2) > p {
  display: table-cell;
  vertical-align: bottom;
}
body .battle05 ul li:nth-child(2) > a {
  display: table-cell;
  vertical-align: top;
  width: 666px;
  overflow: hidden;
}
body .battle05 ul li:nth-child(2) > a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .battle05 ul li:nth-child(2) > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .battle05 ul li:nth-child(3) {
  font-size: 0;
}
body .battle05 ul li:nth-child(3) dl {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 493px;
  height: 160px;
}
body .battle05 ul li:nth-child(3) dl:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: url("../images/system/battle/bg_battle05_06bottom.png") top center no-repeat;
}
body .battle05 ul li:nth-child(3) dl dd {
  background: url("../images/system/battle/bg_battle05_06rep.png") top center repeat-y;
  height: 113px;
}
body .battle05 ul li:nth-child(3) dl:nth-child(1) {
  margin: 0 7px 0 0;
}
body .battle05 ul li:nth-child(3) dl:nth-child(2) {
  margin: 0 0 0 7px;
}
body .battle06 {
  background: url("../images/system/battle/bg_battle06.png") top center no-repeat;
  position: relative;
  margin: 110px 0 100px;
}
body .battle06 h4 {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .battle06 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
}
body .battle06 ul li {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 10px;
}
body .battle06 ul li:nth-child(3) {
  padding-bottom: 0;
  /*margin-top: 30px;*/
}
body .battle06 ul li:nth-child(3) p {
  padding: 15px 50px 0;
  background: url("../images/system/battle/bg_battle04_03rep.png") top center repeat-y;
}
body .buddy01 {
  background: url("../images/system/buddy/bg_buddy01.png") top center no-repeat;
  margin-top: 60px;
  position: relative;
}
body .buddy01 h4 {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .buddy01 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
}
body .buddy01 ul li {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .buddy01 ul li:nth-child(3) {
  display: table;
  padding-top: 40px;
}
body .buddy01 ul li a {
  display: inline-block;
  overflow: hidden;
}
body .buddy01 ul li a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .buddy01 ul li a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .buddy01 ul li dl {
  display: table-cell;
  vertical-align: bottom;
}
body .buddy01 ul li dl dt a {
  width: 500px;
  height: 282px;
}
body .buddy01 ul li dl:nth-of-type(1) {
  width: 486px;
  padding-right: 14px;
}
body .buddy01 ul li dl:nth-of-type(1) dd {
  font-size: 0;
}
body .buddy01 ul li dl:nth-of-type(1) dd a {
  width: 236px;
  height: 132px;
}
body .buddy01 ul li dl:nth-of-type(1) dd a:nth-child(1) {
  margin-right: 14px;
}
body .buddy02 {
  background: url("../images/system/buddy/bg_buddy02.png") top center no-repeat;
  margin-top: 60px;
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 62px;
}
body .buddy02 h4 {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .buddy02 dl {
  width: 1000px;
  margin: 0 auto;
}
body .buddy02 dl a {
  display: inline-block;
  overflow: hidden;
}
body .buddy02 dl a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .buddy02 dl a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .buddy02 dl:nth-of-type(1) {
  text-align: center;
  font-size: 0;
  padding-top: 80px;
}
body .buddy02 dl:nth-of-type(1) dt {
  display: block;
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
}
body .buddy02 dl:nth-of-type(1) dd {
  display: inline-block;
}
body .buddy02 dl:nth-of-type(1) dd a {
  width: 480px;
  height: 270px;
}
body .buddy02 dl:nth-of-type(1) dd:nth-of-type(1) {
  margin-right: 40px;
}
body .buddy02 dl:nth-of-type(2) {
  display: table;
  margin-top: 40px;
}
body .buddy02 dl:nth-of-type(2) dt {
  display: table-cell;
  vertical-align: bottom;
}
body .buddy02 dl:nth-of-type(2) dd {
  display: table-cell;
  vertical-align: bottom;
}
body .buddy02 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
}
body .buddy02 ul li {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .buddy02 ul li:nth-child(3) {
  display: table;
  padding-top: 40px;
}
body .buddy02 ul li a {
  display: inline-block;
  overflow: hidden;
}
body .buddy02 ul li a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .buddy02 ul li a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .buddy02 ul li dl {
  display: table-cell;
  vertical-align: bottom;
}
body .buddy02 ul li dl dt a {
  width: 500px;
  height: 282px;
}
body .buddy02 ul li dl:nth-child(1) {
  width: 486px;
  padding-right: 14px;
}
body .buddy02 ul li dl:nth-child(1) dd {
  font-size: 0;
}
body .buddy02 ul li dl:nth-child(1) dd a {
  width: 236px;
  height: 132px;
}
body .buddy02 ul li dl:nth-child(1) dd a:nth-child(1) {
  margin-right: 14px;
}
body .custom01 {
  background: url("../images/system/custom/bg_custom01.png") top center no-repeat;
  margin-top: 60px;
  position: relative;
  margin-bottom: 50px;
    /*
    ul {
      @include w1000;
      padding: 70px 0;
      li {
        @include w1000;
        text-align: left;
        
        &:nth-child(3) {
          display: table;
          padding-top: 40px;
        }
        
        a {
          display: inline-block;
          overflow: hidden;

          img{
            -webkit-transition: all .3s;
            transition: all .3s;
          }
          &:hover img{
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
        
        dl {
          display: table-cell;
          vertical-align: bottom;
          dt {
            a {
              width: 500px;
              height: 282px;
            }
          }
          dd {
            
          }
          &:nth-child(1) {
            width: 486px;
            padding-right: 14px;
            dt {

            }
            dd {
              font-size: 0;
              a {
                width: 236px;
                height: 132px;
                &:nth-child(1) {
                  margin-right: 14px;
                }
              }

            }
          }
        }
      }
    }*/
}
body .custom01 h4 {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .custom01 ul {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
}
body .custom01 ul li:nth-of-type(1) {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
body .custom01 ul li:nth-of-type(2) {
  display: table;
  margin-top: 20px;
}
body .custom01 ul li:nth-of-type(2) > img {
  display: table-cell;
  vertical-align: top;
  width: 666px;
}
body .custom01 ul li:nth-of-type(2) > p {
  display: table-cell;
  vertical-align: top;
  padding-left: 14px;
}
body .custom01 ul li:nth-of-type(2) > p img:nth-of-type(1) {
  margin-bottom: 14px;
}
body .custom01 ul li:nth-of-type(3) {
  font-size: 0;
  margin-top: 14px;
}
body .custom01 ul li:nth-of-type(3) > img {
  display: inline-block;
  vertical-align: top;
  margin-right: 14px;
}
body .custom01 ul li:nth-of-type(3) > img:nth-of-type(3) {
  margin-right: 0;
}
body .custom02 {
  position: relative;
  margin-bottom: 50px;
}
body .custom02 ul {
  width: 1000px;
  margin: 0 auto;
}
body .custom02 ul li {
  text-align: left;
}
body .custom02 ul li p:nth-child(2) {
  padding-top: 15px;
}
body .custom02 ul li ul li {
  display: inline-block;
}
body .custom02 ul li ul li:nth-child(2) {
  float: right;
}
body .custom03 {
  position: relative;
  margin-bottom: 100px;
}
body .custom03 h4 {
  position: relative;
  margin-bottom: -43px;
  z-index: 5;
}
body .custom03 ul {
  width: 100%;
  min-width: 1000px;
  padding: 30px 0 60px;
  background: url("../images/system/custom/bg_custom03_01.png") top center no-repeat;
  background-size: 2000px 100%;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body .custom03 ul .bloodcord01 {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
body .custom03 ul .bloodcord01 p {
  padding: 15px 0;
}
body .custom03 ul .bloodcord01 ul {
  padding: 0;
  background: none;
  border: none;
}
body .custom03 ul .bloodcord01 ul li {
  display: inline-block;
}
body .custom03 ul .bloodcord01 ul li:nth-child(2) {
  float: right;
}
body .custom03 ul .bloodcord01 p:nth-child(5) {
  padding: 0;
  margin-top: -10px;
}
body .custom03 ul .bloodcord01 h5 {
  margin-top: 20px;
}
body .custom03 ul .bloodcord01 .bloodcord01Inner {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 50px;
  border: 1px solid #85848b;
  border-top: none;
  box-sizing: border-box;
}
body .custom03 ul .bloodcord01 .bloodcord01Inner ul {
  padding: 0;
  background: none;
  border: none;
}
body .custom02 a.imagePop, body .custom03 a.imagePop {
  display: inline-block;
  overflow: hidden;
}
body .custom02 a.imagePop img, body .custom03 a.imagePop img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body .custom02 a.imagePop:hover img, body .custom03 a.imagePop:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body#base a.imagePop {
  display: inline-block;
  overflow: hidden;
}
body#base a.imagePop img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body#base a.imagePop:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .base01 {
  position: relative;
  margin-bottom: 100px;
}
body .base01 h4 {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .base01 .content01 {
  margin: 60px 0 20px;
  padding: 45px 0 40px;
  background: url("../images/system/base/bg_base01.jpg") top center no-repeat;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}
body .base01 .content01 li p {
  width: 1000px;
  margin: 0 auto;
}
body .base01 .content01 li ul {
  width: 1000px;
  margin: 0 auto;
}
body .base01 .content01 li ul li {
  padding-top: 15px;
  display: inline-block;
}
body .base01 .content01 li ul li:nth-child(even) {
  float: right;
}
body .base01 .content02, body .base01 .content03, body .base01 .content04, body .base01 .content05 {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding-top: 20px;
}
body .base01 .content02 ul, body .base01 .content03 ul, body .base01 .content04 ul, body .base01 .content05 ul {
  padding: 0 20px 25px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: none;
  background: rgba(0, 0, 0, 0.6);
}
body .base01 .content02 ul li, body .base01 .content03 ul li, body .base01 .content04 ul li, body .base01 .content05 ul li {
  padding: 10px 0;
}
body .base01 .content02 ul li.img-mv, body .base01 .content03 ul li.img-mv, body .base01 .content04 ul li.img-mv, body .base01 .content05 ul li.img-mv {
  text-align: center;
}
body .base01 .content02 ul li dl dd a, body .base01 .content03 ul li dl dd a, body .base01 .content04 ul li dl dd a, body .base01 .content05 ul li dl dd a {
  margin: 0 0 18px 18px;
}
body .base01 .content03, body .base01 .content04, body .base01 .content05 {
  padding-top: 50px;
}
body#multiplay a.imagePop {
  display: inline-block;
  overflow: hidden;
}
body#multiplay a.imagePop img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
body#multiplay a.imagePop:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body #multiplay01 {
  position: relative;
  margin-bottom: 50px;
}
body #multiplay01 h4 {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body #multiplay01 .content01 {
  margin: 60px 0 20px;
  padding: 45px 0 40px;
  background: url("../images/system/multiplay/bg_multiplay01.jpg") top center no-repeat;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}
body #multiplay01 .content01 li p {
  width: 1000px;
  margin: 0 auto;
}
body #multiplay01 .content01 li ul {
  width: 1000px;
  margin: 0 auto;
}
body #multiplay01 .content01 li ul li {
  padding-top: 15px;
  display: inline-block;
}
body #multiplay01 .content01 li ul li:nth-child(even) {
  float: right;
}
body #multiplay02 {
  position: relative;
  margin-bottom: 100px;
}
body #multiplay02 .content01 {
  text-align: left;
}
body #multiplay02 .content01 li p {
  width: 1000px;
  margin: 0 auto;
}
body #multiplay02 .content01 li ul {
  width: 1000px;
  margin: 0 auto;
}
body #multiplay02 .content01 li ul li {
  padding-top: 15px;
  display: inline-block;
}
body #multiplay02 .content01 li ul li:nth-child(even) {
  float: right;
}