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;
	}

.panel .panel-heading {
    font-size: 1.2em;
    font-weight: bold;
}


/*動画をレスポンシブに*/
.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%;
}

}



/*-------------------
v-table(2列の表をスマホ時縦に並べる）
---------------------*/
.v-table{
    width: 100%;
    margin-bottom:20px;
}

.v-table th, .v-table td  { 
    padding: 8px; border: 1px solid #ddd; }

.v-table th { background: #f4f4f4; width: 30%; text-align: left; vertical-align: top;}
 
@media only screen and (max-width:500px){
.v-table th, .v-table td{
    width: 100%;
    display: block;
    border-top: none;
    }
    .v-table tr:first-child th { border-top: 1px solid #ddd; }
}

/*v-tableをサイドバーで使う時用*/
@media only screen and (min-width:970px){
.v-side th, .v-side td{
    width: 100%;
    display: block;
    border-top: none;
    }
    .v-side tr:first-child th { border-top: 1px solid #ddd; }
}


.v-table-th2{
    background-color: #666666 !important;
    color:#fff;
}
.v-table-th3{
    background-color: #f5f5e9 !important;
    color:#000;
    font-size:17px;
        text-align: right !important;
}

/*-------------------
拡大する画像
---------------------*/
div.be_ex_img{
  border: 1px solid #fff;
  cursor:pointer;
}

div.be_ex_img > img{
  width: 100%;
}
div.be_ex_img:hover{
  opacity:0.7;
  border: 1px solid #66f;
}


.be_ex_img_overlay {
  background: rgba(0,0,0, .8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  cursor:pointer;
z-index:10001;
overflow-y:auto;
}

.be_ex_img_overlay img {
  margin: 64px auto 0;
  max-width: 80%;
  border-radius: 5px;

}

/* ===========
   リンクカード
 =============*/
.linkcard{
	padding: 5px;
}
.linkcard div[class^="col-"] {
	padding: 0 5px;
}
.linkcard-items {
	margin-bottom: 10px;
text-align: center;

}
.linkcard-items a {
	display: block;
}
.linkcard-items a:hover {
	background-color: #eaeaea;
	text-decoration: none;
}

.linkcard-items .glyphicon {
display: block;
font-size: 40px;
margin: 5px 0;
color: #20aee5;
}
.linkcard-items .panel-body span.linkcard-items-title {
display: block;
	font-size: 15px;
	font-weight: 900;
color: #000000;
}

.linkcard-items .panel-body span.linkcard-items-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: #aaa;
}

.linkcard-items .panel-body {

display: table-cell;
vertical-align: middle;
}

.linkcard-items > a {
height: 150px;
display: table;
width: 100%;
}

@media (min-width: 768px) {
.linkcard-items > a {
height: 180px;
}

.linkcard-items .glyphicon {
font-size: 60px;
margin: 10px 0;
}
.linkcard-items .panel-body span.linkcard-items-title {
	font-size: 19px;
}
}