@charset "utf-8";

body {
    user-select: none;
    /* CSS3 */
    -moz-user-select: none;
    /* Firefox */
    -webkit-user-select: none;
    /* Safari、Chrome */
    -ms-user-select: none;
    /* IE10~ */
    cursor: default;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    max-width: 100vw;
    padding-top: 80px;
}

/** touch操作のズームを禁止 */
body, div {
   touch-action: pan-x pan-y;
}

/*********
 * ヘッダー
 *********/
 .layout_header {
    background-color: white;
    overflow: auto;
 }
 .layout_header header{
   min-width: 460px;
 }
 .layout_header .title {
    background-color: #00B050;
    color: white;
 }
 .layout_header .header_title_img {
    height: 58px;
 }

 .layout_header .nav.nav-right {
   padding-right: calc(var(--bs-gutter-x) * .5);
 } 

/*****************************
 * プログレスバーの読込中モーダル
 *****************************/
.exec_progress_modal {
   cursor: wait;
}
.exec_progress_modal .modal-dialog {
   display: flex;
   align-items: center;
   min-height: 100%;
   text-align: center;
   margin-top: 0;
   margin-bottom: 0;
}

.exec_progress_modal .modal-dialog .modal-title {
   text-align: center;
}

.exec_progress_modal .modal-dialog .kousiki-img {
   width: 100%;
   margin-bottom: 10px;
}


/*********
 * エラー画面
 *********/
.error_page_container{
    margin: auto;
    min-width: auto;
 }

 
 /***スクロールバーの色一括で変更**/
::-webkit-scrollbar {
   width: 10px;
   height: 10px;
}

::-webkit-scrollbar-track {
   background: #fff;
   border: none;
   border-radius: 3px;
   box-shadow: inset 0 0 2px #777;
}

::-webkit-scrollbar-thumb {
   background: #a8bed6;
   border-radius: 3px;
    box-shadow: none;
}