body {
}
.title-font1 {
    font-size: 20px;
    color: #32495c
}
.width280 {
    width: 280px;
}
.width100p {
    width: 100%;
}
.smf-pr-0{
    padding-right: 0;
}
.smf-displayNone{
    display: none;
}
.smf-font-size0700r {
    /*font-size: 0.75rem;*/
}
.smf-font-size0875r {
    /*font-size: .875rem;*/
}
.smf-heightAuto{
    height: auto;
}

@media (max-width:575px) {

    .form-group2 {
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 1rem
    }

    .form-group3 {
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 3rem
    }

    .text-center2 {
        text-align: center !important;
        margin-bottom: 4rem
    }

    .smf-width {
        width: 1px;
    }

    .divTableCell-flex {
        display: flex;
    }

    .smf-none {
        display: none;
    }

    .smf-margin1 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .smf-margin-bottom0 {
        margin-bottom: 0 !important;
    }

    .smf-margin-bottom7p {
        margin-bottom: 7%;
    }

    .smf-padding-left1 {
        position: relative;
        left: 50px;
    }

    .smf-padding-top1 {
        position: relative;
        top: 5px;
    }

    .smf-grid1 {
        grid-template-rows: 8% 92% !important;
        height: 75vh !important;
    }

    .smf-navbar2 {
        padding: 0.2rem 0.5rem !important;
        font-size: 110% !important;
        border-radius: 0 !important;
    }

    .smf-triangle1 {
        top: 0px !important;
        height: 0px !important;
    }

    .smf-users-button1 {
        width: 110%;
        font-size: 12px;
    }

    .smf-padding-left3 {
        padding-left: 9%;
    }

    .smf-padding-cell {
        padding: 0.1% 0.5% !important;
    }

    .smf-width25 {
        width: 25px;
    }

    .smf-width7p {
        width: 7%;
    }

    .smf-width12p {
        width: 12%;
    }

    .smf-height1 {
        height: auto;
    }

    .smf-bg-beige {
        background-color: #f2f0e7 !important;
    }

    .smf-bd-beige {
        border-color: #F2F0E7;
    }

    .smf-bd-white {
        border: 0.1rem solid white;
    }
    .smf-pd {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .smf-pt-index {
        margin-top: 1.7vh !important;
    }
}
@media (min-width:576px) {
    .smf-margin-bottom1 {
        margin-bottom: 21vh;
    }
    .smf-width20{
        width: 20px;
    }
    .smf-width18 {
        width: 18px;
    }
    .smf-padding-left2 {
        padding-left: 0%;
    }
}
.smf-font-size1 {
    font-size: 8px;
}
.smf-font-size2 {
    font-size: 12px;
}
.smf-background-color1 {
    z-index: 100;
    background-color: #666;
}
@media (min-width:576px) and (max-width: 991px) {

    .smf-md-width17p {
        width: 17%;
    }

    .smf-md-width20p {
        width: 20%;
    }

    .smf-md-width23p {
        width: 23%;
    }

    .smf-md-width26p {
        width: 26%;
    }
}

@media (max-width: 991px) {
    .navbar-none {
        display: none;
    }

    .navbar-nav2 {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-collapse2 {
        display: flex !important;
        flex-basis: auto;
    }
}
/*ハンバーガーメニューの使用クラス ここから*/
@media (max-width:575px) {
    .smf-navbar1 {
        padding-right: 0 !important;
        position: absolute;
        z-index: 1010;
        font-size: 0.75rem;
        left: -1.5%;
        padding-top: 0.8% !important;
    }
    .smf-navbar-toggler1[aria-expanded="true"] {
        border: 0.1rem solid white;
        text-align: right;
    }

    .smf-navbar-toggler-icon1 {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E") !important;
    }
    .smf-bth1{
        height: 5.2vh;
    }
}

.smf-bk-none {
    background-image: none !important;
}

.smf-flex-direction1 {
    flex-direction: column !important;
}

.smf-bk-ground {
    background-color: #6c757d;
    z-index: 1000;
}
/*ハンバーガーメニューの使用クラス ここまで*/

/*スマホ表示時のホームアイコン等表示ヘッダのレイアウト修正用クラス　ここから*/
@media (max-width:575px) {
    .smf-hdr-layout1 {
        width: 100%;
        height: 120%;
        padding-bottom: 2%;
        position: relative;
    }

    .smf-hdr-layout2 {
        position: absolute;
        top: 25%;
        left: 12%;
        transform: translate(-50%, -50%);
    }

    .smf-hdr-layout3 {
        position: absolute;
        top: 8%;
        left: 19%;
        /*
        top: 40%;
        left: 33%;
        transform: translate(-50%, -50%);
        */
    }

    .smf-hdr-layout4 {
        position: absolute;
        top: 25%;
        left: 83%;
        transform: translate(-50%, -50%);
    }

    .smf-hdr-layout5 {
        position: absolute;
        top: 25%;
        left: 93%;
        transform: translate(-50%, -50%);
    }
}
/*スマホ表示時のホームアイコン等表示ヘッダのレイアウト修正用クラス　ここまで*/

/*フッターgandhalaロゴのレイアウト修正用クラス　ここから*/
@media (max-width:450px) {

    .smf-width60p {
        width: 60%;
    }
}
/*Surface Duo用*/
@media (min-width:451px) and (max-width:575px) {

    .smf-width40p {
        width: 40%;
    }
}
/*iPhone5/SE用*/
@media (min-width:316px) and (max-width:325px) {

    .smf-mb2_5 {
        margin-bottom: 2.5rem !important;
    }

    .smf-height71 {
        height: 71vh !important;
    }
}
/*フッターgandhalaロゴのレイアウト修正用クラス　ここまで*/

/*スマホ表示時テーブル明細のレイアウト修正用クラス　ここから*/
@media (max-width:575px) {

    .smf-table-row1 {
        flex-direction: column;
        flex-wrap: wrap;
        display: flex;
    }

    .smf-table-cell1 {
        width: 20%;
        height: 100%;
        justify-content: center;
    }

    .smf-table-cell2 {
        width: 80%;
        height: 70%;
        justify-content: center;
    }

    .smf-table-cell3 {
        width: 80%;
        height: 30%;
        justify-content: center;
    }

    .smf-width45p {
        width: 45%;
    }
}
/*スマホ表示時テーブル明細のレイアウト修正用クラス　ここまで*/

/*アイコン一覧のレイアウト修正用クラス　ここから*/
/*スマホ表示時*/
@media (max-width:575px) {

    .smf-icon-list-hdr1 {
        display: flex;
        align-items: center;
    }

    .smf-icon-list-cell1 {
        display: table-cell;
        width: 10%;
    }

    .smf-icon-list-cell2 {
        display: table-cell;
        width: 12%;
    }

    .smf-icon-list-cell3 {
        display: table-cell;
        width: 20%;
    }
}
/*iPad、PC表示時*/
@media (min-width:576px) {

    .icon-list-hdr1 {
        display: flex;
        align-items: center;
    }

    .icon-list-cell1 {
        display: table-cell;
        width: 6%;
    }

    .icon-list-cell2 {
        display: table-cell;
    }
}

/*アイコン一覧のレイアウト修正用クラス　ここまで*/

/*スマホ表示時検索モーダルのレイアウト修正用クラス　ここから*/
@media (max-width: 768px) {

    .smf-sch-mt6 {
        margin-top: 6%;
    }

    .smf-sch-mb6 {
        margin-bottom: 6%;
    }

    .smf-sch-body {
        margin-right: 15% !important;
        margin-left: 15% !important;
        margin-top: -5%;
        margin-bottom: -2%;
    }

    .smf-sch-font120p {
        font-size: 120%;
    }

    .smf-sch-font50p {
        font-size: 50%;
    }

    .smf-sch-button {
        width: 35%;
        position: relative;
        right: 1%;
    }

    .smf-sch-submit {
        width: 34%;
        position: relative;
        left: 2%;
    }
}
/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-sch-body2 {
        margin-right: 10% !important;
        margin-left: 10% !important;
        margin-top: -5%;
        margin-bottom: -2%;
    }

    .smf-sch-button2 {
        width: 43%;
        position: relative;
        right: 1%;
    }

    .smf-sch-submit2 {
        width: 43%;
        position: relative;
        left: 1%;
    }
}
/*スマホ表示時検索モーダルのレイアウト修正用クラス　ここまで*/

/*スマホ表示時ファイルアップロードモーダルのレイアウト修正用クラス　ここから*/
@media (max-width: 768px) {

    .smf-upd-pt0 {
        padding-top: 0;
    }

    .smf-upd-cancel {
        width: 40%;
        position: relative;
        right: 1%;
        font-size: 13px;
    }

    .smf-upd-submit {
        width: 40%;
        position: relative;
        left: 1%;
        font-size: 13px;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*Galaxy Fold用*/
@media (max-width: 280px) {

    .smf-upd-cancel2 {
        width: 45%;
        position: relative;
        right: 1%;
        font-size: 10%
    }

    .smf-upd-submit2 {
        width: 45%;
        position: relative;
        left: 1%;
        font-size: 10%;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*スマホ表示時ファイルアップロードモーダルのレイアウト修正用クラス　ここまで*/

/*スマホ表示時新規フォルダ作成モーダルのレイアウト修正用クラス　ここから*/
@media (max-width: 768px) {

    .smf-dir-padding {
        padding-top: 0;
        padding-bottom: 8%
    }

    .smf-dir-cancel {
        width: 40%;
        position: relative;
        right: 1%;
    }

    .smf-dir-submit {
        width: 40%;
        position: relative;
        left: 1%;
    }
}
/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-dir-cancel2 {
        width: 45%;
        position: relative;
        right: 1%;
    }

    .smf-dir-submit2 {
        width: 45%;
        position: relative;
        left: 1%;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*スマホ表示時新規フォルダ作成モーダルのレイアウト修正用クラス　ここまで*/

/*スマホ表示時削除モーダルのレイアウト修正用クラス　ここから*/
@media (max-width: 768px) {

    .smf-del-padding {
        padding-top: 0;
        padding-bottom: 8%
    }

    .smf-del-cancel {
        width: 40%;
        position: relative;
        right: 1%;
    }

    .smf-del-submit {
        width: 40%;
        position: relative;
        left: 1%;
    }
}
/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-del-cancel2 {
        width: 45%;
        position: relative;
        right: 1%;
        font-size: 10%;
    }

    .smf-del-submit2 {
        width: 45%;
        position: relative;
        left: 1%;
        font-size: 10%;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*スマホ表示時削除モーダルのレイアウト修正用クラス　ここまで*/

/*スマホ表示時言語切り替えのレイアウト修正用クラス　ここから*/
@media (max-width: 768px) {

    .smf-langlist {
        width: 25%;
        right: 0;
    }
}
/*Galaxy Fold用*/
@media (max-width: 280px) {

    .smf-langlist2 {
        width: 30%;
        right: 0;
    }
}
/*スマホ表示時言語切り替えのレイアウト修正用クラス　ここまで*/

/*スマホ表示時ユーザー一覧のレイアウト修正用クラス　ここから*/
@media (min-width: 576px) {

    .smf-userlist-left1 {
        left: 10%;
    }

    .smf-userlist-left2 {
        left: 6%;
    }
}

@media (max-width: 575px) {

    .smf-userlist-display1 {
        display: inline-flex;
        float: right;
    }
}

@media (max-width: 280px) {
}
/*スマホ表示時ユーザー一覧のレイアウト修正用クラス　ここまで*/

/*スマホ表示時ユーザー編集のレイアウト修正用クラス　ここから*/
@media (max-width: 575px) {

    .smf-user-edit-lab {
        width: 30%;
        padding-left: 5%;
    }

    .smf-user-edit-win {
        width: 70%;
        padding-right: 7%;
        padding-left: 0;
    }

    .smf-user-edit-cancel {
        width: 40%;
        position: relative;
        right: 1%;
    }

    .smf-user-edit-submit {
        width: 40%;
        position: relative;
        left: 1%;
    }
}
/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-user-edit-lab2 {
        width: 38%;
        padding-left: 5%;
    }

    .smf-user-edit-win2 {
        width: 61%;
        padding-left: 0;
    }

    .smf-user-edit-cancel2 {
        width: 40%;
        position: relative;
        right: 1%;
        font-size: 10%;
    }

    .smf-user-edit-submit2 {
        width: 40%;
        position: relative;
        left: 1%;
        font-size: 10%;
        padding-right: 5% !important;
        padding-left: 5% !important
    }
}
/*スマホ表示時ユーザー編集のレイアウト修正用クラス　ここまで*/

/*スマホ表示時ユーザー追加のレイアウト修正用クラス　ここから*/
@media (max-width: 575px) {

    .smf-user-add-lab {
        padding-left: 5%;
    }

    .smf-user-add-win {
        padding-right: 10%;
    }

    .smf-user-add-ftr {
        padding-bottom: 5%;
    }

    .smf-user-add-cancel {
        width: 40%;
        position: relative;
        right: 1%;
    }

    .smf-user-add-submit {
        width: 40%;
        position: relative;
        left: 1%;
    }
}

/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-user-add-lab2 {
        padding-left: 5%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .smf-user-add-win2 {
        padding-right: 5%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .smf-user-add-cancel2 {
        width: 45%;
        position: relative;
        right: 1%;
    }

    .smf-user-add-submit2 {
        width: 45%;
        position: relative;
        left: 1%;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*スマホ表示時ユーザー追加のレイアウト修正用クラス　ここまで*/

/*スマホ表示時ユーザー削除のレイアウト修正用クラス　ここから*/
@media (max-width: 575px) {

    .smf-user-dlt-lab {
        padding-left: 7%;
    }

    .smf-user-dlt-win {
        padding-right: 7%;
    }

    .smf-user-dlt-ftr {
        padding-bottom: 5%;
    }

    .smf-user-dlt-cancel {
        width: 45%;
        position: relative;
        right: 1%;
    }

    .smf-user-dlt-submit {
        width: 45%;
        position: relative;
        left: 1%;
    }
}

/*Galaxy Fold、iPhone5/SE用*/
@media (max-width: 320px) {

    .smf-user-dlt-lab2 {
        padding-left: 5%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .smf-user-dlt-win2 {
        padding-right: 5%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .smf-user-dlt-cancel2 {
        width: 45%;
        position: relative;
        right: 1%;
    }

    .smf-user-dlt-submit2 {
        width: 45%;
        position: relative;
        left: 1%;
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}
/*スマホ表示時ユーザー削除のレイアウト修正用クラス　ここまで*/

/*@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 65px !important;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 65px !important;
    }
}*/