h1{
    	color: #fff;
    }
    
	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{
		position:fixed;
		height: 65px;
		display:block;
		width: 100%;
		z-index:200;
		background:#000;
		text-align:center;
		color: #fff;
		margin:0 auto;
	}
	
	#header{
		top:0px;
	}
	#footer{
		bottom:0px;
	}



    #line-chart {
        height:300px;
        width:800px;
        margin: 0px auto;
        margin-top: 1em;
    }
    .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover { 
        color: #fff;
    }

    #page-top {
	    bottom: 70px;
	    background:#EEE;
	    color:#666;
	    padding:4px;
	    position: fixed;
	    display: block;
	    border-top:1px solid #999;
	    border-left:1px solid #999;
	    border-bottom:1px solid #999;
	    border-top-left-radius: 4px;
	    border-bottom-left-radius: 4px;
	    right:0px;
	    font-size:16px;
	}




/*動画をレスポンシブに*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}


.youtubewrapper{
  margin:auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubewrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 768px) {

.youtubewrapper-w50{
  width: 50%;
  padding-top: 28%;
}
.youtubewrapper-w60{
  width: 60%;
  padding-top: 33.7%;
}
.youtubewrapper-w70{
  width: 70%;
  padding-top: 39.4%;
}
.youtubewrapper-w80{
  width: 80%;
  padding-top: 45%;
}
.youtubewrapper-w90{
  width: 90%;
  padding-top: 50.6%;
}

}