.sale-box.disp-0, .sale-box.disp-2, .sale-anchor.disp-0, .sale-anchor.disp-2 {
    display: none;
}
.sale-box.disp-1, .sale-anchor.disp-1 {
    display: block;
}
.sale-box .sale-tit {
    margin-bottom: 5px;
    padding: 8px 0;
    line-height: 1;
    font-size: 16px;
    color: #ff4b1b;
    font-weight: bold;
    background: yellow;
}
.sale-box .sale-here {
    background: #333;
}
.sale-box .sale-here a {
    display: block;
    padding: 5% 3%;
    text-align: center;
    font-size: 4cqi;
    font-weight: bold;
    color: yellow;
}
.sale-site {
    background: red;
    color: #ffff00;
    padding: 7px 0;
    font-weight: bold;
    border-top: 1px solid #ffff00;
    border-bottom: 1px solid #ffff00;
}
.sale-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2cqi 0;
    padding: 3% 2%;
    background:
    radial-gradient(#c7c7c7 22%, transparent 22%) 0 0 / 6px 6px, radial-gradient(#c7c7c7 22%, #f2f2f2 22%) 3px 3px / 6px 6px;
}
.sale-box li {
    width: 49%;
    padding: 5%;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}
.sale-box li p, .sale-box li font {
    font-size: 3.5cqi;
    font-weight: bold;
    margin: 0;
}
.sale-box li p:nth-child(1) {
    margin-bottom: 3%;
}
.sale-box li p:nth-child(2) {
    position: relative;
    width: 15cqw;
    margin: 5% 0px;
}
/* 1カラム表示 */
.sale-box li.one-column {
    width: 100%;
}
.sale-box li.one-column p {
    font-size: 3.5cqi;
    font-weight: bold;
}
.sale-box li.one-column p:nth-child(2) {
    margin: 0 236px 5px 0;
}
.sale-box li p:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 106%;
    top: 0;
    width: 7cqw;
    height: 100%;

}
.sale-box li p:nth-child(2).two::before {
    background: url(../../../../img/icon/icon_person.png) no-repeat center;
    background-size: 100%;
}
.sale-box li p:nth-child(2).one::before {
    background: url(../../../../img/icon/icon_person.png) no-repeat center / contain;
    -webkit-mask: linear-gradient(to right, black 50%, transparent 50%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask: linear-gradient(to right, black 50%, transparent 50%);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-position: -3.5cqi;
}
.sale-box li a {
    display: block;
    color: #000;
    text-align: left;
    line-height: 1.4;
    width: 100%;
    height: 100%;
}
.sale-em {
    color: #f00;
    font-weight: bold;
    font-size: 15px;
}
.sale-menu {
    text-decoration: underline;
}
.sale-box .open-0, .sale-box .open-2 {
    display: none;
}
.sale-box .open-1 {
    display: block;
}
.sale-box .open-1.time-0, .sale-box .open-1.time-2 {
    display: none;
}
.sale-box .open-1.time-1 {
    display: block;
}
/*タイマー*/
.sale-wrap {
    /* min-height: 225px; */
    min-height: 163px;
    padding-bottom: 3%;
    background: #333;
}
.sale-box .sale_box-count {
    width: 90%;
    height: 9cqw;
    line-height: 9cqi;
    color: red;
    margin: 3% auto;
    /* position: absolute;
    bottom: 6px;
    left: 0;
    right: 0; */
    background: #ffffff;
    background-size: 100%;
    color: black;
    border-radius: 20px;
    outline: .5cqi solid #ffd700;
    outline-offset: -0.5cqi;
    border: .5cqi solid black;
}
.sale-box .sale_box-count .sale-menu font {
    font-size: 14px;
}
.sale-box .sale_box-count .inner {
    text-align: center;
    color: #fa3011;
    font-size: 3.5cqi;
    font-weight: bold;
}
.sale-box .sale_box-count .inner span#sale_countdown, .sale-box .sale_box-count .inner span#sale_countdown2, .sale-box .sale_box-count .inner span#sale_countdown3, .sale-box .sale_box-count .inner span#sale_countdown4 {
    color: #000;
}
.sale-box .sale_box-count.switch-0 .second, .sale-box .sale_box-count.switch-1 .first {
    display: none;
}