.yn-breadcrumb {
  margin-bottom: 10px;
}

.yn-breadcrumb a{
  color: #333;
  text-decoration: underline;
}

.yn-breadcrumb a:hover{
  text-decoration: unset;
}

@media only screen and (max-width: 1200px) {
  .cus-pc {
    display: block;
  }

  .cus-mobile {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .cus-pc {
    display: block;
  }

  .cus-mobile {
    display: none;
  }

}

@media only screen and (max-width: 767px) {
  .cus-pc {
    display: block;
  }

  .cus-mobile {
    display: none;
  }


}

@media only screen and (max-width: 599px) {
  .cus-pc {
    display: block;
  }

  .cus-mobile {
    display: none;
  }
}

@media only screen and (max-width: 499px) {
  .cus-pc {
    display: none;
  }

  .cus-mobile {
    display: block;
  }
}

@media only screen and (max-width: 365px) {

  .cus-pc {
    display: none;
  }

  .cus-mobile {
    display: block;
  }
}