/* sizu.me 風のシンプルな見た目 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #fff;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.9;
}
a { color: inherit; }
header.site, main, footer.site { max-width: 640px; margin: 0 auto; padding: 0 20px; }
header.site { padding-top: 40px; padding-bottom: 32px; }
header.site a { text-decoration: none; font-weight: bold; font-size: 15px; letter-spacing: .02em; }
footer.site { padding-top: 64px; padding-bottom: 48px; color: #999; font-size: 13px; }

h1 { font-size: 24px; line-height: 1.5; margin: 0 0 8px; }
h2 { font-size: 19px; line-height: 1.5; margin: 2.4em 0 .6em; }
h3 { font-size: 16px; line-height: 1.5; margin: 2em 0 .4em; }
p, ul, ol { margin: 0 0 1.2em; }
.body a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #bbb; word-break: break-all; }

.meta { color: #999; font-size: 13px; margin-bottom: 40px; }
.meta a { text-decoration: none; }
.meta a:hover { text-decoration: underline; }
.tag { margin-right: .4em; }

ul.posts { list-style: none; padding: 0; margin: 0; }
ul.posts li { margin: 0 0 28px; }
ul.posts .title { font-size: 17px; font-weight: bold; text-decoration: none; line-height: 1.6; }
ul.posts .title:hover { text-decoration: underline; }
ul.posts .meta { margin: 4px 0 0; }

figure { margin: 2em 0; text-align: center; }
figure img { max-width: 100%; max-height: 560px; width: auto; height: auto; border-radius: 4px; }
figure.wide img { max-height: none; width: 100%; }
figcaption { color: #888; font-size: 13px; line-height: 1.6; margin-top: 8px; }

table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 0 0 1.4em; display: block; overflow-x: auto; }
th, td { border-bottom: 1px solid #eee; padding: 8px 10px; text-align: left; vertical-align: top; }
th { color: #666; font-weight: bold; border-bottom-color: #ddd; }

pre { background: #f6f6f4; padding: 16px; border-radius: 4px; overflow-x: auto; font-size: 13px; line-height: 1.6; }
code { font-family: ui-monospace, Menlo, monospace; }
strong { font-weight: bold; }