.kanaPanel {
	top:70px;
	height:auto;
	min-height:400px;
	z-index:20;
}

.kana-wrapper {
	padding:16px;
	box-sizing:border-box;
}
.kana-wrapper .h .dmak-svg {
	border:1px solid #aaa;
}

.kana-td {
	width:7vw;
	border:1px solid #aaa;
}

.kana-elem {
	font-size:5.2vw;

}

@media all and (min-width: 600px) {
.kana-td {
	width:48px;
}
.kana-elem	{
	font-size: 36px;
	}
}
.kana-td.details {
	cursor:pointer;
}

#kana-dmak {
	margin-top:8px;
	border:1px solid #aaa;	
}

#kana-details {
	width:280px;
	width:480px;
	display:none;
	z-index:100;
}

.kana-details-dialog .modal-dialog {
	width: 280px;
}
.kana-details-dialog .bootstrap-dialog-draggable {
	cursor: move!important;
}