#joinCtSelect  { width: 60%;}
#rouletteStart { width: 60%; margin: 5px 0;}
#wKindSelect,#wKindSelect option   { display:inline-block; width: 60%; }

#gpConfTableWrapper { padding-top:0; margin-top:1.5em;}
#gpConfTable tr td {padding: 0.25em; text-align: center;}
#gpConfTable tr td:nth-child(1) { width: 5%; }
#gpConfTable tr td:nth-child(2) { width: auto;}

div.gpboxAll  { float: none; width: 100%; margin-top:20px;}
div ul.jquery-ui-sortable {
    list-style-type: none;margin: 0 2px;padding: 2px;
    width: 100%;min-height: 3.2em;
    background-color: #ddd;border: solid 1px rgba(230, 235, 237, 0.75);
}
div ul.jquery-ui-sortable li p {margin: 0 0 0.5em 0;}
div ul.jquery-ui-sortable li .gpbox-name{display: block;width: 100%;text-align: left;font-size: 0.9em; height: 1.3em; font-style: italic;}
div ul.jquery-ui-sortable li .gpbox-weapon{display: block;width: 100%;text-align: left;font-size: 1em; height: 1.44em;}

div.gpboxAll ul.jquery-ui-sortable li {
    width: 49%;float: left;margin: 0.5%;padding: 0.3em;padding-left: 1em;
    font-size: 14px;font-weight: bold;cursor: move; font-weight: normal;
    border: 1px solid rgba(230, 235, 237, 1);background: #f6f6f6;
}
div.gpbox ul.jquery-ui-sortable li {
    margin: 3px;padding: 0.3em;padding-left: 1em;
    font-size: 14px;font-weight: bold;cursor: move;font-weight: normal;
    border: 1px solid rgba(230, 235, 237, 1);background: #f6f6f6;
}

@media screen and (max-width: 480px) {
    div.gpbox  {width: 99%;margin-right: 1%; }
    div.gpboxAll ul.jquery-ui-sortable li { width: 100%;margin: 0%; }
}

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }