.link-vk {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/vk11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-vk:hover {
    background: url(../image/svg/vk12.svg);
    background-size: 21px 21px;
}
.link-fb {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/fb11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-fb:hover {
    background: url(../image/svg/fb12.svg);
    background-size: 21px 21px;
}
.link-tw {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/tw11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-tw:hover {
    background: url(../image/svg/tw12.svg);
    background-size: 21px 21px;
}
.link-ins {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/ins11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-ins:hover {
    background: url(../image/svg/ins12.svg);
    background-size: 21px 21px;
}
.link-ok {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/ok11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-ok:hover {
    background: url(../image/svg/ok12.svg);
    background-size: 21px 21px;
}
.link-yt {
    display: inline-block;
    margin: 0 2px;
    width: 21px;
    height: 21px;
    background: url(../image/svg/yt11.svg);
    background-size: 21px 21px;
    transition: 100ms;
}
.link-yt:hover {
    background: url(../image/svg/yt12.svg);
    background-size: 21px 21px;
}
@media only screen and (min-width : 601px) {
::-webkit-scrollbar {
    width: 5px;
    border-radius: 0px;
    padding: 2px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #e3e2e2;
}
::-webkit-scrollbar-thumb {
    background: #717171;
} }