@charset  "utf-8" ;

  
.honbun  {
  width:  1200px;
  margin:  20px auto 0px;
  display:  flex;
  color:  #0b101a;
  }
  
main  {
  flex-basis:  900px;
  background-color: #a1d8e2; 
  border-radius:  10px;
  }
  
article  {
  margin:  15px 20px;
  background-color: #f0f8ff;
  border-radius:  7px;
  padding:  15px;
  }
  
article h2  {
  margin-bottom:  10px;
  padding:  10px;
  background-color:  #fdd35c;
  border-radius:  5px;
  }
  
article p  {
  margin:  10px;
  }

.articleImg img  {
  display:  block;
  margin:  10px  auto;
  width:  400px; 
  }
  
.more a  {
  display:  block;
  padding:  3px;
  width:  100px;
  margin:  0 auto;
  background-color:  #008299;
  color:  #f0f8ff;
  text-align:  center;
  border-radius:  3px;
  }
    
aside  {
  flex-basis:  280px;
  margin-left:  20px;
  }
  
aside h2  {
  text-align:  center;
  margin-bottom:  10px;
  }
  
aside nav ul li a {
  color:  #008299;
  text-align:  center;
  display:  block;
  }
  
.log  {
  display:  block;
  background-color:  #a1d8e2;
  padding:  10px;
  border-radius:  10px;
  margin-bottom:  20px;
  }
  
.log ul li a  {
  width:  80px;
  margin:  0 auto;
  }
  
.finished  {
  background-color:  #a1d8e2;
  padding:  10px;
  border-radius:  10px;
  }
  
.finished ul li a  {
  width:  200px;
  margin: 10px auto;
  }  
  
.finished  ul li a img  {
  width:  200px;
  border-radius:  7px;
  }