/* 全画面共通 */
/* メニュー用ロゴ */
.logo_menu {
    margin:0;
    padding:0;
}

/* 表示項目（デザインテンプレートの定義に追記） */
.form-group .form-line.display:after {
    border-bottom: 1px solid #9E9E9E; 
}

/* 文字色 */
.red{
    color: red;
}

/* レイヤーインデックス */
.z-5{
    z-index: 5;
}
 
.z-10{
    z-index: 10;
}

/* 縦位置揃え */
.row-d-center{
    display: flex;
    align-items: center;
}

/* 空白行 */
.brank-height-15 {
    margin-bottom: 15px;
}

.brank-height-30 {
    margin-bottom: 30px;
}

.brank-height-70 {
    margin-bottom: 70px;
}
 
/* スクリーンを覆うオーバーレイ */
.overlayForUpd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15); /* 透明度を設定 */
    z-index: 9999; /* 最前面に表示 */
    display: none; /* 初期状態では非表示 */
}

/* ローディングメッセージ */
.loading_box {
    margin: 0 auto;
    padding: 0 auto;
    position: fixed;
    top: 41%;
    left: 47%;
}

.loading_box .loading-circle {
    position: absolute;
    top: 0%;
    left: 0%;
}

.loading_box .loading-message {
    position: relative;
    top: 100px;
    left: 15px;
    color: white;
    font-size: 14px;
}

/* ヘッダー（デザインテンプレートの定義を上書き） */
@media (max-width: 767px) {
    .navbar .navbar-header {
        margin-bottom: 0px;
    }
}

@media screen and (max-width:767px) {
    /* ローディングメッセージ */
    .loading_box {
        margin: 0 auto;
        padding: 0 auto;
        position: fixed;
        top: 41%;
        left: 43%;
    }
}