@charset "utf-8";

.breadcrumb{
  padding: 2px 0px 8px 0px;
  background:#fff;
  text-align:left;
}
.breadcrumb__list{
  list-style:none;margin:
  0;padding-left:0
}
.breadcrumb__list::after{
  content:"";
  display:block;
  clear:both
}
.breadcrumb__item{
  position:relative;
  font-size:12px;
  float:left;
  padding-right:12px;
  margin-right:12px;
  color:#595959
}
.breadcrumb__item::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  margin-top:-3px;
  width:5px;
  height:5px;
  border-top:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf;
  transform:rotate(45deg)
}
.breadcrumb__item a, .breadcrumb__item a:link, .breadcrumb__item a:visited, .breadcrumb__item a:active{
  color:#245499;
}
.breadcrumb__item:last-child::after{
  border:none
}
.breadcrumb__item:first-child::before{
  content:"　";
}
@media only screen and (max-width:767px){
  .breadcrumb{
    overflow-x:auto
  }
  .breadcrumb__list{
    display:table
  }
  .breadcrumb__item{
    display:table-cell;
    white-space:nowrap;
    float:none;
    padding-left:12px;
    margin-right:0
  }
  .breadcrumb__item:first-child{
    padding-left:0
  }
}