/* カスタマイズ用CSS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body {
    font-family: "Noto Sans JP", "Lato", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
.ec-headerTitle .ec-headerTitle__title a {
    color: #4A926C;
    width: 100%;
}

.ec-headerNav {
    display: -webkit-flex;
}
.ec-categoryNaviRole {
    max-width: 100%;
    background: #F8F8F8;
}
.ec-itemNav__nav li {
    min-width: 200px;
}
.ec-itemNav__nav li a {
    font-weight: 400;
    padding: 20px 16px;
    background: #F8F8F8;
}
.ec-itemNav__nav li ul li a {
        font-weight: 400;
        background: #484e4d;
}
.ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}
.ec-sliderRole {
    padding: 0;
    max-width: 100%;
}
.ec-productRole, .ec-registerRole, .ec-searchnavRole, .ec-contactRole, .ec-role {
    margin: 60px auto 0;
}
.ec-footerRole {
    border-top: none;
    background: #484e4d;
}

@media only screen and (min-width: 768px) {
    .ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 60px;
    }
        .ec-eyecatchRole .ec-eyecatchRole__intro {
    width: 100%;
    }
    .ec-categoryRole .ec-categoryRole__listItem {
    width: calc(100% / 2);
　　}
}