/* <system section="theme" selected="smooth"> */
@i.sns-icons .common, .sns-icons .twitter, .sns-icons .instagram, .sns-icons .github, .sns-icons .facebook {
  font-size: 30px;
  float: left;
  margin: 5px;
  position: relative;
}
.sns-icons .common:hover, .sns-icons .twitter:hover, .sns-icons .instagram:hover, .sns-icons .github:hover, .sns-icons .facebook:hover {
  opacity: 0.7;
}
.sns-icons .twitter {
  color: #55acee;
}
.sns-icons .instagram {
  color: #D93177;
}
.sns-icons .github {
  color: #000;
}
.sns-icons .facebook {
  color: #3B5998;
}
.sns-icons .qiita {
  font-size: 35px;
  color: #fff;
  position: absolute;
  top: -4px;
  left: -2px;
}
.sns-icons .qiita-wrapper {
  background-color: #4cb10d;
  position: relative;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  padding: 1px;
  margin: 7px 5px;
  float: left;
}
.sns-icons .qiita-wrapper:hover {
  opacity: 0.7;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}mport "/css/theme/smooth/smooth.css";
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */