@charset "utf-8";

/* =========================================================
 * TOPページ改修・フッター整理・Googleマップ（Issue #13）
 *
 * base.min.css / common.min.css は手コミット運用でソース編集が
 * 反映されないため、このファイルで上書きする。
 * ========================================================= */

/* ---------------------------------------------------------
 * TOP：FV
 *
 * 左右の画像（.visual-image）は position:absolute で高さを持たないため、
 * 画像（幅331px時に高さ約422px）が収まる高さを確保しないと下部が切れる。
 * --------------------------------------------------------- */
@media (min-width: 992px) {
	.top--diary.--free .bg--slack .container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 422px;
	}
}
.top--diary.--free .bg--slack .heading--section,
.top--diary.--free .bg--slack .heading--section .small,
.top--diary.--free .bg--slack p,
.top--diary.--free .bg--slack p strong {
	font-weight: 500;
}

/* ---------------------------------------------------------
 * TOP：Instagram / YouTube動画タブ
 *
 * 非アクティブが白背景で選択状態が分かりにくかったためグレーにする。
 * --------------------------------------------------------- */
.media-tabs__nav {
	gap: 8px;
}
.media-tabs__item {
	background: #e6e3e0;
}
.media-tabs__item:not(.is-active):hover {
	background: #d8d3cf;
}

/* ---------------------------------------------------------
 * Googleマップ（map-access.php）
 * --------------------------------------------------------- */
.map-access iframe {
	display: block;
	width: 100%;
	height: 400px;
	border: 0;
}
@media (max-width: 767px) {
	.map-access iframe {
		height: 280px;
	}
}

/* TOP：Instagramセクションの下・フッター手前に全幅で置く */
.top--map {
	margin-top: 60px;
}

/* ---------------------------------------------------------
 * フッター
 *
 * 3バナーを削除したので、.aside は緑の丘の背景（bg_f2.png・高さ140px）
 * を見せるためだけに残す。
 * --------------------------------------------------------- */
#footer .aside {
	height: 140px;
	padding: 0;
}