/* PC表示前提 */
  header {
      width: 100%;
      height:80px;
      background-color: rgb(9, 90, 14);
      padding-left:4%;
      position: fixed;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
    }

    #header_block {	
      margin: 0; padding: 0;
      font-size: 20px;
    }

    #header_title {	
      text-decoration: none;
      color: #ffffff;
      margin: 0; padding: 0;
      font-size: 30px;
    }

    .header_menu_title {	
      text-decoration: none;
      color: #ffffff;
  }

  .header_menus {
    list-style: none;
    margin: 0;
    display: flex;
  }

  .header_menu {
    margin: 0 0 0 15px;
    font-size: 10px;
  }

  .navmenu {
    padding:1px;
    margin-right: 20%;
    margin-left: auto;
 }


  #col_left{
    width:20%; 
    float: left; 
    padding-left:0%;
    padding-top: 30px;
    margin-top: 30px;
}
#col_right{
    width:75%; 
    float: right;
    padding-top: 30px;
    margin-top: 30px;
}
ul.menus{
    list-style: none;
}
li.menu{
    margin-top: 10px;
    margin-bottom: 10px;
}  


  .galarry {
    display: flex;
    list-style-type: none;
    width: 80%;
    height: 400px;
  }
  .galarry img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 画像のアスペクト比を変えずにトリミング */
  }




/* レスポンシブ対応 */
@media screen and (max-width:600px) {
  header {
    width: 100%;
    height:80px;
    padding-left:4%;
    background-color: rgb(106, 8, 46);
    position: fixed;
    top: 0;
    left: 0;
  }

  /* レスポンシブのときは左カラムを表示させない */
  #col_left {display:none}

  #col_right{
    width: fit-content;
    float: right;
    padding-top: 30px;
    margin-top: 30px;
    display: inline-block;
}
}