/* カスタマイズ用CSS */
.ec-layoutRole__header {
    background-color: #67c945;
}
.ec-layoutRole__header__top {
    border-bottom: 1px solid #fff;
}
.ec-layoutRole__main-home__service {
    display: none;
}
.ec-layoutRole__main-home__hero {
    background-color: #fff;
    padding-bottom: 0;
}
.ec-layoutRole__main-home__cate-card {
    background-color: #fff;
    padding: 0;
}
.ec-layoutRole__footer__about {
    display: none;
}
.ec-layoutRole__header__top__link a ,.ec-layoutRole__header__menu__item {
    position: relative;
}
.ec-layoutRole__header__top__link a:hover {
    color: #fff;
}
.ec-layoutRole__header__menu .ec-layoutRole__header__menu__itema a span:hover {
    color: #fff;
}
.ec-layoutRole__header__top__link a::before ,.ec-layoutRole__header__menu__item a::before {
    background: #fff;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}
.ec-layoutRole__header__top__link a:hover::before ,.ec-layoutRole__header__menu__item a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}
.ec-layoutRole__header__categories__menu__item a:hover {
    color: #67c945;
}
.ec-layoutRole__main-home__cate-card a:hover {
    color: #67c945;
}
.ec-layoutRole__header__menu__number {
    color: #67c945;
}
:root {
    --primary-color: #fff;
    --pink-color: #fff;
}    
.ec-layoutRole__header__categories__menu__mega__title {
    color: var(--gray-color);
}
.ec-layoutRole__footer__item a:hover {
    color: #67c945;
}
.ec-layoutRole__footer__item {
    padding-right: 40px;
}
.ec-layoutRole__footer__item:last-child {
    padding-right: 0px;
}
.ec-layoutRole__main-home__more__inner.swiper {
    padding: 30px 0 74px;
}
.page-front-style-custom .ec-blockBtn--action {
    background-color: #67c945;
    border-color: #67c945;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-blockBtn--action {
    background-color: #67c945;
    border-color: #67c945;
    color: #fff;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-blockBtn--action:hover {
    background-color: #67c945;
    border-color: #67c945;
    color: #fff;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-blockBtn--cancel {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-blockBtn--cancel:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-progress .is-complete .ec-progress__number {
    background: #67c945;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-progress .is-complete .ec-progress__label {
    color: #67c945;
}
.ec-layoutRole__grid .menu02 ,.ec-layoutRole__grid .menu03 ,.ec-layoutRole__grid .contactarea {
    display: none;
}
.ec-layoutRole__grid .paymentarea ,.ec-layoutRole__grid .snsarea {
    display: none;
}
.ec-layoutRole__cell-3-md {
    flex: none;
    max-width: 100%;
    margin: 0 auto;
}
.ec-layoutRole__footer__main {
    padding: 60px 0 10px;
}
body #product_review_area .recommend_average {
    color: #67c945;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-inlineBtn--action {
    background-color: #67c945;
    border-color: #67c945;
}
.ec-layoutRole__main-product__banner .box {
    width: 100%;
    height: 300px;
    background: #666;
}
.ec-layoutRole__main-product__content {
    background: #fff;
}
.ec-layoutRole__footer__copyright {
    text-align: center;
    font-size: 12px;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-borderedDefs dl {
    border-bottom: 1px solid #eee;
}
.ec-layoutRole__header__search__bar {
    display: none;
}
.ec-layoutRole__header__logo img {
    width: 200px; margin-right: 20px;
}
.page-front-style-custom .ec-blockBtn--action:hover {
    background-color: #67c945;
    border-color: #67c945;
    color: #fff;
}
.ec-layoutRole__main-product__grid__heading__right > ul > li.ui-tabs-tab.ui-corner-top.ui-tabs-active svg {
    color: #454545;
}
.ui-state-active a, .ui-state-active a:link {
    color: #454545;
}
body:not(#page_homepage):not(#page_product_list) .ec-layoutRole__contents .ec-inlineBtn--action:hover {
    background-color: #67c945;
    border-color: #67c945;
    color: #fff;
}
.page-front-style-custom .ec-inlineBtn--action, .page-front-style-custom .ec-inlineBtn--action:hover {
    background-color: #67c945;
    border-color: #67c945;
    color: #fff;
}
.ec-layoutRole__main-product__grid__list.ui-tabs-panel.ui-widget-content a:hover {
        color: #000;
}
.ec-layoutRole__main-product__sidebar__categories__heading a:hover {
        color: #000;
}
.ec-layoutRole__main-product__grid__card__title {
    font-size: 18px;
}
.ec-layoutRole__main-home__more {
    padding-top: 30px;
}

@media (max-width: 767.98px){
    .ec-layoutRole__header__search__menu.is-active li a:hover {
        color: #67c945;
    }
    .ec-layoutRole__header__logo {
        max-width: 200px;
    }
    .ec-layoutRole__main-home__hero__img-top.swiper-slide {
        height: 100vw !important;
    }
    .pcOnly {
        display: none;
    }
    .ec-layoutRole__main-product__banner .box {
        height: 160px;
    }
    .ec-layoutRole__main-product__grid__list.ui-tabs-panel.ui-widget-content {
        background: #fff;
    }
    .ec-layoutRole__main-home__more {
    padding-top: 10px;
    }
    .ec-layoutRole__footer__main {
    padding: 40px 0 10px;
    }
}

@media (min-width: 767.99px){
    .ec-layoutRole__main-home__hero {
        padding-top: 30px;
    }
    .ec-layoutRole__footer__list {
        display: flex;
    }
    .spOnly {
        display: none;
    }
    .ec-layoutRole__header__search {
    margin-right: 0;
    }
    .ec-layoutRole__main-product__grid__card__link {
        padding: 20px;
    }
}

@media screen and (min-width:767.99px) and ( max-width:1220px) {
    .ec-layoutRole__main-home__hero__img-top {
        height: 38vw !important;
    }
}