/* css/mobile.css */
@media screen and (max-width: 768px){
    #header {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #header .logo {
        max-width: 140px;
    }
    .mainvisual {
        margin-bottom: 40px;
    }
    .intro .chatchphrase {
        font-size: 16px;
    }
    .intro p {
        text-align: left;
    }

    /* * 記事・作品ブロック (1カラムに変更)
     */
    .article-item {
        /* 幅を100%にして1列にする */
        width: 100%;
        /* 3カラム用の右マージンをリセット */
        margin-right: 0;
    }

    /* * (任意) サムネイルの高さを調整
     * スマホでは少し高さを変えたい場合など
     */
    .article-item .article-thumbnail {
        height: 200px; /* 例: 少し高さを大きくする */
    }
}