html {
    touch-action: manipulation;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            touch-action: manipulation;
}

body{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 500px;
}

div{
    border: solid 2px red;
    box-sizing: border-box;
    
}
#update{border: 0.2rem}




label{
    height: 1rem;
    margin-bottom: 0.5rem;
}

input{
    height: 1.2rem;
    margin-bottom: 0.3rem;
}

input[type="button"]{
    margin-bottom: none;
    margin-top: 0.5rem;
}

select{
    height: 1.3rem;
    margin-bottom: 0.2rem;
}

.invisible{display: none;}

.box1::after{
    
        content:"";
        display:block;
        clear: both;
    
}
.boxbot::after{
    
    content:"";
    display:block;
    clear: both;

}

.foursbox::after{
    
    content:"";
    display:block;
    clear: both;

}

.weponbox::after{
    
    content:"";
    display:block;
    clear: both;

}



.box2,.box3,.box4,.box5,.box6,.box7,.box8{
    float: left;
    /* border-color: yellow; */
    border: 0.2rem;
    width: 10%; 
    display: block;
}
.acceBbox{
    float: left;
    /* border-color: yellow; */
    border : 0.2rem;
    width: 5%;
    margin-top: 0.1rem;
    display: block;
}


.cpbox{
    float: left;
    border-color: yellow;
    width:23%;
    margin-top:1rem;
    display:block;

}

#cpval{font-size: 24px;}

.stlabbox,.stvalbox,.skillbox,.skillnamebox,.stmodbox{
    float:left;
    border-color: aqua;
    display:block;
}
.stlabbox{width:23%;}
.stvalbox{width:15%;}
.stmodbox{width: 7%;}

.skillnamebox{width:35%;}
.skillbox{width:20%;}

.weponlabelbox,.weponbox,.weponoptbox{
    float: left;
    border-color: darkgoldenrod;
    display: block;
}


.box7{
    width:12%;
}

.btn1,.btn4,.btn-1,.btn-4{
    display: block;
    margin-bottom:0.5rem;
    
}

.statuslab,.stnamelab,.statusBlab{
    display: block;
    margin-bottom: 0.7rem;
    margin-top:0.5rem;    
}


.statuslab{
    width: 70%;
    margin-bottom: 0rem;
}

.acceBlab{
    font-size: 12px;
    display: block;
   height: 1.2rem;
   margin-top:0.5rem;
   margin-left:-1rem;
}

.stlab,.stval,.skills,.wplab,.wepons,.weponopt{
    display:block;
}

.stlab{
    width:100%;
}

.stval{
    width: 100%;
    text-align: left;
}

.stmod{
    display: block;
    width: 100%;
    
}

.skills,.skillnames{
    display:block;
    width:100%;
}

#classselect{
    display:block;
    width:100%
}


.wplab{
    font-size: 15px;
}

.wepons,.weponopt{
    display:block;
    
}

#memo,#memo2{
    align-self: left;
    width: 100%
}

#armopt{visibility: hidden;}