@charset "utf-8";
/* CSS Document */
/* SNSボタン用 */

/*メインカラム記事シェアボタン*/
.sharecover {
	display: flex;
	justify-content: left;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 5px;
	padding: 0px;
	box-sizing: border-box;
}
/*SNSシェアボタン*/
a.twitters {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 49.5%;
	box-sizing: border-box;
	margin-right: 0.5%;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #000000;
	border-radius: 3px;
}
a.twitters:hover {
	background-color: #000000;
}
a.facebooks {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 49.5%;
	box-sizing: border-box;
	margin-left: 0.5%;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #3b5998;
	border-radius: 3px;
}
a.facebooks:hover {
	background-color: #3b5998;
}
a.hatenas {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 49.5%;
	box-sizing: border-box;
	margin-right: 0.5%;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #00a4de;
	border-radius: 3px;
}
a.hatenas:hover {
	background-color: #00a4de;
}
a.lines {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 49.5%;
	box-sizing: border-box;
	margin-left: 0.5%;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #00cf2e;
	border-radius: 3px;
}
a.lines:hover {
	background-color: #00cf2e;
}
/* ▼画面サイズ（横幅）が960px以上の場合に適用 */
@media screen and (min-width: 960px) {
.sharecover {
	display: flex;
	justify-content: left;
	flex-direction: row;
	flex-wrap: nowrap;
}
a.twitters {
	width: 24.4%;
	margin-left: 0%;
	margin-right: 0.4%;
	margin-bottom: 0px;
}
a.facebooks {
	width: 24.4%;
	margin-left: 0.4%;
	margin-right: 0.4%;
	margin-bottom: 0px;
}
a.hatenas {
	width: 24.4%;
	margin-left: 0.4%;
	margin-right: 0.4%;
	margin-bottom: 0px;
}
a.lines {
	width: 24.4%;
	margin-left: 0.4%;
	margin-right: 0%;
	margin-bottom: 0px;
}
}

/*ハンバーガーメニュー内のSNSボタン用カラム*/
.sleftbox {
	order: 1;
	width: 49%;
	box-sizing: border-box;
	margin-right: 1%;
	display:flex;
	justify-content: center;
	flex-direction: column;
}
.srightbox {
	order: 2;
	width: 49%;
	margin-left: 1%;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	flex-direction: column;
}
/*SNSフォローボタン*/
a.pinterestf {
	order: 1;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #e71d27;
	border-radius: 3px;
}
a.pinterestf:hover {
	background-color: #e71d27;
}
a.twitterf {
	order: 1;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #000000;
	border-radius: 3px;
}
a.twitterf:hover {
	background-color: #000000;
}
a.hatenaf {
	order: 2;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #00a4de;
	border-radius: 3px;
}
a.hatenaf:hover {
	background-color: #00a4de;
}
a.feedlyf {
	order: 2;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1.5px solid #2bb24c;
	border-radius: 3px;
}
a.feedlyf:hover {
	background-color: #2bb24c;
}