@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&display=swap');/*見出しフォント*/

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;
}

.h1{
    font-family: "42dot Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.h2{
    font-family: "42dot Sans", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    background-color: #d9d9d9;  
}

.comic_h1{/*漫画ページh1の中央揃え*/
    text-align: center;
}

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

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

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

footer small{
    color: #fff;
}