@charset "utf-8";

@-ms-viewport {
    width: auto;
}

body {
    font-family: "Noto Sans JP", Verdana, Meiryo, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
    background-color: #f6f1e6;
    padding-bottom: 70px;
}

.logo-img {
    width: 193px;
    height: 20px;
    background: url('logo_top.png');
}

.breadcrumb {
    background: transparent;
}

.breadcrumb li+li:before {
    content: '>';
}

.btn-to-top {
    z-index: 9999;
    position: fixed;
    right: 24px;
    bottom: 6px;
    margin: 2rem auto;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: #00397f;
    color: #ffffff;
    border-radius: 50%;
    font-size: 2rem;
    cursor: pointer;
}

.panel-body {
    word-wrap: break-word;
    word-break: break-all;
}

.panel-yamanoko {
    border-color: #00397f;
}

.panel-yamanoko>.panel-heading {
    color: #ffffff;
    background-color: #00397f;
    border-color: #00397f;
}

.panel-yamanoko .panel-heading small {
    color: inherit;
}

.panel-body>hr {
    border-color: #dddddd;
}

.label-yamanoko {
    background-color: #00397f;
    line-height: 2.5rem;
}

.media-body {
    word-wrap: break-word;
    word-break: break-all;
}

.dl-horizontal {
    margin-bottom: 0;
}

.dl-horizontal dd {
    margin-top: 2px;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 80px;
    }

    .dl-horizontal dd {
        margin-left: 90px;
    }
}

.navbar-fixed-top {
    transition: .3s;
}

.navbar-default {
    border-radius: 0;
    background-color: #00397f;
    border-color: #00397f;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-text {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #7992b0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: #7992b0;
}

.navbar-default .navbar-toggle {
    border-color: #7992b0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #7992b0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #7992b0;
    }
}