/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20170614
*/

/*--------------------------------
SNS
---------------------------------*/

.sns{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
/*	padding:0 0 20px;*/
	padding:3vw 3vw 2vw; /* 20211028追記 */
	overflow: hidden;
	text-align: center;
}

.post .sns ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 20px;
}
.sns li {
	display: inline-block;
}

.sns li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:1.5rem;
	color:#fff;
	border-radius:100%;
	text-decoration: none;
	height:40px;
	width: 40px;
	margin:5px;
	cursor:pointer;
	box-sizing: border-box;
}

.sns li a:hover {
}

/* ツイッター */
.sns .twitter a {
	background:#55acee;
}
.sns .twitter a:hover {
	background:#4892cb;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
}
.sns .facebook a:hover {
	background:#324c81;
}

/* グーグル */
.sns .googleplus a {
	background:#dc4e41;
}
.sns .googleplus a:hover {
	background:#bb4237;
}

/* はてぶ */
.sns .hatebu a {
	background:#00a5de;
}
.sns .hatebu a:hover {
	background:#008cbd;
}

/* LINE */
.sns .line a {
	background:#25af00;
}
.sns .line a:hover {
	background:#219900;
}

/* Pocket */
.sns .pocket a {
	background:#f03e51;
}
.sns .pocket a:hover {
	background:#c0392b;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {
	/*SNSボタン*/
	.sns .fa {
		font-size:20px;
	}

	.sns li a {
		padding: 10px 15px;
	}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
	/*SNSボタン*/
	.sns li a {
		padding: 15px 20px;
	}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	/*--------------------------------
	SNS
	---------------------------------*/
	.sns{
		padding:30px 40px 20px; /* 20211028追記 */
	}
/*-- ここまで --*/
}