@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

.SP {
  display: none;
}

#HEADER ul.NAVI li a.H_PHOTO {
  border-bottom: 3px solid #2C561A;
}

.sidr ul li a.sidr-class-H_PHOTO {
  background-color: #73A45D;
}


/*ボタン*/
.MODEL {background: #333;}
.MODEL span{color: white;}


/*ギャラリー*/
.GALLERY_TEXT {
  letter-spacing: 2px;
  text-align: center;
  margin-top: 80px;
  font-size: 16px;
  margin-bottom: 50px;
}

.GALLERY {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 150px;
}

.GALLERY img {
  width: 100%;
}

.item {}

.container {
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 185px 185px 185px 185px 185px 185px 185px 185px 185px 185px;
}

.box-big1 {
  grid-column: 1 / 7;
  grid-row: 1 / 3;
}

.box-big2 {
  grid-column: 1 / 3;
  grid-row: 3 / 5;
}

.box-big3 {
  grid-column: 3 / 5;
  grid-row: 3 / 5;
}

.box-big4 {
  grid-column: 5 / 7;
  grid-row: 3 / 5;
}

.box-big5 {
  grid-column: 1 / 4;
  grid-row: 5 / 7;
}

.box-big6 {
  grid-column: 4 / 7;
  grid-row: 5 / 7;
}

.box-big7 {
  grid-column: 1 / 3;
  grid-row: 7 / 8;
}

.box-big8 {
  grid-column: 1 / 3;
  grid-row: 8 / 9;
}

.box-big9 {
  grid-column: 3 / 7;
  grid-row: 7 / 9;
}

.box-big10 {
  grid-column: 1/ 4;
  grid-row: 9 / 11;
}

.box-big11 {
  grid-column: 4/ 7;
  grid-row: 9 / 11;
}




/*PC・SP*/
.pc {
  display: block;
}

.sp {
  display: none;
}

/*PC・SP*/



@media screen and (max-width: 640px) {

  .SP {
    display: block;
  }

  .PC {
    display: none;
  }

  /*ギャラリー*/

  .GALLERY_TEXT {
    letter-spacing: 2px;
    text-align: center;
    margin-top: 40px;
    font-size: 14px;
    margin-bottom: 30px;
  }

  .GALLERY {
    width: 90vw;
    margin: 0 auto;
    margin-bottom: 70px;
  }

  .container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .box-big1,
  .box-big2,
  .box-big3,
  .box-big4,
  .box-big5,
  .box-big2,
  .box-big6,
  .box-big7,
  .box-big8,
  .box-big9,
  .box-big10,
  .box-big11{
    grid-column: 1;
    grid-row: auto;
  }

  .box-big1,
  .box-big2,
  .box-big3,
  .box-big4,
  .box-big5,
  .box-big2,
  .box-big6,
  .box-big7,
  .box-big8,
  .box-big9,
  .box-big10,
  .box-big11{
    grid-column: 1;
    grid-row: auto;
  }


  /*PC・SP*/
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  #footer span.pc {
    display: none;
  }

  #footer span.sp {
    display: block;
  }

  #footer strong a {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #footer strong a img {
    height: 24px;
  }


}
