@charset "UTF-8";

#gallery-main{
  margin: 0 auto 0;
  padding: 0;
  }
.gallery-title{
  font-size: 2rem;
  font-weight:bold;
  color:#fff;
  background-color: #000;
  height: 80px;
  line-height: 1.5rem;
  text-align: center;
  padding: 25px 0;
  }
.gallery-title-font{
  font-size: 1.2rem;
  color:#fff;
  }
#gallery-list{
  margin: 0 auto 0;
  padding: 15px;
  text-align: center;
  }
.gallery-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 50px auto 0;
  } 
.gallery-wrapper{
 -ms-flex-pack: justify; /*IE10*/
 -webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
 -webkit-justify-content: space-between; /* Safari6.1以降 */
  } 
.gallery-box{
  width: 12%;
  margin: 0 auto 50px;
  padding: 0 5px;
  }
.gallery-img{
  width: 100%;
}
.gallery-img-title{
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}

/*メディア対応*/
@media (max-width: 600px){

/*gallery
----------------------------------------------------*/
.gallery-title{
  line-height: 1.8rem;
  padding: 20px 0;
  }
.gallery-wrapper{
  margin: 20px auto 0;
  } 
.gallery-box{
  width: 25%;
  margin: 0 auto 25px;
  }
  
.gallery-img-title{
  font-size: 1rem;
}