@charset "UTF-8";
/* CSS Document */

.cast_boxpop1 {
	margin: 0 auto;
  width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

.cast_pop1 {
  display: block;
  overflow: hidden;
}

.cast_pop1 > img {
  width: 80%;
  object-fit: cover;
  transition: transform 0.5s;
}

.cast_pop1:hover > img {
  transform: scale(1.00);
}

/* スクリーンサイズが960px以上の場合に適用（PC用） */
@media screen and (min-width: 960px) {
	.cast_boxpop1 {
		width: 320px;
	}
  .cast_pop1 > img {
		width: 100%;
    height: 388px;
  }
}

/* Gallery */

.gallery_box1 {
  margin: 20px auto 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.g_item {
  width: calc(50% - 10px);
  border: solid 5px #000000;
}

.g_item_tokyo {
  width: calc(50% - 10px);
  border: solid 5px #000000;
}

.g_item2 {
  display: block;
  overflow: hidden;
}

.g_item2 > img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: transform 0.4s;
}

.g_item2:hover > img {
  transform: scale(1.15);
}

/* スクリーンサイズが960px以上の場合に適用（PC用） */
@media screen and (min-width: 960px) {
	.gallery_box1 {
		width :900px;
	}
	.g_item {
		width: calc(25% - 10px);
	}
	.g_item_tokyo {
		width: calc(33.3% - 10px);
	}
  .g_item2 > img {
    height: 220px;
  }
}