@charset "utf-8";

html,body {
    /* slidebarsがhiddenに変更するためスクロールできない */
    overflow: visible;
}
body {
    font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif !important;
    font-size: 15px;
}

h1 {
    margin: 0 0 0.5em 0;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
}
h3 {
    font-size: 1em;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
    color: initial;
    opacity: 0.8;
}
/*a:visited {
    color: initial;
}*/
::placeholder {
    color: #ccc !important;
}
/* Edge */
::-ms-input-placeholder {
    color: #ccc !important;
}
/* IE */
:-ms-input-placeholder {
    color: #ccc !important;
}

/*
* ヘッダ
*/
header {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

/*
* メイン
*/
main {
    margin-top: 65px;
}

/*
* フッタ
*/
footer {
    margin-top: 1.5em;
    padding: 1.5em 0;
    text-align: center;
    color: #fff;
    background: #0060AA;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
}
footer a:visited {
    color: #fff;
}

/* Bootstrap */
.container-fluid {
    /*max-width: 1300px;*/
}
a.card  {
    color: inherit;
}

/* ダイアログおおきめ */
.modal-dialog-fluid {
    max-width: inherit;
    width: 90%;
    margin-left: 15px;
}

/* ページ上部に戻る */
#page_top {
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    opacity: 0.8;
}

/* 通常のボタン色 */
.btn-ib,
.btn-ib.disabled, .btn-ib:disabled {
    color: #fff;
    background-color: #0060AA;
    border-color: #0060AA;
}

/* focusされた時の枠線の色 */
.btn-ib:focus, .btn-ib.focus,
.btn-ib:not(:disabled):not(.disabled):active:focus, .btn-ib:not(:disabled):not(.disabled).active:focus,
.show > .btn-ib.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 123, 255, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-ib:hover {
    color: #fff;
    background-color: #005089;
    border-color: #004069;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-ib:not(:disabled):not(.disabled):active, .btn-ib:not(:disabled):not(.disabled).active,
.show > .btn-ib.dropdown-toggle {
    color: #fff;
    background-color: #005089;
    border-color: #004069;
}

/* スライダーメニュー */
#menu {
    background: #F1F1F1;
}

button.navbar-toggler:focus{
    outline:none;
}

.menu{
    outline:none;
}

/* トップ画面 */

#support a {
    text-decoration: underline;
}

#support a:hover {
    color: #007bff;
    opacity: 0.8;
}