select#type:focus {outline:none;}

.db_icon	{padding:.25em; margin-right:.5em; font-size:.75em; background-color:#333; color:#fff; border-radius:.25em; font-weight:bold;}

.db_section 				{margin-bottom:2em; padding-bottom:2em; border-bottom:1px dotted #ddd;}
.db_section:last-child		{border-bottom:none;}
.db_section h3 				{padding-left:.5em; border-left:5px solid #333;}
.db_section p.desc			{padding-left:1.25em; margin-top:.25em; text-indent:-1.25em;}
.db_section p.desc::before	{content:"*"; margin-right:.5em; color:red;}

.db_ul									{margin-left:0 !important; list-style:none;}
.db_ul li 								{margin-right:1em; display:inline-block;}
.db_ul li label							{}
.db_ul li label img 					{height:32px; margin-right:.5em; -webkit-filter:grayscale(100%); filter:gray; opacity:.15;}
.db_ul li label input:checked ~ img 	{-webkit-filter:grayscale(25%); filter:none; opacity:1;}
.db_ul li label input[type=radio],
.db_ul li label input[type=checkbox]	{margin-right:.5em;}
.db_ul li > a 							{margin-left:1.5em;}

.db_exchange					{width:100%; margin-top:.5em; padding:.5em; display:inline-block; background-color:#fbfbfb; border:1px solid #ddd; border-radius:5px; line-height:150%;}
.db_exchange p					{margin:0 0 .5em 0; padding:0; opacity:.75;}
.db_exchange ul					{margin:0; padding:0; line-height:200%;}
.db_exchange ul li				{width:12.5%; list-style:none; display:inline-block; white-space:nowrap; float:left;}
@media only screen and (max-width:1024px) {
	.db_exchange ul li			{width:16.5%;}
}
@media only screen and (max-width:900px) {
	.db_exchange ul li			{width:20%;}
}
@media only screen and (max-width:750px) {
	.db_exchange ul li			{width:25%;}
}
@media only screen and (max-width:650px) {
	.db_exchange ul li			{width:33.33%;}
}
@media only screen and (max-width:550px) {
	.db_exchange ul li			{width:50%;}
}
.db_exchange ul li dl::before		{content:"ㆍ"; margin-right:0em;}
.db_exchange ul li dl				{margin:0;}
.db_exchange ul li dl *				{display:inline-block; border-bottom:1px dotted transparent;}
.db_exchange ul li:hover dl > *		{color:red;}
.db_exchange ul li dl dt			{padding-right:.25em;}
.db_exchange ul li dl dt .symbol	{opacity:.5;}
.db_exchange ul li dl dd			{margin:0; font-weight:bold;}

.many li 								{width:22.25%;}
.many li label							{word-break:nowrap; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

div.iFrameArea						{max-width:1080px;}
div.iFrameArea div.ratioArea		{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:55%;}
div.iFrameArea div.ratioArea iframe	{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

div.iFrameArea_tiktok						{max-width:542px;}
div.iFrameArea_tiktok div.ratioArea			{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:131%;}
div.iFrameArea_tiktok div.ratioArea iframe	{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

.db_code					{width:95%; display:inline-block; margin:0 !important; padding:.5em 1em !important; box-sizing:border-box; line-height:normal !important;}
.db_code.line-numbers		{padding-left:3.25em !important;}
.db_code .db_transparent	{width:auto !important; border:none !important; outline:none;}