@charset "UTF-8";
/**************************************************************/
/* sns */
/**************************************************************/

.sns-list {
    max-width:1140px;
    width:calc(100% - 40px);
    margin:50px auto 0;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}

.sns-btn {
    display: block;
    width:60px;
    height:60px;
    padding:5px;
    margin:0 20px;
    background:#000;
    border-radius: 16px;
}

.sns-btn:hover {
   opacity: .7;
}

.sns-btn img {
    width:100%;
}


@media screen and (max-width: 999px) {
    .sns-list {
        width:calc(100% - 30px);
        margin:50px auto 0;
    }

    .sns-btn {
        width:50px;
        height:50px;
        padding:4px;
        margin:0 15px;
        border-radius: 12px;
    }
}
@media screen and (max-width: 599px) {
    .sns-list {
        width:calc(100% - 20px);
        margin:50px auto 0;
    }

    .sns-btn {
        width:40px;
        height:40px;
        padding:3px;
        margin:0 10px 0 10px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 399px) {
    .sns-list {
        width:200px;
        margin:50px auto -10px;
    }
    
    .sns-btn {
        margin:0 10px 10px 10px;
    }
}

.sns-x {
    background:url("../img/sns_x.svg") no-repeat center center;
    background-size: 100% auto;
}

.sns-note {
    background:url("../img/sns_note.svg") no-repeat center center;
    background-size: 100% auto;
    box-sizing: border-box; 
    border:solid 2px #000;
}

.sns-line {
    background:url("../img/sns_line.svg") no-repeat center center;
    background-size: 100% auto;
}

.sns-tiktok {
    background:url("../img/sns_tiktok.svg") no-repeat center center;
    background-size: 100% auto;
}

.sns-instagram {
    background:url("../img/sns_instagram.svg") no-repeat center center,
    url("../img/sns_instagram_bg.png") no-repeat center center;
    background-size: 100% auto,100% auto;
}

.sns-youtube {
    background:url("../img/sns_youtube.svg") no-repeat center center;
    background-size: 100% auto;
}