/*SNS----------------------------------------------*/
#social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}
#social-icon i {
  width: 30px;
  height: 30px;
  margin: 0;
  line-height: 30px;
  text-align: center;
}
#social-icon .fa-facebook { background: #3b5998; }
.share {
	margin-top : 20px;
	max-width: 20%;
}
.share ul {
	list-style : none;
}
.share li {
	float : left;
	width : 23%;
	margin-top: 15px;
	margin-right: 2%;
}
.share li a {
	display : block;
	border-radius: 6px;
	padding : 5px;
	color : #fff;
	font-size : 80%;
	text-decoration : none;
	text-align : center;
}
.share li a:hover {
	opacity : 0.8;
	color : #fff;
}
.share li a:visited {
	color: #fff;
}
.share ul:after {
	content : "";
	display : block;
	clear : both;
}

@media only screen and (max-width: 750px) {
.share li {
	float : left;
	width : 100%;
	margin: 3% 2% 3% 0;
}
}
/*ボタン-----------------------------------------------------------*/
.tweet a {
	background-color : #55acee;
}
.facebook a {
	background-color : #315096;
}
.googleplus a {
	background-color : #dd4b39;
}
.hatena a {
	background-color : #008fde;
}
.line a {
	background-color: #00c300;
}
/*webフォント---------------------------*/
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?jq4enz');
	src: url('fonts/icomoon.eot?jq4enz#iefix') format('embedded-opentype'),  url('fonts/icomoon.ttf?jq4enz') format('truetype'),  url('fonts/icomoon.woff?jq4enz') format('woff'),  url('fonts/icomoon.svg?jq4enz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-google-plus:before {
	content: "\e900";
}
.icon-google-plus2:before {
	content: "\e901";
}
.icon-google-plus3:before {
	content: "\e902";
}
.icon-facebook:before {
	content: "\e903";
}
.icon-facebook2:before {
	content: "\e904";
}
.icon-twitter:before {
	content: "\e905";
}
.icon-youtube2:before {
	content: "\e906";
}