@charset "utf-8";
/* CSS Document */

.sns {
  margin: 20px 0px;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  display: flex;
	flex-flow: column;
  width: 100%;
}

.sns li 
{
	text-align: center;
	flex: 1;
	margin: 0.1rem 0rem;
	width: 100%;
	border-radius: 3px;
}

.sns li a {
	padding: 7px 14px;
	display:block;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	font-size:1.5rem;
}
.sns li a:hover {
-webkit-transition: all 0.2s;
transition: all 0.2s;
display:block;
background-color:rgba(255,255,255,0.3)
}

.sns li.fb {
  background: #3b5998;
}

.sns li.tw {
  background: #68abdd;
}

.sns li.gp {
  background: #c63718;
}

.sns li.ha {
  background: #1c99cd;
}

.sns li.po {
  background: #ee4056;
}
.sns li.li {
  background: #5ae628;
}
@media screen and (min-width: 700px) {
		.sns {
			flex-flow: row;
		}
	.sns li {
	margin: 0rem 1rem;
}
}