@charset "utf-8";

/* タブレット以下の画面サイズのCSS */
@media (max-width: 767.98px) {

	/* 文字サイズの指定 */
	html{
		font-size: 12px !important;
	}

	/* 一覧画面の検索ボタンエリア */
	.f_listSearchButtonArea  {
		width: 150px !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* 詳細画面の登録・更新・削除ボタンエリア */
	.f_detailButtonArea  {
		width: 150px !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* ボタンを横並びにする */
	.f_detailButtonArea {
		display: flex;
		justify-content: center;
		gap: 10px;
		flex-wrap: nowrap;
		align-items: center;
	}

	/* ボタン幅を狭める（w200を上書き） */
	.f_detailButtonArea .btn.w200 {
		width: 150px !important;	/* ここ調整 */
	}

	/* 縦の余白で落ちないようにする */
	.f_detailButtonArea .mb-3 {
		margin-bottom: 0 !important;
	}

	/* mr-md-5 は md以上だけなので本来効かないが念のため */
	.f_detailButtonArea .mr-md-5 {
		margin-right: 0 !important;
	}

	/* 既存の改行用 div をスマホでは無効化（横並び優先） */
	.f_detailButtonArea .d-md-none {
		display: none !important;
	}
}