.ec-navlistRole .ec-navlistRole__navlist{
  margin-bottom:60px ;
}
.ec-welcomeMsg{
  border: none;
  padding: 26px;
  font-size: 18px;
  font-weight: bold;
}
.ec-historyRole .ec-historyRole__contents{
  border-top: none;
  border-bottom: 1px solid #ccc;
}
.ec-para-normal{
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0 0 16px;
}
.ec-off3Grid .ec-off3Grid__cell{
  margin: 0 80px 40px !important;
  width: 100%;
}
.ec-para-normal.fo{
  border: none;
}
.ec-borderedDefs.fo dl{
  border: none;
}
.ec-mypageRole.po{
  padding: 0 80px 40px;
}

.ec-mypageRole.de{
  padding: 0 80px 0px;
}
.ec-addressRole .ec-addressRole__actions{
  margin-top: 40px; 
  padding-bottom: 40px;
}
.ec-orderMail__link{
  color:#8f7a37 ;
}
.ec-orderRole{
  margin: 0;
  padding: 0;
}
.ec-orderRole .ec-orderRole__detail{
  padding: 0 80px 0 80px ;
  width: 60%;
}
.ec-orderMail .ec-orderMail__link a {
  color: #8f7a37;
}
.ec-imageGrid .ec-imageGrid__content a {
  color: #8f7a37;
}

@media only screen and (min-width: 768px) {
  .ec-mypageRole {
      padding: 0 80px 60px;
  }
  .ec-orderRole .ec-orderRole__detail {
    margin-bottom: 80px;
}
  .ec-mypageRole .ec-pageHeader h1{
    margin: 40px 0;
    font-size: 1.4rem;
    padding: 24px 32px;
    line-height: normal;
  }
  .ec-welcomeMsg{
    padding: 26px;
    font-size: 18px;
    font-weight: bold;
  }

  html body div.ec-layoutRole div.ec-role.pt{
  padding: 0px;
}

}

@media (max-width: 480px) {

  .ec-mypageRole{
    padding: 24px 8px 40px;
  }
 
  .ec-navlistRole .ec-navlistRole__navlist {
    margin: 20px 0 40px ;
  }
  .ec-mypageRole.po{
    padding: 0 20px 40px;
  }
  .ec-mypageRole.de{
    padding: 0 20px 0px;
  }
  .ec-welcomeMsg{
    border: none;
  }
  .ec-off1Grid .ec-off1Grid__cell{
    padding: 0 1rem 5rem;
  }
  .ec-historyRole .ec-historyRole__detail {
    border: none;
  }
  .ec-welcomeMsg{
    padding: 26px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 40px;
  }
  .ec-off3Grid .ec-off3Grid__cell{
    margin: 0 !important;
   }
   html body div.ec-layoutRole div.ec-role.fo {
    padding: 0 8px!important;
    margin:16px 0!important;
}

.ec-orderRole .ec-orderRole__detail {
  padding: 0 24px;
  width: 100%;
}
}

@media screen and (min-width: 768px) and (max-width: 820px) {
  html body div.ec-layoutRole div.ec-role.fo {
      padding: 0 80px;
      margin-bottom: 30px;
  }
}