@charset "UTF-8";
header {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .bread-line {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .bread-line {
    margin-bottom: 2.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .bread-line {
    margin-bottom: 30px;
  }
}

.sitemapwrap {
  max-width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
}

.sitemapwrap ul {
  padding-left: 0;
}

.sitemapwrap > ul {
  width: 48%;
  box-sizing: border-box;
}

.sitemapwrap　 > ul > li:nth-child(1) {
  border-top: 1px dotted #DCDCDC;
}

.sitemapwrap ul li.catline {
  border-bottom-style: none;
}

.sitemapwrap > ul > li ul {
  padding-left: 20px;
  box-sizing: border-box;
}

.sitemapwrap ul li {
  list-style: none;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #DCDCDC;
  transition: 0.3s;
}

.sitemapwrap ul li img {
  margin-right: 10px;
  transition: 0.3s;
}

.sitemapwrap ul li i {
  color: #A7A7A7;
}

.sitemapwrap ul li:hover {
  border-bottom: 1px solid #BFD9D7;
}

.sitemapwrap ul li.catline:hover {
  border-bottom-style: none;
}

.sitemapwrap ul li a:hover {
  color: #AE9152;
}

.sitemapwrap ul li a {
  display: block;
  padding: 10px 0;
  transition: 0.3s;
}

.catline .catline-index {
  border-bottom: 1px dotted #DCDCDC;
  margin: 0;
  transition: 0.3s;
}
.catline .catline-index:hover {
  border-bottom: 1px solid #BFD9D7;
}

/*===============================================
 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px) {
  .sitemapwrap {
    width: 100%;
    display: block;
  }
  .sitemapwrap > ul {
    width: 100%;
  }
}/*# sourceMappingURL=sitemap.css.map */