.sns_button {
  box-shadow: inset 0 0 0 0px #fff;
  border-radius: 100%;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;

    background-color: gray;

}
.sns_button a {
  display: table-cell;
  width: 44px;
  height: 44px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;

}
.sns_button i {
  font-size: 20px;
  vertical-align: middle;
}
.sns_button:hover {
  box-shadow: inset 0 0 0 22px #fff;
}

.sns_button + .sns_button {
  /*
  margin: 0 0 0 12px;
  */
  margin: 0 0 0 2em;
}

.twitter:hover a {
  color: #1B95E0;
}

.facebook:hover a {
  color: #3B5999;
}

.linkedin:hover a {
  color: #0073b1;
}

.line-it-button{
  margin-left: 2em;

}


#not_sp{
    display: block;
}
#for_sp{
    display: none;
}


.zoom-link {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 30% 0 0; //縦横比を指定
     height: auto;
}
.zoom-photo {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    transition: all 8s ease-in-out 1s;
}
.zoom-image:hover .zoom-photo{
    transform: scale3d(1.2,1.2,1); // hover時の倍率を指定
}

.pc_img{
  display:block;
}
.sp_img{
  display:none;
}

/*------------  PC  --------------*/
@media screen and (min-width : 1000px){

}


/*------------  SP  ---------------------------------------------*/

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

#not_sp{
    display: none;
}
#for_sp{
    display: block;
}

.zoom-link {
    padding: 70% 0 0; //縦横比を指定
}
.zoom-photo {
}
.zoom-image:hover .zoom-photo{
}

.pc_img{
  display:none;
}
.sp_img{
  display:block;
}


}