/*************************
toppage sns
*************************/
        .fa-twitter-square{color:#69a1d0}
        .fa-facebook-official{color:#7785a0}
        .fa-instagram{color:#a37ca8}
        .iScrollHorizontalScrollbar {
            overflow:inherit !important;
            position: absolute;
            z-index: 9999;
            bottom:0px;
            height:10px;
        }

        .iScrollHorizontalScrollbar .iScrollIndicator {
            width: 80%;
            height:25px;
        }

        .iScrollHorizontalScrollbar {
            height: 25px;
            background:#EEE;
            width:100%;
            right: 0;
            left:0;
            bottom: -40px;
        }

        .iScrollIndicator {
            position: absolute;
            background: #9b9b9b;
            border: 2px solid #777777;
            border-radius: 2px;
            box-sizing: border-box;
            cursor:pointer;
            height:25px;
            transition: all  0.3s ease;
        }

        .iScrollIndicator:hover {
            background:#c11805;
        }
        
        #section-social h2{
            text-align:left;
        }
        
        #social-content{
            position:relative;
            width:100%;
            height:400px;
            font-size: 14px;
            overflow:hidden;
        }

        #social-content img{
            vertical-align: bottom;
        }
        
        #social-content #social-wrapper p{
            word-break: break-all;
        }
        #social-content i{
        font-size: 36px;
        vertical-align: middle;
        }
        
        #social-content #social-wrapper i.fa-share-alt{
            font-size:20px;
            margin-right:5px;
        }
        
        #social-content #social-wrapper i.fa-share-alt{
            font-size:20px;
            margin-right:5px;
        }
        
        #social-content #social-wrapper .more i{
            font-size: 12px;
            vertical-align: middle;
        }
        
        #social-content #social-wrapper .datetime{
            text-align:right;
        }
        
        #social-content #social-wrapper{
            position:absolute;
/*            overflow:hidden;*/
            z-index:1;
            top:0;
            left:0;
            width:80%;
            margin: 0 10%;
        }
        #social-content #social-wrapper #content-box{
            width:3750px;
        }

        #social-content #social-wrapper #content-box .content-out{
            float:left;
            margin-right:60px;
            width:315px;
            position:relative;
            height:350px;
        }
        
        #social-content #social-wrapper #content-box .content-out:nth-last-child(1){
            float:left;
            margin-right:0px;
            width:315px;
        }
        
        #social-content #social-wrapper #content-box .content-out .share-btn{
            margin-left:5px;
            vertical-align: middle;
            color:#000;
            /* background-color:#a2a2a2; */
            background-color:#ddd;
            border:0;
            border-radius:5px;
            padding:6px;
            transition: all  0.3s ease;
        }
        

        #social-content #social-wrapper #content-box .content-out .share-btn:hover{
            color:#FFF;
            background-color:#525252;
        }
        
        #social-content #social-wrapper #content-box .content-out .img-link{
            display:block;
            margin-bottom:15px;
            text-align:center;
            vertical-align:middle;
            height:200px;
            background-image: url(../images/sns_noimage.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        
        #social-content #social-wrapper #content-box .content-out .img-link img{
            max-width:100%;
            max-height:200px;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        
        #social-content #social-wrapper #content-box .content-out .bottom-contents{
            bottom:0;
            position:absolute;
        }