.post-content .kochi-sns-buttons ul {
	padding-block: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.post-content .kochi-sns-buttons ul > li {
	padding-block: 0;
	padding-inline-start: 0;
}

.post-content .kochi-sns-buttons ul > li::before {
	display: none;
}

.post-content .kochi-sns-buttons ul > li > a {
	border-radius: 100%;
	display: block;
	overflow: hidden;
}

.post-content .kochi-sns-buttons ul > li > a::before {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.post-content .kochi-sns-buttons ul > li > a:hover,
.post-content .kochi-sns-buttons ul > li > a:active,
.post-content .kochi-sns-buttons ul > li > a:focus-visible {
	opacity: 0.8;
}

.post-content .kochi-sns-buttons ul > li > a[href*='facebook.com']::before {
	background-image: url(../images/sns/facebook.png);
}

.post-content .kochi-sns-buttons ul > li > a[href*='x.com']::before {
	background-image: url(../images/sns/x.png);
}

.post-content .kochi-sns-buttons ul > li > a[href*='instagram.com']::before {
	background-image: url(../images/sns/instagram.png);
}

.post-content .kochi-sns-buttons ul > li > a[href*='youtube.com']::before {
	background-image: url(../images/sns/youtube.png);
}

.post-content .kochi-sns-buttons ul > li > a[href*='line.me']::before {
	background-image: url(../images/sns/line.png);
}

@media screen and (max-width: 1024px) {

	.post-content .kochi-sns-buttons {
		padding-block: 12px;
	}

	.post-content .kochi-sns-buttons ul > li > a {
		width: 56px;
		height: 56px;
	}

	.post-content .kochi-sns-buttons ul > li > a::before {
		width: 56px;
		height: 56px;
	}
}

@media screen and (min-width: 1025px) {

	.post-content .kochi-sns-buttons {
		padding-block: 16px;
	}

	.post-content .kochi-sns-buttons ul > li > a {
		width: 80px;
		height: 80px;
	}

	.post-content .kochi-sns-buttons ul > li > a::before {
		width: 80px;
		height: 80px;
	}
}