[back]
/* List画面 */
body {
width: calc(100% - 52px);
font-family: "Helvetica", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Verdana", "Yu Gothic", "Meiryo", sans-serif;
margin: 20px 32px;
}
a {
float: inherit;
}
div {
width: 710px;
}
p {
font-size: 18px;
margin: 0 0 0 24px;
width: 710px;
overflow-wrap: break-word;
/* 後でいい感じになんとかする。しろ */
white-space: pre-wrap;
}
h3 {
font-size: 22px;
font-weight: 400;
margin: 0 0 4px 0;
}
.bar {
display: flex;
}
.update {
font-size: 14px;
justify-content: flex-end;
}
.addition {
font-size: 16px;
justify-content: flex-end;
}
.navi {
font-size: 16px;
font-family: monospace;
font-weight: 500;
}
.mono {
font-size: 18px;
font-family: monospace;
}
@media (max-width: 800px) {
body {
width: calc(100% - 40px);
margin: 20px 20px;
}
div {
width: calc(100% - 32px);
}
p {
margin-left: 12px;
width: calc(100% - 32px);
}
h3 {
margin: 0px;
}
.update {
font-size: 12px;
justify-content: flex-end;
}
}