/* =========================================
   基本設定
   ========================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 16px; 
    line-height: 1.6; 
    color: #333;
    background-color: #f0faff; 
}

.container {
    max-width: 800px;    /* 1100pxから800pxくらいに絞ると、ぐっとブログらしくなります */
    margin: 0 auto;     /* これで中央に寄ります */
    padding: 0 20px;    /* スマホで見た時の最低限の左右余白 */
    background-color: transparent; /* 背景が透けて見えるように */
}

html {
    scroll-behavior: smooth;
}