@charset "utf-8";

.snslink{width:100%; margin-top: 1rem;position: relative;overflow: hidden;}
.snslink .sns{width: 45%;float:left;}
.snslink .sns.sns2{width: 55%;float:left;}
.snslink .sns ul{overflow:hidden;display: inline-block;margin-left: 1em;}
.snslink .sns ul li{position:relative;display: block;float: left;}  
.snslink .sns ul li + li{margin-left:1rem}
.snslink .sns ul li a{display:block;height:100%;-webkit-transition:background 0.3s;-ms-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;}

.snslink .sns ul li a .ico{display:inline-block;width: 1.5rem;height: 1.5rem;vertical-align:middle;background:#f0f3fb;border-radius:50%;}
.snslink .sns ul li a .ico img{display:block;width:100%;height:100%;-webkit-transition:0.3s;transition:0.3s;}
.snslink .sns em{display:inline-block;font-weight:400;/* width: 9rem; *//* max-height:2.75rem; */padding-left:.5rem;/* vertical-align:middle; */color:#333;font-size:.9rem;overflow:hidden;word-break: keep-all;}


/* media query mobile */
@media screen and (max-width: 1280px){



	
}

@media screen and (max-width: 1200px){

	

}

@media screen and (max-width: 1024px){



}

@media (max-width:690px) {



}

@media (max-width:560px) {



}

@media screen and (max-width: 480px){



}

@media (max-width:380px) {


}