/* shipsコピーページパンくず用CSS */

ul, ol {
    list-style: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, fieldset, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    box-sizing: border-box;
}

div#my_body {
  margin-bottom: 30px;
}

/* パンくず */
.breadcrumb {
  background-color: #f6f2f2;
  padding: 1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb ul {
  display: flex;
}
.breadcrumb ul li {
  font-size: 0.9rem;
  color: #4d4b4b;
}
.breadcrumb ul li a {
  text-decoration: none;
  color: #4d4b4b;
}
.breadcrumb ul li a:hover, .breadcrumb ul li a:focus {
  color: #b70007;
}
.breadcrumb ul li:not(.lv1) {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.3em;
  vertical-align: middle;
}
.breadcrumb ul li:not(.lv1)::before {
  position: absolute;
  top: 0.5em;
  margin: auto;
  vertical-align: middle;
  content: " ";
  left: 3px;
  width: 0.6em;
  height: 0.6em;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}