/* 冊子郵送申し込み */
h2 {
    font-size: 1.7em;
    margin-bottom: .5em;
}

h3 {
    font-size: 1.3em;
    margin-bottom: .4em;
}

.text-gray {
    color: #999;
}

.booklet #wrapper-contents .panel-heading p,
.booklet #wrapper-contents .panel-body ul {
    margin-bottom: 0;
}

.booklet #wrapper-contents p.error {
    font-size: .8em;
    margin-bottom: 0;
    margin-top: .3em;
}

.booklet #wrapper-contents .btn-container {
    margin-top: 1em;
}

.booklet #wrapper-contents .btn-container form {
    display: inline-block;
}

.booklet #wrapper-contents input {
    max-width: 100%;
    border: 1px solid #ccc;
}

.booklet #wrapper-contents input.error,
.booklet #wrapper-contents textarea.error {
    color: black;
    background-color: #ffefef;
}

.booklet #wrapper-contents textarea {
    border: 1px solid #ccc;
    max-width: 100%;
    resize: both;
    min-height: 4em;
}

.booklet #wrapper-contents .error.error-large {
    font-size: 1em;
    margin-bottom: .5em;
}

.booklet #wrapper-contents .text-small {
    font-size: .7em;
}

.booklet #wrapper-contents .usage > div {
    margin-bottom: .5em;
}

.booklet #wrapper-contents section,
.booklet #wrapper-contents .btn-container {
    margin-bottom: 2.5em;
}

.booklet #wrapper-contents label {
    font-weight: normal;
    margin-bottom: 0;
}


.booklet #wrapper-contents .userdata td:first-child {
    white-space: nowrap;
}

.booklet #wrapper-contents td {
    vertical-align: middle;
}


.booklet #wrapper-contents table tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.booklet #wrapper-contents table .bg-white th,
.booklet #wrapper-contents table .bg-white td {
    background-color: white;
}

.booklet #wrapper-contents table .form-title,
.booklet #wrapper-contents table:not(.confirm) td:first-child,
.booklet #wrapper-contents table .text-right {
    text-align: right;
}

.booklet #wrapper-contents table td:first-child {
    padding: .5em 0 .5em .75em;
}

.booklet #wrapper-contents table td:last-child {
    padding: .3em 1em;
}

.booklet #wrapper-contents #order-booklets td:last-child {
    padding-left: .5em;
}

.booklet #wrapper-contents #order-booklets input {
    margin-left: .5em;
    margin-right: .5em;
}

.booklet #wrapper-contents #order-booklets input.error {
    background-color: #ffe6e5;
}

.booklet #wrapper-contents .confirm {
    border-collapse: collapse;
}

.booklet #wrapper-contents table.confirm th,
.booklet #wrapper-contents table.confirm td {
    vertical-align: middle;
    padding: .5em;
}

.booklet #wrapper-contents .confirm .text-right {
    padding-left: 2em;
}

.booklet #wrapper-contents .confirm .border-remarks {
    padding: .25em .5em;
    border: 1px solid #ccc;
    min-width: 25em;
}


.booklet #wrapper-contents .required,
.booklet #wrapper-contents .any {
    display: inline-block;
    margin: 0 .7em;
    padding: .25em .6em;
    color: white;
    font-size: .8em;
    border-radius: 1em;
}

.booklet #wrapper-contents .required {
    background-color: #da5151;
}

.booklet #wrapper-contents .any {
    background-color: #9f9f9f;
}

.booklet #wrapper-contents .btn-back {
    border: 1px solid #bbb;
    background-color: #f5f5f5;
}

.booklet #wrapper-contents .btn-back:focus,
.booklet #wrapper-contents .btn-back:hover,
.booklet #wrapper-contents .btn-back:active {
    background-color: #ddd;
}

.booklet #wrapper-contents input:disabled {
    background: #DCDCDC;
    cursor: not-allowed;
}

.booklet #wrapper-contents .mt-2em {
    margin-top: 2em;
}

@media (max-width: 575px) {
    #contents form {
        font-size: .875rem;
    }

    #contents form table {
        font-size: .75rem;
    }
}