/*
 Theme Name:   agenda_child
 Description:  agenda_child Theme
 Version:      1.0.0
*/
/* フッター */
#footer_social_link li.twitter a:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 10px;
    -webkit-mask-image: url(/wp-content/themes/agenda_child/img/x_icon_logo.svg);
    mask-image: url(/wp-content/themes/agenda_child/img/x_icon_logo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #333;
}
#footer_social_link li.twitter a:hover:before {
    background-color: #aaa;
}

/* サイドバー SNS */
.side-sns {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.side-sns a {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 65px;
    padding: 0px 10px 0 20px;
    color: initial;
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none;
    background-color: #ffffff;
    border-bottom: 2px solid #cccccc;
}
.side-sns a:nth-child(even) {
    background-color: #fff7eb;
}
.side-sns a div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}
.side-sns a img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}
.side-sns a img.wide {
    width: 50px;
    height: 50px;
}
.side-sns a span {
    display: flex;
    justify-content: center;
    text-align: left;
}

@media(max-width:950px){
    /* サイドバー SNS */
    .side-sns {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .side-sns a {
        width: 50%;
    }
    .side-sns a:nth-child(odd) {
        border-right: 2px solid #cccccc;
    }
    .side-sns a:nth-child(even) {
        background-color: #ffffff;
    }
    .side-sns a:nth-child(4n+2),
    .side-sns a:nth-child(4n+3) {
        background-color: #fff7eb;
    }
}
@media(max-width:600px){
    /* サイドバー SNS */
    .side-sns {
        flex-direction: column;
    }
    .side-sns a {
        width: auto;
    }
    .side-sns a:nth-child(odd) {
        border-right: none;
    }
    .side-sns a:nth-child(4n+2),
    .side-sns a:nth-child(4n+3) {
        background-color: #ffffff;
    }
    .side-sns a:nth-child(even) {
        background-color: #fff7eb;
    }
}