.head-border {
	display: flex;
	align-items: center;
}

.head-border:before,
.head-border:after {
	content: "";
	height:1px;
	flex-grow: 1;
	background-color:#666;
}

.head-border:before {
	margin-right: 1rem;
}

.head-border:after {
	margin-left: 1rem;
}

.disnon {
	display: none !important;
	background-color : #FFF
}

/* コメント削除ボタン */
.commentArea .deleteIconArea {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding: 0 10px 0 0
}
.commentArea .commentUserDataArea p.commentDate {
  white-space: nowrap;
}
button.ico_comment_delete {
  display: inline-block;
  width: auto;
  height: 20px;
  background-image: url('/src/img/common/icon/ico_comment_delete.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-color: transparent;
  border: none;
}

/* ニックネーム設定確認_作成エリアダイアログ */
#modalNicknameCheckForTextArea .modal-content {
  height: 259px;
  padding: 20px;
}
#modalNicknameCheckForTextArea .modal-dialog {
  height: 259px;
}
#modalNicknameCheckForTextArea .modal-footer {
  padding-top: 20px;
}
#modalNicknameCheckForTextArea .modal-content-header {
  padding: 0;
}
#modalNicknameCheckForTextArea .modal-content-header h5 {
  margin-bottom: 15px;
  line-height: 15px;
}
#modalNicknameCheckForTextArea .modal-content-header p {
  margin-bottom: 20px;
}
@media screen and (max-width: 430px) {
	#modalNicknameCheckForTextArea .modal-content {
		height: 239px;
		padding: 20px 15px;
	}
	#modalNicknameCheckForTextArea .modal-content-header h5 {
		font-size: 15px;
	}
}

/* レビューコメント削除確認ダイアログ */
#modalReviewCommentDeleteConfirm .modal-content {
  height: 259px;
  padding: 40px;
}
#modalReviewCommentDeleteConfirm .modal-dialog {
  height: 259px;
}
#modalReviewCommentDeleteConfirm .modal-footer {
  padding-top: 20px;
}
#modalReviewCommentDeleteConfirm .modal-content-header {
  padding: 0;
}
#modalReviewCommentDeleteConfirm .modal-content-header h5 {
  margin-bottom: 15px;
  line-height: 15px;
}
#modalReviewCommentDeleteConfirm .modal-content-header p {
  margin-bottom: 20px;
}
@media screen and (max-width: 430px) {
	#modalReviewCommentDeleteConfirm .modal-content {
		height: 239px;
		padding: 20px 15px;
	}
	#modalReviewCommentDeleteConfirm .modal-content-header h5 {
		font-size: 15px;
	}
}