*{
    font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

html {
    font-size: 14px;
}

body {
    padding-bottom: 50px;
}

/*スペース調整用*/
.cls-mt-0 {
    margin-top: 0 !important;
}

.cls-mt-1 {
    margin-top: 0.25rem;
}

.cls-mt-3 {
    margin-top: 1rem;
}

.cls-mb-0 {
    margin-bottom: 0 !important;
}

.cls-mb-3 {
    margin-bottom: 1rem;
}

.cls-mb-5 {
    margin-bottom: 3rem !important;
}

.cls-ml-2 {
    margin-left: 0.5rem;
}

.cls-ml-3 {
    margin-left: 1rem;
}

.cls-mr-3 {
    margin-right: 1rem;
}

.cls-pt-0 {
    padding-top: 0 !important;
}
.cls-pb-0 {
    padding-bottom: 0 !important;
}


.cls-pl-0 {
    padding-left: 0 !important;
}

.cls-pr-0 {
    padding-right: 0 !important;
}

.cls-border-0 {
    border: 0 !important;
}

/*カラー変更*/
.blue{
    color: #6666ff;
}
.orange{
    color: #ff9966;
}
.red{
    color: #ff6666;
}

/*右寄せ*/
.float-right{
    float: right;
}

/*左寄せ*/
.float-left{
    float: left;
}

/*インライン*/
.inline{
    display: inline;
}

/*背景色変更*/
.bg-color-change{
    padding: 15px;
    background-color: #fafafa;
    border-radius: 10px;
    border:solid 1px #ebe7e7;
}

hr {
    height: 1px;
    border: none;
    border-top: 2px #337ab7 solid;
}

/*メニュータイトル*/
div.menu-title{
    margin-top: 20px;
    margin-bottom: 5px;
}

.table-fixed {
    table-layout: fixed;
}

.cls-menu-list .master-dropdown-list-item{
    text-align: left; !important
}

.cls-menu-title{
    display: inline;
    font-size: 30px;
}

.cls-page-title{
    font-weight: bold;
    font-size: 24px;
}

.cls-error-message-box {
    margin-bottom: 0.2rem;
    color: red;
    text-align: left;
}
.cls-info-message-box{
    margin-bottom: 0.4rem;
    color: #009191;
    text-align: left;
    font-size: 18px;

}

.cls-top-list {
    font-size: smaller;
}

.cls-top-list > li{
    margin-left: -40px;
    list-style:none;
}

.cls-top-list > li:before{
    content:"●";
}

/*コンテンツタイトル*/
.contents-title{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}

/*テーブルデザイン*/
table.info-table{
    margin: 15px;
    width: calc(100% - 30px);
}

table.info-table > tbody > tr > td{
    border-bottom: 5px solid #fafafa;
    border-left: 5px solid #fafafa;
    vertical-align: middle;
}

table.info-table td:last-child{
}
table.info-table td.title{
    background-color: #337ab7;
    color: #ffffff;
}
table.info-table td.text{
    background-color: #fafafa;
    border-bottom: 1px #f0f0f0 solid;
    border-top: none;
}

/*テーブルデザイン(レスポンシブ)*/
.info-div{
    border: 1px solid #337ab7;
    margin-top: 5px;
}
.info-div > *{
    padding: 5px;
}
.info-div > .title {
    background-color: #337ab7;
    color: #ffffff;
}

.btn-close {
    cursor: pointer;
}

.btn-primary {
    background-color: dimgray;
    border-color: darkgrey;
}

/*サイドメニュー表示*/
.navibar-brand {
    font-size: 30px;
}
.cls-list-empty {
    height: 60px;
}

.cls-sidemenu-name {
    font-size: larger;
    font-weight: bold;
    padding: 20px;
}

.ui-datepicker-trigger{
    margin-left: 10px;
    width: 30px;
    cursor: pointer;
}

/* 改行禁止 */
.nowrap{
    white-space: nowrap;
}

label {
    font-weight: normal;
}

.form-control {
    max-width: 100%;
}

.ui-datepicker {
    z-index: 9999 !important;
}

/* 処理中画像 */
.loadingimage{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width:auto;
    height:auto;
}

.loadingimage img{
    opacity: inherit;
     margin-bottom: 10px;
}

div.loading {
  z-index: 1500 !important;
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  color : black;
  text-align:center;
  background-color: #ffffff;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

@media screen and (max-width: 767px) {
    *{
        font-size: 3.5vw;
    }
    small, small > ul > li, small > ul > li > .red{
        font-size: 3vw;
    }
}