/********************************************/
/*　　　　ログイン画面用のCSSファイル　　　　　 */
/********************************************/

@charset "UTF-8";


/*スマホ用*/
@media (max-width:819px){
    body{
        overflow:hidden;/*スクロール時にずれないように*/
        margin: 0;
        background-color: rgb(248, 248, 248);
        font-family: sans-serif, system-ui;
    }

    header{
        background-color: #9acd32;
        margin: 0;
        padding: 0.5em;
        height: 3em;
    }

    #version{
        font-size: 10px;
    }

    main{
        font-size: 14px;
        line-height: 1.5em;
        margin-left: 1em;
        margin-right: 1em;
    }

    h2{
        padding-left: 35px;
        line-height: 29px;
        background: url(img/stop_icon_999.svg) no-repeat;
    }

    .lgnfm_pc{
        display: none;
    }

    /*入力部*/
    table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    td{
        border: 1px solid black;
        padding :0.5em;
        padding-top: 1em;
        padding-bottom: 1em;
        text-align: center;
        margin: 0;
    }

    td.btm{
        border-left-width: 0px;
        border-bottom-width: 0px;
        border-right-width: 0px;
    }

    .gray{
        background-color: rgb(189, 216, 148);
    }

    #login{
        letter-spacing: 0.3em;
        background-color: rgb(53, 187, 142);
        height: 30px;
        font-weight: bold;
    }

    input{
        -webkit-appearance: none;
        border-radius: 0;
        font-size: 16px;
    }

    /*リストアイコン*/
    ul {
        border: solid 2px #ff938b;
        background: #fffaf1;
        padding: 0.5em 1em 0.5em 2.3em;
        position: relative;
      }
      
      ul li {
        line-height: 1.5;
        padding: 0.5em 0;
        list-style-type: none!important;/*ポチ消す*/
      }
      
      ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1b0";/*アイコン種類*/
        position: absolute;
        left : 1em; /*左端からのアイコンまで*/
        color: #ff938b; /*アイコン色*/
      }
      /*ここまでリストアイコン*/

    footer{
        font-size: 10px;
        margin-top: 5em;
    }
    
}


/*PC用*/
@media (min-width:820px){
/*bodyにもマージンがあるもで余白を0にする*/
body{
    margin: 0;
    background-color: rgb(248, 248, 248);
    font-family: sans-serif, system-ui;
}

header{
    background-color: #9acd32;
    margin: 0;
    padding: 0.5em;
    height: 3em;
}

/*ヘッダー　タイトル左揃えとバージョン右揃え*/
header{
    display: flex;
}

#title{
    position: relative;
}

#version{
    position: absolute;
    right: 0.5em;
    top: 2em;
}

input{
    -webkit-appearance: none;
    border-radius: 0;
}

.lgnfm_ip{
    display: none;
}


/*入力部*/
table{
    border-collapse: collapse;
}

td{
    border: 1px solid black;
    padding :1em;
    text-align: center;
    margin: 0;
}

.gray{
    background-color: rgb(189, 216, 148);
}

hr{
    margin-top: 5em;
}

#login{
    letter-spacing: 0.3em;
    background-color: rgb(53, 187, 142);
    height: 40px;
    font-weight: bold;
}

main{
    margin-left: 1em;
    margin-right: 1em;
}

/*メニューバー*/
#bar_main{
    background: rgb(217,217,217);
    background: linear-gradient(180deg, rgba(217,217,217,1) 53%, rgba(166,166,166,1) 100%);
    padding: 1px;
    margin-top: 1em;
    border-radius: 1%;
    width: 60%;
    box-shadow: 2px 2px;
}

h2{
 letter-spacing: 0.3em;
 border-left: 8px solid #378640;/*JREのカラーコード*/
 padding-left: 0.7em;
 margin: 0.1em 0.1em 0.1em 0.7em;
}


}/*@media*/