@charset "utf-8";
/* CSS Document */

/* socialSlide */
.socialSlide{right: 1%;top: 50%;margin-top: -95px;position: fixed;transform: translateY(-30%);z-index: 900;}
.socialSlide .reset{display: flex;flex-direction: column;align-items: center;position: relative;}
.socialSlide .reset li{display: inline-block;position: relative;width: 90px;color: #818181;text-transform: uppercase;border-bottom: 1px solid rgb(255 255 255 / 38%);overflow: hidden;border-radius: 50%;box-shadow: -6px 5px 20px 1px rgb(0 0 0 / 10%);background-color: #3f51b5;margin: 10px;}
.socialSlide .reset li a {color: #fff;font-size: 12px;font-weight: 300;padding: 15px 0px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.socialSlide .reset li a span{color: #fff;font-size: 12px;}
.socialSlide .reset li img{width: 30px;height: 30px;}
.socialSlide .reset li img {position: relative;display: block;top: 0;-webkit-filter: drop-shadow(0 55px 0 #fff);filter: drop-shadow(0 85px 0 #fff);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-align: center;margin-bottom: 4px;}
.socialSlide .reset li.Instagram{background: #d94088;}
.socialSlide .reset li.Line{background-color: #4caf50;}
.socialSlide .reset li:hover{opacity: .8;}
.socialSlide .reset li:hover img {top: -85px;}