/* ==========================================================================
  テーマカラー (1)
  ========================================================================== */

/* 文字色 */
a,
#link_page_top a::before,
#error,
.form .error-message,
.content h3,
h5:hover a,
.content .related h4 {
    color: #0073b9;
}

/* 背景 */
h3 div.sub .label,
.nav {
    background-color: #0073b9;
}

/* 線 */
input[type="text"]:focus,
input[type="text"]:hover,
input[type="number"]:focus,
input[type="number"]:hover,
input[type="date"]:focus,
input[type="date"]:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
    border-color: #0073b9;
}

/* 線 + 文字 */
h6,
.button.button-outline,
button.button-outline,
input[type="button"].button-outline,
input[type="reset"].button-outline,
input[type="submit"].button-outline {
    color: #0073b9;
    border-color: #0073b9;
}

/* 線 + 背景 */
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #0073b9;
    border-color: #0073b9;
}

/* 線 + 文字 */
fieldset legend {
    color: #0073b9;
    border-color: #0073b9;
}

.top-bar,
.top-bar.expanded,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area {
    background: #0073b9;
}

/* ==========================================================================
  テーマカラー (2) 見出し
  ========================================================================== */

/* 背景 */
.content h4,
.content .related h4,
h4 {
    border-left: 10px solid #666;
    border-bottom: 0px;
    padding: 1px 10px;
    color: #666;
}

/* 線 */
h5,
h6 {
    border-color: #666;
}

table tr th {
    border-color: #666;
    color: #666;
}

.vertical-table th {
    color: #666;
}

/* ==========================================================================
  テーマカラー (3) hover
  ========================================================================== */

/* 文字 */
a:hover,
a:focus {
    color: #2799db;
}

/* 線 + 背景 */
.form button:hover,
.form button:focus,
.button:hover,
.button:focus {
    border-color: #2799db;
}

/* 文字 + 背景 */
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #2799db;
}

.top-bar-section ul {
    width: auto;
    float: right;
}
.top-bar-section ul li {
    width: auto;
    float: left;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 2.8125rem;
    padding: 0 0.9375rem
}
@media only screen and (min-width: 40.0625em) {
    .top-bar-section ul {
        margin-top: -1px;
        border-top: 1px solid #fff;
    }
    .top-bar-section ul li {
        border-left: 1px solid #fff;
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        line-height: calc(2.8125rem + 1px);
    }
}

/* ==========================================================================
  テーマカラー (4) 白抜き
  ========================================================================== */

nav a {
    color: #fff;
}