@charset "utf-8";

.breadcrumb {
  margin: 0;
  padding:0 0 20px 0;
  list-style: none;
	font-size: 1.2rem;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #fff;
}

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

.breadcrumb li a {
  text-decoration: none;
  color: #f3f3f3;
}

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

@media only screen and (min-width: 700px) {

.breadcrumb {
    display: block;
    width: 80%;
    max-width: 770px;
    margin: auto;
}

}

@media only screen and (min-width: 1000px) {

.breadcrumb {
    display: block;
    width: 80%;
    max-width: 770px;
    margin: auto;
			font-size: 1.3rem;
}

}

@media only screen and (min-width: 1200px) {

.breadcrumb {
	width: 70%;
max-width: 900px;
}

}