/* ぱんくずリスト CSS */

ol, ul {
    box-sizing: border-box;
}

.breadcrumb {
	max-width: inherit;
	padding: 0 60px;
	height: 60px;
  margin: 98px auto 130px;
}

.breadcrumb {
	margin-bottom: 38px;
}

.breadcrumb ol {
	display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    visibility: visible;
}


.breadcrumb li {
	display: inline;
    font-size: 14px;
    margin: 0 8px 0 0;
    padding: 0 12px 0 0;
    position: relative;
}

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

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

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

.breadcromb li a .fa-solid {
	display: inline-block;
	width: 10px;
}

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

.bread_crumb li.fa-solid {
    padding-right: 20px;
    color: #00005F;
}

/* メディアクエリ1200px以下 */
@media screen and (max-width: 1200px) {

.breadcrumb {
	max-width: inherit;
	padding: 0 20px;
}

ol, ul {
    box-sizing: border-box;
}

.breadcrumb {
    height: 50px;
    margin-top: 60px;
}

.breadcrumb li {
	display: inline;
    font-size: 14px;
    margin: 0 8px 0 0;
    padding: 0 6px 0 0;
    position: relative;
}

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

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

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

.breadcromb li a .fa-solid {
	display: inline-block;
	width: 10px;
}

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

.bread_crumb li.fa-solid {
    padding-right: 10px;
    color: #00005F;
}
}

/* メディアクエリ768px以下 */
@media screen and (max-width: 768px) {

ol, ul {
    box-sizing: border-box;
}

.breadcrumb {
    height: 50px;
    margin-top: 60px;
}

.breadcrumb li {
	display: inline;
    font-size: 14px;
    margin: 0 8px 0 0;
    padding: 0 6px 0 0;
    position: relative;
}

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

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

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

.breadcromb li a .fa-solid {
	display: inline-block;
	width: 10px;
}

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

.bread_crumb li.fa-solid {
    padding-right: 10px;
    color: #00005F;
}
}