@charset "utf-8";

.xns_gnuboard_plugin_view_insert_sns_share {
  position:relative; padding:10px 0px; overflow:hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.xns_gnuboard_plugin_view_insert_sns_share div,
.xns_gnuboard_plugin_view_insert_sns_share a,
.xns_gnuboard_plugin_view_insert_sns_share img,
.xns_gnuboard_plugin_view_insert_sns_share i {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.xns_gnuboard_plugin_view_insert_sns_share a { text-underline:none; }

.xns_gnuboard_plugin_view_insert_sns_share .sns_area {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area {
    position: relative;
    margin: 0 0 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0px 5px;
    overflow: hidden;
    border-radius: 10px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a img {
    width: 45px;
    height: 45px;
    float: left;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.google-plus {
    background-color: #eb5e4c;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.facebook {
    background-color: #4267B2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.twitter {
    background-color: #40bff5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.item_copy {
    background: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a > i {
    font-size: 25px;
    line-height: 50px;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.facebook svg {
    width: 20px;
    fill: #fff;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.twitter svg {
    width: 20px;
    fill: #fff;
}

.xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a.item_copy svg {
    width: 20px;
    fill: #fff;
}

@media all and (max-width: 768px) {
    .xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a {
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0px 3px;
        line-height: 40px;
        font-size: 15px;
    }

    .xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a img {
        width: 40px;
        height: 40px;
    }

    .xns_gnuboard_plugin_view_insert_sns_share .sns_area .sns_btn_area a > i {
        font-size: 20px;
        line-height: 40px;
    }
}