/* カスタマイズ用CSS */
body {
    background-image: url(../img/common/background-left.webp);
    background-position: left top;
    background-size: 21% auto;
    background-repeat: no-repeat;
    background-color: #fff;
}
body .ec-layoutRole {
    background-image: url(../img/common/background-right.webp);
    background-position: right bottom;
    background-size: 21% auto;
    background-repeat: no-repeat;
}
.ec-layoutRole__main {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 0.2rem;
    padding:30px 30px 30px 30px;
    margin-bottom:15px;
}
.ec-layoutRole {
    background: transparent;
}
.ec-layoutRole__header {
    margin-bottom:20px;
}
.ec-headerRole {
    padding-top: 0px;
}
.ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 10px;
}
.ec-headerNaviRole {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 0.2rem;
    margin-top: 20px;
    padding-bottom: 30px;
    max-width: 1150px;
}
.ec-headerNav .ec-headerNav__itemLink {
    display: inline-block;
}
.ec-chainstore-pageHeader {
    padding-bottom: 20px;
}
.ec-footerRole {
    margin-top: 30px;
    border-top: solid 2px #550a0f;
    border-image: linear-gradient(to right, #550a0f 0%, #e51f19 74%, #550a0f 100%);
    border-image-slice: 1;
    line-height: 1.5;
    background: #fff;
    width:90%;
    margin:0 auto;
}
.ec-footerTitle {
    padding: 0px 0 30px;
    color:black;
}
.ec-footerTitle .ec-footerTitle__copyright {
    font-size: 13.8px;
    font-family: YuMincho, "Yu Mincho" ,serif;
}
.ec-blockBtn--cancel, .ec-blockBtn--action {
    background: linear-gradient(to top, #ac2416 0%, #e24234 70%);
    border: solid 1px #e24234;
    color: #fff;
    border-radius: 0.2rem;
    height: 38px;
    line-height: 38px;
}
.ec-blockBtn--action {
    height: 48px;
    line-height: 48px;
}
.ec-registerRole__actions, .ec-RegisterRole__actions{
    padding: 20px 0 50px 0;
}
.ec-navlistRole .ec-navlistRole__item.active {
    background-color: #cb0606;
}
.ec-layoutRole__footer {
    background: #fff;
}

@media screen and (max-width:768px) { 
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: 66.6666666667%;
    }

    .ec-headerNaviRole .ec-headerNaviRole__right {
        width: 33.3333333333%;
    }

    .ec-headerNaviRole .ec-headerNaviRole__search {
        display: block;
    }

    .ec-headerRole {
        padding-left: 30px;
    }

    .ec-headerNaviRole {
        padding-bottom: 20px;
        position: relative;
    }

    .ec-headerNavSP {
        position: absolute;
        top: 15px;
    }
    
    .ec-headerNav .ec-headerNav__item {
        display:none;
    }
}