@charset "utf-8";

/************************************
 * side-bar
 ***********************************/
 #sns-list{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1em 0;
}
.fb-icon{
	background-image:url("../images/sns/fbook-icon-w.svg");
}
.tw-icon{
	background-image:url("../images/sns/twitter-icon-w.svg");
}
.inst-icon{
	background-image:url("../images/sns/insta-icon-w.svg");
}
.gplus-icon{
	background-image:url("../images/sns/gplus-icon-w.svg");
}
.line-icon{
	background-image:url("../images/sns/line-icon-w.svg");
}
.hatena-icon{
	background-image:url("../images/sns/hatena-icon-w.svg");
}
.mixi-icon{
	background-image:url("../images/sns/mixi-icon-w.svg");
}
.rss-icon{
	background-image:url("../images/sns/rss-icon-w.svg");
}
.feedly-icon{
	background-image:url("../images/sns/feedly-icon-w.svg");
}
.arrow-up-icon{
	background-image:url("../images/sns/arrow-up-icon-w.svg");
}
.icon-link{
	display:block;
	width:40px;
	height:40px;
	background-size:contain;
	background-color: rgb(9,86,124);
	background-position:center;
	border-radius:50%;
}
.icon-link:hover{
	background-color:#9BF;
}
#ukulele-icon{
	width: 24px;
	height: auto;
	position: relative;
	top: 10px;
	left: 16px;
}
section#upd_info_group{
	background-color:rgb(245,240,235);
	padding:12px 0;
}
.upd_info{
	height:100px;
	overflow:auto;
	padding:0 12px;
}
.upd_info th{
  text-align:left;
  padding-right:10px;
}

@media only screen and (min-width: 375px) {
#sns-list{
 justify-content: center;
}
#sns-list li:not(:first-child){
  margin-left: 1em;
}
}
  
@media only screen and (min-width: 768px) {
.upd_info{
  height:150px;
}
#sns-list{
  justify-content: space-between;
}
#sns-list li:not(:first-child){
  margin-left: 0;
}
}

@media only screen and (min-width: 961px) {
#sns-list{
  justify-content: center;
}
#sns-list li:not(:first-child){
  margin-left: 1em;
}
}