/*==================================
 variable
===================================*/
.section01 .sectionInner {
  padding-bottom: 0;
}

.section01 .secTitle {
  padding-bottom: 10%;
}

.lineStyle.lineStyle01.-black {
  background-color: #838383;
}

.lineStyle.lineStyle01.-black:before {
  background-image: url(../../images/bg-style03-03.png);
}

.lineStyle.lineStyle01.-blue {
  background-color: #54c3f1;
}

.lineStyle.lineStyle01.-blue:before {
  background-image: url(../../images/bg-style04-02.png);
}

.lineStyle.lineStyle01.-red {
  background-color: #ff6470;
}

.lineStyle.lineStyle01.-red:before {
  background-image: url(../../images/bg-style01-02.png);
}

.softNavWrap {
  position: relative;
  z-index: 0;
  margin: 0;
  font-size: 0;
  text-align: center;
}

.softNavWrap .nav {
  display: inline-block;
  width: 25%;
  text-align: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.softNavWrap .nav:nth-child(1) {
  background-color: #595757;
}

.softNavWrap .nav:nth-child(1):hover {
  background-color: #717070;
}

.softNavWrap .nav:nth-child(2) {
  background-color: #54c3f1;
}

.softNavWrap .nav:nth-child(2):hover {
  background-color: #6fd1fb;
}

.softNavWrap .nav:nth-child(3) {
  background-color: #ffe100;
}

.softNavWrap .nav:nth-child(3):hover {
  background-color: #f7e453;
}

.softNavWrap .nav:nth-child(4) {
  background-color: #e80012;
}

.softNavWrap .nav:nth-child(4):hover {
  background-color: #f94654;
}

.gameWrap {
  width: 91%;
  margin: 5% auto 0;
}

.gameWrap:last-child {
  padding-bottom: 10%;
}

.gameWrap .gamePackageWrap,
.gameWrap .gameItemsWrap {
  width: 50%;
  margin: 2% auto 0;
}

.gameWrap .gamePackageWrap {
  float: left;
  padding-right: 1%;
  text-align: center;
}

.gameWrap .gamePackageWrap .gamePackageCopy {
  margin: 1% 0 0;
  font-size: 1.4rem;
  text-align: right;
}

.gameWrap .gameItemsWrap {
  float: right;
  padding-left: .5%;
  font-size: 1.8rem;
}

.gameWrap .gameItemsWrap .gameText {
  padding-left: 8%;
}

.gameWrap .gameItemsWrap .gameSS {
  font-size: 0;
  text-align: center;
}

.gameWrap .gameItemsWrap .gameSS .ss {
  display: inline-block;
  margin-bottom: 2%;
  width: 49%;
}

.gameWrap .gameItemsWrap .gameSS .ss:nth-child(odd) {
  margin-right: 2%;
}

.gameWrap .gameItemsWrap .button {
  display: block;
  max-width: 194px;
  width: 38.9%;
  margin: 0 0 0 auto;
}

@media (max-width: 760px) {
  .gameWrap .gameItemsWrap {
    width: 80%;
    float: none;
    font-size: 2.4rem;
  }
  .gameWrap .gameItemsWrap .button {
    width: 45%;
    margin: 5% 0 0 auto;
  }
  .gameWrap .gamePackageWrap {
    width: 60%;
    padding: 0;
    float: none;
  }
}

@media (max-width: 560px) {
  .gameWrap .gameItemsWrap {
    font-size: 3rem;
  }
}
/*# sourceMappingURL=soft.css.map */