/* カスタマイズ用CSS */
p{
    line-height: 1.8;
}
.ec-headerNaviRole .ec-headerNaviRole__logo{
    width: 100%;
}
.ec-headerNaviRole .ec-headerNaviRole__logo img{
    width: auto;
    max-width: 100%;
}
.ec-headerNaviRole{
    padding-bottom: 15px;
}
.ec-headerNavSP{
    top: 17px;
}

.ec-eyecatchRole .ec-eyecatchRole__intro{
    width: 100%;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-right:0;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription{
    width: 100%;
    font-family: 'Noto Serif JP';
    font-size: 24px;
    font-weight: 500;
    line-height: 1.85714286;
    letter-spacing: 0.055em;
    text-align: center;
    display: block;
    color: #101938;
    margin-bottom: 30px;
}
.ec-blockBtn--top{
    background-color: #957d72;
    border-color: #957d72;
}
.ec-inlineBtn--top{
    background-color: #957d72;
    border-color: #957d72;
}
.ec-inlineBtn--top:hover{
    background-color: #c6b5a9;
    border-color: #957d72;
}
.btn-check:checked + .ec-inlineBtn--top, .btn-check:active + .ec-inlineBtn--top, .ec-inlineBtn--top:active, .ec-inlineBtn--top.active, .show > .ec-inlineBtn--top.dropdown-toggle{
    background-color: #c6b5a9;
    border-color: #957d72;
}
.ec-blockBtn--top:hover{
    background-color: #c6b5a9;
    border-color: #957d72;
}
.ec-eyecatchRole .ec-blockBtn--top{
    margin: 0 auto;
}
@media screen and (max-width: 800px) {
    .ec-headerNaviRole .ec-headerNaviRole__logo{
        width: 100%;
    }
    .ec-headerNaviRole .ec-headerNaviRole__logo img{
        max-width: 120px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left{
        width: 30%;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right{
        width: 70%;
    }
}
@media screen and (max-width: 768px) {
    .ec-headerNaviRole .ec-headerNaviRole__logo{
        margin-left: 35px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introDescription{
        font-size: 18px;
    }
}
@media screen and (max-width: 370px) {
    .ec-headerNaviRole .ec-headerNaviRole__logo img{
        max-width: 100px;
    }
}

.ec-borderedDefs dd{
    line-height: 1.8;
}

.ec-newItemRole .ec-newItemRole__listItemTitle{
    font-size: 16px;
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    font-size: 16px;
}
.ec-newItemRole__listItem a{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}
.ec-newItemRole__listItem a .ec-newItemRole__listItemPrice{
    margin-top: auto;
}