@charset "utf-8";
/*-----------------------------------------------
Gallery SP

-----------------------------------------------*/
.gallery {margin: 4em auto;
}




.grid-tile {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-flow: row dense;
}


.clmn-tile:nth-child(5n - 4) { 
    grid-row: auto / span 2; 
    grid-column: auto / span 2; 
} 
 
.clmn-tile:nth-child(5n - 1) { 
    grid-row: auto / span 2; 
} 
 
.clmn-tile img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center; 
} 

.clmn-tile video { 
    width: 100% !important; 
    height: 100% !important;  
    object-fit: cover; 
    object-position: center; 
} 

.clmn-tile:has(iframe) { 
    width: 100% !important; 
    height: 100% !important;  
    object-fit: cover; 
    object-position: center;
    grid-row: auto / span 2 !important;
    grid-column: auto / span 2 !important;
}



.clmn-tile.aos-init.aos-animate {
    padding: 2px;
}

.clmn-tile.grid1-3 {
    grid-column: span 2;
}

.clmn-tile.grid1-4 {
    grid-column: span 2;
}

.clmn-tile + iframe {
     /* 1列目から2列にまたがる */
  grid-column: 1 / span 2;
  /* 1行目から2行にまたがる */
  grid-row: 1 / span 2;
}




.grid1-2 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
/*
.grid1-3 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
.grid1-4 {
  grid-column: 1 / 4;
  grid-row: 1 / 4;
}*/

.grid2-2 {
  grid-column: 2 / 2;
  grid-row: 2 / 2;
}

/*.grid2-3 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.grid2-4 {
  grid-column: 2 / 4;
  grid-row: 2 / 4;
}
*/