@charset "UTF-8";

/* nav */
#topicPath_warp {
  margin-bottom: 0;
}
.autoNav {
  height: 72px;
  background-color: #3F4042;
}
.autoNav,
.autoNav * {
  box-sizing: border-box;
}
.autoNav a {
  display: block;
  transition: opacity ease .3s;
}
.autoNav a:hover {
  opacity: .6;
}
.autoNav .navCont {
  position: relative;
  width: 100%;
  height: 72px;
  background-color: #3F4042;
}
.autoNav .navCont.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.autoNav .navBody {
  margin: 0 auto;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  max-width: 980px;
}
.autoNav .categoryTop {
  width: 74px;
}
.autoNav .categoryTopTitle {
  padding: 2px 0;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .1em;
  white-space: nowrap;
}
.autoNav .categoryTopLabel {
  border-radius: 3px;
  line-height: 20px;
  color: #3F4042;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.autoNav ul {
  display: flex;
  width: 877px;
}
.autoNav ul li,
.autoNav ul li a {
  border-radius: 3px;
  display: block;
  height: 40px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}
.autoNav .categoryLink {
  margin-right: 9px;
  position: relative;
  width: 170px;
}
.autoNav .categoryLink a {
  padding-top: 5px;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  line-height: 1;
  background-color: #fff;
  font-size: 18px;
}
.autoNav .categoryLink.cat-rakumaru a {
  border-color: #45B035;
  color: #45B035;
}
.autoNav .categoryLink.cat-zankure a {
  border-color: #008BD3;
  color: #008BD3;
}
.autoNav .categoryLink.cat-valiho a {
  border-color: #F18D00;
  color: #F18D00;
}
.autoNav .categoryLink.cat-credit a {
  border-color: #9085FF;
  color: #9085FF;
}
.autoNav .categoryLink.current:after {
  content: '';
  border-radius: 6px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 100%;
  height: 6px;
}
.autoNav .categoryLink.cat-rakumaru.current:after {
  background-color: #45B035;
}
.autoNav .categoryLink.cat-zankure.current:after {
  background-color: #008BD3;
}
.autoNav .categoryLink.cat-valiho.current:after {
  background-color: #F18D00;
}
.autoNav .categoryLink.cat-credit.current:after {
  background-color: #9085FF;
}
.autoNav .categoryLink .categoryName {
}
.autoNav .categoryLink .small {
  padding-top: 2px;
  display: block;
  width: 100%;
  font-size: 10px;
}
.autoNav .estimateLink {
  margin-left: 17px;
  width: 147px;
}
.autoNav .estimateLink a {
  padding: 0 0 0 10px;
  width: 100%;
  line-height: 40px;
  color: #fff;
  background: #DE1A18 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAASCAYAAADG3feYAAAABHNCSVQICAgIfAhkiAAAALpJREFUSEvtlUkOgCAMRUW9mh5aj+b4azRRQrUVmrCAJbb18Tu5ijkbDvdNe+9wtD53e9aZIGOD049SxCmQGiWheI/MDaGyiKoVSZ1p0s3ZOusG0UByyh+Qlg3yJ77vkyWkr2i2kHfQAqkZQf6kQF2u6JWa7rNTkvoYXMsFaAIZGmnS6QFfUm6CffPY3X9GRGiIp4iDGDMAWz++ebolW+ms3Q6AY3AtplAgpkEkj8hGyTdY890tUerLZge61dATxRnuCQAAAABJRU5ErkJggg==) center right 5px no-repeat;
  font-size: 12px;
  text-align: left;
}
@media screen and (min-width: 641px) {
  .autoNav .navBody {
    width: 980px;
  }
}
@media screen and (max-width: 640px) {
  .autoNav,
  .autoNav .navInner {
    height: 70px;
  }
  .autoNav .navCont {
  }
  .autoNav .navInner {
    padding: 15px;
    position: relative;
    overflow: auto;
  }
  .autoNav .navCont:before,
  .autoNav .navCont:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 5;
    width: 15px;
    height: 70px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABGCAYAAAATgc7uAAAABHNCSVQICAgIfAhkiAAABUBJREFUWEe9WM1PXFUcvffNB0OB8N7bVJTQRLFsGljgZlixokyQnYigrmqDxUStEv0HaiSE2KERw87alV8xrW6UxKgL/wDpghIjy4YFnTZhmJnOvHev53fvffNeh2HmVVrZ3FzKfeeec8/vq3x4YqLLrjCXsYqdSCRcjzHbEhx7aUtOK7O5ZK6kVe2FzSTX+/Hx8W76AzpYk7LpQTogmfkQ0x/CGZcPD090uW7VEUI4yWTSwQechOSOxMosS60W447AyjlzcCOHqz1zYiELIOOApvB0kGvgbDWKJVyhENsgM3CWNXBOtObMwFkS5wk8VbVaVWJVqwIHSSThSG5pcSCUoJVzh9EBxhyo7TDsofYw1HaV2q2Rhf4APnQEWQCZNSILQnwUGYrjsEEeHR091dPTo55BWJbLvEA0ph0mpHJW9LnIIOrZAs7NkX111SjnWMg+efyJIgviGoPzo8gyNIpEUPAIZ8/zbA9iceMwH9HFuYBYOgxVFNEB7IODeGeXH6f2/4Pc29urHCYTCXhbOBbi2IeToLbDyHlYZWDRiGjqnRVnD5y5Nshjca4jSyAjKE6I7OlkB3XJooik49X+z8jT09OnDg8PIRgSgfT1lWUNSU8nP2aZOCbREGUknopzimd6Z0KuQNVUI2c6bMIvUFtCbZ1FsZ4IOZvNduLHfQhLJgXiGZVCxy9VClhUiaWTH1kTyPh3421C3gfnjjpnAc6U6Bs41xN/wBnXPg75dN8zfQsXL0yur3+xvX+voEoSEqCpWRHkQqVip2q6iHHuuxQUn165Mj82Nnb+zp2d3bcXF//kKG7IKGH+5tJtikzGGBk59/zqysrH6XS642o+/8etWz8dxEa2gLS09MHk1NTU+UqlUp2be+O3woP73WHlaIHMmA+1uXvjxvULAwMDz/21tbX33ruXd3WdjnIugHOKOFdtYZ6FkEmkF4fOnrmWv/p6JpNJLS+vbP/8yyZ+jQKP2qU4d3d3O6WS56RSOqokLMqkV3+uS+9cGpudmXmpVCr5s6/N/31wUOxVFqV3LrRAluaKP3z/3SsoS51ff/Pt/sbGRq0FMjxtjEIdwaJBLpfL/quzcyHyzMxM5927D5x0mhz1UF1ZenAYXR1XOzs0NLCW/4w4pxXnzU3ECFITHHcMZyD7+gPXv/ryrTNQe+v2baj9/j+qFwnCMkT2VPxGkT9cupx7Wb9zbX7+zV/v3S/0qHBUodoCeeTc8AurqysfwWGZ/Nra7zdv/likwh4LeXn5kzk84+TOzs7uwgK8Xa+WEWQ0cZlaKuVaFYFGjozhKaM8e7qvb2HhYu7a5+vbhUKhSydDNG6qgTNB1IpzvS6rDiGo0zGQuSlyKqOYIncEOYt3Tu7t2eiGdGtB3vZ1dVTxa/K3ro7wdGRP7WNTzm2RJRJHNgvk5EmQa1DbIrV93W9TiWnJWbroAJ8Asu93wG4eWkih+20KCnhbP4/xcqTUUFNDpUcFBpRWaocjQjO1pSoIpHaQ+JXaR5ClaVrbIevDPuI57VRR7BI4qEYDVEdVObBKn/oviiRDxRS7CHIpMmO0QjY9CnFui2wa86bIuVyuo1gUaGbKDXOVjiI9V+nRQVdLbVElWjxkfdUjnJ8KMvUiwUBGhaCOHAxkMArXyEVw5jE4k1GoToezZOboLBkVS8dx01lyEMh9MZCR6ZEYHhtZe7o58mCuo7+/3DDFhs1Muym2DWcaESK9SHSKHRwcBHJ/DORwoovOzyFyfYqNqh0TOZwlm3FuMkuSSVC0G6ZYqpbU7WKiw38BHDfF/gs6JI3bEVwl+wAAAABJRU5ErkJggg==) 0 0 no-repeat;
  }
  .autoNav .navCont:before {
    left: 0;
    transform: rotate(180deg)
  }
  .autoNav .navCont:after {
    right: 0;
  }
  .autoNav .navBody {
    padding: 0;
    width: 720px;
  }
  .autoNav .categoryTop {
    width: 72px;
  }
  .autoNav .categoryTopTitle {
    padding: 4px 0;
    font-size: 12px;
    letter-spacing: .3em;
    text-align: center;
  }
  .autoNav ul {
    padding-right: 15px;
    display: flex;
    width: 636px;
  }
  .autoNav ul li,
  .autoNav ul li a {
    border-radius: 3px;
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
  }
  .autoNav .categoryLink {
    margin-right: 5px;
    width: 120px;
  }
  .autoNav .categoryLink a {
    font-size: 18px;
  }
  .autoNav .categoryLink .small {
    padding-top: 2px;
  }
  .autoNav .estimateLink {
    margin-left: 15px;
    width: 106px;
  }
  .autoNav .estimateLink a {
    padding: 5px 0 0 6px;
    line-height: 1.33;
  }
}