@charset "UTF-8";

/*-----------------------------------------------------
pc/s5_4lll.css
update 2017/4/13
Commerce 21
-------------------------------------------------------*/

.itemlist .icon_box .icon-item:before,
.itemlist .icon_box .icon-item:nth-child(2):before,
.itemlist .icon_box .icon-item:nth-child(3):before {
    background-color: transparent;
}


/*-------------------
new & sale icon
-------------------*/

.itemlist .icon_01new,
.itemlist .icon_02sale {
    position: absolute;
    top: 1px;
    left: 1px;
    color: #fff!important;
    font-size: 12px;
    padding: 4px;
    line-height: 1
}

.itemlist .icon_01new {
    background: #f6961a;
}

.itemlist .icon_02sale {
    background: #ba0e0e;
}


/* ----------------------------------
item.html
new/sale icon
-------------------------------------*/

.detail-iconlist-r > ul li > span {
    display: block;
    width: 97px;
    height: 19px;
}

.detail-iconlist-r > ul li > span:before {
    content: " ";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    height: 19px;
    line-height: 19px;
    text-align: center;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    background-size: 100% auto;
}

.icon_01new:before {
    background: url(../images/01new.png);
}

.icon_02sale:before {
    background: url(../images/02sale.png);
}


/*-------------------
function icon
-------------------*/

.icon_01outlet:before {
    background-image: url(../images/01outlet.png);
}

.icon_02slacks:before {
    background-image: url(../images/02slacks.png);
}

.icon_03matome:before {
    background-image: url(../images/03matome.png);
}

.icon_04three0:before {
    background-image: url(../images/04three0.png);
}

.icon_05set:before {
    background-image: url(../images/05set.png);
}

.icon_06three10000:before {
    background-image: url(../images/06three10000.png);
}

.icon_07value1990:before {
    background-image: url(../images/07value1990.png);
}

.icon_08no1:before {
    background-image: url(../images/08no1.png);
}

.icon_09unstress:before {
    background-image: url(../images/09unstress.png);
}

.icon_10stress:before {
    background-image: url(../images/10stress.png);
}

.icon_11washable:before {
    background-image: url(../images/11washable.png);
}

.icon_12hassui:before {
    background-image: url(../images/12hassui.png);
}

.icon_13keitai:before {
    background-image: url(../images/13keitai.png);
}

.icon_14yuttari:before {
    background-image: url(../images/14yuttari.png);
}

.icon_15hosomi:before {
    background-image: url(../images/15hosomi.png);
}

.icon_16koukin:before {
    background-image: url(../images/16koukin.png);
}

.icon_17allseason:before {
    background-image: url(../images/17allseason.png);
}

.icon_18spring:before {
    background-image: url(../images/18spring.png);
}

.icon_19fall:before {
    background-image: url(../images/19fall.png);
}

.icon_20twopants:before {
    background-image: url(../images/20twopants.png);
}


/*-------------------
edit_favorite
-------------------*/

#favorite_item_list .itemlist:nth-child(5n+1) {
    clear: both;
}