#content header.page-header {
text-align: center;
margin: 40px auto 30px;
font-size: var(--fs24px);
}
#content header.page-header .page-title {
margin: 0;
}
figure.th-nowrap table th {
white-space: nowrap;
} [class*="_type_label"] {
display: flex;
gap: 10px;
margin-bottom: 30px;
border-bottom: 2px solid #E57893;
}
[class*="_type_label"] a {
width: calc(50% - (10px / 2 * 1));
max-width: 200px;
height: 50px;
border: 2px solid #9D9D9D;
border-bottom-color:#E57893;
line-height: 50px;
font-size: var(--fs16px);
text-align: center;
color: #9D9D9D;
display: block;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
bottom: -2px;
z-index: 2;
}
[class*="_type_label"] a.active {
color:#E57893;
border-color:#E57893;
border-bottom: 2px solid #FFF;
}
@media only screen and (max-width:1080px){
[class*="_type_label"] {
max-width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width:600px){
[class*="_type_label"] {
gap: 5px;
}
}
@media only screen and (max-width:430px){
[class*="_type_label"] {
flex-wrap: wrap;
justify-content: center;
border: none;
}
[class*="_type_label"] a {
border: 2px solid #9D9D9D;
}
[class*="_type_label"] a.active {
border-color: #E57893;
}
}