@charset "utf-8";


/*2016 08変更
.snscon{
	margin:100px auto 45px;
	width:304px;
	}
.snscon2{
	margin:0 auto 25px;
	width:304px;
	}
*/
/*2016 08 変更*/

.snscon {
    margin: 0;
    text-align: center;
    float: left;
}


.pf_share {
    width: 55px;
    height: 55px;
    background-image: url(/images/common/pf.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
}
.fb_share {
    width: 55px;
    height: 55px;
    margin: 0 0 0 5px;
    background-image: url(/images/common/fb.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
}

.fb_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}

.tw_share {
    width: 55px;
    height: 55px;
    margin: 0 0 0 5px;
    background-image: url(/images/common/tw.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
}
.tw_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}

.gp_share {
    width: 55px;
    height: 55px;
    margin: 0 0 0 5px;
    background-image: url(/images/common/gp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
}
.gp_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}

.ln_share {
    width: 55px;
    height: 55px;
    margin: 0 0 0 5px;
    background-image: url(/images/common/ln.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
}
.ln_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}


.sp_share {
    width: 55px;
    height: 55px;
    margin: 0 0 0 5px;
    background-image: url(/images/common/share.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
}

.sp_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}




.mail_share {
	width: 60px;
	height: 60px;
	margin: 0 8px;
	background-image: url(/images/common/mail.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	opacity: 0.25;
	filter: alpha(opacity=25);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=25)";  /* ie 8 */
	-moz-opacity:0.25;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.25;
}
.mail_share:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
}



@media screen and (max-width: 750px) {

	.snscon a {
	    display: inline-block;
      padding: 1%;
	}

	.fb_share {
	    width: 42px;
	    height: 42px;
			margin: 0;
			background-size: 100%;
	}

	.tw_share {
		width: 42px;
		height: 42px;
		margin: 0;
		background-size: 100%;
	}

	.gp_share {
		width: 42px;
		height: 42px;
		margin: 0;
		background-size: 100%;
	}

	.pf_share {
		width: 42px;
		height: 42px;
		margin: 0;
		background-size: 100%;
	}

    .ln_share {
        width: 42px;
        height: 42px;
        margin: 0;
        background-size: 100%;
    }

  .snscon {
      width: auto;
      margin: 6px 0 0;
      float: none;
  }



}