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

.SP{display: none;}
.sidr ul li a.sidr-class-H_PHOTO {background-color: #b9dbd8;}
.PHOTO p {width: 100%;text-align: center;font-size: 11px;}
.back {width: 100%;margin-top: 10px;}
/* #HEADER ul.NAVI li a.H_PHOTO strong {color: #0B6374;}
#HEADER ul.NAVI li a.H_PHOTO span { color: #0B6374;} */
.sidr ul li a.sidr-class-H_PHOTO {background-color: #E08D1C;}
#HEADER ul.NAVI li a.H_PHOTO	{ border-bottom:3px solid #5C514F; }


/*ボタン*/
#SHEET div{overflow: visible;}
div.gallery_buttons{display: flex;justify-content: center;margin-bottom: 25px;}
.gallery_button{background: #2C561A;color: white;padding: 6px 35px;font-size: 14px;margin: 0px 15px;}
.gallery_button a{color: white;display: inline-block;}
.thin{background: #A9BCA1;}
.thin:hover{background: #2C561A;transition: all  0.3s ease;}



/*ギャラリー*/
.photo_text{text-align: center;margin: 10px 0;margin-bottom: 40px;}
.GALLERY{width: 960px;margin-bottom: 80px;}
.GALLERY img{width: 100%;}
.item {}
.container {
  display: grid;
  gap: 15px;
  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 / 4;}
.box-big3{grid-column: 1 / 3;grid-row: 4 / 5;}
.box-big4{grid-column: 3 / 7;grid-row: 3 / 5;}

.box-big5{grid-column: 1 / 5;grid-row: 5 / 7;}
.box-big6 {grid-column: 5 / 7;grid-row: 5 / 6;}
.box-big7 {grid-column: 5 / 7;grid-row: 6 / 7;}

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

.box-big11 {grid-column: 1/ 5;grid-row: 9 / 11;}
.box-big12 {grid-column: 5 / 7;grid-row: 9 / 10;}
.box-big13 {grid-column: 5 / 7;grid-row: 10 / 11;}



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

.SP{display: block;}
.PC{display: none;}

/*ギャラリー*/
.GALLERY{width: 90vw;margin: 0 auto;}
.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{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_3,.box-big11_3,.box-big12_3,.box-big13_3{grid-column: 1;grid-row: auto;}

}