@charset "UTF-8";

.ime-on {
    ime-mode: active;
}

.ime-off{
    ime-mode: inactive;
}

.invisible {
  display:none !important;
}


#student-id-question-input-area th,
#student-id-question-input-area td{
    font-size:16px;
}

/* 必須のロゴの表示エリア */

div.student-id-question-required {
    float:right;
    margin-left:10px;
    display:inline-block;
}

div.student-id-question-input-label{
    float:left;
    display:inline-block;
}

/* 必須のロゴの中身 */
div.student-id-question-required:after {
    content:"必須";
    text-align: right;
    padding-left:10px;
    padding-right:10px;
    background-color:red;
    color:white;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

/* ボタン */
#student-id-question-confirm {
    background-color: #1daced;
    border-radius: 10px;
    color: white !important;
    height: 45px;
    /*margin: 5px;*/
    padding-top: 15px;
    width: 100px;
    cursor:pointer;
    text-align:center;
}
#student-id-question-re-input {
    background-color: #1daced;
    border-radius: 10px;
    color: white !important;
    height: 45px;
    /*margin: 5px;*/
    padding-top: 15px;
    width: 100px;
    cursor:pointer;
    text-align:center;
}
/* 送信ボタン */
#student-id-question-submit {
    background-color: #1daced;
    border-radius: 10px;
    color: white !important;
    height: 45px;
    padding-top: 5px;
    width: 100px;
    cursor:pointer;
    text-align:center;
}


/* 確認画面での項目のスタイル */
input:-moz-read-only { /* For Firefox */
    background-color: #C2C2C2;
}

input:read-only { 
    background-color: #C2C2C2;
}


/* スマホ用の画面 */
@media screen and (max-width: 640px) {
    div.student-id-question-required {
        float:none;
        margin-left:10px;
        display:inline-block;
    }
    

    div.student-id-question-input-label{
        float:none;
        display:inline-block;
    }
    #student-id-question-input-area th {
        background: #3399CC none repeat scroll 0 0;
    }
    #student-id-question-input-area th{
        color: white;
    }
}


/*PC画面*/
@media screen and (min-width: 641px) {

}