.sns-share .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,0.6); display: flex; justify-content: center; opacity: 0; transition: all 0.5s;}
.sns-share.open .overlay {opacity: 1;}

.sns-share .close-button { position: absolute; background-color: #fff; border-radius: 3px; color: #959595; padding: 1px 5px; top: -40px; right: 10px; font-weight: 700; cursor: pointer; font-size: 17px; width: 27px; height: 27px; line-height: 20px;}
.sns-share .container { background-color: #fff; padding: 27px 12px; margin:0 20px; max-width: 768px; width: 100%; border-radius: 4px; box-sizing: border-box; position: fixed; z-index:3; bottom:-500px; opacity: 0; transition: all 0.5s;}
.sns-share.open .container {bottom:10%; opacity: 1;}
.sns-share .sns-share-content { margin:0 auto; position: relative; list-style: none; padding: 0; display: block; max-height:100%;}

.sns-buttons a {height:50px;width:80%;min-width: 400px;border-width: 1px;border-style: solid;border-radius: 10px;}
.sns-buttons a div:has(img) {left:20px}
.sns-buttons a img {width:30px;height:30px;object-fit:contain; object-position: center;}
.sns-buttons p {padding-top:10px}

@media screen and (min-width:769px) {
    /*pc only*/
}

@media screen and (max-width:768px){
    /*sp only*/
    .sns-buttons a {width:100%;}
}