/* bootstrap popup 調整 */
#exampleModal,
#exampleModal1,
#exampleModal2,
#exampleModal3,
#exampleModal4,
#exampleModal5 {
    background: url(../image/fudo_tbbg.jpg) no-repeat 50% 0;
    background-size: cover;
    background-attachment: fixed;
}

.modal-body ul,
#exampleModal ol {
    text-align: left;
    padding-left: 18px;
}

.modal-content {
    background: none;
}

/* poptext */
#exampleModal h5 {
    font-size: 2.2rem;
    color: #dd671f;
    font-weight: bold;
}

#exampleModal h6 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 2rem;
}

.eventflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto 4rem auto;
}

.eventflex img {
    margin: 0.6rem;
}

.modal-body {
    text-align: center;
}

.modal-body ul {
    /* Modifier Letter Minus Sign */
    list-style-type: "\2212  ";
    margin: 0 0 20px 0;
}

.modal-body p {
    font-size: 2rem;
    color: #dd671f;
    margin: 20px 0 0 0;
    text-align: left;
}

.modal-body table span {
    color: #dd671f;
}

.modal-body ul,
.modal-body table {
    font-size: 1rem;
    font-weight: lighter;
    line-height: 1.2rem;
}

.modal-body table {
    margin: 30px auto;
    border-collapse: collapse;
}

.modal-body table,
th {
    text-align: center;
    border: 1px solid #552323;
}

.modal-body table tr td:nth-of-type(2) {
    border: 1px solid #552323;
    border-left: none;
}

.modal-body table tr td:nth-of-type(1) {
    border-right: 1px dashed #552323;
    border-bottom: 1px solid #552323;
}

.modal-body td {
    padding: 1.2rem;
}

.modal-body th {
    background: url(../image/fudo_tbg.png) repeat 50% 0;
    color: #dd671f;
    font-size: 1.2rem;
    padding: 0.8rem 0;
}

.tableflex {
    display: flex;
    justify-content: center;
}

.tableflex table {
    margin: 30px 0;
}

@media (max-width: 770px) {

    .modal-body table,
    th {
        font-size: 14px;
    }

    .tableflex {
        flex-direction: column;
    }
}

@media (max-width: 450px) {
    #exampleModal h5 {
        font-size: 1.8rem;
    }

    #exampleModal h6 {
        line-height: 2rem;
    }

    .modal-body td {
        padding: 0.2rem;
    }


}