@charset "utf-8";

#main-container {
    padding:0 20px !important;
    margin-bottom:30px !important;
}

.breadcrumb {
    display: flex;
    gap: 0;
    list-style:none;
    padding: 0;
    font-size:11pt;
    margin:0 0 10px 0;;
}

.breadcrumb li + li::before {
    content: "›";
    margin: 0 0.5em;
    color: #777777;
}

.breadcrumb li > a {
    color:#0000FF;
    text-decoration:underline;
}

.pagenav {
    display: flex;
    gap: 0;
    list-style: none;
    padding: 0;
    font-size:11pt;
    margin:0 0 10px 0;;
    justify-content: right;
    width:100%;
}

.pagenav::before {
    content: "▶";
    margin: 0 0.5em;
    color:  #ff6633;
}

.pagenav li + li::before {
    content: "›";
    margin: 0 0.5em;
    color: #777777;
}

.pagenav li > a {
    color:#0000FF;
    text-decoration:underline;
}

.satitle {
    display:flex;
    background-color: #0066CC;
    color:#ffffff;
    min-height:30px;
    font-size:12pt;
    align-items: center;
    padding: 0 10px;
    margin:0;
}

.satitle + .sampleimg { /* pagenav無し */
    margin-top:20px;
}


.satitle > .s1 {
    font-size:0.8em;
    font-weight:400;
}

.sampleimg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid #777777;
}