@charset "UTF-8";

html[data-browse-mode="P"] .campaign-contents-box .campaign-list {
    /* display: flex; */
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
html[data-browse-mode="S"] .campaign-contents-box .campaign-list {
    gap: 15px;
}
html[data-browse-mode="P"] .campaign-contents-box .campaign-list li {
    /* width: calc((100% - 40px) / 5); */
    background: #fff;
}
html[data-browse-mode="S"] .campaign-contents-box .campaign-list li {
    width: calc((100% - 17px) / 2);
    background: #fff;
}
.campaign-contents-box .campaign-list a {
    transition: 0.3s;
}
.campaign-contents-box .campaign-list-detail {
    display: block;
    padding: 12px 16px 20px;
    background: #fff;
}
.campaign-contents-box .campaign-list-detail .text-title {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: initial;
    /*overflow: hidden;*/
}
.campaign-contents-box .campaign-list-detail .text-shop {
    display: block;
    font-size: 11px;
    line-height: 22px;
    color: #808080;
    cursor: pointer;
    text-decoration: none;
}
.campaign-contents-box .campaign-list-detail .text-period {
    display: block;
    font-size: 11px;
    color: #bb2d2d;
    line-height: 18px;
    padding: 0 4px 0 20px;
    background: url(/img/usr/freepage/campaign/2024/img/watch_red.png?2) no-repeat left 2px / 13px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.campaign-contents-box .campaign-list-detail .text-sub {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 8px 0 0;
}