body.blog section.blog div#contents article img{
  /*画像を正方形に表示（端が見切れる場合あり）する場合はobject～を有効に*/
  /*object-fit:cover;*/
  margin:auto;
  aspect-ratio:1;
}
body.blog #contents> article + article{
  margin-top: var(--bl05);
  padding-top: 30px!important;
  border-top:1px dashed #ccc;
}
body.blog div article > * + *{
  margin-top: 20px;
}
body.blog time{font-size:80%;}
body.blog #contents td div:not(:empty){
  margin-top: 16px;
  min-height:3em;
}
:root{
    --un:unset;
    --bk:#000;
    --bk50:#0008;
    --tx:#222;
    --txtr:#2228;
    --linkC:var(--mc);

    --gr:#bbbbbb;
    --gr20:#bbbbbb33;
    --gr40:#bbbbbb55;
    --gr50:#bbbbbb88;
    --gr70:#bbbbbbbb;

    --cc:#ccc;
    --dd:#ddd;
    --ee:#eee;
    --wh:#fff;
    --ff:#fff;
    --f2:#f2f2f2;
    --c6:#c6c6c6;
    --9b:#9b9b9b;
    
    --wh:#fff;
    --wh20:#fff3; 
    --wh40:#fff5; 
    --wh50:#fff8; 
    --wh70:#fffb;
    --bk:#000;
    --bk20:#0003; 
    --bk40:#0005; 
    --bk50:#0008; 
    --bk70:#000b;

    
      --mc:#ff8000;
    --mc11:#ff800011; 
    --mc20:#ff800033; 
    --mc40:#ff800055; 
    --mc50:#ff800088; 
    --mc70:#ff8000bb; 

    --sc:#cc4400;
    --sc20:#cc440033; 
    --sc40:#cc440055; 
    --sc50:#cc440088; 
    --sc70:#cc4400bb; 

      --ac:#32b16c;
    --ac20:#32b16c33; 
    --ac40:#32b16c55; 
    --ac50:#32b16c88; 
    --ac70:#32b16cbb; 

    --bc:#ffe6cc;
    --bc20:#ffe6cc33;
    --bc40:#ffe6cc55;
    --bc50:#ffe6cc88;
    --bc70:#ffe6ccbb;

}