@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Dancing+Script);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{background:url(../screen.png) no-repeat;background-position:top center}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.col_social{position:fixed;top:50%;right:0;width:45px;height:540px;z-index: 10; margin:-280px 0 0 0;box-sizing:border-box}.col_social .btn_social{position:relative;display:block;width:40px;background:0 0;margin:8px 0 8px 10px;box-sizing:border-box;cursor:pointer;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}.col_social .btn_social:hover{width:50px;margin:8px 0 8px 0;padding:0 5px 0 0}.col_social .btn_social:after{content:'';position:absolute;bottom:8px;left:0;display:block;width:40px;height:30px;background:url(image/social_arrow.png) no-repeat}.col_social .btn_twitter{height:160px;background:url(image/btn_twitter.png) #5da1d0 no-repeat}.col_social .btn_facebook{height:180px;background:url(image/btn_facebook.png) #395591 no-repeat}.col_social .btn_youtube{height:170px;background:url(image/btn_youtube.png) red no-repeat}.row_social{position:fixed;top:0;left:0;width:100%;height:auto;background:#fff;z-index:-1;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.row_social .line_social{position:relative;width:100%;height:100%}.row_social .line_social.line_twitter:before,.row_social .line_social.line_twitter:after{background:#5da1d0}.row_social .line_social.line_twitter span:before,.row_social .line_social.line_twitter span:after{background:#5da1d0}.row_social .line_social.line_facebook:before,.row_social .line_social.line_facebook:after{background:#395591}.row_social .line_social.line_facebook span:before,.row_social .line_social.line_facebook span:after{background:#395591}.row_social .line_social:before{content:'';position:absolute;top:0;left:0;display:block;width:0;height:20px;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.row_social .line_social:after{content:'';position:absolute;bottom:0;right:0;display:block;width:0;height:20px;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.row_social .line_social span{position:relative;display:block;width:100%;height:100%}.row_social .line_social span:before{content:'';position:absolute;top:0;left:0;display:block;width:20px;height:0;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.row_social .line_social span:after{content:'';position:absolute;bottom:0;right:0;display:block;width:20px;height:0;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.row_social .col_timeline{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:480px;height:500px;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:2s;-moz-transition:2s;-ms-transition:2s;-o-transition:2s;transition:2s;z-index:-1}.row_social .twitter-timeline{outline:1px solid #5da1d0 !important}.row_social .fb-page{outline:1px solid #395591}.row_social .btn_close{position:absolute;top:80px;left:80px;cursor:pointer;-webkit-transition:2s;-moz-transition:2s;-ms-transition:2s;-o-transition:2s;transition:2s}.row_social .btn_close:hover{-webkit-transform:rotate(1440deg);-moz-transform:rotate(1440deg);-ms-transform:rotate(1440deg);-o-transform:rotate(1440deg);transform:rotate(1440deg)}.row_social .btn_close i{font-size:56px !important}.row_social .btn_close.close_twitter{color:#5da1d0}.row_social .btn_close.close_facebook{color:#395591}.overlay_twitter .row_twitter{z-index:1000;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}.overlay_twitter .col_timeline{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;z-index:1}.overlay_twitter .line_twitter:before,.overlay_twitter .line_twitter:after{width:100%}.overlay_twitter .line_twitter span:before,.overlay_twitter .line_twitter span:after{height:100%}.overlay_facebook .row_facebook{z-index:1000;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}.overlay_facebook .col_timeline{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;z-index:1}.overlay_facebook .line_facebook:before,.overlay_facebook .line_facebook:after{width:100%}.overlay_facebook .line_facebook span:before,.overlay_facebook .line_facebook span:after{height:100%}
/*# sourceMappingURL=social.css.map */