/* weapon&protector tables
----------------------------------------------------------*/
h4 {
  color: #8a3015;
  text-align: center;
  margin-top: 30px; }

h4:before {
  content: "";
  background: url(../img/data/h4_bg.png) center top/contain no-repeat;
  display: inline-block;
  width: 30%;
  margin: 0 10px;
  padding-top: 4%;
  vertical-align: middle; }

h4:after {
  content: "";
  background: url(../img/data/h4_bg.png) center top/contain no-repeat;
  display: inline-block;
  width: 30%;
  margin: 0 10px;
  padding-top: 4%;
  vertical-align: middle; }

table {
  margin-top: 20px;
  text-shadow: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #64291b;
  background: #ffe9db;
  color: #000;
  font-size: 14px; }

table th, table td {
  padding: 7px; }

table th {
  font-weight: bold;
  white-space: nowrap; }

table thead th {
  text-align: center;
  font-size: 16px;
  background: #8a3015;
  color: #fff;
  padding: 10px; }

table thead th + th {
  border-left: 1px solid #fff; }

table tbody th {
  background: #debfae;
  border: 1px solid #64291b; }

table tbody td {
  min-width: 20px;
  border-top: 1px solid #64291b;
  border-bottom: 1px solid #64291b;
  border-right: 1px solid #64291b; }

table .thumb {
  width: 100px;
  text-align: center;
  background: #fff; }

table .thumb img {
  display: block;
  margin: 0 auto; }

table img {
  width: auto; }

table.item th,
table.card th {
  width: 50px; }

table.card .thumb img {
  width: 172px; }

table.quest tbody th {
  width: 20%; }

/* weapon&protector tables
----------------------------------------------------------*/
.weapon table tbody th,
.protector table tbody th {
  width: auto; }

/* collective tables
----------------------------------------------------------*/
.collective table tbody .thumb {
  width: 130px; }

.collective table tbody th {
  width: auto; }

.collective table tbody .info {
  width: 260px; }

/* card tables
----------------------------------------------------------*/
.card table tbody .thumb {
  width: 130px; }

.card table tbody th {
  width: auto; }

/* quest tables
----------------------------------------------------------*/
.lv {
  width: 5%; }

.prize {
  width: 17%; }

/* data
----------------------------------------------------------*/
@media screen and (max-width: 480px) {
  h4 {
    margin-top: 7%; }

  h4 span {
    display: inline-block;
    width: 42%; }

  h4:before {
    width: 20%; }

  h4:after {
    width: 20%; }

  .contents {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }

  #data table.weapon,
  #data table.protective,
  #data table.item,
  #data table.card,
  #data table.quest {
    overflow: hidden;
    display: block;
    width: 100%;
    font-size: 12px; }
    #data table.weapon thead, #data table.weapon tr,
    #data table.protective thead,
    #data table.protective tr,
    #data table.item thead,
    #data table.item tr,
    #data table.card thead,
    #data table.card tr,
    #data table.quest thead,
    #data table.quest tr {
      display: block; }
    #data table.weapon thead th,
    #data table.protective thead th,
    #data table.item thead th,
    #data table.card thead th,
    #data table.quest thead th {
      display: block;
      width: 100%;
      padding: 5px;
      border: none;
      font-size: 14px; }
    #data table.weapon tbody,
    #data table.protective tbody,
    #data table.item tbody,
    #data table.card tbody,
    #data table.quest tbody {
      display: block; }
      #data table.weapon tbody tr th,
      #data table.protective tbody tr th,
      #data table.item tbody tr th,
      #data table.card tbody tr th,
      #data table.quest tbody tr th {
        display: block;
        width: 30%;
        padding: 3px 0;
        border: none;
        float: left;
        box-sizing: border-box;
        letter-spacing: -1px; }
      #data table.weapon tbody tr td,
      #data table.protective tbody tr td,
      #data table.item tbody tr td,
      #data table.card tbody tr td,
      #data table.quest tbody tr td {
        display: block;
        width: 20%;
        padding: 3px 4px;
        box-sizing: border-box;
        border: none;
        float: left;
        text-align: center; }
        #data table.weapon tbody tr td.thumb,
        #data table.protective tbody tr td.thumb,
        #data table.item tbody tr td.thumb,
        #data table.card tbody tr td.thumb,
        #data table.quest tbody tr td.thumb {
          float: none;
          width: 100%;
          padding: 10px 0; }
      #data table.weapon tbody tr:nth-child(3) th, #data table.weapon tbody tr:nth-child(4) th, #data table.weapon tbody tr:nth-child(5) th,
      #data table.protective tbody tr:nth-child(3) th,
      #data table.protective tbody tr:nth-child(4) th,
      #data table.protective tbody tr:nth-child(5) th,
      #data table.item tbody tr:nth-child(3) th,
      #data table.item tbody tr:nth-child(4) th,
      #data table.item tbody tr:nth-child(5) th,
      #data table.card tbody tr:nth-child(3) th,
      #data table.card tbody tr:nth-child(4) th,
      #data table.card tbody tr:nth-child(5) th,
      #data table.quest tbody tr:nth-child(3) th,
      #data table.quest tbody tr:nth-child(4) th,
      #data table.quest tbody tr:nth-child(5) th {
        width: 100%;
        border-right: none; }
      #data table.weapon tbody tr:nth-child(3) td, #data table.weapon tbody tr:nth-child(4) td, #data table.weapon tbody tr:nth-child(5) td,
      #data table.protective tbody tr:nth-child(3) td,
      #data table.protective tbody tr:nth-child(4) td,
      #data table.protective tbody tr:nth-child(5) td,
      #data table.item tbody tr:nth-child(3) td,
      #data table.item tbody tr:nth-child(4) td,
      #data table.item tbody tr:nth-child(5) td,
      #data table.card tbody tr:nth-child(3) td,
      #data table.card tbody tr:nth-child(4) td,
      #data table.card tbody tr:nth-child(5) td,
      #data table.quest tbody tr:nth-child(3) td,
      #data table.quest tbody tr:nth-child(4) td,
      #data table.quest tbody tr:nth-child(5) td {
        width: 100%;
        text-align: left; }
      #data table.weapon tbody tr:nth-child(5) td,
      #data table.protective tbody tr:nth-child(5) td,
      #data table.item tbody tr:nth-child(5) td,
      #data table.card tbody tr:nth-child(5) td,
      #data table.quest tbody tr:nth-child(5) td {
        border-bottom: none; }
  #data table.weapon tbody tr th {
    border-right: 1px solid #64291b;
    border-bottom: 1px solid #64291b; }
  #data table.weapon tbody tr td {
    border-right: 1px solid #64291b;
    border-bottom: 1px solid #64291b; }
    #data table.weapon tbody tr td:nth-child(4n), #data table.weapon tbody tr td:nth-child(4n+1) {
      border-right: none; }
  #data table.weapon tbody tr:nth-child(1) td {
    white-space: nowrap; }
  #data table.weapon tbody tr:nth-child(2) td:last-child {
    width: 70%;
    border-right: none; }
  #data table.weapon tbody tr:nth-child(3) td, #data table.weapon tbody tr:nth-child(4) td, #data table.weapon tbody tr:nth-child(5) td {
    border-right: none; }
  #data table.weapon tbody tr:nth-child(4) td {
    text-align: center; }
  #data table.protective tbody tr th {
    border-bottom: 1px solid #64291b;
    border-right: 1px solid #64291b; }
  #data table.protective tbody tr td {
    border-bottom: 1px solid #64291b;
    border-right: 1px solid #64291b; }
    #data table.protective tbody tr td:nth-child(3) {
      width: 70%; }
    #data table.protective tbody tr td:nth-child(3n+4), #data table.protective tbody tr td:nth-child(1), #data table.protective tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.protective tbody tr td:last-child {
      border-right: none; }
  #data table.protective tbody tr:nth-child(4) td {
    border-right: none;
    text-align: center; }
  #data table.item tbody tr th {
    float: none;
    border-bottom: 1px solid #64291b;
    width: 100%; }
  #data table.item tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #64291b;
    border-right: 1px solid #64291b; }
    #data table.item tbody tr td:nth-child(3n+4), #data table.item tbody tr td:nth-child(1), #data table.item tbody tr td:nth-child(3), #data table.item tbody tr td:nth-child(5) {
      border-right: none;
      text-align: left; }
    #data table.item tbody tr td:nth-child(3) {
      text-align: center; }
  #data table.item tbody tr:nth-child(3) td, #data table.item tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.item tbody tr:last-child td {
    text-align: left;
    border-right: none;
    border-bottom: none; }
  #data table.card tbody tr th {
    float: none;
    border-bottom: 1px solid #64291b;
    width: 100%; }
  #data table.card tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #64291b;
    border-right: 1px solid #64291b; }
    #data table.card tbody tr td:nth-child(3n+4), #data table.card tbody tr td:nth-child(1), #data table.card tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.card tbody tr td:nth-child(5) {
      text-align: center;
      border-right: 0; }
  #data table.card tbody tr:nth-child(2) td {
    text-align: left; }
  #data table.card tbody tr:nth-child(3) td, #data table.card tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.card tbody tr:last-child td {
    border-right: none;
    border-bottom: none; }
  #data table.quest tbody tr th {
    float: none;
    border-bottom: 1px solid #64291b;
    width: 100%; }
  #data table.quest tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #64291b;
    border-right: 1px solid #64291b; }
    #data table.quest tbody tr td:nth-child(3n+4), #data table.quest tbody tr td:nth-child(1), #data table.quest tbody tr td:nth-child(2), #data table.quest tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.quest tbody tr td:nth-child(5) {
      text-align: center;
      border-right: 0; }
  #data table.quest tbody tr:nth-child(2) td {
    text-align: left; }
  #data table.quest tbody tr:nth-child(3) td, #data table.quest tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.quest tbody tr:last-child td {
    border-right: none;
    border-bottom: none; } }

/*# sourceMappingURL=data.css.map */