@charset "UTF-8";
/* CSS Document */
.page_ttl{
  font-size:2rem;
  text-align:center;
  margin:1em auto;
}
  .menu-archive-inner {
    width: 100%;
    margin: 0 auto 60px;
  }
   .menu-archive-inlist{
     display:flex;
     flex-flow: wrap;
     gap:20px;
     width: calc(100% - 20px);
     margin: 0 auto;
   }
  .menu-archive-inlist-item{
  border:1px solid #333;
  padding:0.5em;
  width: calc((100% - 20px) / 2);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
   .menu-archive-cat{
     background:#333;
     color:#fff;
     padding: 0.5em;
     margin: 2em auto 1em;
     font-size: 1.4rem;
     text-align: center;
   }

@media screen and (min-width: 761px) {
  .menu-archive-inner {
    width: 1000px;
    margin: 0 auto 60px;
  }
  .menu-archive-inlist{
    width:100%;
  }
    .menu-archive-inlist-item{
  border:1px solid #333;
  padding:0.5em;
      width:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}