body {
    /*font-family: -apple-system,BlinkMacSystemFont,Meiryo,"Lucida Grande","Hiragino Kaku Gothic ProN",Arial,sans-serif;*/
    font-size: 1rem;
    line-height: 1.6;
    color: #222;
}
/* カスタマイズ用CSS */
.ec-newItemRole__listItemPrice {
    color: black;
}
/*.commonProductList-product-wrap{*/
/*    justify-content: space-between;*/
/*}*/
.ec-newItemRole__listItemTitle {
    line-height: 1.5; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: black;
}
.list_item_image_area {
    height: 100%;
    display: flex;
    /* padding: 100% 0; */
    align-items: center;
}
@media only screen and (min-width: 768px) {
    .ec-newItemRole {
        color: black;
    }
     .ec-newItemRole__listItemTitle {
        color: black;
    }
}
.slick-dots {
    display: none!important;
}
.ec-searchnavRole__actions{
    width: 100%!important;
}
.ec-searchnavRole__infos{
    flex-direction: row!important;
}
.slick-track{
    display: flex;
    align-items: center
}

.item_nav .row{
    align-items: center
}

.ec-newItemRole__list .ec-shelfGrid  .ec-shelfGrid__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ec-newItemRole__list .ec-shelfGrid__item a{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a{
    white-space: pre;
}


/*.ec-newItemRole__list .ec-shelfGrid .list_item_image_area {*/
/*    display: flex;*/
/*    height: 100%;*/
/*    align-items: center;*/
/*}*/
.ec-newItemRole__list .ec-newItemRole__listItem {
    margin:0!important;
    margin-bottom: 36px!important;
    padding:0 16px!important;
}
.ec-newItemRole__list {
    margin-left: -16px!important;
    margin-right: -16px!important;
    flex-wrap: wrap!important;
}

/*.commonProductList-product .commonProductList-product-name {*/
/*    line-height: 1.5; */
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 2 !important;*/
/*    overflow: hidden;*/
/*    min-height: 4em;*/
/*}*/
.commonProductList-product-priceBlock-price .is-price .is-num {
    white-space: nowrap;
    font-size: 1.375rem !important;
}

.ec-footerRole .ec-footerNavi {
    justify-content: center;
}
.ec-footerNavi .ec-footerNavi__link {
    margin: 0 10px;
}
.ec-newItemRole__list .ec-newProductRole__listItemTitle {
    line-height: 1.5; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 58.7812px;
}
/*#stock-status-display {*/
/*    display: none!important;*/
/*}*/

/* メディアボタン - PC */
@media print, screen and (min-width: 960px) {
    .ec-headerNav-item.navi-magazine {
        width: 68px !important;
    }
}

/* コミュニティボタン - PC */
@media print, screen and (min-width: 960px) {
    .ec-headerNav-item.navi-community {
        width: 80px;
    }
}
.ec-headerNav-item.navi-community .is-inner .ec-headerNav-btn {
    background-image: url(/html/template/ecbst/assets/img/common/header_navi_community.svg);
}
/* コミュニティボタン - SP */
@media only screen and (max-width: 959px) {
    .ec-headerNav-item.navi-community {
        display: block !important;
        padding: 0;
        margin: 0;
    }
    .ec-headerNav-item.navi-community .is-inner {
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        font-size: 9px;
        line-height: 1.2;
        text-decoration: none;
        color: #fff;
        text-align: center;
    }
    .ec-headerNav-item.navi-community .is-inner .ec-headerNav-btn {
        display: block;
        width: 100%;
        height: auto;
        padding: 100% 0 0;
        margin: 0;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/html/template/ecbst/assets/img/common/header_navi_community_sp.svg);
        font-size: 9px;
        line-height: 1.2;
        color: #fff;
        text-indent: 0;
        overflow: visible;
        white-space: nowrap;
        border: 0;
        outline: 0;
    }
}
/* Media link in drawer menu */
.ec-headerCategoryArea--media {
    border-bottom: 1px solid #eee;
}

.ec-headerCategoryArea--media .ec-headerCategoryArea__heading {
    padding: 0;
}

.ec-headerCategoryArea--media .ec-drawerMenu__link {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    background: #f8f8f8;
}

.ec-headerCategoryArea--media .ec-drawerMenu__link:hover {
    background: #eee;
    color: #c0a36a;
}

/* ===== SP header icons - uniform size, alignment & spacing fix ===== */
@media only screen and (max-width: 959px) {
    /* Widen navi area to fit bigger icons */
    .ec-headerNaviRole_logoArea {
        width: 60vw;
    }
    /* メニュー: shrink 1vw + shift down 1vw */
    .ec-headerNaviRole_logoArea-navSP {
        width: 9.66vw;
        position: relative;
        top: 1vw;
    }
    .ec-headerNaviRole_logoArea-logo {
        width: auto;
        flex: 1;
    }
    .ec-headerNaviRole_naviArea {
        width: 38vw;
        height: auto;
        align-items: center;
    }
    /* Navi container: auto width with gap to cart */
    .ec-headerNaviRole_naviArea_navi {
        width: auto;
        margin-right: 2vw;
    }
    .ec-headerNav {
        align-items: center;
        gap: 2vw;
    }
    /* All nav icons: 7vw uniform size */
    .ec-headerNav-item.navi-login,
    .ec-headerNav-item.navi-logout,
    .ec-headerNav-item.navi-magazine,
    .ec-headerNav-item.navi-community {
        width: 7vw !important;
    }
    /* Show text below icon for all nav buttons */
    .ec-headerNav-item.navi-login .is-inner,
    .ec-headerNav-item.navi-logout .is-inner,
    .ec-headerNav-item.navi-magazine .is-inner {
        font-size: 9px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
    }
    .ec-headerNav-item.navi-login .is-inner .ec-headerNav-btn,
    .ec-headerNav-item.navi-logout .is-inner .ec-headerNav-btn,
    .ec-headerNav-item.navi-magazine .is-inner .ec-headerNav-btn {
        height: auto;
        padding-top: 100%;
        text-indent: 0;
        overflow: visible;
        font-size: 9px;
        line-height: 1.2;
        color: #fff;
        white-space: nowrap;
    }
    /* Cart icon: same width as nav icons */
    .ec-headerNaviRole_naviArea_cart {
        width: 7vw !important;
        position: relative;
        top: 2vw;
    }
}