button#start,
#readButton{
    height: 11rem;
    margin: auto;
    width: 11rem;
    border-radius: 11rem;
    font-size: 5vw;
}

#readButton img{
    border-radius: 10rem;
}

#spCardImg{
    height: 40vh;
}

#pulse{
    margin: auto;
    position: relative;
    top: -22vh;
}

#output{
    margin: auto;
    background: #000;
    color: white;
    font-size: 1.2rem;
    font-family: OCRB;
    display: block;
    width: 100%;
}

/*----------------------------*/
.cp_anime08 {
    /*	line-height: 50px;
            position: absolute;
            top: 25px;
            left: -0.5rem;*/
    transform: translate(-50%,-50%);
    display: block;
    width: 40px;
    height: 40px;
    /*	margin-top: -25px;
            margin-left: -25px;*/
    cursor: pointer;
    -webkit-animation: anime08_pulse 1.5s infinite;
    animation: anime08_pulse 1.5s infinite;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    background: #e91e63;
    -webkit-box-shadow: 0 0 0 0 rgba(255,0,0 ,0.5);
    box-shadow: 0 0 0 0 rgba(255,00,0 ,0.5);
}
.cp_anime08:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@-webkit-keyframes anime08_pulse {
    0%   { -webkit-transform: scale(0.8);
           transform: scale(0.8); }
    70%  { -webkit-transform: scale(1);
           transform: scale(1);
           -webkit-box-shadow: 0 0 0 110px rgba(233,30,99, 0);
           box-shadow: 0 0 0 110px rgba(233,30,99, 0); }
    100% { -webkit-transform: scale(0.8);
           transform: scale(0.8);
           -webkit-box-shadow: 0 0 0 0 rgba(233,30,99, 0);
           box-shadow: 0 0 0 0 rgba(233,30,99, 0); }
}
@keyframes anime08_pulse {
    0%   { -webkit-transform: scale(0.8);
           transform: scale(0.8); }
    70%  { -webkit-transform: scale(1);
           transform: scale(1);
           -webkit-box-shadow: 0 0 0 110px rgba(233,30,99, 0);
           box-shadow: 0 0 0 110px rgba(233,30,99, 0); }
    100% { -webkit-transform: scale(0.8);
           transform: scale(0.8);
           -webkit-box-shadow: 0 0 0 0 rgba(233,30,99, 0);
           box-shadow: 0 0 0 0 rgba(233,30,99, 0); }
}


#successGetCardid{
    font-size: 6vw;
    padding: 0.5rem 1rem;  
}


#content #idmGetted.ios{
    font-size: 5vw;
}

#nfcCheckTable td,
#nfcCheckTable th{
    padding: 1px 2px;
}

#nfcCheckTable{
    font-size: 3.75vw;
}

td.number,
th.number,
#nfcCheckTable #nfcCheckTableHead th{
    width: 2rem;
    white-space: nowrap;
}

.panel #nfcCheckTable.table-striped > tbody > tr:nth-child(odd) > td, .panel .table-striped > tbody > tr:nth-child(odd) > th,
.panel #nfcCheckTable.table-striped > tbody > tr:nth-child(odd) > td, .panel .table-striped > tbody > tr:nth-child(odd) > td,
#nfcCheckTable .table-striped > tbody > tr:nth-of-type(odd) td,
#nfcCheckTable .table-striped >  tr:nth-of-type(odd) td{
    background-color: #e3e7dc;
}

#nfcCheckTable #nfcCheckTableHead th{
    background-color: #c1e2b3;
}

#nfcCheckTable .nfcInfo{
    padding-top: 0.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
}

.nfcInfo > span {
    display: block;
    
}

.nfcInfo > span > label{
background-color: #333;
color: #fff;
padding: 0.2rem;
font-size: 2.6vw;
margin: auto  0.2rem auto auto;
border-radius: 0.2rem;
vertical-align: middle;
width: 5rem;
text-align: center;
}

.nfcInfo .in_sta,
.nfcInfo .out_sta{
}

#nfcCheckTable tr+tr{
    border-top: 3px double #555;
}

#nfcCheckTable input[type="checkbox"]:checked{
    outline: 3px solid red;
}

#content #nfcCheckTable tr.delete1 td{
    background-color: #f00;
    text-decoration: line-through;
    color: white;
    font-weight: bold;
}

#nfcCheckTable tr.tapp1+td{
    line-height: 5.5rem;
}

#nfcCheckTable tr.tapp1 td{
    background-color: yellow;
    font-weight: bold;
}

#nfcCheckTable td input[type=checkbox] {
   margin-top: 1.25rem;
  transform: scale(2.0);
    pointer-events: none;

}
#nfcCheckTable td.nfcPlace input{
    height: 4vw;
    line-height: 4vw;
}
/*============================================= media _query =======================================*/
@media (min-width: 1024px) {
    #content  .nfcInfo > span > label,
    #nfResult #nfcCheckTable,
    #nfResult span.nfcHandInfo{
        font-size: 1.25vw;
    }
    
    html body span.nfcDate{
        white-space: nowrap;
    }
    #content  .nfcInfo > span > label{
        width: 6vw;
    }
    .nfcInfo span{
        display:inline-block;
        float:left;
        margin:auto 1rem auto auto;
    }
    
    tr.delete1 > td > br{ display: none; }
    tr.delete1 > td button{
        float: right;
    }
    
    div#cardidRead  button#start > br{ display: none; } 
    div#cardidRead  button#start, 
    div#suicaRead  button, 
    div#cardidRead #readButton{
        width: 34vw !important;
    }
}
/*============================================= //media _query =======================================*/