/** ****************************************************************** ●
  メインＣＳＳ
******************************************************************** */
/* ------------------------------------------------------ *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:2px;
	padding-bottom: 1px;
	
	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;
}
/* 描画ボタン群 */
#draw_btns_wrapper button {
  margin-bottom:4px;
}
#draw_btns_wrapper {
	position: relative;
	top:0px;
	margin-top:-6px;
}
#draw_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;
}

/* ------------------------------------------------------ *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;
}