/* カスタマイズ用CSS */
.ec-layoutRole {
    background-color: #ffffff;
}
.ec-shelfGrid{
    align-items: center;   
}
.header-logo {
    max-height: 80px;
}

.header-tel {
    font-size: clamp(1.875rem, 2.75vw, 2.75rem);
}
.header-tel-icon {
    width: 30px;
    margin-top: -6px;
}

.sp-nav-tel-wrap {
    background-color: #ffffff;
}

.sp-nav-tel-wrap:hover {
    color: #000000 !important;
}

.sp-nav-tel-icon {
    width: 26px;
    margin-top: -4px;
}

.sp-nav-tel {
    color: #000000 !important;
    font-size: 1.875rem;
    padding: 10px 15px;
}

.banner-wrap {
    position: relative;
}

.banner-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    background-color: #000000;
    opacity: 0.2;
    font-size: 1rem;
}

.banner-wrap-button {
    text-align: center;
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 10px;
    width: 80%;
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700;
}

.banner-wrap-txt {
    text-align: center;
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    margin: 5px auto;
    bottom: 55px;
    width: 80%;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 25px;
    font-weight: 700;
}



.h-op:hover {
    opacity: 0.6;
}

.footer-logo {
    max-height: 60px;
}

.ec-layoutRole__header .header-tel {
    display: none !important;
}

.recommend-item {
    height: 300px;
}

.recommend-item__img {
    object-fit: contain;
}

.new-item {
    height: 300px;
}
.new-item__img {
    object-fit: contain;
}

.product-list-item {
    height: 320px;
}

.product-list-item__img {
    height: 260px;
    object-fit: contain;
}

@media (min-width: 992px) {
    .ec-layoutRole__header .header-tel {
        display: flex !important;
    }
    .header-logo {
        max-height: 64px;
    }
    .product-list-item {
        height: 260px;
    }
    .product-list-item__img {
        height: 215px;
        object-fit: contain;
    }
}

@media (min-width: 1200px) {
    .header-logo {
        max-height: 80px;
    }
    .header-tel-icon {
        width: 40px;
    }
}

@media (max-width:991px) {
    .ec-layoutRole .ec-layoutRole__left{
        width: 100%;
    }
    .banner-wrap-txt {
        bottom: 170px;
        font-size: 65px;
    }
    .banner-wrap-button {
        bottom: 35px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .recommend-item {
        height: 250px;
    }
    .new-item {
        height: 250px;
    }
    .product-list-item {
        height: 260px;
    }
    .product-list-item__img {
        height: 210px;
        object-fit: contain;
    }
}
.ec-deleveryFeeAttention{
    background-color: #ffeded;
    border: 2px solid #e60000;
    border-radius: 6px;
    padding: 1rem;
}
.text-alert {
    color: #cc0000;
}
.font-bold{
    font-weight: bold;
}