/* exam-brefing style.css */

.br_sp {display: none}
.br_pc {display: block}

.strikethrough_red {
    text-decoration: line-through; 
    text-decoration-color: red;
}
.f_red_waku {
    margin-left: 1rem;
    background-color: red;
    color: #fff;
    padding: .1rem .5rem;
    font-size: 1.4rem;
    border-radius: .5rem;
}

/* venue */

ul.venue {
    display: flex;
    flex-wrap:wrap;
    column-gap: 3rem;
    margin-bottom: 5rem;
}

ul.venue li {
    font-size: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    border-bottom: 2px solid red;
    border-right: 2px solid red;
    padding: 1rem 2.5rem;
    width: calc(100%/3 - 2rem);
    background-color: #fff;
    margin-bottom: 3rem;
}

ul.venue li.finished {
	position: relative;
}

ul.venue li.finished::after {
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 1; 
}

ul.venue li span.circle_red {
    font-size: 1.2rem;
    background: red;
    border-radius: 50%;
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    margin: 0 .5rem;
    padding: 0 .5rem;
}

ul.venue li p {
    margin: 0;
}

@media screen and (max-width: 768px) {
    
    .br_sp {display: block}
    .br_pc {display: none}
    
    ul.venue {
    margin-bottom: 5rem;
    column-gap: 2rem;
}
    
    ul.venue li {
        display: block;
        width: calc(100%/2 - 1rem);
        padding: .3rem 1.5rem;
        margin-bottom: 2rem;
    }
    
    .f_red_waku {
    margin-left: 0rem;
}
    
}