*:not(input) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}

#dialog {
    display: none;
}

.ui-dialog {
    z-index: 20001 !important;
}

.toast {
    z-index: 20002 !important;
}

.dialog_top {
    width: 100%;
    height: 22%;
    background: url('../images/app_tendiag_001.png') no-repeat;
    background-size: 100% 100%;
}

.dialog_bottom {
    width: 100%;
    height: 78%;
    background: url('../images/app_tendiag_002.png') no-repeat;
    background-size: 100% 100%;
}

.password_box_01 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 5%;
    left: 14%;
    background: url('../images/app_num_empty.png') no-repeat;
    background-size: 100% 100%;
}

.password_box_02{
    position: absolute;
    width: 14%;
    height: 14%;
    top: 5%;
    left: 34%;
    background: url('../images/app_num_empty.png') no-repeat;
    background-size: 100% 100%;
}

.password_box_03 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 5%;
    left: 54%;
    background: url('../images/app_num_empty.png') no-repeat;
    background-size: 100% 100%;
}

.password_box_04 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 5%;
    left: 74%;
    background: url('../images/app_num_empty.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_01 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 8%;
    background: url('../images/app_t_num_01.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_02 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 21.5%;
    background: url('../images/app_t_num_02.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_03 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 35%;
    background: url('../images/app_t_num_03.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_04 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 48.5%;
    background: url('../images/app_t_num_04.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_05 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 62%;
    background: url('../images/app_t_num_05.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_06 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 64%;
    left: 8%;
    background: url('../images/app_t_num_06.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_07 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 64%;
    left: 21.5%;
    background: url('../images/app_t_num_07.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_08 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 64%;
    left: 35%;
    background: url('../images/app_t_num_08.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_09 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 64%;
    left: 48.5%;
    background: url('../images/app_t_num_09.png') no-repeat;
    background-size: 100% 100%;
}

.app_num_00 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 64%;
    left: 62%;
    background: url('../images/app_t_num_00.png') no-repeat;
    background-size: 100% 100%;
}

.app_no_btn {
    position: absolute;
    width: 30%;
    height: 10.5%;
    top: 82%;
    left: 16%;
    background: url('../images/app_dialogue_008.png') no-repeat;
    background-size: 100% 100%;
}

.app_yes_btn {
    position: absolute;
    width: 30%;
    height: 10.5%;
    top: 82%;
    left: 51%;
    background: url('../images/app_yes_btn.png') no-repeat;
    background-size: 100% 100%;
}

.app_t_btn_00 {
    position: absolute;
    width: 14%;
    height: 14%;
    top: 50%;
    left: 77%;
    background: url('../images/app_t_btn_00.png') no-repeat;
    background-size: 100% 100%;
}

.dialog_message {
     color: #000;
 }

/*****************************************
 *   フォントサイズ(画面サイズに合わせる)   *
 *****************************************/
@media only screen and (orientation:landscape) {
    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (orientation:portrait) {
    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 1) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }

}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 1) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 2) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }

}

@media only screen and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 2) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

/* iPhone5用 */
@media only screen and (min-device-width : 320px)
    and (max-device-width : 568px)
    and (orientation : landscape) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 23px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 320px)
    and (max-device-width : 568px)
    and (orientation : portrait) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 23px;
        line-height:1.2;
        text-align: center;
    }
}

/* iPhone6用 */
@media only screen and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

/* iPhone6 Plus用 */
@media only screen and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}

@media only screen and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : portrait) {

    .dialog_message {
        position: absolute;
        width: 100%;
        left: 0%;
        font-size: 29px;
        line-height:1.2;
        text-align: center;
    }
}