/* UMユーザーページだけ、テーマ側のページヘッダーを非表示 */
body.um-page-user header.page__header.entry-header,
body.um-page-user .single.page-meta {
  display: none !important;
}

body.linknote-um-profile-page header.page__header.entry-header,
body.linknote-um-profile-page .single.page-meta {
  display: none !important;
}

/* ユーザーが設定したカラー設定*/

.site-main,
.um-profile,
.um-profile-meta{
   background: var(--user-color-bg);
}

body.um-page-user .um-profile {
  background: var(--user-color-bg);
  color: var(--user-color-text);
  border: 1px solid var(--user-color-border);
}

/* 文字色 */
body.um-page-user .um-profile,
body.um-page-user .um-profile p,
body.um-page-user .um-profile span,
body.um-page-user .um-profile div,
body.um-page-user .um-profile a {
  color: var(--user-color-text);
}

/* 枠線色 */
body.um-page-user .um-profile-header,
body.um-page-user .um-profile-body,
body.um-page-user .um-profile-nav,
body.um-page-user .um-profile-navbar {
  border-color: var(--user-color-border);
}

/*snsアイコン追加*/
/* niconicoアイコンの外側：um-profile-connectの横にfloat */
.linknote-profile-sns {
	float: left;
	margin-top: 0;
	margin-left: 8px;
	display: flex;
	align-items: center;
}

/* niconicoアイコン本体 */
.linknote-sns-niconico {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-sizing: border-box;

	background-color: #111111;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

/* hover時も動かさない */
.linknote-sns-niconico:hover {
	text-decoration: none;
	background-color: #111111;
	border-color: rgba(255, 255, 255, 0.25);
}

/* niconico画像をCSS背景で表示 */
.linknote-sns-niconico-img {
	width: 30px;
	height: 30px;
	display: block !important;

	background-image: url("../img/niconico_white.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* niconicoと既存SNSをfloatで横並び */
.um-profile-connect {
	float: left;
}

.linknote-profile-sns {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	display: flex;
	align-items: center;
}

/* 次のum-metaは回り込ませず、下に戻す */
.um-meta {
	clear: both;
}