div.whatsnew {
margin: 10px 0;
font-size: 90%;
font-weight: lighter;
word-break: break-all;
overflow: hidden;
}
div.whatsnew a {
padding: 7px 0;
display: block;
text-decoration: none;
box-shadow: none;
}
div.whatsnew a:hover {
background-color: #f9f9f9;
text-decoration: none;
box-shadow: none;
}
div.whatsnew hr {
margin: 0;
padding: 0;
}
div.whatsnew .newmark {
font-size: 74%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
}
div.whatsnew dl {
margin: 0;
padding: 0;
border: 0;
}
div.whatsnew dt {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
color: Gray;
font-weight: normal;
white-space: nowrap;
}
div.whatsnew dd {
margin: 0;
padding: 0 2px;
}
div.whatsnew h4 {
font-size: 1.3em;
font-weight: bold;
font-family: "Noto Serif JP", Sans-serif;
position: relative;
padding: 0.5rem 1.5rem;
border-radius: 6px;
background: #f9f9f9;
}
div.whatsnew h4:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #f9f9f9 transparent transparent transparent;
}
@media screen and (min-width:480px) {
div.whatsnew dl {
overflow: hidden;
}
div.whatsnew dt {
float: left;
width: 8.1em;
overflow: hidden;
}
div.whatsnew dd {
overflow: hidden;
}
}