@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ独自要素

- div#main
	- promo-content
	- PICK UP記事
- aside#jhospital

==========================================
*/

#promotion { position:relative; }
#promotion .promo_anchor { position: absolute; left: 20px; top: 50%; width: 240px;  padding: 15px 20px; background-color:#f3b2f3; transform: translateY(-50%);}
#promotion .promo_anchor_ttl { font-size: 16px; font-weight: 700; text-align: center;}

#bt_serachs { position:absolute; left:25px; top:60px; -webkit-box-sizing:border-box; box-sizing:border-box; width:185px; height:108px; padding:8px; outline:1px solid #b18555;  border:1px solid #fbeedd; background:url(../images/bg_pattern_alpha.png) repeat 0 0; }
#bt_serachs .bt_department { margin-top:10px;}
#bt_serachs a { display:block; width:165px; height:40px; background:no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; }
#bt_serachs a:hover { background:no-repeat 0 -40px; }
#bt_serachs .bt_disease a { background-image:url(../images/bt_search_disease.png); }
#bt_serachs .bt_department a { background-image:url(../images/bt_search_department.png); }

/*----------------------------------------
promo-content
------------------------------------------*/
#home .promo-content {
	min-height:283px;
}

#home .promo-scroll {
	height:292px;
}

/* 前の記事、次の記事、詳しくはこちらボタン */
#home .promo-content ul.prev_next li a {
	padding-top:293px;
}

#home .promo-content ul.prev_next li.rightScroll a {
	_padding-top:292px;
}

#home .promo-content section {
	min-height:271px;
}

/* PICK UP */
/* 前の記事、次の記事 */
.grid_2 .title ul.prev_next {
	height:20px;
	margin-top:-1px;
	background:transparent url(../images/bg_bt_prev_next.png) no-repeat;
}

/*-----
前の記事、次の記事ボタンはnav.css
-----*/

/*----------------------------------------
PICK UP 記事
------------------------------------------*/
.pickup-scroll {
	position:relative;
	/*overflow:hidden; */
	width:460px;
	/*min-height:1340px; */
}

.pickup-scroll .pickup-scroll-items {
/*	width:20000em;
	position:absolute; */
}

.grid_2 ul.pickup {
	/*float:left;*/
}

.grid_2 ul.pickup li {
	width:436px;
	padding:10px 12px;
	border-bottom:1px solid #e8e8e8;
	cursor:pointer;
}

.grid_2 ul.pickup li.pickup_noimg {
  min-height: 75px;
}

.grid_2 ul.pickup li img {
	float:left;
	width:70px;
	height:70px;
	margin-right:20px;
	padding:1px;
	border:1px solid #764912;
}

/* PICK UPの偶数行に背景をつける */
ul.pickup li.odd {
	background-color:#f8f6f3;
}

/* PICK UPの最期の行ボーダー無し */
ul.pickup li.last {
	border:none;
}

/* リンク色 */
ul.pickup a {
	display:block;
	text-decoration:none;
}

ul.pickup a h3 {
	color:#764912;
}

ul.pickup a p {
	color:#4d4d4d;
}

ul.pickup a p.more {
	color:#764912;
}

.grid_2 ul.pickup li h3 {
	margin-bottom:4px;
	font-weight:bold;
}

.grid_2 ul.pickup li p {
	display:inline;
}

/*----------------------------------------
aside#jhospital
------------------------------------------*/
aside#jhospital { clear:both; padding:12px; 	background-color:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
aside#jhospital ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#jhospital li { box-sizing: border-box; width: 20%;	margin: 0; }
#jhospital li + li { border-left: 1px solid #e8e8e8; }
#jhospital li a { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 10px; background-color: #fff; color:#333; }
#jhospital li a:hover { color:#00734c; }
#jhospital figure { display: block; }
#jhospital figure img { width: 75px; }
#jhospital figcaption { display: block; margin-top: 5px; padding: 0; font-size: 11px; }

/*.en aside#jhospital { padding-left: 24px; }
.en aside#jhospital ul { display: block; }
.en #jhospital li { float:left; width: auto; margin-right:24px; }
.en #jhospital li a { background-color: transparent; }
*/


/*----------------------------------------
infoArea
------------------------------------------*/
#infoArea { position: relative; margin: 0 0 50px; }
#content #infoArea .txt_white {color: #fff;}
#infoArea h2 { padding: 10px 0; background: #00734c; font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 2px; }
#content #infoArea h2 a,
#content #infoArea h3 a { color: #fff;}
#infoArea h3 { padding: 7px 0; background: #00734c; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; width:50%;}
#infoArea h3.sp_lavel {width: 100% !important;}
#infoArea .box_item { padding: 20px; border-bottom: 5px solid #00734c;  }
#infoArea p { margin-top: 20px; font-size: 16px; }
#infoArea p:first-child { margin-top: 0; }
#infoArea p.txt_indent { padding-left: 1em; text-indent: -1em; }
#content #infoArea p a { font-weight: normal;}
#content #infoArea p a.fontxl {font-size: 16px;}
#content #infoArea p a.fontxl  { font-size:133%\9;}


ul.information .loading { margin: 0; }

@media screen and (min-width: 768px) {
	#content a:hover .txt_hover { text-decoration: underline; }
}