@charset "UTF-8";
body {
    font-family:"MS Pゴシック",sans-serif;        
}

aside {/*サイドバー設定*/
   background-color:#f5f5f5;
   width:22%;
   text-align: center;
 } 
 
main {/*メインコンテンツ設定*/
   background-color:#ffffff;
   width:76%;
   padding: 2%;
}

.yokonarabi {
   display:flex;/*サイドバーとメインコンテンツを横並びにする指定をした*/
   justify-content: space-between;
   /*なんか指定されてた　margin-bottom: 50px;*/
 }
 
@media screen and (max-width:800px) { 
    /*スマホ用*/
    aside,
    main {
        width: auto;
    }
    .yokonarabi {
        flex-direction: column;
    }
    .yokonarabi {
        flex-direction: column-reverse;
    }
}

img {
    max-width:100%
}

.block{
    border-bottom: 1px solid #000;/*下の線*/
}

footer{
    background-color: #000000;
    text-align: center;
}

footer small{
    color: #fff;
}