@charset "utf-8";

.frame {
    width: 100%;
    padding: 2vw;
    background: #f4f5f5;
}

th,
td {
    height: 1em;
    min-width: 1em;
    border: 1px solid #d5d7d8;
}

table input {
    width: 9em;
    border: 1px solid #d5d7d8;
}

section {
    margin: 1em;
}

h2 {
    margin: 1em;
}

p {
    margin: 0;
}

.floatbox {
    display: flex;
    /* flex-wrap: wrap; */
    margin: 1em 0;
    gap: .5em 1em;
}

.pattern_box {
    background: #cce0e9;
    padding: 10px;
}

.floatbox>div {
    margin: 4px 0;
}

label {
    margin: .5em 0 0;
    line-height: 1.5em;
}

input[type="button"],
input[type="submit"],
button {
    border: none;
    color: #fff;
    background-color: #016593;
    padding: 10px;
}

input[type="radio"i],
input[type=checkbox] {
    margin: 0 .2em 0 .5em;
}

.box-border {
    border: 1px solid;
}

.table_frame {
    max-width: 100%;
    overflow: scroll;
    max-height: 90vh;
}

div.right_button {
    display: flex;
    align-items: flex-end;
}

table tr th,
table tr td:first-child {
    background: #cce0e9;
    text-align: center;
}

table tr:first-child td {
    border: none;
    background: none;
}

table tr:first-child div {
    background: #f8d7b5;
    border-radius: 8px;
    border: 1px solid #ba9488;
    text-align: center;
    line-height: 2em;
    margin: 8px 2px;
}

p.selected {
    margin: 0;
}

._sticky_a {
    position: sticky;
    top: 0;
    left: 0;
}

._sticky_a:before {
    /* content: ""; */
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

._sticky_b {
    position: sticky;
    top: 0;
    left: 0;
}

._sticky_b:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

._sticky_ab {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
}

._sticky_ab:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}