@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 {
    height: auto;
    max-width:100%
}

.images{
    text-align: center;
}

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

/*hr{
    border: none; /* 境界線を削除 
    height: 2px; /* 線の太さを指定 
    background-color: rgb(255, 255, 255); /* 線の色を指定 
}*/

/*.myoko{
    padding: 0;
    margin: 0;
    line-height: 1.0;
}*/

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

footer small{
    color: #fff;
}