@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
 contents
================================================================= */
.top_insta_7{
    /* background: rgba(255, 255, 255, 0.1); */
    background: rgba(0,0,0,.4);
    padding: 20px;
}
.top_insta_7 div.sns_list{
    border: none;
    overflow-y: auto;
    max-height: 400px;
}
.top_insta_7 div.sns_list::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 5px #666;
}
.top_insta_7 div.sns_list::-webkit-scrollbar {
    width: 8px;
}
.top_insta_7 div.sns_list::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(192, 172, 136, 0.16);
}
.top_insta_7 div.sns_list > div{
    padding: 0;
}
.top_insta_7 div.sns_list div.sns_photo{
    display: none;
}
.top_insta_7 div.sns_list div.sns_text{
    width: 100%;
    font-size: 16px;
}
.top_insta_7 div.sns_list div.sns_date{
    color: #fff;
}
.insta_square .sns_photo a{
    display: block;
    position: relative;
    padding: 0 0 100%;
    overflow: hidden;
}
.insta_square .sns_photo a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fb_01{
    text-align: center;
}

/* ================================================================= 
 footer
================================================================= */





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

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}




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

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */



}