@charset "UTF-8";
/* ==========================================================================
   MELB TOKYO / gallery.css
   GALLERYページ（page-gallery.php）専用
   --------------------------------------------------------------------------
   KV → Instagram（プラグイン） → VOICE
   ※ KV（.c-pageHero）/ CTA は common.css
   ========================================================================== */


/* ==========================================================================
   Instagram グリッド
   --------------------------------------------------------------------------
   写真部分は Smash Balloon（Instagram Feed プラグイン）が出力する。
   マークアップもCSSもプラグイン側なので、ここには何も書かない。
   列数・余白・ホバー効果などは
   管理画面 → Instagram Feed → Customize から変更する。
   ========================================================================== */


/* ---- グリッド下のフォロー導線（テーマ側） ---- */
.p-gallery__follow {
	margin-top: 56px;
	text-align: center;
}

.p-gallery__followText {
	font-size: var(--fs-text-sm);
	line-height: var(--lh-text);
	color: var(--color-text);
}

.p-gallery__action {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.p-gallery__follow {
		margin-top: 40px;
	}
}


/* ==========================================================================
   VOICE
   ========================================================================== */
.p-galleryVoice {
	background-color: var(--color-line);
}

.p-galleryVoice__head {
	margin-bottom: 40px;
}

.p-galleryVoice__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

@media screen and (max-width: 1024px) {
	.p-galleryVoice__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 767px) {
	.p-galleryVoice__list {
		grid-template-columns: 1fr;
	}
}