.modal-content label{

    display: block;
    margin-top: 20px;
    margin-bottom: 5px;

}

.modal-content input,
.modal-content textarea{

    border:  1px solid rgb(200, 200, 200);
    border-radius: 4px;
    padding: 5px;
    margin-right: 5px;
    color: inherit;

}

a{
    text-decoration: none;
}

i{
    color:rgb(250, 125, 125);
    transition: 0.4s;
}
i:hover{
    color: red;
    transition: 0.4s;
    cursor:pointer;
}
.flashContainer{
    color: var(--caution);
}
form label{

    display: block;
    color: rgb(99, 98, 98);
    margin-top: 30px;
}
form p{
    color: black;

}

form input, form textarea, select{
    margin: 10px 0;
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgb(179, 178, 178);
    padding: 5px;
    appearance: none;
}
form textarea{
    height: 200px;
    width: 300px;
}
.submitBtn{
    background-color: rgb(73, 130, 245);
    color: white;
    padding: 10px 5px;
    border-radius: 8px;
    width: 100px;
    border: 0;

}
.modal label{
    color: gray;
    font-weight: bold;
}
.modal select{
    width: fit-content;
    color: inherit;
    padding: 7px;
}
.modal-xl {   
    margin: 0 auto;
}


.soldOutContainer{
    color: rgb(248, 77, 77);
    border: 3px solid rgb(253, 65, 65);
    border-radius: 8px;
    text-align: center;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(348deg); /* 中央配置 + 45度回転 */
    padding: 10px 20px; /* 余白 */
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.092);
   
}

.receiptCookingStampContainer{
    color: rgb(248, 77, 77);
    border: 3px solid rgb(253, 65, 65);
    border-radius: 8px;
    text-align: center;

    position: absolute;
    bottom: 1%;
    right: -10%;
    transform: translate(-50%, -50%) rotate(348deg); /* 中央配置 + 45度回転 */
    padding: 10px 20px; /* 余白 */
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.092);
   
}

.manualContainer p{
    margin: 10px 0;
}
.manualContainer img{

    width: 80%;
    display: block;
    margin: 0 auto;
}
.manualContainer th, .manualContainer td{
    padding: 20px;
    border: 1px solid rgb(102, 100, 100);
}
.manualContainer th{
    width: 30%;
    text-align: center;
    background-color: rgb(221, 227, 247);
}
.manualContainer td{
    width: 90%;
}

.rightImportantContainer{
    color: red;
    width: fit-content;
    margin: 0 0 0 auto;
    display: block;
}