.details-box {
  text-align: center; }
  .details-box .pagettl {
    font-size: 4.5rem;
    margin: 100px 0 30px; }
  .details-box .linkbtns {
    width: 733px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    border: 2px #000000 solid;
    position: relative;
    bottom: -30px; }
    .details-box .linkbtns li {
      position: relative;
      width: 243px;
      float: left;
      font-size: 1.8rem;
      text-align: center;
      height: 64px;
      line-height: 64px;
      font-weight: bold; }



.details-box .linkbtns2 li {
	width: 50%;
}

      .details-box .linkbtns li a {
        display: block;
        text-decoration: none;
		height: 64px;
        line-height: 64px;
}
        .details-box .linkbtns li a:before {
          content: '';
          width: 10px;
          height: 10px;
          border: 0px;
          border-top: solid 2px #000;
          border-right: solid 2px #000;
          -ms-transform: rotate(134deg);
          -webkit-transform: rotate(134deg);
          transform: rotate(134deg);
          position: absolute;
          top: 40%;
          left: 26%; }
        .details-box .linkbtns li a:hover {
          background-color: #000;
          color: #fff; }
          .details-box .linkbtns li a:hover:before {
            border-top: solid 2px #fff;
            border-right: solid 2px #fff; }
      .details-box .linkbtns li .linkbtn02 {
        border-left: 2px solid #000;
        border-right: 2px solid #000; }

.details-box .linkbtns2 li .linkbtn02 {
	border-left: none;
}
        .details-box .linkbtns li .linkbtn02:before {
          left: 12%; }
      .details-box .linkbtns li .linkbtn03:before {
        left: 22%; }

        .details-box .linkbtns2 li .linkbtn02:before {
          left: 22%; }
      .details-box .linkbtns2 li .linkbtn03:before {
        left: 33%; }

		.details-box .linkbtns2 li .linkbtngpteken02:before {
		left: 34%; }
		.details-box .linkbtns2 li .linkbtngpteken03:before {
		left: 32%; }

  .details-box .deta-con-box-bg {
    background: url("../images/details/details01-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }
  .details-box .deta-con-box-bg-tekken {
    background: url("../images/details/details_tekken-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }

.details-box .deta-con-box-bg-monstasto {
    background: url("../images/details/details_monstosto-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }


.details-box .deta-con-box-bg-clashroyale {
	background: url("../images/details/details_clashroyale-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; 
}


  .details-box .deta-con-box-bg-rainbow {
    background: url("../images/details/details_rainbowsix-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }
  .details-box .deta-con-box-bg-dffnt {
    background: url("../images/details/details_dissidia-bg.png"), url("../images/details/details-bg-common.png");
    background-repeat: no-repeat, repeat;
    background-position: center -50px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }

.deta-con-box-bg-none {
  background: url("../images/details/details-bg-common.png") !important;
  background-size: contain !important;
}

  .details-box .deta-con-box {
    padding: 80px 0;
    border-bottom: dotted 1px #000; }
    .details-box .deta-con-box h3 {
      font-size: 4.0rem;
      margin-bottom: 30px;
      font-weight: bold; }
    .details-box .deta-con-box p {
      font-size: 1.6rem;
      text-align: center;
      line-height: 2;
      font-weight: bold; }
    .details-box .deta-con-box .tbl_area .table1 {
      border-collapse: collapse;
      border-spacing: 0;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      font-size: 14px;
      box-sizing: border-box;
      width: 100%;
      margin: 30px 0 0;
      background: #fff; }
      .details-box .deta-con-box .tbl_area .table1 a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .details-box .deta-con-box .tbl_area .table1 th {
        /*background-color: #f3f3f3;*/
        font-weight: bold;
        font-size: 1.8rem;
        padding: 14px 0;
        border-left: 2px solid #000000;
        border-top: 2px solid #000000;
        box-sizing: border-box;
        text-align: center;
        width: 25%;
        color: #fff;
        vertical-align: middle; }
      .details-box .deta-con-box .tbl_area .table1 td {
        padding: 20px 20px;
        font-size: 1.5rem;
        border-left: 2px solid #000000;
        border-top: 2px solid #000000;
        box-sizing: border-box;
        text-align: center;
        vertical-align: middle;
        font-weight: bold; }
    .details-box .deta-con-box .rule {
      border: 2px solid #000;
      background-color: #fff; }
      .details-box .deta-con-box .rule .txt02 {
        text-align: left;
        padding: 20px 44px;
        font-weight: normal; }
        .details-box .deta-con-box .rule .txt02 .txtbold02 {
          font-weight: bold; }
      .details-box .deta-con-box .rule .rule-txt {
        text-align: left;
        font-size: 1.8rem;
        font-weight: bold;
        padding: 30px; }
      .details-box .deta-con-box .rule h4 {
        font-size: 1.8rem;
        color: #fff;
        background-color: #000;
        padding: 30px 0; }
      .details-box .deta-con-box .rule dl {
        border-bottom: 2px solid #000;
        width: 100%;
        display: table; }
        .details-box .deta-con-box .rule dl dt {
          width: 210px;
          text-align: center;
          border-right: 2px solid #000;
          vertical-align: middle;
          display: table-cell;
          font-size: 1.8rem;
          font-weight: bold; }
        .details-box .deta-con-box .rule dl dd {
          font-size: 1.6rem;
          display: table-cell;
          vertical-align: middle;
          padding: 40px;
          text-align: left; }
      .details-box .deta-con-box .rule .border-none {
        border: none; }
  .details-box .border-none {
    border: none; }
  .details-box .detailbtn {
    margin-top: 20px; }

@media only screen and (max-width: 960px) {
  .inner02 {
    width: 100%;
    padding: 6vw 4.6875vw; }

  .details-box {
    text-align: center; }
    .details-box .pagettl {
      font-size: 3.5rem; }
    .details-box .linkbtns {
      width: 90%; }
      .details-box .linkbtns li {
        width: 33.33333%; }
	      .details-box .linkbtns2 li {
        width: 50%; }
        .details-box .linkbtns li a:before {
          content: none; } }
@media only screen and (max-width: 480px) {
  .txt02 {
    text-align: left;
    padding: 20px !important;
    font-weight: normal; }
    .txt02 .txtbold02 {
      font-weight: bold; }

  .inner02 {
    padding: 0 4.6875vw 6vw; }

  .details-box .pagettl {
    width: 90%;
    font-size: 7.0625vw;
    margin: 30px auto 0px; }
  .details-box .linkbtns li {
    font-size: 3.0625vw;
    height: 56px;
    line-height: 56px; }
  .details-box .deta-con-box {
    padding: 40px 0;
    border-bottom: dotted 1px #000; }
    .details-box .deta-con-box h3 {
      font-size: 6.0625vw;
      margin-bottom: 10px; }
    .details-box .deta-con-box p {
      font-size: 4.0625vw; }
    .details-box .deta-con-box .tbl_area .table1 {
      margin: 0; }
      .details-box .deta-con-box .tbl_area .table1 th {
        font-size: 4.0625vw; }
      .details-box .deta-con-box .tbl_area .table1 td {
        padding: 5px;
        font-size: 4.0625vw; }
    .details-box .deta-con-box .rule .rule-txt {
      font-size: 4.0625vw;
      padding: 20x;
      padding-left: 2em;
      text-indent: -1em; }
    .details-box .deta-con-box .rule h4 {
      font-size: 5.5vw;
      padding: 15px 0; }
    .details-box .deta-con-box .rule dl {
      border-bottom: 2px solid #000;
      width: 100%;
      display: block; }
      .details-box .deta-con-box .rule dl dt {
        width: 100%;
        border-right: none;
        border-bottom: dotted 1px #000;
        padding: 10px 0;
        display: block;
        font-size: 5.0625vw; }
      .details-box .deta-con-box .rule dl dd {
        padding-left: 1em;
        text-indent: -1em;
        font-size: 4.0625vw;
        display: block;
        padding: 20px; }
  .details-box .border-none {
    border: none; }
  .details-box .detailbtn {
    margin-top: -10px; }
  .details-box .btn-02 {
    padding: 15px 40px;
	margin-top: 20px;}

  #submit {
    padding: 15px 70px; } }
.checkbtntxt {
  display: block; }

#offcanvas {
  display: none; }

.txt-indent li {
  padding-left: 1em;
  text-indent: -1em; }