.tag {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 5px 0 0;
}
.t_item {
color: #fff;
display: inline-block;
font-size: 12px;
margin: 0 3px 3px 0;
padding: 3px 8px;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em
}
.bg_bk{background: #151515;}
.bg_bl{background: #4384b9;}
.bg_or{background: #d07e4e;}
.bg_vi{background: #6a4b9d;}
.bg_re{background: #a41e1e;}
.bg_bgn{background: #79b7b9;}
.bg_pi{background: #d99a9a;}
.bg_ye{background: #cdb24a;}
.bg_lpi{background: #f97f7f;}
.bg_br{background: #a19783;}
#sec_lineup .lineup .lineupCover .typeTit_min {
font-weight: bold;
font-size: 1.3rem;
background: linear-gradient(transparent 55%, #f9f6d7 45%);
display: block;
width: fit-content;
text-align: center;
margin: 2rem auto 1.5rem;
padding: 0 0.5rem;
color: #487481;
}
#sec_lineup .lineup {
margin: 0 auto;
margin-bottom: 1rem;
border-bottom: #c7c7c7 2px dotted;
padding: 1rem 0;
}
#sec_lineup .lineup:last-of-type {
border-bottom: none;
}
#sec_lineup .even.seriesWrap .typeWrap {
padding: 1.5rem 2rem;
background: #fff;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 480px) {
.t_item {
font-size: 0.9em;
padding: 3px 4px;
}
.section-inner {
padding: 0 10px !important;
}
#sec_lineup .lineup .lineupCover .typeTit_min {
font-size: 1.1rem;
margin: 1rem auto 1.5rem;
}
#sec_lineup .even.seriesWrap .typeWrap {
padding: 0.5rem 10px;
margin-bottom: 1.5ren;
}
}