.sns_buttons_wrapper{
margin-top: 30px;
text-align: center;
}
.sns_button_fb_like,
.sns_button_tw_share,
.sns_button_hatena_bookmark,
.sns_button_fb_share,
.sns_button_line,
.sns_button_mail{
display: inline-block;
}
.sns_button_fb_like > iframe{
width: 115px;
}
.sns_button_tw_share,
.sns_button_line{
margin-right: 5px;
}
.sns_button_fb_share{
margin-right: -5px;
}
.sns_button_copy_paste{
font-size: 110%;
text-align: left;
}
.sns_button_copy_paste input{
display: block;
width: 100%;
box-sizing: border-box;
margin-top: 5px;
border-radius: 3px;
padding: 0.2em;
border: 1px solid #aaa;
font-size: 110%;
}
@media screen and (max-device-width: 640px){
.sns_buttons_wrapper{
text-align: left;
}
} .sns_button_custom_button{
margin-bottom: 1em;
display: block;
width: 48%;
float: left;
}
.sns_button_custom_button:first-child{
width: 100%;
}
.sns_button_custom_button:nth-child(2n){
margin-right: 4%;
}
.sns_button_custom_button:active{
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.sns_button_custom_button a{
color: #fff;
text-decoration: none;
display: inline-block;
font-weight: bold;
border-radius: 5px;
font-size: 105%;
background-color: #FE8609;
border-bottom: 4px solid #B26002;
width: 100%;
height: 2.8em;
padding: 0.6em 0 0.7em 0;
line-height: 1.4;
box-sizing: border-box;
}
.sns_button_custom_button a:hover{
color: #fff;
opacity: 0.75;
}
.sns_button_line_custom_button a{
background-color: #26C706;
border-bottom: 4px solid #198C04;
}
.sns_button_tw_share_custom_button a{
background-color: #479AE9;
border-bottom: 4px solid #356CA3;
}
.sns_button_fb_share_custom_button a{
background-color: #2D4486;
border-bottom: 4px solid #202F59;
}
.sns_button_mail_custom_button a{
background-color: #FE8609;
border-bottom: 4px solid #B26002;
}
.sns_button_hatena_bookmark_custom_button a{
background-color: #0E7AD6;
border-bottom: 4px solid #0B5695;
}
@media screen and (max-device-width: 640px){
.sns_buttons_wrapper.sns_buttons_wrapper_custom_button{
text-align: center;
}
} .sns_buttons_wrapper.sns_buttons_wrapper_custom_button_ver2{
text-align: center;
font-size: 0px;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 480px;
}
.sns_buttons_wrapper.sns_buttons_wrapper_custom_button_ver2 > *{
font-size: 14px;
}
.sns_button_custom_button_ver2{
margin-bottom: 1em;
display: inline-block;
vertical-align: top;
width: 10%;
margin-right: 3%;
margin-left: 3%;
}
.sns_button_custom_button_ver2 a{
text-decoration: none;
display: block;
width: 100%;
}
.sns_button_custom_button_ver2 a:hover{
opacity: 0.75;
}
.sns_button_custom_button_ver2 a img{
display: block;
width: 100%;
}
.sns_button_copy_paste_ver2{
text-align: center;
}