header{
    background-color: #fff;
}

.ec-headerNaviRole{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.ec-headerNaviRole .ec-headerNaviRole__left{
    width: auto;
}
.ec-headerNaviRole .ec-headerNaviRole__right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.ec-categoryNaviRole {
    background-color: #e977a9;
    max-width: none;
    margin: 0;
}
.ec-itemNav__nav li a{
    background: transparent;
    color: #fff;
}
.ec-itemNav__nav > li:hover > a {
    background: #c86690;
}

.ec-itemNav__nav li ul li a,
.ec-itemNav__nav li ul li ul li a{
    background: #fff;
    color: #525263;
}
.ec-itemNav__nav li ul li ul:before{
    color: #525263;
}
.ec-itemNav__nav > li:hover li:hover > a,
.ec-itemNav__nav li:hover ul li ul li a:hover{
    background: rgba(204, 204, 204);
}

.ec-itemNav__nav li ul li {
  float: none;
  width: 100%;
}

.ec-headerNavSP {
    left: auto;
    right: 10px;
    top: 8px;
}

.ec-drawerRole {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
.ec-drawerRole.is-active{
    transform: translateX(0);
}
.ec-drawerRoleClose {
    left: 10px;
}

.ec-headerTitle .ec-headerTitle__title a{
    margin-bottom: 15px;
}
.ec-headerRole{
    padding: 0;
}
.ec-layoutRole__contents{
    padding-top: 10px;
}
.ec-sliderRole{
    padding: 0 8px;
}

.ec-footerRole {
    background-color: #fde8f1;
    border-style: none;
}
.ec-footerNavi, 
.ec-footerTitle {
    color: #eb78a9;
}

.ec-layoutRole__main h3.title {
    background-color: #BC1D61;
    color: #fff;
    text-align: center;
}
.ec-layoutRole__main h3.subtitle {
    text-align: center;
    background-color: #F0A2C2;
    color: #fff;
}

.ec-headerCategoryArea .ec-itemNav__nav li ul{
    display: block;
}

.ec-blockBtn--action:hover{
    color: #fff;
}
    
/* SP設定 */
header .ec-headerNaviRole {
    padding: 0;
    padding-top: 8px;
}
.ec-headerRole__cart {
    margin-right: 65px;
}
.ec-headerTitle__title .copy{
    font-size: 0.5rem;
    color: #eb78a9;
}
.ec-footerNavi .ec-footerNavi__link a{
    text-decoration: none;
    border-style: none;
}
.ec-layoutRole .ec-layoutRole__contents{
    max-width: 1300px;
}

/* PC設定 */
@media screen and (min-width: 768px) {
    header .ec-headerNaviRole {
        padding: 20px 15px;
    }
    .ec-headerRole__cart {
        margin-right: 0;
    }
    .ec-headerTitle__title .copy{
        font-size: 1rem;
    }
}