@charset "utf-8";

/* 共通要素 */
body {
	position: relative;
	min-height: 100vh;
	padding-bottom: 58px;
}

/* ヘッダー */
/* ロゴマーク */
.logo {
	width: 30px;
	height: 30px;
}

/* フッター */
footer#bottom_foter {
	position: absolute;
	bottom: 0;
	width: 100%;
}
footer p {
	color: #fff;
	margin: auto;
}

/* テーブル */
th,
td {
	white-space: nowrap;
}

/* トップページ */
.how_to_use {
	max-width: 800px;
	padding: 24px;
}
.how_to_use .container_of_image {
	max-width: 760px;
	text-align: center;
}
.how_to_use .container_of_image img {
	max-width: 100%;
	margin-bottom: 12px;
}

/* Chart.js */
#chartjs-tooltip div {
	padding: 6px;
	border-radius: 6px;
	background-color: #000000BB;
}
#chartjs-tooltip iframe {
	width: 300px;
}
#chartjs-tooltip p {
	color: #fff;
	margin: 0;
	padding: 0;
}

/* SDFページ */
.sdf_list {
	table-layout: fixed;
}
.sdf_list th:nth-of-type(2) {
	width: 150px;
}
.sdf_list th:nth-of-type(3) {
	width: 160px;
}
.sdf_list th:nth-of-type(4) {
	width: 100px;
}
.sdf_list th:nth-of-type(5) {
	width: 182px;
}
.sdf_list th:nth-of-type(6) {
	width: 120px;
}
.copying_error_message {
	display: none;
}

/* 分子データページ */
.graph_message {
	color: #ff0000;
}
.switching_x_y_on_scatter_plot {
	display: none;
}
table#molecule_data iframe {
	width: 200px;
}
.operation_button_in_datatable {
	white-space: nowrap;
	margin-bottom: 4px;
}
.drawing_molecule_data {
	overflow: hidden;
}

/* 分子データ編集ページ */
.disabling_editing_molecule_data {
	display: none;
}
.molecule_data_2d_image {
	border: solid 1px #000;
}
#molecule_data_3d_image,
.generated_molecule_3d_image {
	position: relative;
	border: solid 1px #000;
}
.generated_molecule_3d iframe {
	width: 400px;
	height: 400px;
}
#molecule_data_3d_image_on_graph {
	width: 180px;
	height: 180px;
}
.editing_molecule_data p {
	margin: 0;
}
.editing_molecule_data input[type="text"] {
	width: 100%;
}
.editing_molecule_data textarea {
	width: 100%;
	height: 100px;
}
.molecule_column {
	margin-bottom: 12px;
}