/* =====================================
   Nocturne v0.1
   ===================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');


/* ---------- 全体 ---------- */

body{
    background:#121212;
    color:#e5e5e5;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    line-height:2;
    margin:0 auto;
    padding:24px;
    max-width:720px;
}

/* ---------- リンク ---------- */

a{
    color:#8fb8d8;
    text-decoration:none;
    transition:.2s;
}

a:hover{
    color:#d7ecff;
}

/* ---------- 見出し ---------- */

h1{
    font-size:2rem;
    font-weight:400;
    margin:48px 0 12px;
    color:#ffffff;
}

h2{
    font-size:1.3rem;
    font-weight:400;
    color:#d8d8d8;
    margin-top:48px;
    border-left:3px solid #8fb8d8;
    padding-left:12px;
}

h3{
    font-weight:400;
}

/* ---------- 本文 ---------- */

p{
    margin:1.2em 0;
}

/* ---------- 区切り線 ---------- */

hr{
    border:none;
    border-top:1px solid #2a2a2a;
    margin:40px 0;
}

/* ---------- 日付 ---------- */

.date{
    color:#888;
    letter-spacing:.25em;
    text-transform:uppercase;
    font-size:.85rem;
    margin-bottom:24px;
}

/* ---------- メモ ---------- */

.memo{
    background:#1a1a1a;
    border-left:4px solid #8fb8d8;
    border-radius:8px;
    padding:18px;
    margin:36px 0;
}

.memo-title{
    font-size:.8rem;
    letter-spacing:.2em;
    color:#8fb8d8;
    margin-bottom:10px;
}

/* ---------- 引用 ---------- */

blockquote{
    border-left:2px solid #666;
    color:#bdbdbd;
    padding-left:16px;
    margin:32px 0;
    font-style:italic;
}

/* ---------- 写真 ---------- */

img{
    display:block;
    width:100%;
    border-radius:12px;
    margin:28px auto;
}

/* ---------- 最後 ---------- */

.ending{
    text-align:center;
    color:#777;
    margin:64px 0;
    letter-spacing:.15em;
    font-size:.85rem;
}