/* スマホ改行 */
.sp_br {
    display: inline;
}

@media screen and (min-width: 768px) {
    .sp_br {
        display: none;
    }
}

table td {
    word-break: break-word;
    white-space: normal;
}

/* テーブルの列の幅指定 */
.col-width-5 {
    width: 50px;
}
.col-width-100 {
    width: 100px;
}
.col-width-150 {
    width: 150px;
}
.col-width-200 {
    width: 200px;
}
.col-width-300 {
    width: 300px;
}
.col-width-400 {
    width: 400px;
}
.col-width-500 {
    width: 500px;
}
.col-width-500 {
    width: 500px;
}
.col-width-600 {
    width: 600px;
}
.col-width-700 {
    width: 700px;
}
.col-width-800 {
    width: 800px;
}
.col-width-900 {
    width: 300px;
}
.col-width-1000 {
    width: 1000px;
}

.col-center {
    text-align: center;
}


/* 背景色 */
body {
    background-color: #f8f4e6;    
}

.content-wrapper {
    background-color: #f8f4e6;
}

.preloader {
    background-color: #f8f4e6 !important;
}

.brand-image{
    border-radius: 0;
}

.login-page {
    background-color: #f8f4e6 !important;

}

table th {
    background-color: #f8f8f8;
}

table.event_plan th {
    background-color: #f8f8f8;
    width: 40%;
}

@media screen and (min-width: 768px) {
    table.event_plan th {
        width: 20em;
    }
}

.input-group .input-group-append .input-group-text {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

/* 必須項目マーク */
.required {
    font-size: 16px;
    color: #dc143c;
}


/* お問い合わせページ冒頭 */
.inquiry_guide {
    background-color: rgb(209, 229, 233);
    padding: 1em;
    border-radius: 0.5em;
}

.inquiry .form-label {
    background-color: rgb(231, 233, 233);
    display: block;
    padding: 0.5em;
    border-radius: 0.5em;
}

.inquiry .form-text {
    padding-left: 0.5em;
}

.form-group label .info {
    color: #0f97b9;
    font-size: 0.8em;
    padding-left: 1em;
}