@charset "UTF-8";
.title p {
  color: #1e0001;
  text-shadow: 1px 1px 0.5px white,-1px 1px 0.5px white,1px -1px 0.5px white,-1px -1px 0.5px white,0 0 6px white;
}

.submenu-btn {
  background-color: rgba(0, 0, 0, 0);
  border: initial;
  border-width: 0px;
  margin: 0 auto;
  transition: opacity 0.2s, filter 0.2s, -webkit-filter 0.2s;
}

.submenu-btn a {
  padding: 0;
}

.submenu-btn.active {
  background-color: rgba(0, 0, 0, 0);
  -webkit-filter: brightness(1.2) drop-shadow(0 0 2px #dd3110);
          filter: brightness(1.2) drop-shadow(0 0 2px #dd3110);
}

.submenu-btn:hover {
  background-color: rgba(0, 0, 0, 0);
  -webkit-filter: brightness(1.2) drop-shadow(0 0 2px #dd3110);
          filter: brightness(1.2) drop-shadow(0 0 2px #dd3110);
}

.manual-wrapper {
  background-color: initial;
  max-width: 1193px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0);
}

.manual-wrapper .text.contact a, .manual-wrapper .text.enq a {
  color: #ed7425;
}

.manual-wrapper .text.contact a:hover, .manual-wrapper .text.enq a:hover {
  color: #cd5405;
}

.manual-wrapper .manual-container {
  display: block;
  position: relative;
  width: 100%;
  background: url("../img/common_bg_main.png") 50% 50% repeat;
  background-size: auto;
  background-size: 100% auto;
  padding: 0 5% 1%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.manual-wrapper .manual-container-upper {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  background: url("../img/common_bg_upper.png") 50% 0% no-repeat;
  background-size: auto;
  background-size: cover;
  padding-bottom: 9.22%;
}

.manual-wrapper .manual-container-bottom {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  background: url("../img/common_bg_bottom.png") 50% 100% no-repeat;
  background-size: auto;
  background-size: cover;
  padding-bottom: 7.8%;
}

.common-wrapper .common-box .text {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
}

.caption {
  background: rgba(0, 0, 0, 0);
  color: #3b2f19;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.subcaption {
  text-align: center;
  color: #ed7425;
  margin: 20px 0;
  border: initial;
  border-width: 0px;
  text-shadow: 3px 3px 1px black, 2px 2px 1px black, 1px 1px 1px black, 0px -1px 1px black, -1px 0px 1px black, 1px 0px 1px black, 0px 1px 1px black, 0px 0px 1px black;
}

.subsubcaption {
  color: #ed7425;
  border-bottom: initial;
  border-width: 0px;
  text-shadow: 3px 3px 1px black, 2px 2px 1px black, 1px 1px 1px black, 0px -1px 1px black, -1px 0px 1px black, 1px 0px 1px black, 0px 1px 1px black, 0px 0px 1px black;
  margin: 0;
  padding: 0 2%;
}

.subsubcaption::before {
  content: "◆";
  display: inline;
  position: relative;
}

table thead {
  background: #3b2f19;
}

table thead tr td:not(:last-child) {
  border-right: 1px solid white;
}

table tbody {
  background: rgba(0, 0, 0, 0);
}

table tbody.sort {
  background-color: rgba(0, 0, 0, 0);
}

table tbody.sort tr th {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
  font-weight: bold;
}

table tbody.sort tr td {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
  font-weight: bold;
}

table tbody.isthead {
  background-color: rgba(0, 0, 0, 0);
}

table tbody.isthead tr th {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
}

table tbody.isthead tr td {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

table tbody.nothead tr th {
  background: #3b2f19;
}

table tbody.nothead tr td {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.page-send .next a {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
}

.page-send .return a {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
}

.image-wrapper .image-container.frame img {
  border: 4px solid white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

.image-wrapper .image-container:only-child {
  margin: 0 15%;
}

.image-wrapper .image-container.character {
  margin: 0 5%;
}

.sctop-button {
  max-width: 130px;
}

.footer {
  background: url(../img/footer_bg.png) 50% 0% repeat;
}

.footer .copy {
  color: #3b2f19;
  text-shadow: 0px 0px 6px rgba(170, 127, 45, 0.6);
}

@media screen and (max-width: 960px) {
  .image-wrapper.image-container:only-child {
    margin: 0 5%;
  }
  .footer {
    background: url(../img/footer_bg_sp.png) 50% 0% repeat;
  }
}