/* ==========================
   【スマホのみ表示設定】
========================== */
@media screen and (min-width: 769px) {
	.floating-container {
		display: none;
	}
}

/* ==========================
   【全体コンテナ】
========================== */
.floating-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: transparent;
/* 背景透明 */
	text-align: center;
}

/* ==========================
   【バナー部分】
========================== */
.floating-banner img {
	width: 95%;
	max-width: 640px;
	margin: 4px auto;
	display: block;
}

/* ==========================
   【ボタンエリア：4列】
========================== */
.floating-buttons {
	display: flex;
	justify-content: center;
	gap: 6px;
/* 余白を小さめに */
	padding: 0 6px 8px;
/* 下余白も少なめ */
	max-width: 760px;
	margin: 0 auto;
	flex-wrap: nowrap;
}

/* 共通ボタン枠（大きめ） */
.floating-button {
	flex: 1 1 25%;
	max-width: 25%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.floating-button img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	transition: transform .15s ease;
}

.floating-button img:hover {
	transform: scale(1.05);
}

/* ==========================
   【TOPへ戻るボタン（右下）】
========================== */
#footerFloatingMenu .topButton {
	position: absolute;
	right: 6px;
	bottom: 100px;
/* 少し近づける */
	color: #000;
	font-size: 1.1em;
	background: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

#footerFloatingMenu .topButton .arrow {
	font-size: 1.4em;
	margin-bottom: 0;
	color: #000;
}

#footerFloatingMenu a:hover {
	opacity: .85;
}

@media (max-width: 480px) {
	#footerFloatingMenu {
		display: flex;
	}
}

/* スムーズスクロール */
html {
	scroll-behavior: smooth;
}

/* 電話・LINE・WEB予約（大きめ） */
.floating-button:not(.home-button) {
	flex: 1 1 31%;
/* 各ボタン約31% */
	max-width: 31%;
}

/* HOME（少し細め＝約7割） */
.floating-button.home-button {
	flex: 1 1 22%;
/* 他の7割程度 */
	max-width: 22%;
}