/** ****************************************************************** ●
  メインＣＳＳ
******************************************************************** */
/* ------------------------------------------------------ *common */
body, html, * {
	padding:0px;
	margin:0px;
}
body {
	background:url("../img/bg.jpg");
}
br {
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* ------------------------------------------------------ *common class */
.pm00 {
	padding:0px;
	margin:0px;
}
.d_ib {
	display:inline-block;
	vertical-align:top;
	padding:0px;
	margin:0px;
}
.d_none {
	display:none;
}
.t_left {
	display:inline-block;
	text-align:left;
}
/* ------------------------------------------------------ *bootstrap 4 */
.dropdown-toggle::after {
	display:none;
}
/* ------------------------------------------------------ *main */
/* メイン：中央表示 */
#main {
	display:inline-block;
}
.main_wrapper {
	width:100%;
	text-align:center;
}
/* ヘッダー：タイトル、サブタイトル */
.header {
	margin-top:1rem;
	margin-bottom:1rem;
}
/* 描画ボタン、画像 */
#draw_btns, img {
	padding:0px;
	margin:0px;
}
/* 描画ボタン：中央表示 */
#draw_btns_wrapper {
	text-align:center;
	padding:0px;
	margin:0px;
	margin-top:0.5rem;
}
/* 画像タイトル（正、誤、正解など） */
.img_title {
	/* font-size:14px; */
	font-weight:bold;
	background:#fff;
	text-align:center;
	padding:0px;
	margin:0px;
	padding-top:0.3rem;
	padding-bottom: 0.3rem;
	border:1px solid #ccc;
	border-radius: 8px 8px 0px 0px;
	border-bottom:none;
}
.img_title_wrapper {
	text-align:center;
}
/* 画像：エリア：親 */
.my_area {
	position: relative;
	display:inline-block;
	width:450px;
	height:520px;
	z-index:900;
}
/* 画像：内部：canvasを重ね合わせ */
.wh100 {
	position: absolute;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	height:auto;
}
/* 画像：共通 */
.main_img {
	background:#ccc;
	color:#fff;
}
/* メニュー：左上：プルダウン */
#my_menu {
	position:fixed;
	top:2px;
	left:2px;
	z-index:910;
}
.svg_001 {
	width:24px;
	height:24px;
}
/* 誤画像群の下部空間 */
#img002_wrapper {
	margin-bottom:4px;/*1rem;*/
}
/* 縦／横レイアウト用改行 */
.my_br, .my_br02, .my_br03 {
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
}
/* 描画ボタン群、正解ボタン群(ver.1.01) */
#draw_btns_wrapper button, #answer_btns_wrapper button {
	margin-bottom:4px;
}
#draw_btns_wrapper, #answer_btns_wrapper {
	position: relative;
	top:0px;
	margin-top:-6px;
}
#draw_btns, #answer_btns {
	margin:0px 0px;
	padding:2px;
	background:#fff;
	text-align:center;
	padding-top:5px;
	border:1px solid #ccc;
	border-radius: 0px 0px 8px 8px;
	border-top:none;
}
/* ヘルプページ：中央表示 */
.help_body_wrapper {
	text-align:center;
}
/* ------------------------------------------------------ *footer */
#footer {
	text-align:center;
}
#my_copy, #my_copy a {
	display:inline-block;
	font-size:12px;
	margin:1rem 0px;
	color:#666;
}
#my_copy a {
	text-decoration:underline;
}
/* ------------------------------------------------------ *top-page */
/* トップページ用 */
.margin_tb_1rem {
	margin:1rem 0rem;
}
/* ------------------------------------------------------ *table  */
table {
	background-color: rgba(255,255,255,0.9);
}
tbody {
	text-align: left;
}
/* ------------------------------------------------------ * ba_main */
#bg_main {
	position:fixed;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	top:0;
	left:0;
	/*
	background:#f00;
	border:1px solid;
	*/
	z-index:-1;
}
/* ------------------------------------------------------ *develop */
/* 開発用 */
#my_trace {
	position:fixed;
	bottom:0;
	right:0;
	color:#fff;
	background:#060;
	opacity:0.7;
	max-height:10rem;
}
.test_a01 {
	background:#ff0;
}
.test_a02 {
	background:#0f0;
}
.test_a03 {
	background:#00f;
}
.test_a04 {
	background:#f0f;
}
__div {
	border:1px solid #ccc;
}