/* レスポンシブ調整用CSS */

/* コンテンツエリアの画像をレスポンシブに */
#contents img {
    max-width: 100%;
    height: auto;
}

/* コンテンツエリアの幅を調整 */
#contents {
    max-width: 660px;
    overflow: hidden;
}

/* メインコンテナの幅を調整 */
#main {
    max-width: 978px;
    overflow: hidden;
}

/* アクセス画像専用のスタイル */
#contents .access-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* モバイル対応 */
@media screen and (max-width: 768px) {
    #main {
        width: 100%;
        padding: 0 10px;
    }
    
    #contents {
        width: 100%;
        margin: 0;
        float: none;
    }
    
    #lnav {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }
}