/*
Theme Name: Minimal Text
*/

html,body{
    margin:0;
    padding:0;
    height:100%;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans",Arial,Meiryo,sans-serif;
    font-size:18px;
    line-height: 36px;
    display:grid;
    grid-template-rows: auto 1fr auto;
}

header{
    line-height: 18px;
    margin: 36px;
    display: grid;
    grid-template-columns: 1fr auto;
}

.site-title{
}

nav{
    display: grid;
    grid-gap: 9px;
    grid-template-columns: auto auto;
}

main {
    width: 640px;
    margin:0 auto;
}

.posts{
    /* margin:144px 0; */
    margin:135px 0;
}

.post{
    /* margin: 90px 0; */
    margin: 72px 0;
}

.title{
    font-size:18px;
    line-height: 36px;
    font-weight: normal;
    margin:0;
}

.content{
    /* margin: 54px 0; */
    margin: 36px 0;
}

p{
    /* margin: 36px 0; */
    margin: 18px 0;
}

.date{
    margin: 0;
}

footer{
    line-height:18px;
    padding: 0 36px 36px 36px;
}

.comment-respond{
    margin: 72px 0;
}
.comment-respond h3{
    font-size:18px;
    line-height: 36px;
    font-weight: normal;
    margin:0;
}
.comment-notes{
    display:grid;
    grid-template-columns: auto;
    margin-top: 36px;
}
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url{
    display: grid;
    grid-template-columns: auto;
}
.comment-form label{
}
.comment-form input[type="text"], .comment-form textarea{
    /* height:18px; */
    font-size:18px;
    padding:0 9px;
    line-height:36px;
    width:100%;
    box-sizing: border-box;
}

.comment-form-cookies-consent{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 9px;
    align-items: baseline;
}
.comment-form-cookies-consent input[type="checkbox"]{
    transform: scale(1.25);
}

.form-submit input[type="submit"]{
    display: block;
    width: 100%;
    font-size: 18px;
    /* line-height: 36px; */
    /* padding: 0 9px; */
    height:42px;
}

/* .wp-block-quote{
    margin: 36px 0;
    padding: 18px 36px;
    background-color: #f9f9f9;
    border-left: 6px solid #d9d9d9;
} */

/* スマートフォン用のメディアクエリ */
@media only screen and (max-width: 712px) {
    /* Your CSS styles for smartphones here */
    body{
        width:100%;
        height:100%;
        padding:27px 36px 36px;
        box-sizing: border-box;
    }

    main {
        width: 100%;
    }

    header{
        margin:0;
        /* line-height: 18px; */
        /* margin: 36px; */
        display: grid;
        grid-template-columns: auto;
    }

    header .site-title{
        line-height: 36px;
    }

    nav{
        /* display: grid; */
        grid-gap: 0;
        grid-template-columns: auto;
        margin-top:18px;
        line-height: 36px;
    }

    footer{
        line-height:18px;
        padding: 0 0 36px;;
    }
}