
/* header */


/*#keyVisual{
    display:block;
    position:absolute;
    width:1500px;
    overflow:hidden;
    height:500px;
    top:0px;
    margin-left:50%;
    left:-725px;
    z-index:1px;
    }*/

#keyVisual{
    top:0;
    position:absolute;
    width:100%;
    height:500px;
    text-align:center;
    z-index:1;
}
.keyVisualinner{
        top:0;
    position:absolute;
    width:100%;
    height:500px;
    text-align:center;
}


#keyVisualinner1{
    background:url(../img/keyvisual.jpg) top center no-repeat;
    opacity:1;
}

#keyVisualinner2{
    background:url(../img/keyvisual2.jpg) top center no-repeat;
    opacity:0;
}

#keyVisualinner3{
    background:url(../img/keyvisual3.jpg) top center no-repeat;
    opacity:0;
}



#header div#keyVisual img{
    width:1500px;
    height:500px;
    }



#header h1{
    display:block;
    position:absolute;
    right:35px;
    bottom:35px;
    width:327px;
    height:99px;
}

#header h2{
    margin-bottom:0px;
    /*padding-bottom:10px;*/
    display:block;
    width:400px;
    /*background:url(../img/dot-line.png) left bottom no-repeat;*/
}

#header #tw{
    display:block;
    position:absolute;
    top:20px;
    left:0px;
    width:420px;
    max-height:380px;
    padding-bottom:0px;
    overflow:auto;
    /*background:url(../img/dot-line.png) left bottom no-repeat;*/
    }
#header #tw iframe{
}

/* Let's get this party started */
#header #tw::-webkit-scrollbar {
    width: 4px;
}

/* Track */
#header #tw::-webkit-scrollbar-track {
    -webkit-box-shadow: rgba(0,0,0,0.0);
}

/* Handle */
#header #tw::-webkit-scrollbar-thumb {
    width: 4px;

    background: rgba(200,200,200,0.3);
}
#header #tw::-webkit-scrollbar-thumb:hover{
    background: rgba(200,200,200,0.8);
}


#header #sns{
    display:block;
    position:absolute;
    bottom:45px;
        width:600px;
        height:30px;

    left:0px;
    z-index:1500;

}

#header #sns li{
    display:block;
    position:relative;
    float:left;
    height:30px;
}

#header .facebookBt{
    margin-top:-0px !important;
    padding-top:-0px !important;
border:none;}

#header .facebookBt {width:165px;}
#header .twitterBt{    width:110px;}
#header .googleBt{    width:80px;}

/* instagram*/
.ig-b- { display: inline-block; margin-top:-2px !important;}
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }



#header #btProfile{
    display:block;
    position:absolute;
    width:110px;
    height:25px;
    bottom:0px;
    left:0px;
    background:url(../img/bt-profile-on.png) top left no-repeat;
}

/* main */
#main h2{
    text-align:left;
    height:30px;
    margin-top:0px;
    margin-bottom:13px;
    clear:both;
    }

#main #innerLeft h2{
    margin-bottom:13px;
    }

#main h3{
    height:47px;
    margin-top:0px;
    margin-bottom:5px;
    }

.facebookFrame{
border:1px solid #ddd;
overflow:hidden;
width:348px;
height:570px;
padding:0 0 0 0;
margin:0 0 35px 0;
}

.mixcloudFrame{
    overflow:hidden;
    width:100%;
    /*height:60px;*/
    height:180px;
    border:0;
    margin:0 0 -6px 0;
    padding:0 0 0 0;
}

.mixcloudFrame,  x:-moz-any-link, x:default  {     margin:0 0 -5px 0;
 }


.soundcloudFrame
{
    width:100%;
    height:470px;
    border:0;
    margin:0 0 -7px 0 !important;
    padding:0 0 0 0 !important;
}



#btPageTop{
    position:absolute;
    display:block;
    width:31px;
    height:150px;
    right:0px;
    bottom:35px;
    background:url(../img/bt-pagetop-on.png) top left no-repeat;
}

#btPageTop a{
    display:block;
    width:31px;
    height:150px;
}


/* feed set*/
#feed_blog,
#feed_insta{
    width:640px;
    margin-left:0px;
    margin-bottom:0px;
}


#feed_blog{
    margin-left: 10px;
}

#feed_blog dl{
    display: block;
    position: relative;
    width: 620px;
}

#feed_blog dl dt{
    display: block;
    position: relative;
    font-size: 0.8em;
    margin-bottom: .2em;
}

#feed_blog dl dd{
    display: block;
    position: relative;
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px dotted #ddd;
}

#feed_blog dl dd:last-of-type{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}

#feed_blog dl dd a{

    color: #555;
 transition: .2s;
}

#feed_blog dl dd a:hover{
    text-decoration: underline;
}

#feed_blog dl dd a:visited{
    color: #555;
}





#feed_insta{
	display: block;
	padding-left: 8px
}

#feed_insta *{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;

}


#feed_insta iframe{
    height: 450px!important;
}



.clear {
    clear: both;
}



/* footer */
#footer h6{
    color:#555;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    padding-top:15px;
}

