.n2article-share {
	box-sizing: border-box;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.n2article-share *, .n2article-share *::before, .n2article-share *::after { box-sizing: border-box; }
.n2article-share--top {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	clear: both;
	margin: 0 -8px 8px 0;
	padding: 0;
}
.n2article-share .n2article-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 8px;
	border: 0;
	background: transparent;
	box-shadow: none;
	text-decoration: none;
	cursor: pointer;
}
.n2article-share .n2article-share__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
}
.n2article-share__icon svg { display: block; width: 17px; height: 17px; fill: currentColor; }
.n2article-share__icon--line { background: #06c755; }
.n2article-share__icon--line svg { width: 24px; height: 24px; }
.n2article-share__icon--facebook { background: #1877f2; }
.n2article-share__icon--facebook svg { width: 15px; height: 24px; align-self: flex-end; }
.n2article-share__icon--x { background: #111; }
.n2article-share .n2article-share__icon--copy { color: #666; background: #f1f1f1; }
.n2article-share__icon--copy svg { fill: none; }
.n2article-share__feedback { flex-basis: 100%; padding-right: 8px; text-align: right; }
.n2article-share--top .n2article-share__url { max-width: 300px; }
.n2article-share .n2article-share__link[data-share-service="line"] { display: none; }
/* JSなしのスマホ表示。JS有効時はOSで判定し、PCの狭い窓でも切り替えない。 */
@media (max-width: 767px) {
	.n2article-share .n2article-share__link[data-share-service="line"] { display: inline-flex; }
}
.n2article-share[data-share-mobile="true"] .n2article-share__link[data-share-service="line"] { display: inline-flex; }
.n2article-share[data-share-mobile="false"] .n2article-share__link[data-share-service="line"],
.n2article-share--top[data-share-mobile="true"] [data-share-copy] { display: none; }
.n2article-share--footer { position: relative; margin: 12px 0 16px; padding: 0; border: 0; }
.n2article-share .n2article-share__trigger,
.n2article-share .n2article-share__copy {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 44px;
	margin: 0;
	padding: 6px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #666;
	font: inherit;
	letter-spacing: normal;
	cursor: pointer;
	list-style: none;
}
.n2article-share__trigger::-webkit-details-marker { display: none; }
.n2article-share__trigger::marker { content: ""; }
.n2article-share__trigger svg, .n2article-share__copy svg { display: block; width: 16px; height: 16px; flex: none; }
.n2article-share__panel {
	position: relative;
	width: 212px;
	max-width: 100%;
	padding: 10px 14px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 3px 14px rgba(0,0,0,.1);
	color: #555;
}
.n2article-share__choices { display: flex; justify-content: center; margin: 0; padding: 0; }
.n2article-share .n2article-share__copy { width: 100%; justify-content: center; }
.n2article-share .n2article-share__url { width: 100%; margin: 6px 0; padding: 6px; border: 1px solid #ddd; background: #fff; color: #444; font-size: 16px; }
.n2article-share__status { display: block; font-size: 12px; line-height: 1.5; }
.n2article-share__status:empty { display: none; }
.n2article-share [hidden] { display: none !important; }
.n2article-share a:focus-visible, .n2article-share summary:focus-visible, .n2article-share button:focus-visible { outline: 2px solid #666; outline-offset: 2px; }
@media (hover: hover) {
	.n2article-share__link:hover .n2article-share__icon { opacity: .8; }
	.n2article-share .n2article-share__trigger:hover, .n2article-share .n2article-share__copy:hover { color: #222; }
}