#purchase_order {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 98%;
}

.purchase_order {
    width: 26%;
    margin: 3%;
    text-align: center;
}

.food_image_wrapper {
    width: 100%;
}

.food_image_container {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin: auto;
    width: 100%;
}

.food_image {
    width: 100%;
}

.orderd {
    position: absolute;
    top: -5%;
    left: 1%;
    max-width: 93%;
    height: 50%;
}

.star {
    position: absolute;
    right: 2%;
    bottom: 0%;
    max-width:93%;
    height: 30%;
}

.alcoholName {
    margin: 0;
}

.alchol_info > * {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.alcohol_detail_modal {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    box-sizing: border-box;
}

.food_image_modal_container {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin: auto;
    height: 30%;
}

.alcohol_detail_modal table {
    width: 100%;
    table-layout: fixed;
}

.alcohol_detail_modal table tr > td:first-child {
    width: 40%;
}

.alcohol_poncoin {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
    .alcohol_poncoin img {
        width: 25%;
    }
    .alcohol_poncoin span {
        font-size: 1.4em;
    }

.alcohol_modal_poncoin {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
    .alcohol_modal_poncoin img {
        width: 12%;
    }
    .alcohol_modal_poncoin span {
        font-size: 2em;
    }

.poncoin_img {
    max-width: 50px;
}

.order {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* 要素間の隙間を均等に */
    justify-content: space-between; /* 横並びを均等に配置 */
    border: 2px solid #000; /* 黒いふち */
    border-radius: 16px; /* 角を丸く */
    box-sizing: border-box;
}
    .order > div {
        width: 48%;
    }

table {
    border-collapse: collapse; /* 枠線が重ならないように */
    width: 100%; /* 必要に応じて */
}
    table, th, td {
        border: 1px solid #888; /* 枠線の色や太さはお好みで調整可能 */
        padding: 6px; /* 余白（任意） */
    }

.order_histroy_title {
    text-align: center;
}