/* SNS
=================================== */

#sns #container { background:url(../img/bg_sns.jpg) fixed; background-size:cover; }
#sns #pagebody { background-color:#000; color:#fff; }

/* ------ Media Queries ------ */

@media all and (max-width: 767px) {

#sns #pagebody { padding-top:0; }
#sns #pagettl { width:auto; height:auto; margin:0 0 10px 0; padding:10px; border-bottom:#dcdddd 1px solid; background:none; text-indent:0; }
#sns main { padding:0 10px 10px 10px; }

}


/* sns-box
----------------------------------- */

#sns-box { width:100%; text-align:center; padding-bottom:20px; }
#sns-box-tw { width:600px; margin:0 auto 15px auto; }
#sns #sns-box-tw { border:#ebebeb 1px solid; box-sizing:border-box }

/* ------ Media Queries ------ */

@media all and (max-width: 767px) {

#sns-box { padding-bottom:0; }
    
#sns-box-tw { width:100%; }
    
}
    

/* bn-fb
----------------------------------- */

#bn-fb { width:300px; margin:auto; }
#bn-fb p { position:relative; width:100%; height:0; padding-top:25%; }
#bn-fb p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/sns/bn_sns_fb.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ------ Media Queries ------ */

@media all and (max-width: 767px) {

#bn-fb { width:50%; margin:0 25%; }

}

@media all and (max-width: 399px) {

#bn-fb { width:70%; margin:0 15%; }

}