/* カスタマイズ用CSS */


/* フッター色変更 211011 */
.ec-footerRole{
  background: #1eaa39;
  border-top: none;
  }
  
/* PCナビゲーション色変更 */
.ec-categoryNaviRole{
    background:#1eaa39 ;
    max-width: 100%;
}
.ec-itemNav__nav > li > a{
    background: none;
    color:#fff;
}
.ec-itemNav__nav > li > a:hover{
    background: rgba(255,255,255,0.2);
}
.ec-itemNav__nav > li:hover > a {
  background: rgba(255,255,255,0.2);
}

@media only screen and (min-width: 768px){
    .ec-headerNaviRole {
        padding-bottom: 10px;
    }
}

/* SPナビゲーション色変更 */

.ec-drawerRole{
    background: #1eaa39 ;
}
.ec-drawerRole .ec-headerLinkArea {
    background: #1eaa39;
}

/* ロゴ変更*/
.ec-headerTitle .ec-headerTitle__title a {
    width: 350px;
}
.ec-footerTitle .ec-footerTitle__logo{
    width: 300px;
    margin:0 auto 0;
    margin-bottom:30px;
}
.ec-footerTitle .ec-footerTitle__logo img{
    width: 300px;
    margin:0 auto 0;
    margin-bottom:30px;
}
@media only screen and (max-width: 768px){
    .ec-headerTitle .ec-headerTitle__title a {
        width: 280px;
    }
    .ec-footerTitle .ec-footerTitle__logo img{
       width: 250px;
    }
}

/*  レイアウト調整 */
.ec-productRole{
    padding-top:80px;
}