//========SNS Buttons INI================================


div.snszone {
text-align: center;
}

.snszone button {
    border: 1px solid gray;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
line-height: 15px;
font-size:80%;
margin-bottom:10px;
}

.sns_l {
    border: 1px solid #00b900 !important;
color:#fff;
background-color:#00b900;
}
.sns_l:hover {
background-color:#128f0c;
}
.sns_t {
    border: 1px solid #1b95e0 !important;
color:#fff;
background-color:#1b95e0;
}
.sns_t:hover {
background-color:#0c7abf;
}
.sns_f {
    border: 1px solid #4c69ba !important;
color:#fff;
background: linear-gradient(#4c69ba, #3b55a0);
}
.sns_f:hover {
background: linear-gradient(#5979d2, #4e6bba);
}
.sns_g {
    border: 1px solid #d4d4d4 !important;
color:#db4437;
background: #fff;
}
.sns_g:hover {
background: #888;
}
.sns_h {
    border: 1px solid #00a4de !important;
font-weight:bold;
font-family: Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
line-height: 15px;
color:#fff;
background-color:#00a4de;
}
.sns_h:hover {
background-color:#0091c5;
}
.sns_p {
    border: 1px solid #aaa;
color:#222;
background-color:#f2f2f2;
}
.sns_p i {
color:#ef4256;
}
.sns_p:hover {
background-color:#ececec;
}





.fa {
    display: inline-block;
}
.fa:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin-right: 4px;
}

.fa-line {
content: "";
width: 14px;
    height: 12px;
    margin-right: 1px;
    background: url(https://d.line-scdn.net/r/web/social-plugin/img/common/line.png) no-repeat;
    background-size: 14px 14px;
}
.fa-twitter:before {content: "\f099";}
.fa-facebook:before {content: "\f230";}
.fa-google:before {content: "\f0d5";}
.fa-pocket:before {content: "\f265";}

.uk-block {
padding-top: 0px !important;
padding-bottom: 0px !important;
text-align: center;
margin-bottom:5px;
}

@media (max-width: 768px) {


.snszone button {
margin-top:10px;
width:15.5%;
height:50px;
margin-bottom:0px;
}
.sns_l {
margin-top:0px !important;
margin-left:3px;
top: 5px;
    position: relative;
}

.sns_h {
margin-top:8px !important;
top: -3px;
    position: relative;
}

.sns_l_t,
.sns_t_t,
.sns_f_t,
.sns_g_t,
.sns_h_t,
.sns_p_t {
display:none;
}


.sns_h_i {
font-size:25px;
}

.fa:before {
font-size:25px;
    font: normal normal normal 25px/1 FontAwesome;
    margin-right: 0px;
}


.fa-line {
width: 30px;
    height: 30px;
    margin-right: 0px;
    background: url(https://d.line-scdn.net/r/web/social-plugin/img/common/line.png) no-repeat;
    background-size: 30px 30px;
}


}

//========SNS Buttons END================================