/*
 Theme Name: Twenty Sixteen Child
 Template: twentysixteen
*/



body, button, input, select, textarea,
.entry-title,           /* 以下、明示指定されているものを上書き */
.main-navigation,       /* 画面右上のメニュー */
.comment-metadata,      /* コメントの日付 */
.comment-reply-link,    /* コメントの返信ボタン */
input[type="submit"],   /* 送信ボタン */
.post-navigation,       /* 投稿単位のページナビゲーション */
.post-navigation .post-title,
.post-navigation div + div,
.comments-title,        /* コメント */
.comment-reply-title,
.comment-notes,
.comment-form label,
.widget .widget-title,
.logged-in-as {
    font-family: "Trebuchet MS","Arial","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.site-title,
.site-description,
.page-title {
    font-family: "Open Sans", "Trebuchet MS","Arial","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.site-branding .site-title {    /* サイトのメインタイトル */
    font-size: 2.1rem;
    font-weight: 400;
    letter-spacing: -0.1rem;    /* 文字間を少し寄せる */
}
 
.site-description {
    font-size: 1.1rem;
    margin: 0;
}
 
.entry-content h1 {         /* 実際には「見出し1」は使用しない */
    font-size: 1.4rem; 
    font-weight: 400; 
}
    
.entry-content h2 { 
    font-size: 1.3rem; 
    font-weight: 400; 
    border-bottom: thin solid #6495ed;
}
 
.entry-content h3 { 
    font-size: 1.2rem; 
    font-weight: 400; 
    border-left: 4px solid #6495ed;
    padding-left: 0.5rem;
}

.site-header {
    padding-top: 0rem;      /* サイトタイトルの上が広すぎるので */
    padding-bottom: 0rem;   /* サイトタイトルの下が広すぎるので */
}

.widget {
    border-style: none;         /* お葬式みたいな仕切り線を消す。*/
    font-size: 1rem;            /* ウィジェット内のフォントが小さ過ぎ */
    margin-bottom: 0.5rem;      /* ウィジェットどおしの間隔が広過ぎ */
}
 
.widget .widget-title {
    border-bottom: solid thin #6495ed !important;   /* タイトルに下青線 */
    padding-bottom: 0.4rem;                         /* 下線までの距離 */
    margin-bottom: 0.8rem;                /* 最初のエントリーまでの距離 */
    font-weight: 100;                   /* フォントが大きすぎるので */
    font-size: 1rem;
}
 
.widget ul {
    list-style-type: none;      /* リストのマーカーを消す */
    margin: 0;                  /* 注意。サブカテゴリーのインデントも消える */
    padding: 0;
}
 
.widget .cat-item {
    border-bottom: 1px solid #dcdcdc;       /* カテゴリー間に線 */
    padding: 0.3rem 0rem;       /* カテゴリー間が狭いので */
}
 
.widget .children .cat-item {
    border-bottom: none;        /* 親子カテゴリーの間の線はなし */
    padding: 0.3rem 0rem;       /* カテゴリー間が狭いので */
}
 
.widget .recentcomments {
    border-bottom: 1px solid #dcdcdc;   /* コメントの間に線 */
    padding: 0.5rem 0rem;               /* コメントと線の間 */
    line-height: 125%;                  /* 行間を狭める */
}

.comments-title,
.comment-reply-title,
.comment-notes,
.comment-form label,
.logged-in-as {
    font-size: 1.0rem;
    font-weight: 100;
    border-style: none;     /* お葬式みたいな線を削除 */
}
 
.comments-title {
    font-weight: 400;
}
 
.comment-form {
    padding-top: 0.5em;     /* 「コメントを残す」と注意書きの間が広いので */
}
 
.comment-notes,
.comment-form label,
.logged-in-as {
    font-size: 0.8rem;      /* 注意書き、ラベルのフォントが大きいので */
}
 
input[type="submit"] {
    font-size: 0.8rem;      /* フォントが大きいので */
}
 
p.comment-form-comment,
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.form-submit {
    margin-bottom: 0.5em;   /* 項目の間が広すぎるので */
}
 
.comments-area {
    border-top: thin solid #6495ed;       /* 領域の上に青線 */
    padding-bottom: 0.5rem;                 /* = 送信ボタンと下線までの距離 */
    margin-bottom: 2rem;                    /* 間が広すぎるので */
}
 
.comment-list article {
    padding: 0.2rem;        /* 周囲との間が広いので */
}
 
.comment-metadata {
    margin-bottom: 0.5rem;  /* コメント日付とコメントの間を小さく */
}
 
.comment-reply-link {
    margin-top: 0.5rem;     /* 「コメント返信」ボタンとコメントの間を小さく */
}



.post-navigation,
.post-navigation .post-title,
.post-navigation div + div {
    border-style: none;     /* お葬式みたいな線を潰す */
    font-size: 1.0rem;      /* 前や次が小さいのでまとめて同じ大きさに */
    font-weight: 400;
}

div.nav-next {
    text-align: right;                      /* 「次」は右寄せ */
}

.post-navigation a,
.post-navigation .meta-nav {
    padding: 0rem;                          /* 行間をつぶして狭く */
    line-height: 1;
    margin: 0rem;
}

nav.navigation {
    border-top: medium solid #6495ed;       /* 領域の上下に青線 */
    border-bottom: thin solid #6495ed;
    padding: 0.5rem 0;                      /* 線との距離 */
}