@charset "utf-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2019/11/26, 20:34:22
    Author     : takasaki
*/
html, body {
    /*height: 100vh;*/
}

.bg-pink {
    background-color: rgba(249,191,194,0.2);
}

.bg-winered {
    background-color: rgba(235, 10,22,0.6);
}
.btn-primary {
    background-color: #5D9CEC;!important;
}

.vh90 {
    height: 90vh;
}

.vh80 {
    height: 80vh;
}

.cover_page {
    height: 80vh;
    background-image: url('https://suhtar.hospital.med.saga-u.ac.jp/lsdb/img/cover.png');
    background-position: 50% 50%;
    -webkit-background-size: contain;/* Safari,Google Chrome用 */
    -moz-background-size: contain;  /* Firefox用 */
    background-size: contain;
    background-repeat: no-repeat;
}

.page_center {
    margin: auto auto;

}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display :inline !important; }
}


.badge{
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 200;
}

.tooltip-inner{
    max-width: 350px;
}

.home_mwnu_btn{
    text-align: left;
}

header {
    background-color: #337ab7;;
    color: #fff;
}

.header-h1 {
    font-size: 16px;
    display: inline-block;
}

.header-form {
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
    .header-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .header-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
@media (max-width: 767px) {
    .header-form .form-group {
        margin-bottom: 5px;
    }
    .header-form .form-group:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .header-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
@media (min-width: 768px) {
    .header-right {
        float: right !important;
        margin-right: -15px;
    }
    .header-right ~ .header-right {
        margin-right: 0;
    }
}

.navbar-custom {
    background-color: #50c1e9;
    /*background-color: #4FC1E9;*/
    color:#fff;
    border-radius:0;
    /*border-color: #444444;*/
    padding: 3px;
}


.navbar-custom .navbar-nav > li > a {
    color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    background-color:#fff;
    color:#000;
}
.navbar-custom .navbar-brand {
    color:#fff;
}

.card-header h4{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.card-header h5{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

body,
#app {
    display: flex;
    flex-direction: column;
    /*min-height: 100vh;*/
    background-color: #ebebeb;
}

main{
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer {
    width: 100%;
    position: absolute;/* ←絶対位置 */
    bottom: 0;
    font-size: 13px;
    /*background-color: #32A064;*/
    color:#fff;
    border-radius:0;
    background-color: #50c1e9;
    /*border-color: #32A064;*/
    padding: 5px ;
}

.footer-fixed{
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 110px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

.btn-outline-warning {
    color: #f6993f;
    /*color: #ffed4a;*/
    border-color: #ffed4a;
}

#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    /*background: #ef3f40;*/
    /*opacity: 0.6;*/
    border-radius: 10%;
    z-index:10000 ;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    z-index:10000 ;
}
#page_top a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    /*content: '\f0d8';*/
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    z-index:10000 ;
}

.button_right_align_owner{
    margin:0 auto;
}

.button_right_align {
    margin-top: -29px;
    position:absolute;
    right:4px;
    /*marign-left:500px;*/

    /*position: relative;*/
    /*top : 8px ;*/
    /*right: 10px;*/
    /*margin: -2px 0px 0px 0px; !* 幅と高さの半分のネガティブマージン *!*/
}

.alert {
    position: relative;
    padding: 5px 10px ;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.my_header{
    font-size: 15px;
    font-weight: 200;
}

label {
    font-size: 15px;
}
.table {
    /*padding-right: 10px;*/
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #d1ecf1;
}
.text-info {
    color: #1f6fb2!important;
    /*color:#bee5eb ;*/
    /*color: #d1ecf1;*/
    /*background-color: #d1ecf1;*/
    /*border-color: #bee5eb;*/
}
.text-warning {
    color: darkgoldenrod !important;
}

.my-navbar {
    align-items: center;
    background: #444444;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 2%;
    margin-bottom: 3rem;
}

.my-navbar-brand {
    font-size: 18px;
}

.my-navbar-brand,
.my-navbar-item {
    color: #dddddd;
    /*color: #8c8c8c;*/
}

.my-navbar-brand:hover,
a.my-navbar-item:hover {
    color: #ffffff;
}

.modal {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:none;
}
.overLay {
    position:fixed;
    top:0;
    left:0;
    background:rgba(200,200,200,0.9);
    width:100%;
    height:100%;
    z-index:10;
}
.modal .inner {
    left:50%;
    transform: translateX(-50%);
    position:absolute;
    z-index:11;
    width:250px;
    background:#fff;
    padding:0px;
}
@media (min-width: 768px) {
    .modal .inner {
        width:450px;
    }
}
@keyframes modal{
    0% {top:-100%}
    100% {top:50%}
}
@keyframes modalClose {
    0% {top:50%}
    100% {top:100%}
}

.search_highlight {
    font-weight: bold;
}

#result_message {
    margin-top: 2px ;
    margin-bottom: 2px ;
    /*margin: 2px;*/
    font-size: 1.0rem ;
}
.form-check-label{
    font-size: 15px;
    font-weight: 600 ;
    /*padding-top: 15px;*/
}
.form-check-input{
    /*padding-top: 15px;*/
}

.nav-link{

}
.blink {
    animation: blinkAnime 2.5s alternate;
}
@keyframes blinkAnime{
    0% {
        color: #000000;
        background-color: #ffff1a;
    }
    70% {
        background-color: #6cb2eb
    }
}
.mainbar_fixed {
    position: sticky;
    top: 44px;
}
@media all and (-ms-high-contrast: none){
    /*ここにCSSを書く*/
    .mainbar_fixed {
        position: relative;
        top: 0px;
    }
}
.mainbar_content {
    margin-bottom: 100px;
}


.sidebar_fixed {
    position: sticky;
    top: 60px;
}
.sidebar_content {
    margin-bottom: 100px;
}

.paginationWrap {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 48px;
    opacity: 0.4;
}

.paginationWrap ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.paginationWrap ul.pagination li {
    display: inline;
    margin-right: 4px;
}

.paginationWrap ul.pagination li a {
    color: #3490dc;
    /*color: #2f3859;*/
    padding: 8px 14px;
    text-decoration: none;
}

.paginationWrap ul.pagination li a.active {
    /*background-color: #4b90f6;*/
    background-color: #3490dc;
    color: white;
    border-radius: 40px;
    width: 38px;
    height: 38px;
}

.paginationWrap ul.pagination li a:hover:not(.active) {
    background-color: #e1e7f0;
    border-radius: 40px;
}

.sm-paginationWrap {
    display: flex;
    justify-content: left;
    margin-top: 0px;
    margin-bottom: 20px;
}

.sm-paginationWrap ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.sm-paginationWrap ul.pagination li {
    display: inline;
    /*margin-right: 1px;*/
}

.sm-paginationWrap ul.pagination li a {
    color: #3490dc;
    padding: 3px 7px;
    text-decoration: none;
    font-size: 10px ;
}

.sm-paginationWrap ul.pagination li a.active {
    /*background-color: #4b90f6;*/
    background-color: #3490dc;
    color: white;
    border-radius: 110px;
    width: 38px;
    height: 38px;
}
/*.sm-paginationWrap ul.pagination li a.active {*/
/*    !*background-color: #4b90f6;*!*/
/*    background-color: #50c1e9;*/
/*    color: white;*/
/*    border-radius: 110px;*/
/*    width: 38px;*/
/*    height: 38px;*/
/*}*/



.sm-paginationWrap ul.pagination li a:hover:not(.active) {
    background-color: #e1e7f0;
    border-radius: 40px;
}

.btn-order{
    padding: 0px 3px;
    margin-bottom: 1px;
    background-color: #ced4da!important;
    border: 1px solid #ced4da;
    border-radius: .2rem;
    font-size: 0.7rem ;
}
.btn-order:disabled{
    color: #495057!important;
    background-color: #ffed4a!important;
    border: 1px solid #ced4da;
}
.btn-ask{
    color: #ffffff!important;
    background-color: #ffd900!important;
    border: 1px solid #ced4da;
}



body {

    /*!* 画像ファイルの指定 *!*/
    /*background-image: url(background.png);*/

    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;

    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;

    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;

    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;

    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
}

/********************************************************/
/*//bootstrap5にしてから追加 2022-10-19以降*/
a {
    text-decoration:none;
}
html {
    scroll-behavior: auto !important;
}
.bg-pink {
    background-color: rgba(249,191,194,0.2);
}