@charset "utf-8";
/* CSS Document */

/* 共通
------------------------------*/

/* フォント */
body {
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
}

/* フォントサイズ */
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1 small{font-size:18px;}
h2 small{font-size:16px;}
h3 small{font-size:14px;}
h4 small{font-size:14px;}

/* 小さいフォントサイズ */
.small {
	font-size: 85%;
}


/* セクションの下マージン */
section {
	margin-bottom: 30px;
}

/* リンク色 */
a {
	color: #6D4131;
}
a:hover, 
a:focus {
	color: #C44D09;
}

/* インデント */
.indent {
	padding-left: 10px;
}



/* ヘッダ
------------------------------*/

/* 最上部のマストヘッド */
.masthead {
	height: 6px;
	background-color: #6D4131;
}

/* ロゴヘッダのマージン */
.site_header {
	margin: 20px 0;
}

/* スマホ以外ロゴ下のマージン調整 */
.site_logo.hidden-xs h1 {
	margin-bottom: 0;
}





/* スマホ時のロゴヘッダの背景、マージンの調整 */
@media (max-width: 767px) {
	.site_header {
		margin: 10px 0 0;
		padding-bottom: 10px;
		background-image: url(../images/logo_back_mobile.png);
		background-position-x：50%;
		background-position-y：50%;
	}
	.site_logo h1 {
		margin-bottom: 0;
	}
}

/* スマホ時ロゴと電話の間に適度なマージン確保 */
.site_logo.visible-xs {
	padding: 10px;
}





/* メインナビ
------------------------------*/

/* ナビの背景色 */
.navbar {
	background-color: #6D4131;
	min-height: 40px;
	margin-bottom: 0;
	border-radius: 0;
	border: 0;
}

/* ナビのホバー色 */
.navbar-default .navbar-nav>li>a {
	color: #FFF;
}

/* ナビのフォーカス背景色 */
.navbar-default .navbar-nav>li>a:focus {
	color: #6D4131;
	background-color: #9B8184;
}

/* ナビのホバー背景色 */
.navbar-default .navbar-nav>li>a:hover {
	color: #FFF;
	background-color: #311102;
}

/* ナビのフォーカス背景色（アクティブ時） */
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
	color: #FFF;
	background-color: transparent;
	background-color: #311102;
}

/* ナビの上下マージン調整 */
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* トグルボタン */
.navbar-default .navbar-toggle {
	background-color: #FFF;
	color: #333;
	border: none;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #FFF;
}




/* パンくずリスト
------------------------------*/

/* 背景や余白の調整 */
.breadcrumb {
	padding: 4px 0;
	background-color: transparent;
	border-radius: 0;
	font-size: 12px;
}


/* トップイメージ
------------------------------*/

/* トップイメージのマージン */
.topimage {
	margin-bottom: 20px;
}



/* コンテンツ
------------------------------*/

/* アイテムタイトル */
.item_title {
	color: #6D4131;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: solid 1px #6D4131;
}

/* サブタイトル */
.sub_title {
	color: #6D4131;
	padding-bottom: 6px;
	border-bottom: dotted 1px #6D4131;
}

/* サブタイトルの下のブロック */
.sub_title + p,
.sub_title + .indent {
	padding-left: 10px;		/* インデント */
	margin-bottom: 20px;	/* 下マージン */
}

/* サブタイトルの下のリスト */
.sub_title + ul {
	margin-bottom: 20px;	/* 下マージン */
}

/* アイテムの終わりを強制的に設定する場合 */
.item_end {
	margin-bottom: 20px;	/* 下マージン */
}


/* リンクに bullet「» xxxxx」を付けるとき */
a.bullet:before {
	content: "\00BB\0020";	/* » と 半角空白 */
}


/* 病院概要 
-------------------------------------*/
.name_title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}



/* インフォメーション 
-------------------------------------*/
ul.fusen {
	list-style-type: none;
}

ul.fusen li,
p.fusen {
	border-left: solid 10px #C44D09;
	background-color: #F3DBCE;
	margin: 10px 0;
	padding: 10px;
}





/* フォトギャラリー 
-------------------------------------*/
/* サムネイルの周囲のマージン設定 */
.gallery .img-circle, 
.gallery .img-rounded, 
.gallery .img-thumbnail {
	margin: 5px;
	float: left;/* サムネイル間の隙間を消す */
}

/* サムネイルサイズ */
.gallery img {
	width: 100px;
	height: 100px;
}

/* ギャラリー内の要素を右寄せするときは .pull-right も併用
   ただし、要素の並びも逆になるので注意 */
.gallery.pull-right a {
	float: right;
}



/* フッタ 
-------------------------------------*/

/* 上へ戻るリンク */
.blog-footer {
	padding: 4px 0;
}
.blog-footer p {
	margin-bottom: 0;
}


/* フッタ背景 */
footer {
	background-color: #9B8184;
	color: #FFF;
	padding-top: 20px;
}

/* フッターロゴ */
.foot_logo {
	font-size: 18px;
}

/* フッターのリンク */
footer a {
	color: #FFF;
}
footer a:hover, 
footer a:focus {
	color: #6D4131;
}


/* コピーライトの背景 */
.copyright_back {
	background-color: #311102;
	padding-top: 6px;
	font-size: 12px;
}






figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }