@charset "utf-8";

.tickes-contents-box {
    padding-bottom: 16px;
}
.small-items {
    color: #b355a0;
}
.contents-button {
    width: 280px;
    margin-top: 2rem;
}
.contents-button a {
    padding: 20px 20px;
}

/* フォームの調整 */
.form-control {
    display: inline;
}
.form-layout-text {
    padding-left: 10px;
}
.form-line {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 0.1px solid #dee2e6!important;
}
.required {
    float: right;
    color: red;
    margin-right: 20px;
}
h4 {
    padding-top: 32px;
}

.understand {
    margin-right: 10px
}
.form-text {
    margin-left: 10px;
}

.send-image {
    margin-bottom: 32px;
}

#requirednumber,
#gender {
    max-width: 100px;
}
#poscode-text-input,
#age {
    max-width: 140px;
}
#tickettype,
#name-text-input,
#furigana-text-input,
#companion_name-text-input,
#tel-text-input,
#inscription1-text-input,
#inscription2-text-input {
    max-width: 240px;
}
#first {
    max-width: 200px;
}
#mail-text-input {
    max-width: 300px;
}
#inscription1-text-input {
    margin-bottom: 5px;
}

.radio,
.checkbox {
    margin-top: 0.3rem!important;
}
.alert {
    padding: 1rem;
    margin-top: 1rem;
}

.retry,
.retry_s_row,
.retry_a_row {
    display: none;
}



@media screen and (max-width: 767px) {
    .form-control {
        margin-left: 5px;
        margin-right: 5px;
    }
    .form-layout-text {
        padding-left: 0;
    }
    .form-text,
    .understand {
        position: relative;
        float: left;
        width: 100%;
        margin: 5px;
    }
    label {
        float: left;
    }
    .required {
        float: left;
        color: red;
        margin-left: 20px;
    }
}