// 記事の詳細画面
.vk-custom-field-builder {
	table {
		th,td {
			font-size:14px;
		}
		th {
			white-space: nowrap;
		}
		.description {
			font-size:14px;
		}
	}
}

// 共通設定画面
.vgjpm{
	padding:1em 2em 1em 1em;
	h2 {
		font-size: 1.6em;
		margin-top:2em;
		margin-bottom:1rem;
		padding-bottom:0.3em;
		border-bottom:1px solid #ccc;
	}
	.admin-table{
	width:100%;
	margin-bottom:15px;
	th,
	td {
		padding: 5px;
		border-bottom:1px solid #ccc;
	}
	th {
		text-align: left;
		width:200px;
		font-weight: normal;
		white-space: nowrap;
	}
	td {
		input[type=text] {
			width:100%;
		}
	}
} // .admin-table{
	.footer-logo {
		text-align: right;
		img {
			width:150px;
			height:auto;
		}
	}
	// 投稿タイプ選択とスクリーンショットを横並びにするレイアウト / Layout that places the post type checklist and sample screenshots side by side.
	.vgjpm-posttype-section {
		display: flex;
		flex-wrap: wrap;
		gap: 2em;
		align-items: flex-start;
		&__checklist {
			flex: 1 1 300px;
			min-width: 0;
		}
		&__screenshots {
			flex: 0 1 auto;
			display: flex;
			flex-wrap: wrap;
			gap: 0.5em;
			a {
				display: inline-block;
				line-height: 0;
			}
			img {
				max-width: 160px;
				height: auto;
				border: 1px solid #ccc;
			}
		}
	}
}