--- --- @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700'); $break-small: 500px; $break-large: 840px; body { width: 800px; margin: 0 auto; padding: 0 20px; font-family: 'PT Serif', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-feature-settings: 'kern', 'palt', 'pwid'; -webkit-font-feature-settings: 'kern', 'palt', 'pwid'; -moz-font-feature-settings: 'kern', 'palt', 'pwid'; -moz-font-feature-settings: 'kern=1', 'palt', 'pwid'; @media screen and (max-width: $break-large) { width: auto; margin: 0; } } // MathJax #MathJax_Message { display: none; } // Highlight.js .hljs { border: 1px solid #d7d7d7; border-radius: 3px; background-color: #fff; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; padding: 12px 16px; line-height: 1.8em; } code { padding: 0 12px; } p code { padding: 3px 10px; background: #f6f6f6; border-radius: 3px; font-size: 16px; } a:hover, a:active, a:link, a:visited { color: black; text-decoration: none; } h1, h2, h3, h4, p { margin: 0; padding: 0; line-height: 1.333em; } hr { display: block; width: 100%; height: 1px; background-color: #dbdbdb; border: 0; margin: 40px 0; } .header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid #efefef; @media screen and (max-width: $break-small) { justify-content: center; } .logo { font-size: 24px; font-weight: bold; margin: 10px 0 10px; } .menu { list-style: none; padding: 8px 0; display: flex; flex-flow: row wrap; .menu__item:not(:last-child) { margin-right: 20px; } @media screen and (max-width: $break-small) { padding: 0; margin: 10px 0; } } } .metro { text-align: center; padding: 80px 0 40px; .logo { font-size: 60px; } .menu { list-style: none; padding: 8px 0; display: flex; flex-flow: row wrap; justify-content: center; margin-top: 20px; font-size: 20px; .menu__item:not(:last-child) { margin-right: 20px; } } @media screen and (max-width: $break-small) { padding: 50px 0 40px; .menu { font-size: 15px; } } } @import 'post';