/*************************************************************

マイページ

*************************************************************/
.ec-mypageRole,
.ec-historyRole .ec-historyRole__contents,
.ec-orderRole,.ec-withdrawRole,
.ec-welcomeMsg{
    color: var(--MainFontColor);
}
.ec-navlistRole .active a{
    color: var(--DenkichiRed);
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid{
    padding: 10px 0; 
}
.ec-welcomeMsg{
    padding: 0 0 20px 0;
}

/*************************************************************

注文履歴詳細

*************************************************************/
.ec-orderRole{
    max-width: none;
}
.ec-rectHeading h1, .ec-rectHeading .h1,
.ec-rectHeading h2, .ec-rectHeading .h2,
.ec-rectHeading h3, .ec-rectHeading .h3,
.ec-rectHeading h4, .ec-rectHeading .h4,
.ec-rectHeading h5, .ec-rectHeading .h5,
.ec-rectHeading h6, .ec-rectHeading .h6{
    font-size: clamp(16px, 4vw, 24px);
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    margin-top: 50px;
    border-bottom: solid 1px #8C8C8C;
    background: none;
    padding: 0 0 10px 25px;
}

.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, 
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel{
    color: var(--DenkichiRed);
}

/* 領収書ボタン */
.btn-success{
    padding: 10px;
    border-radius: 5px;
}

/*************************************************************

お気に入り一覧

*************************************************************/
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle{
    z-index: 1;   
}


/*************************************************************

会員情報編集

*************************************************************/
.ec-mypageRole .ec-off1Grid .ec-off1Grid__cell{
    width: 100%;
    margin: 0;
}
.ec-mypageRole .ec-borderedDefs{
    border-top: none;
}
/*************************************************************

クーポン一覧

*************************************************************/
.coupon-wrap{
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}
.coupon-wrap .coupon-wrap-list{
    border: 2px solid var(--DenkichiRed) !important;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    width: calc(100% / 3 - 10px);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
.coupon-wrap .coupon-wrap-list-main{
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid var(--DenkichiRed);
    padding-bottom: 10px;
}
.coupon-wrap .coupon-wrap-list:not(:nth-of-type(3n)){
    margin-right: 10px;
}

.coupon-wrap .coupon-wrap-list-off,
.coupon-wrap .coupon-wrap-free{
    font-size: 20px;
    font-weight: 600;
    color: var(--DenkichiRed);
}
.coupon-wrap .coupon-wrap-list-sub{
    margin: 0 10px;
}

@media screen and (max-width:990px){
    .coupon-wrap .coupon-wrap-list{
        width: calc(100% / 2 - 10px);
    }
}
@media screen and (max-width:767px){
    .coupon-wrap .coupon-wrap-list{
        width: 100%;
    }
    .coupon-wrap-list-sub-dl{
        margin-bottom: 0;
    }
}