.uph3-chara{
width: fit-content;
color: #fff;
background-color: #1e90ff;
padding: 5px;
padding-right: 10px;
margin-bottom: 0px;
border-radius: 5px 5px 0 0;
font-size: 18px !important;
}
.up-list-chara{
border: 2px solid #1e90ff;
border-radius: 0px 5px 5px 5px;
padding: 5px 10px 5px 10px;
box-shadow:
0 2px 2px -2px rgb(0 4 156),
-2px 0 2px -2px rgb(0 4 156),
2px 0 2px -2px rgb(0 4 156);
margin-bottom: 20px;
}
.up-list-chara li{
background-color: #efefef;
font-size: 16px !important;
line-height: 20px !important;
border-radius: 3px !important;
margin: 10px !important;
padding: 5px 1px 5px 5px;
}
.up-list-content li{
background-color: #efefef;
font-size: 16px !important;
line-height: 20px !important;
border-radius: 3px !important;
margin: 10px !important;
padding: 5px 1px 5px 5px;
}
.up-list-improvement li{
background-color: #efefef;
font-size: 16px !important;
line-height: 20px !important;
border-radius: 3px !important;
margin: 10px !important;
padding: 5px 1px 5px 5px;
}
.up-list-chara img,
.up-list-content img,
.up-list-improvement img {
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
width: 40px;
height: auto;
}
.uph4-chara{
border-left: 4px solid #1e90ff !important;
margin: 10px;
margin-left: 20px;
margin-top: 25px;
padding: 2px 0 2px 10px;
font-size: 14px !important;
position: relative;
}
.uph4-content{
border-left: 4px solid #ff4500 !important;
margin: 10px;
margin-left: 20px;
margin-top: 25px;
padding: 2px 0 2px 10px;
font-size: 14px !important;
position: relative;
}
.uph4-improvement{
border-left: 4px solid #32cd32 !important;
margin: 10px;
margin-left: 20px;
margin-top: 25px;
padding: 2px 0 2px 10px;
font-size: 14px !important;
position: relative;
}
.uph4-chara::before,
.uph4-content::before,
.uph4-improvement::before{
content: "";
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1.5px dashed #999;
height: 1px;
}
.uph3-content{
width: fit-content;
color: #fff;
background-color: #ff4500;
padding: 5px;
padding-right: 10px;
margin-bottom: 0px;
border-radius: 5px 5px 0 0;
font-size: 18px !important;
}
.up-list-content{
border: 2px solid #ff4500;
border-radius: 0px 5px 5px 5px;
padding: 5px 10px 5px 10px;
box-shadow:
0 4px 4px -4px rgb(255 79 0),
-4px 0 4px -4px rgb(255 79 0),
4px 0 4px -4px rgb(255 79 0);
margin-bottom: 20px;
}
.uph3-improvement{
width: fit-content;
color: #fff;
background-color: #32cd32;
padding: 5px;
padding-right: 10px;
margin-bottom: 0px;
border-radius: 5px 5px 0 0;
font-size: 18px !important;
}
.up-list-improvement{
border: 2px solid #32cd32;
border-radius: 0px 5px 5px 5px;
padding: 5px 10px 5px 10px;
box-shadow:
0 4px 4px -4px rgb(0 156 16),
-4px 0 4px -4px rgb(0 156 16),
4px 0 4px -4px rgb(0 156 16);
}