/*コメント*/
.footer {
  /*display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 24px 24px;*/
  display: grid;
  grid-template-columns: repeat(auto-fit, 100px);
  grid-auto-rows: auto;
  grid-gap: 16px;
  justify-content:center;
  

}

#footer{
  
  color:#151515;
  padding:10%;
  text-align:left;position:relative;
}
.footer_copyright,
.footer_logo_wrap,
.footer_legal,
.footer_nav {z-index:2;
  grid-column: 1 / -1;}

 

#footer::after{background:rgba(255,255,255,0.0);position:absolute;

top:0;left:0;height: 100%;z-index:-5;
  width: 100%;content:"";}

/*#footer a, #footer a:hover, #footer a:hover:after{
  color: #981e2d;text-decoration:none;}*/

/*@media screen and (max-width:959px){
.footer_legal {justify-self: center;
    align-self: center;}

.only-pc{
 display:none !important;
}

.only-sh{display:contents;}

#footer{
  
  color:#151515;
  padding:40px;
  text-align:center;position:relative;
}

#footer::after{background:rgba(255,255,255,0.0);position:absolute;

top:0;left:0;height: 100%;z-index:1;
  width: 100%;content:"";}


}*/

@media screen and ( min-width:960px ) {
#footer{
  
  color:#151515;
  padding:40px;
  text-align:center;position:relative;
}

#footer::after{background:rgba(255,255,255,0.0);position:absolute;

top:0;left:0;height: 100%;z-index:-5;
  width: 100%;content:"";}



  .footer {display:grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px 3.125vw;z-index:10;
  }

  .footer_logo_wrap {
    grid-column: 1 / span 3;
  }

  .footer_nav {
    grid-column: 4 / -1;
  }

  .footer_legal {display:flex;justify-content:center;align-items:center;
    grid-row: -1;
  }

  .footer_copyright {
    grid-row: -1;
    justify-self: end;
    align-self: end;
  }
 .footer_nav
{display:flex;text-align:left;justify-content:space-around;}

.only-pc{visibility:visible;}

.ul-align-center .footer_nav_list{width:30vw;}


}