@charset "utf-8";

	/* Popup SNS */
	.popup_sns{
		position:fixed;
		z-index:1000;
		width:100%;
		top:87px;
		left:0px;
		display:none;
	}
		.popup_sns .sns_frame{
			padding:10px 5px;
			border:1px solid #ebebeb;
			background-color:#fff;
			background:rgba(240,240,240,.9);
			-webkit-box-shadow:0px 2px 3px rgba(0,0,0,.2);
			-moz-box-shadow:0px 2px 3px rgba(0,0,0,.2);
			box-shadow:0px 2px 3px rgba(0,0,0,.2);
		}
			.popup_sns .hb_share ul li a{
				text-shadow:0 1px 0px rgba(255,255,255,1);
			}
				.popup_sns .hb_share ul li a .text strong{
					color:#444 !important;
				}
				.popup_sns .hb_share ul li a:active .img i,
				.popup_sns .hb_share ul li a:active .text strong{
					color:#000 !important;
				}
				.popup_sns .hb_share ul li a .img i{
					color:#555 !important;
				}



	/* SNS */
	.hb_share{
		float:none !important;
		display:block !important;
		clear:both !important;
		overflow:hidden;
		margin:0px auto;
	}
		.hb_share ul li{
			padding:12px 0px;
			float:left;
			display:block;
			width:20%;
			text-align:center;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
			/*filter: alpha(opacity=7);*/
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
		}
		.hb_share ul li.tel_s{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
			/*filter: alpha(opacity=10);*/
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
		}
		.hb_share ul li.mobile_s{
			display:none;
		}
		*:first-child+html .hb_share ul li{
			width:19.5%;
		}
			.hb_share ul li a{
				display:block;
				margin:0px auto;
				letter-spacing:-.05em;
				-webkit-transition:all 0.35s ease-in-out;
				-moz-transition:all 0.35s ease-in-out;
				-ms-transition:all 0.35s ease-in-out;
				-o-transition:all 0.35s ease-in-out;
				transition:all 0.35s ease-in-out;
			}
			.hb_share ul li a:active{
				display:block;
				margin:0px auto;
				-webkit-animation: pulse 1s infinite;
				-webkit-transition:all 0.35s ease-in-out;
				-moz-transition:all 0.35s ease-in-out;
				-ms-transition:all 0.35s ease-in-out;
				-o-transition:all 0.35s ease-in-out;
				transition:all 0.35s ease-in-out;
			}
				.hb_share ul li .img i{
					display:block;
					font-size:250%;
				}
				.hb_share ul li .text strong{
					display:block;
					font-size:11px;
					line-height:13px;
					margin-top:2px;
				}
			.hb_share ul li a .img.kaka i{
				position:relative;
				top:-2px;
			}