[data-dAccount] {
  display: none;
}
.dAccount {
  font-size: 12px;
  color: #000;
/*  padding: .5em;*/
  box-sizing: border-box;
  display: table;
  width: 100%;
  table-layout: fixed;
}

[data-dAccount="pc"] .dAccount {
  width: 500px;
}

.dAccount a {
  text-decoration: none;
}
.dAccount__title {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	height: 38px;
	padding: 0 2px 4px;
	border: solid 1px #969696;
	background: #fff;
	color: transparent;
	background: #fff url(./daccount_bk.jpg) center center no-repeat;
	background-size: 70px auto;
	box-sizing: content-box;
}

.dAccount__account {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
  border-style: solid;
  border-color: #969696;
  border-width: 1px 1px 1px 0;
}

.dAccount__login {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
  border-style: solid;
  border-color: #969696;
  border-width: 1px 1px 1px 0;
  position: relative;
  color: #000;  
}

.dAccount__login:link,
.dAccount__login:visited {
  color: #000;  
}

.dAccount__login::after {
  content : '>';
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dAccount__info {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
  border-style: solid;
  border-color: #969696;
  border-width: 1px 1px 1px 0;
  position: relative;
}

.dAccount__help {
  vertical-align: middle;
  padding: 4px;
  background-color: #cf0f31/*#f53e12*/;
  color: #fff;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}

.dAccount__help:link,
.dAccount__help:visited {
  color: #fff;  
}