@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;
}


/*ボタン*/
.PLAN6 {background: #333;}
.PLAN6 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 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 / 9;
}

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

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

.box-big10 {
  grid-column: 1/ 3;
  grid-row: 9 / 10;
}

.box-big11 {
  grid-column: 1/ 3;
  grid-row: 10 / 11;
}

.box-big12 {
  grid-column: 3 / 7;
  grid-row: 9 / 11;
}
.box-big13 {
  grid-column: 1 / 3;
  grid-row: 11 / 13;
}

.box-big14 {
  grid-column: 3 / 5;
  grid-row: 11 / 13;
}

.box-big15 {
  grid-column: 5 / 7;
  grid-row: 11 / 13;
}

.box-big16 {
  grid-column: 1/ 4;
  grid-row: 13 / 15;
}

.box-big17 {
  grid-column: 4 / 7;
  grid-row: 13 / 15;
}
.box-big18 {
  grid-column: 1 / 3;
  grid-row: 15 / 16;
}

.box-big19 {
  grid-column: 1 / 3;
  grid-row: 16 / 17;
}

.box-big20 {
  grid-column: 3 / 7;
  grid-row: 15 / 17;
}




/*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,
  .box-big12,
  .box-big13,
  .box-big14,
  .box-big15,
  .box-big16,
  .box-big17,
  .box-big18,
  .box-big19,
  .box-big20{
    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,
  .box-big12,
  .box-big13,
  .box-big14,
  .box-big15,
  .box-big16,
  .box-big17,
  .box-big18,
  .box-big19,
  .box-big20,{
    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;
  }


}