.navi-wrap {
  margin-top: -15px;
}

.navi-wrap a {
  display: block;
}

.navi-wrap a:hover {
  text-decoration: none;
}

.head-navi-img > .wrap {
  margin-bottom: 0;
  text-align: center;
}

.head-navi-img li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: 16px;
}

.head-navi-img li:last-child {
  margin-right: 0;
}

.head-navi-img li img {
  opacity: 0;
}

.head-navi-img li.current a {
  pointer-events: none;
}

.head-navi-img li.cond01 a {
  background: url(../../v2/images/nav01_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond01 a:hover,
.head-navi-img li.cond01.current a {
  background: url(../../v2/images/nav01_on.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond02 a {
  background: url(../../v2/images/nav02_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond02 a:hover,
.head-navi-img li.cond02.current a {
  background: url(../../v2/images/nav02_on.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond03 a {
  background: url(../../v2/images/nav03_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond03 a:hover,
.head-navi-img li.cond03.current a {
  background: url(../../v2/images/nav03_on.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond04 a {
  background: url(../../v2/images/nav04_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond04 a:hover,
.head-navi-img li.cond04.current a {
  background: url(../../v2/images/nav04_on.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond05 a {
  background: url(../../v2/images/nav05_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond05 a:hover,
.head-navi-img li.cond05.current a {
  background: url(../../v2/images/nav05_on.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond06 a {
  background: url(../../v2/images/nav06_off.svg) no-repeat;
  background-size: 100%;
}

.head-navi-img li.cond06 a:hover,
.head-navi-img li.cond06.current a {
  background: url(../../v2/images/nav06_on.svg) no-repeat;
  background-size: 100%;
}

.is-fixed .navi-wrap {
  padding-bottom: 15px;
}

@media not all and (min-width: 768px) {
  .navi-wrap {
    display: none;
  }
}