/* assets/css/core/32-sns.css
 * SNS アイコン列・ドロップダウン内 SNS（サイト横断・汎用）
 */

/* ドロップダウン内アイコン行 */
.lr-dropdown__sns-row {
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-height: 44px;
	padding: var(--lr-space-xs);
	border-bottom: 1px solid var(--lr-border);
}

.lr-dropdown__sns-row .lr-sns {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* アイコン列（横並び・汎用） */
.lr-sns {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--lr-space-xs);
	list-style: none;
	margin: 0;
	padding: 0;
}

.lr-sns__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--lr-text);
	transition: opacity var(--lr-ease);
}

.lr-sns__link:hover {
	opacity: .6;
}

.lr-sns__icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	display: block;
}

/* このページをシェア */
.lr-dropdown__share button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--lr-space-xs);
	width: 100%;
	height: 44px;
	background: none;
	border: 0;
	cursor: pointer;
	font: inherit;
	color: var(--lr-text);
}