/*
 * my customize css
 */

html,
body {
    background-color: #e9e8e4;
    height:100%;
}



/* ================================== */
/* ナビバー */
.navbar-inverse {
    background-color: #337ab7;	/* #f8f8f8; */
    border-color: #080808;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #22f;
    color: #fff;
}

.navbar-inverse .navbar-brand {
    color: #fff;
    font-weight: bold;
}

/* ナビバーの右横にサブコンテンツを追加 */
.navbar-subcontent {
    color: #fff;
	float: right;
	font-size: 12px;
	height: 50px;
	line-height: 20px;
	padding: 15px;
}


/* ================================== */
/* Header */
header.jumbotron {
	background: url("../img/pattern12.jpg");
	background-position: center center;
	background-size: cover;
	color: #fff;
}

header .container {
	margin-top: 0%;	/* 13%; */
}

header .midashi-btn {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 0;
}
header .midashi-btn:hover {
	color: #0089ff;
	border-color: #0089ff;
}

/* ナビバーの検索に右横にスペースを追加 */
.navbar-form {
	padding-right: 30px;
}

/* ================================== */
/* コンテンツ */
.main-content {
	/* フッターの高さ分だけ、ネガティブインデントを指定 */
	margin: 0 auto -60px;
	/* フッターの高さ分だけ、パディングを指定 */
/*	padding: 0 0 60px; */
}

/* Fotterを最下部に固定する為にコメント
.main-content {
	padding: 120px 15px;
}
.main-content .content-area {
	padding: 120px 15px;
}
*/
/* sidebarの設定をクリアする */
/* sb-admin-2.cssでsidebarが定義されている */
/*
@media(min-width:768px) {
    .sidebar {
        z-index: initial;
        position: initial;
        width: initial;
        margin-top: initial;
    }
}
.sidebar aside {
	background: #f0f0f0;
	padding: 20px;
	margin-bottom: 20px;
}
*/
/* 別のsidebarを定義する　どっちが良い？ */


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0px auto -40px;
  padding-top:50px;
}

/* over write */


/* ================================== */
/* フッター */
#push {
  height: 40px;
}
footer {
	height: 40px;
	text-align: center;
	padding: 10px;
	background: #337ab7;
	
/*	position:absolute; */
/*	bottom:0; */
/*	width:100%; */
}
footer a, a:hover {
    color: #fff;
    font-weight: bold;
}

/* ================================== */
/* スマホ向けにはヘッダー部分のフォントサイズの調整が必要 */
@media screen and (max-width: 480px) {
  header.jumbotron .container p {
    font-size: 16px;
  }
}

/*
	パネル
 */

h2.panel-title {
    font-weight: bold;
}

/*
	フォームコメント
*/

.form-comment {
	height: 50px;
	line-height: 20px;
}
/* スマホ */
@media screen and (max-width: 480px) {
	.form-comment {
		margin-bottom:10px;
	}
}
/*