/* 打ち消し */
.layout1 div.txt1 { width: auto; }
.layout1 div.txt2 { width: auto; }


/* 装飾 */
.button, .font, .input, .textarea, .select select {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.button {
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    font-size: 1rem;
    height: 2.5em;
    line-height: 1.5;
    margin: 0 10px;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
    cursor: pointer;
}

.input, .textarea, .select select {
    border: 1px solid #333333;
    border-radius: 4px;
    width: calc(100% - calc(0.75em - 1px) - calc(0.75em - 1px) - 5px);
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    vertical-align: top;
}

.textarea {
    height: 7.5em;
}

input[type="radio"] {
    vertical-align: baseline;
    margin-right: 5px;
}

.checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative;
}

.is-danger {
    color: #f03a5f;
}

.button.is-success,
.button.is-info:hover {
    background-color: #2c63b6;
    border-color: transparent;
    color: #ffffff;
}

.button.is-success:hover,
.button.is-info {
    background-color: #ffffff;
    border-color: #2c63b6;
    color: #2c63b6;
}

.errorblock {
    background-color: #ffeeee;
}