@charset "utf-8";
/* CSS Document */
#section_sns_share{
	margin: 40px auto;
}
#section_sns_share .section_sns_share_title{
	margin-bottom: 0.75rem;
	color: #333333;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0.75rem;
}
#section_sns_share .section_sns_share_title::before{
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	background-image: url(../../../common/image/ic_share.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 0.25rem;
}
#section_sns_share .section_sns_share_btn{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
@media (max-width:768px) {
	#section_sns_share .section_sns_share_btn{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}
#section_sns_share .section_sns_share_btn ul{
	width: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 0;
}
@media (max-width:768px) {
	#section_sns_share .section_sns_share_btn ul{
		width: 100%;
	}
}
#section_sns_share .section_sns_share_btn ul li{
	font-size: 0;
	padding: 0;
	margin-right: 20px;
}
#section_sns_share .section_sns_share_btn ul li:last-child{
	margin-right: 0;
}
@media (max-width:768px) {
	#section_sns_share .section_sns_share_btn ul li{
		margin-right: 15px;
	}
}
#section_sns_share .section_sns_share_btn ul li a{
	display: block;
	padding: 8px;
	text-align: center;
	border-radius: 50%;
	transition: all 0.1s ease;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_twitter a{
	background: #1da1f2;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_facebook a{
	background: #1877f2;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_hatena a{
	background: #00a4de;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_line a{
	background: #00b900;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_twitter a:hover{
	box-shadow: 0 0 0 5px #1da1f2;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_facebook a:hover{
	box-shadow: 0 0 0 5px #1877f2;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_hatena a:hover{
	box-shadow: 0 0 0 5px #00a4de;
}
#section_sns_share .section_sns_share_btn ul li.section_sns_share_line a:hover{
	box-shadow: 0 0 0 5px #00b900;
}
#section_sns_share .section_sns_share_btn ul li a::after{
	display: none;
}
#section_sns_share .section_sns_share_btn ul li a img{
	width: 30px;
}