@charset "UTF-8";

.breadcrumb {
  padding-left:0;
  clear: both;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;
  color: #009069;/*色*/
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #009069;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

@media screen and (max-width:670px) {
  .breadcrumb{
    font-size: 14px;
    margin-left:0px;
  }
}


@media screen and (min-width:671px) {
  .breadcrumb{
    font-size: 18px;
    margin-left:20px;
    position: relative;
    top: -15px;
  }
}