@charset "UTF-8";
.mem-container-flex {
margin-top: 20px;
}
.mem-container h3 {
position: relative;
color: #f8f8f8;
font-weight: 500;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 6px;
text-align: center;
}
.mem-container h3::after {
content: '';
width: 80%;
height: 6px;
display: inline-block;
border-bottom: 2px solid #222222;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.mem-container .h3-name {
font-size: 0.84em;
}
.mem-a {
color: #f8f8f8 !important;
display: contents;
}
.mem-a:active {
transform: scale(0.98);
}
.mem-container {
display:flex;
width: 100%;
min-height:144px;
padding-top:0;
padding-bottom:0;
border-radius:4px;
background-color: #433c35;
margin-bottom: 20px;
}
.mem-container-hk {
background-color: #39363b;
}
.mem-img {
width:108px; height:144px;
margin:0;
border-radius:4px 0 0 4px;
}
.mem-explain {
min-height:144px;
flex-grow:1;
flex-shrink:1;
flex-basis:0;
padding-top:0px;
padding-bottom:0px;
}
.mem-info1 {
width:100%;
margin-top:4px !important;
margin-bottom:4px !important;
font-size: 0.9em;
text-align:center;
}
.mem-p1 {
width:90%;
margin-top:4px !important;
margin-bottom:4px !important;
margin: auto;
font-size: 0.8em;
}
@media screen and (min-width: 1024px) {
.mem-container-flex {
display: flex;
flex-wrap:wrap;
justify-content: flex-start;
gap:20px;
}
.mem-container {
width:calc(50% - 10px);
box-sizing: border-box;
margin-bottom:0px;
}
.mem-img {
width:150px; height:200px;
}
}