@media only screen and (max-width:480px) {
 .tree li img {
  width:16px!Important;
  height:16px!important
 }
 .tree {
  min-width:320px!Important;
  overflow-x:scroll!Important
 }
}
@media only screen and (max-width:1899px) {
 .well {
  background-color:transparent!Important;
  border:0;
  padding:0
 }
 .tree {
  min-height:20px;
  padding:0;
  margin-bottom:20px;
  background-color:#fbfbfb;
  border:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
 }
 .tree li {
  list-style-type:none;
  margin:0;
  padding:10px 5px 0;
  position:relative
 }
 .tree li::before,
 .tree li::after {
  content:'';
  left:-20px;
  position:absolute;
  right:auto
 }
 .tree li::before {
  border-left:1px solid #999;
  bottom:50px;
  height:100%;
  top:0;
  width:1px
 }
 .tree li::after {
  border-top:1px solid #999;
  height:20px;
  top:25px;
  width:25px
 }
 .tree li span {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #999;
  border-radius:5px;
  display:inline-block;
  padding:3px 8px;
  text-decoration:none
 }
 .tree li.parent_li>span {
  cursor:pointer
 }
 .tree>ul>li::before,
 .tree>ul>li::after {
  border:0
 }
 .tree li:last-child::before {
  height:30px
 }
 .tree li.parent_li>span:hover,
 .tree li.parent_li>span:hover+ul li span {
  background:#eee;
  border:1px solid #94a0b4;
  color:#000
 }
}
@media only screen and (min-width:1900px) {
 .well {
  background-color:transparent!Important;
  border:0;
  padding:0
 }
 .tree * {
  margin:0;
  padding:0
 }
 .tree {
  white-space:nowrap;
  display:block;
  overflow:auto;
  width:auto!important
 }
 .tree ul {
  padding-top:20px;
  position:relative;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  white-space:nowrap;
  max-width:100%!important
 }
 .tree li {
  float:left;
  text-align:center;
  list-style-type:none;
  position:relative;
  padding:20px 0 0 5px;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  white-space:normal;
  display:inline-block
 }
 .tree li::before,
 .tree li::after {
  content:'';
  position:absolute;
  top:0;
  right:50%;
  border-top:1px solid #ccc;
  width:50%;
  height:20px
 }
 .tree li::after {
  right:auto;
  left:50%;
  border-left:1px solid #ccc
 }
 .tree li:only-child::after,
 .tree li:only-child::before {
  display:none
 }
 .tree li:only-child {
  padding-top:0
 }
 .tree li:first-child::before,
 .tree li:last-child::after {
  border:0
 }
 .tree li:last-child::before {
  border-right:1px solid #ccc;
  border-radius:0 5px 0 0;
  -webkit-border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0
 }
 .tree li:first-child::after {
  border-radius:5px 0 0 0;
  -webkit-border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0
 }
 .tree ul ul::before {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  border-left:1px solid #ccc;
  width:0;
  height:20px
 }
 .tree li a {
  border:1px solid #ccc;
  padding:4px;
  text-decoration:none;
  font-family:arial,verdana,tahoma;
  font-size:11px;
  display:inline-block;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s
 }
 .tree li a:hover,
 .tree li a:hover+ul li a {
  background:#c8e4f8;
  color:#000;
  border:1px solid #94a0b4
 }
 .tree li a:hover+ul li::after,
 .tree li a:hover+ul li::before,
 .tree li a:hover+ul::before,
 .tree li a:hover+ul ul::before {
  border-color:#94a0b4
 }
}
.common {
 color:#fff
}
.uncommon {
 color:#dbdc65
}
.rare {
 color:#3ee6e9
}
.oneofakind {
 color:#efbdee
}
.titlearea {
text-align: center;
font-size: 28px;
word-wrap: normal;
background: url("/file/Nioh-2/nioh_2_wiki_icon_small.png") no-repeat left center;
background-position: 3px 4px;
border-top: 3px solid #c8a20c;
border-bottom: 3px solid #c8a20c;
margin: 18px 0px;
height: 45px;
line-height: 40px;
}
.bonfire {
word-wrap: normal;
background: url(/file/nioh/titlearea.png) no-repeat left center;
padding-left: 40px;
line-height: 70px;
text-align: -moz-left;
}
.tabtitle.tabcurrent {
background-color: #c8a20c;
}

/* ==== RESPONSIVE ==== */
@media only screen and (max-width: 1336px) {
     img, input {
         max-width: 100% !important;
    }
     iframe, object, embed {
         display: inline-block;
         max-width: 100%;
    }
     .bonfire {
        line-height:inherit !Important
    }
     .titlearea {
        line-height:inherit !Important;
         height:inherit !Important
    }

.speciallarge {
    border-radius: 15px 50px;
    background: #7771b3;
    padding: 20px;
    max-width: 600px;
    height: auto;
    line-height: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/texture-noise.png);
}
}

.spoilertitle { cursor: pointer; padding-left: 10px; background-color: #7C6C50; background-image: linear-gradient(to right, #AB966F, #000); color: #EEE; font-size: 15px; font-weight: bold; line-height: 24px }
.spoilercontent { height: 0px; overflow: hidden; transition: height 0.5s ease 0s }
@media only screen and (max-width: 860px) {
.wiki_table {
overflow-x: auto;
overflow-y: hidden;
margin: 0px auto;
max-width: 100%;
display: block;
}
.infobox .wiki_table {
display: table;
}
#discussion-section ul {
width: 100%!important;
}
@-moz-document url-prefix() {
fieldset { display: table-cell; }
}


.wiki_table th{font-family:Asul;font-size:1em;text-align:center;padding:0px;background:url("/file/nioh/infobox_bacground2.jpg")}

p {
    font-size: 14px;
}

#wiki-content-block #ifrmDiv{position:absolute !important;}