@charset "utf-8";
/* CSS Information========

Table of Contents:
 * photo gallery
 
========================== */

.gallery-item{
  position: relative;
  width: 30.5%;
  padding-top: 30.5%;
  margin:5px; 

}
.gallery-item iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.gallery-item p {
 position: absolute;
 font-size:1.1rem;
 line-height: 2.5;
 padding-right:1px;
}


/*　タブレット用　*/
@media only screen and (min-width: 768px) {
.gallery-item{
  width: 18.7%;
  padding-top: 18.7%;
}
}

@media only screen and (min-width: 1024px) {
.gallery-item{ 
    width: 140px;
    padding-top: 140px;
}
}

/*　PC用　*/
@media only screen and (min-width: 1200px) {
.gallery-item{
 width: 190px;
 padding-top: 190px;
 margin: 10px;
}
}