/* カスタマイズ用CSS */
#page_mypage_contract .sub-title,
#page_mypage_contract_detail .sub-title,
#page_mypage_product .sub-title,
#page_mypage_user_list .sub-title,
#page_mypage_incentive .sub-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

#page_mypage_contract .ec-tableWrapper,
#page_mypage_contract_detail .ec-tableWrapper,
#page_mypage_product .ec-tableWrapper,
#page_mypage_user_list .ec-tableWrapper,
#page_mypage_incentive .ec-tableWrapper {
    width: 100%;
    font-size: 14px;
    display: table;
}

#page_mypage_contract .ec-tableHeader,
#page_mypage_contract_detail .ec-tableHeader,
#page_mypage_product .ec-tableHeader,
#page_mypage_user_list .ec-tableHeader,
#page_mypage_incentive .ec-tableHeader {
    display: table-header-group;
    background-color: #f0f0f0;
    font-weight: bold;
}

#page_mypage_contract .ec-tableBody,
#page_mypage_contract_detail .ec-tableBody,
#page_mypage_product .ec-tableBody,
#page_mypage_user_list .ec-tableBody,
#page_mypage_incentive .ec-tableBody {
    display: table-row-group;
}

#page_mypage_contract .ec-tableRow,
#page_mypage_contract_detail .ec-tableRow,
#page_mypage_product .ec-tableRow,
#page_mypage_user_list .ec-tableRow,
#page_mypage_incentive .ec-tableRow {
    display: table-row;
}

#page_mypage_contract .ec-tableCell,
#page_mypage_contract_detail .ec-tableCell,
#page_mypage_product .ec-tableCell,
#page_mypage_user_list .ec-tableCell,
#page_mypage_incentive .ec-tableCell {
    display: table-cell;
    padding: 10px 15px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

/* 最後の行のボーダーをなくす */
#page_mypage_contract .ec-tableBody .ec-tableRow:last-child .ec-tableCell,
#page_mypage_contract_detail .ec-tableBody .ec-tableRow:last-child .ec-tableCell,
#page_mypage_product .ec-tableBody .ec-tableRow:last-child .ec-tableCell,
#page_mypage_user_list .ec-tableBody .ec-tableRow:last-child .ec-tableCell,
#page_mypage_incentive .ec-tableBody .ec-tableRow:last-child .ec-tableCell {
    border-bottom: none;
}

#page_mypage_contract .detail-link,
#page_mypage_contract_detail .detail-link,
#page_mypage_product .detail-link,
#page_mypage_user_list .detail-link,
#page_mypage_incentive .detail-link {
    color: #525263;
}

/*対象商品一覧*/
#page_mypage_product .ec-tableBody .ec-tableRow:nth-child(even) {
    background-color: #f8f9fa; /* 偶数行の背景色 */
}

#page_mypage_product .ec-tableBody .ec-tableRow:nth-child(odd) {
    background-color: #ffffff; /* 奇数行の背景色 */
}

#page_mypage_product .ec-tableHeader .ec-tableRow .ec-tableCell {
    border-top: 1px solid #ddd;
}

#page_mypage_product .ec-tableCell {
    border-left: 1px solid #ddd;
}

#page_mypage_product .ec-tableRow .ec-tableCell:last-child {
    border-right: 1px solid #ddd;
}

#page_mypage_product .ec-tableBody .ec-tableRow:last-child .ec-tableCell {
    border-bottom: 1px solid #ddd !important;
}

#page_mypage_product .ec-tableHeader .ec-tableRow .ec-tableCell:first-child {
    width: 70%; /* 商品名を70%に設定（必要に応じて調整可能） */
}

#page_mypage_product .ec-tableHeader .ec-tableRow .ec-tableCell:nth-child(2) {
    width: 30%;
}

@media screen and (max-width: 768px) {
    #page_mypage_product .ec-tableHeader .ec-tableRow .ec-tableCell:first-child {
        width: 60%;
    }

    #page_mypage_product .ec-tableHeader .ec-tableRow .ec-tableCell:nth-child(2) {
        width: 40%;
    }
}
/** ----- **/