@charset "utf-8";
/*jcom　各Top用共通CSS-------*/

.section__container--recommend .slideCardList--col4 {
    position: static;
    min-width: 0;
    width: 100%;
    flex-direction: column;
    padding: 0;
    margin: 0
}
.section__container--recommend .card {
   border-radius: 4px!important;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .15)!important;
    padding-bottom: 10px;
}
.section__container--recommend .card__imgContainer {
    border-radius: 0;
}
.section__container--recommend .card__inner {
    padding: 0 10px;
}
.section__container--recommend .card__bottomItem {
    position: static;
    padding: 0 10px;
}


.slideCardList--col3,
.slideCardList--col4 {
    & .slideCardList__item {
         margin-bottom: 16px;   
    }
}
/*FITカセット用*/
.kix-fit {
    & .card__dep {
        font-size: 0.9rem;
        margin-top: 12px;
    }
    & .card__heading {
        margin-top: 0;
    }
    & .card__imgText:empty {
        display: none;
    }
}
.kix-compact {
    display: flex;
    justify-content: space-between;
    & .img_wrap {
        width: 36%;
        position: relative;
        & .img_text {
            display: block;
            font-size: 11px;
            line-height: 1.2;
            background-color: #333;
            color: #fff;
            padding: 3px;
            &:empty {
                display: none;
            }
        }
        & .img_tag {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            padding: 2px 5px;
            font-size: 11px;
            line-height: 1.0;
            background-color: #333;
            color: #fff;
        }
    }
    & .detail_wrap {
        width: 64%;
        padding: 5px 10px;
        
        & .detail_dep {
            font-size: 12px;
        }
        & .detail_title {
            font-size: 15px;
            line-height: 1.4;
            font-weight: bold;
        }
        & .detail_heading {
            font-size: 18px;
            font-weight: bold;
        }
        & .detail_text {
            font-size: 12px;
        }
        & .detail_price {
            margin-top: 5px;
            color: #F01C1C;
            font-size: 18px;
        }
        & .detail_note {
            font-size: 10px;
        }
        & .detail_info {
            margin-top: 7px;
            font-size: 12px;
            & span {
                color: #666;
            }
        }
    }
}