body {
    background-color: #ccf;
    margin: 0 2.5rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3',
        Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
}
.container {
    max-width: 100rem;
}
.social-container {
    display: flex;
    align-items: flex-end;
    margin-bottom: 2.5rem;
}
.social-container iframe {
    margin-right: 8px;
}
main.container {
    padding: 0 5rem 0.01rem 5rem;
    background-color: #fff;
}
main h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5rem 2.5rem -5rem;
    padding: 2.5rem 5rem;
    background-color: #ddd;
}
main h1 .logo {
    line-height: 0;
}
small {
    font-size: 70%;
}
code {
    font-size: 100%;
}
.image-container {
    text-align: center;
}
.image-container > img {
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 600px) {
    main h1 {
        margin: 0 -2.5rem 2.5rem -2.5rem;
        padding: 2.5rem;
    }
    main.container {
        padding: 0 2.5rem 2.5rem 2.5rem;
    }
}
@media screen and (max-width: 480px) {
    body {
        margin: 0;
    }
}

/* FB */
.fb-like {
    height: 20px;
    margin-left: -16px;
}
.fb-like > span {
    height: 20px !important;
    vertical-align: unset !important;
}
.fb-like > span > iframe {
    height: 20px !important;
}