@charset "utf-8";
/*------------------------------------------------------------
	10th
------------------------------------------------------------*/
#main.main-gld {
	background-color: #FCFAF2
}
#main.main-gld .headLine01::before {
	background-color: #D4AF37;
}
#main.main-gld .headLine03 {
	border-left-color: #D4AF37;
}
#main .img-radius{
		border-radius: 2.2rem;
}
#main .videoList3 {
	margin: -4rem 0 8rem;
}
#main .videoList3 li {
	margin-top: 4rem;
	width: 30rem;
}
@media all and (max-width: 896px) {
	#main .videoList3 {
		margin: 0 0 4rem;
		display: block;
	}
	#main .videoList3 li {
		margin: 0 0 4rem;
		width: auto;
	}
	#main .videoList3 li:last-child {
		margin-bottom: 0;
	}
	#main .videoList3 img {
		width: 100%;
	}
}
/*------------------------------------------------------------
	PhotoSwipe
------------------------------------------------------------*/
    /* ギャラリー全体を包むコンテナ */
    .gallery-wrapper {
      max-width: 960px;
      margin: 0 auto;
/*    padding: 10px;*/
      box-sizing: border-box;
    }

    /* グリッドレイアウト（基本は4列） */
    .gallery-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 4px;
    }

    /* リンクと画像（自動縮小・フルレスポンシブ） */
    .gallery-container a {
      display: block;
      overflow: hidden;
      aspect-ratio: 1152 / 768; /* 3:2 の比率を維持 */
      background-color: #f0f0f0;
    }

    .gallery-container img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 枠線いっぱいにきれいに表示 */
      display: block;
      transition: transform 0.3s ease;
    }

    /* マウスホバー時の演出 */
    .gallery-container a:hover img {
      transform: scale(1.05);
    }

    /* レスポンシブ対応（幅896px以下で2列） */
    @media (max-width: 896px) {
      .gallery-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
      }
    }