@charset "UTF-8";
@charset "UTF-8";

  #container, #header, #header-in, #body, #body-in, #navi, #navi-in, #footer-in {
box-sizing: border-box;
max-width: 100%;
}
#h-top { height: auto; min-height: 92px; padding: 18px 16px; background-image: none; }
#site-title { font-size: 26px; line-height: 1.45; margin: 0; letter-spacing: 0; }
#site-title a { color: #354c42; overflow-wrap: anywhere; }
#site-description { font-size: 13px; line-height: 1.6; margin: 7px 0 0; }
.top-title-catchphrase { max-width: 100%; }
.entry-content, .article, #main, #sidebar { box-sizing: border-box; min-width: 0; }
.entry-content { overflow-wrap: anywhere; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content iframe { max-width: 100%; }
.entry-content table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.entry-content th, .entry-content td { overflow-wrap: anywhere; padding: 10px; vertical-align: top; }
.ruco-related { border-top: 1px solid #ccd7d1; border-bottom: 1px solid #ccd7d1; margin: 28px 0; padding: 14px 0; }
.ruco-related p { margin: 0 0 8px; font-weight: bold; }
.ruco-related ul { margin: 0; padding-left: 1.4em; }
.ruco-related li { margin: 8px 0; }
.ruco-update { border-left: 3px solid #577c69; padding: 10px 14px; background: #f4f7f5; }
#breadcrumb { font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
#breadcrumb a { display: inline; }
.ruco-breadcrumb-separator { margin: 0 7px; }
@media (max-width: 768px) {
#body-in, #header-in, #navi-in { width: 100%; }
#main { width: 100%; margin: 0; padding: 16px; }
#sidebar { width: 100%; margin: 0; padding: 16px; }
#h-top { padding: 16px; min-height: 0; }
#site-title { font-size: 22px; padding-right: 38px; }
.entry-title, .article h1 { font-size: 25px; line-height: 1.5; overflow-wrap: anywhere; }
.entry-content h2 { font-size: 22px; line-height: 1.5; }
.entry-content h3 { font-size: 19px; line-height: 1.5; }
.entry-content { font-size: 17px; line-height: 1.95; }
#navi ul { flex-wrap: wrap; }
#navi li { max-width: 100%; }
}