body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
h1{
    text-align: left;
    margin: 0 0 20px 0;
}
.ec-footerRole {
    border-top: 1px solid #7d7d7d;
    margin-top: 30px;
    background: #1f9039;
}
.ec-drawerRole .ec-headerLinkArea {
    background: #1f9039;
}
.ec-headerNaviRole__left h1 img {
    width: 190px;
}
.ec-headerNaviRole__left h1 a {
    font-size: 0.7em;
    text-decoration: none;
    color: #0a7d2f;
}
.ec-headerNaviRole .ec-headerNaviRole__left{
    width: 40%
}
.ec-headerNaviRole .ec-headerNaviRole__right{
    width: 60%
}
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
}
.ec-newItemRole {
    padding: 10px 0;
}
.ec-newItemRole__listItemHeading {
    margin-top: calc(35% - 20px);
}

.ec-layoutRole .ec-layoutRole__contents {
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {

.ec-headerNaviRole{
    flex-direction: column-reverse;
}

.ec-headerNaviRole .ec-headerNaviRole__left,
.ec-headerNaviRole .ec-headerNaviRole__right{
    width: 100%
}


}