@charset "utf-8"

/* 全体 */
body {
    background: #fff;
    color: #000;
    font-size: 16px;
}

blockquote {
    margin: 1.5em 0 1.5em 2em;
    padding-left: 10px;
    border-left: 8px solid #000;
}

/* レベル1の箱 */
.content {
    margin: 30px 10px 100px 10px;
    display: flex;
    align-items: flex-start; /* 縦位置は上寄せ */
    justify-content: flex-start; /* 横位置は左揃え */
}

/* レベル2の箱 */
.aside {
    /*border: 1px dotted #333333;*/
    width: 220px; /* テキスト折り返し防止 */
    margin: 10px 40px 10px 10px;
    text-align: right;
    align-items: center;
    justify-content: end;
}
.main {
    /*border: 1px dotted #333333;*/
    max-width: 800px;
    margin: 10px 40px 10px 10px;
    text-align: left;
    align-items: center;
    justify-content: start;
}

/* レベル3の箱 */

/* asideの中 */

.title {
    margin: 0 0 40px 0;
    line-height: 1em;
    font-size: 80px;
    font-weight: bold;
}
.title a {
    color: #000;
    text-decoration: none;
}
.title a:hover {
    text-decoration: underline;
}
.menu {
    margin: 0 0 40px 0;
    line-height: 2em;
}
.history {
    margin: 0 0 40px 0;
    font-size: 12px;
    color: #a9a9a9;
    align-items: flex-end;
}
.history .header {
    font-weight: bold;
    margin: 0 0 1em 0;
}
.history .entry {
    margin: 0 0 1em 0;    
}
.bgimage {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 134px;
    height: 134px;
    z-index: 20;
}
.bgimage:hover img {
    opacity: 0.5;
}

/* mainの中 */

.day {
    margin: 0 0 80px 0;
}
.day-title {
    line-height: 1em;
    font-weight: bold;
}
.day-text {
    line-height: 1.8em;
}

/* リンク */
a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/* 箇条書きの中黒は消す */
ul {
    list-style-type: none;
}