@charset "euc-jp";
/* CSS Document */
.tab-wrapper {
  width: 100%;
}

ul.tab-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

ul.tab-label li {
  border-top: 1px solid #998064;
  border-left: 1px solid #998064;
  border-bottom: 1px solid #998064;
  border-right: 1px solid #998064;
  background: #998064;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  width: 31%;
  max-width: 31%;
  position: relative;
  font-size: 1.4em;
}

@media screen and (min-width: 50.8125em) {
  ul.tab-label li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 19%;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    width: 19%;
    max-width: 19%;
  }
}

@media screen and (max-width: 50.8125em) {
  ul.tab-label li:not(:nth-of-type(3n+1)) {
    margin-left: -1px;
  }
  ul.tab-label li:nth-of-type(n+4) {
    margin-top: -1px;
  }
}

@media screen and (min-width: 50.8125em) {
  ul.tab-label li:not(:nth-of-type(5n+1)) {
    margin-left: -1px;
  }
  ul.tab-label li:nth-of-type(n+6) {
    margin-top: -1px;
  }
}

ul.tab-label li .tab-label-item {
  background: transparent;
  cursor: pointer;
  color: #ffffff;
  display: block;
  padding: 1em 0;
  text-align: center;
}

ul.tab-label li .tab-label-item:hover {
  background: #cbbaa6;
}

ul.tab-label li .tab-label-item.current {
  background: #1481C4;
  color: #fff;
}

ul.tab-label li a {
  color: #ffffff !important;
  text-decoration: none;
}

.tab-contents .tab-contents-item {
  display: none;
  padding-top: 1.5em;
}

.tab-contents .tab-contents-item.current-view {
  display: block;
  -webkit-animation: show .4s linear 0s;
  animation: show .4s linear 0s;
}