.grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 240px 2fr;
    width:100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
/*-------------------------------------------
aside
-------------------------------------------*/
#sidebar {
    width: 100%;
    padding: 10px;
  }
  #sidebar h3{
      color:rgba(255, 179, 103, 1);
      border-bottom: #777;
  }
  
  #sidebar .side-title {
    font-size: 1.125rem;
    font-weight: bold;
  }
#sidebar a{
    color:#777;
    text-decoration: none;
}

  #sidebar ul{
    margin-block-start:0 !important;
    margin-block-end:0 !important;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0 !important;

  }

  #sidebar li {
      border-bottom: 1px solid #d3d3d3;
      margin-top:10px;
      margin-bottom:10px;
      padding-bottom: 10px;
      list-style-position:inside;
  }
  #sidebar img{
      width:100%;
      height: auto;
  }
  .archive {
    text-align: center;
    margin-bottom: 60px;
  }
  .archive ul {
    border-bottom: solid  1px #777;
  }
  
  .archive li {
    font-size: 0.875rem;
    border-top: solid  1px #777;
    padding: 20px;
    text-align: left;
  }
  
  /*-------------------------------------------
  SP
  -------------------------------------------*/
  @media screen and (max-width: 767px) {
    /*-------------------------------------------
    aside
    -------------------------------------------*/
    #sidebar {
        display: none;

    }
    .grid {
        display: block;
    }

  }