/* カスタマイズ用CSS */
.ec-layoutRole .ec-layoutRole__contents {
  background: #fff;
  margin: 40px auto;
  padding: 24px;
}
.ec-layoutRole {
  background: transparent;
}
.ec-inlineBtn--action,
.ec-blockBtn--action,
.ec-blockBtn--cancel {
  color: #fff !important;
}

/* PC用 */
@media screen and (min-width:900px) {
  .ec-itemNav__nav li {
    margin: 8px;
  }
  .ec-itemNav__nav li ul li {
    margin: 0;
  }
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  background: #ff9933;
}
.ec-headerNav .ec-headerNav__itemIcon,
.fa-shopping-cart {
  color: #ff9933;
}
}

/* SP用 */
@media screen and (max-width: 900px) {
.ec-numberInput input[type=number] {
  width: 100%;
  margin: 0 0 10px;
}
.ec-headerNavSP,
.ec-drawerRoleClose {
  top: 80px;
  background: #ff9933;
  color: #fff;
}
.ec-headerNav .ec-headerNav__itemIcon,
.ec-cartNavi {
  color: #ff9933;
}
.ec-drawerRole .ec-headerLinkArea,
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,
.ec-drawerRole {
  background: #ff9933;
}
.ec-layoutRole .ec-layoutRole__contents {
  width: 96%;
}
}