/*
Theme name:自治医科大学地域医療学センター総合診療部門のテーマ
Author: 文挾　晋平
Version: 1.0
*/

/*全般
-------------------------------------------------------------*/
body{font-family:"小塚ゴシック Pro", "メイリオ",meiryo,sans-serif;vertical-align:top;line-height:1.0em;  }
a.top_link{color:#333;transition: all 0.3s ease;}
a.top_link:hover{color:#35bdf3;}
a{color:#999;transition: all 0.3s ease;}
a:hover{color:#35bdf3;}
small{font-size:0.7em;}
li {list-style-position: inside;}
ol{padding-left:20px;}
ol li{list-style-position: outside;}


/*下敷き -最後には消す-
body{background:url("/soushin/wp/wp-content/themes/jichi/images/fixed.png") no-repeat center 0px;}*/

/*決め文字
-----------------------------*/
h2{text-align:center;
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:2.0em;}

#second h2{text-align:left;}

h3{text-align:center;
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:1.4em;
margin:52px auto 27px;
border-bottom:1px solid #35bdf3;
line-height:0.9em;}

h4{text-align:center;display:inline-block;
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:1.9em;
vertical-align:top;}

h5{text-align:center;
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:1.5em;
padding-top:55px;
margin-bottom:26px;}

@media only screen and (max-width:576px){
h2,h5{font-size:1.2em;}
h3,h4{line-height:1.2em;}}

table.responsive{font-size:1.3em;width:100%;}


/*ヘッダー
-------------------------------------------------------------*/
header.row{margin:0 auto;
border-bottom:1px solid #ccc;
padding:0;
height:101px;}
@media only screen and (max-width:930px){
header.row{border-bottom:none;}}
header p{text-align:right;margin-bottom:5px;}
h1#jichi_logo a{
display:inline-block;
width:232px;
text-indent:-9999px;
overflow:hidden;
background:url("/soushin/wp/wp-content/themes/jichi/images/logo.jpg") no-repeat center center;
height:58px;}

/*ナビゲーション通常*/
nav.top_navigation{margin:0;padding:0;font-size:1.1em;}
nav,nav ul li{
display:inline-block;
text-align:right;
position:relative;
margin:0 14px;}
nav ul li:last-child{margin-right:0;}
nav ul li a{
color:#000;
display:block;
height:74px;
text-align:center;
overflow:hidden;
}
nav ul li a > span.jp,span.en{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
span.jp{
font-weight:500;
display:block;
position:absolute;
top:0;}
span.en{
font-size:0.9em;
color:#ccc;
display:block;
position:absolute;
top:34px;}
nav ul li a:after{
border: 2px solid rgba(62, 198, 245, 0);
content: " ";
display: block;
margin: 0 auto;
position:relative;
top:70px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transform-origin:center;
width: 0;}
li#top a,li#top a span.jp,li#top a span.en{width:54px;}
li#about a,li#about a span.jp,li#about a span.en{width:80px;}
li#education a,li#education a span.jp,li#education a span.en{width:155px;}
li#clinical a,li#clinical a span.jp,li#clinical a span.en{width:70px;}
li#research a,li#research a span.jp,li#research a span.en{width:80px;}
li#recruit a,li#recruit a span.jp,li#recruit a span.en{width:115px;}

@media only screen and (max-width:1000px){
li#top a,li#top a span.jp,li#top a span.en{width:49px;}
li#about a,li#about a span.jp,li#about a span.en{width:72px;}
li#education a,li#education a span.jp,li#education a span.en{width:140px;}
li#clinical a,li#clinical a span.jp,li#clinical a span.en{width:63px;}
li#research a,li#research a span.jp,li#research a span.en{width:72px;}
li#recruit a,li#recruit a span.jp,li#recruit a span.en{width:103px;}
span.jp{font-size:0.9em;}
span.en{font-size:0.8em;}
nav ul li{margin:0 10px;}
}

/*ナビゲーション　ホバー*/
@media only screen and (min-width:576px){
nav ul li a:hover{color:#35bdf3;}
nav ul li a:hover:after{
border: 2px solid rgba(62, 198, 245, 255);
width:100%;}
nav ul li a:hover > span.jp{
position:absolute;
top:-24px;
opacity:0;}
nav ul li a:hover > span.en{
position:absolute;
top:10px;
color:#35bdf3;
font-size:1.0em;}}
@media only screen and (max-width:576px){
nav,nav ul li{text-align:center;}
nav.top_navigation{background:ghostwhite;padding-top:20px;margin:20px 0;}}

/*スライダー/カルーセル
-------------------------------------------------------------*/
section#carousel{
	margin:26px auto 37px;
	max-width:1000px;}
div#news{
    width: 100%;
	line-height:1.5em;
	font-size:0.9em;}
.control{
	color: #fff;
    font-weight: bold;
	width:100%;
    height: 255px;
	overflow-y:scroll;
	background-color:#2db3f1;}
.articles{display:inline-block;}
.control a{color:#fff;text-shadow: 0 0 6px rgba(71,96,163,0.5);}
.control a:hover{color:#003d96;text-shadow:none;}
.articles:nth-child(1) a{font-size:2.2em;margin:91px 34px;font-weight:bold;display:block;}
.articles:nth-child(2){font-size:1.2em;padding-top:3px;}
span.date{display:inline-block;width:82px;margin-right:40px;vertical-align: top;}
span.title{display:inline-block;width:400px;}
.articles li{list-style:none;display:block;}
.each_article{display:inline-block;overflow: hidden;width:530px;line-height:1.5em;}
.icon_new{
    margin-top: 8px;
    width: 41px;
    height: 16px;
	background:url("/soushin/wp/wp-content/themes/jichi/images/icon_new.gif") no-repeat center center;
	text-indent:-9999px;
	overflow:hidden;
}
/*.icon_new{
    background: #FFF;
    color: #35bdf3;
    font-size: 0.8em;
    padding: 0px 8px 0;
    border-radius: 2px;
    font-weight: normal;
    margin-top: 8px;
    width: 41px;
    height: 16px;
}
.icon_new{
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}*/

.articles:nth-child(4){
	text-align:right;
	margin-top:60px;
}
.articles:nth-child(4) a:hover{
	opacity:0.7;
}

@media only screen and (max-width:576px){
.control{height:376px;}
.articles:nth-child(1) a{
    font-size: 1.5em;
    margin: 10px 20px;
    font-weight: bold;
	text-align:center;}
.articles:nth-child(2) {
font-size: 1.0em;
padding: 0;
overflow-y: scroll;
height:220px;}
span.date{width: 82px;margin-right: 0px;}
span.title{width:67%;}
.each_article {
	width:100%;margin-left:3px;
}

.articles:nth-child(4) {
    text-align: center;
    margin-top: 20px;
}
}
@media only screen and (max-width:1000px){
	.articles:nth-child(4) {
    display: block;
    text-align: center;
    width: 100%;
}}

/*教授、スタッフの紹介
-------------------------------------------------------------*/
#intro_wrapper{margin-bottom:37px;}
.intro_box{
	border:1px solid #e8e8e8;width:394px;height:132px;padding:12px;}
.intro_box.fir_box{
	margin:0 5px 0 91px;}
.intro_box:sec_box{
	float:left!important;
	margin:0 6px;}

.intro_box img{
	display:inline-block;}
.intro_box.fir_box img{
	float:right;}
#intro_wrapper a{color:#000;}
h4.doc{margin: 31px 8px;letter-spacing:1.0em;}
h4.staff{margin: 30px 0px 0px 22px;text-align:center;width:220px;}

@media only screen and (max-width:576px){
.intro_box{width:100%;margin:0;}
.intro_box:first-child,.intro_box:last-child{margin:0;}
h4.doc,h4.staff{font-size:1.2em;margin-top:43px;}}


/*教育プログラム
-------------------------------------------------------------*/
section#education_wrapper{
	margin-bottom:84px;
}

@media only screen and (max-width:576px){
section#education_wrapper{
	margin-top:100px;
}}

div.education_box{
	width:30%;
	height:380px;
	border-top:18px solid #35bdf3;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

div.education_box a{
	display:block;
	width:100%;
	height:380px;
	color:#000;
}

div.education_box:nth-of-type(1) h5{
	letter-spacing:0.5em;text-indent:0.5em;}
div.education_box:nth-of-type(2) h5{
	letter-spacing:0.2em;text-indent:0.2em;}

div.education_box:nth-of-type(2){
	margin:0 5%;
}

@media only screen and (max-width:1016px){
	div.education_box{
		width:100%;
		margin:10px 0!important;
}}

span.eng{
	font-size:0.8em;
	color:#ccc;
	display:block;
	text-align:center;
}

.edu_photo{
	display:block;
	width:170px;
	height:170px;
	margin:36px auto;
	border-radius:50%;
	box-shadow:0 0 0 85px rgba(36,178,254,0.4) inset;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

#education_photo01{background:url("/soushin/wp/wp-content/themes/jichi/images/edu_photo01.jpg") no-repeat center center;}
#education_photo02{background:url("/soushin/wp/wp-content/themes/jichi/images/edu_photo02.jpg") no-repeat center center;}
#education_photo03{background:url("/soushin/wp/wp-content/themes/jichi/images/edu_photo03.jpg") no-repeat center center;}

div.education_box a:hover >p.edu_photo{
	box-shadow:0 0 0 0 rgba(36,178,254,0.4) inset;
}

/*本の紹介
-------------------------------------------------------------*/
section#books{
border-bottom: 1px solid #35bdf3;}
.dr_book{text-align:center;}

div.dr_book a{
	display:inline-block;
	width:122px;
	margin:0 35px;
	color:#fff;
}

.dr_book p:first-child{
	border:5px solid #e8e8e8;
	transition: all 0.3s ease;
}

div.dr_book a:hover > p:first-child{
	border:5px solid #4761a3;
}

.dr_book p:last-child{
	width:100%;
	text-align:center;
	font-size:0.8em;
	padding:4px;
	margin:22px 0 42px;
	color:#fff;
	background:#35bdf3;
}

.m_book{
	margin-top:85px;
}
@media only screen and (max-width:576px){
	section#books{width:100%;}}
/*教授の紹介
-------------------------------------------------------------*/
section#doctors{margin:51px auto;background: rgba(255,255,255,0.5);}
div#doctors_box{
	border:1px solid #e8e8e8;
	font-size:0.9em;
    padding: 0 30px;
	margin-bottom:120px;
}

div#dr_tierney,div#dr_matsumura{
	display:inline-block;
	width:100%;
margin-bottom: 76px;
}

.tierney_box,.matsumura_box{
	text-align:center;
}


.matsumura_box:before{
	border: 9px solid  #35bdf3;
	content: " ";
    display: block;
    margin: 0 auto;
	top:0;
	width:165px;
    margin-bottom: 48px;
}
.tierney_box p img,.tatsumura_box p img{
	margin-top:3px;
}

p.intro_small{
	font-size:0.9em;
    padding-left: 48px;
    text-align: left;
	margin-top:24px;
}

p.intro_name{
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.5em;
    padding-left: 48px;
    text-align: left;
	margin-top:24px;
	margin-bottom: 50px;
}

.matsumura_text li{
	list-style:none;
}

#dr_matsumura{margin-bottom:65px;}

.matsumura_text{
	margin:64px 0 0;
}

#message_matsumura a{
	display:block;
	background:url("/soushin/wp/wp-content/themes/jichi/images/arrow.jpg") no-repeat left center;
	text-align:left;
	padding-left:42px;
	margin-left:48px;
	transition: all 0.3s ease;
}

#message_matsumura a:hover{
	background:url("/soushin/wp/wp-content/themes/jichi/images/arrow_b.jpg") no-repeat left center;
}

#doctors_box strong{font-size:1.2em;
margin:0 5px;font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

@media only screen and (max-width:576px){
	section_doctors{width:100%;}
	div#doctors_box{padding:0;}
p.intro_small,p.intro_name,.romeji{padding:0;margin:0;text-align:center;}
}



@media only screen and (max-width:576px){
	div.dr_book{text-align:center;}
	div.dr_book a{margin:0 10px;}
	.m_book{margin:0;}
}

/*フッター
-------------------------------------------------------------*/
footer.row{
	text-align:center;
	margin-top:80px;
}

footer p{
	margin:10px;
}

p.department_name{
	font-size:0.9em;
	font-weight:bold;
}

p.department_en{
	color:#999;
	font-size:0.8em;
}

footer ul li{
	display:inline-block;
	list-style:none;
}

/*投稿ページ
-------------------------------------------------------------*/
h2.page_title{
	font-size:1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.post_text{
	min-height:450px;
	width:80%;
	margin:10px auto;
}

p.pagenation{
	height:20px;
	margin:20px 0 56px;
	text-align:center;
}

@media only screen and (max-width:576px){
div.post_text{width:100%;}}

iframe.embedpdf {
    width: 100%;
}	

/*記事の装飾
-------------------------------------------------------------*/
div.post_text h1{text-align:left;font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size:2.0em;}

div.post_text h2{font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
border-bottom: 1px solid #35bdf3;line-height: 0.9em;}
/*div.post_text h3 --- article.page_text h4 と合体--*/
div.post_text h4{font-weight:bold;font-size:1.1em;}

/*投稿一覧
-------------------------------------------------------------*/
#info_wrap{
	min-height:450px;
	width:80%;
	margin:20px auto;
}
#info_wrap a{color:#555;}
#info_wrap a:hover{color:#35bdf3;}
#info_wrap a p{
	margin:10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#info_wrap a:nth-child(odd) p{background:#f9f9f9;}

.wp-pagenavi{text-align:center;margin-top:20px;}


/*個別ページ
-------------------------------------------------------------*/
.page_image{
	margin:26px 0;
}

hr.contents{
	margin:3em 0;
	border-color:#35bdf3;
}

hr.contents::after{
	display:block;
	background: url("/soushin/wp/wp-content/themes/jichi/images/clover.gif") no-repeat center center;
	content: " ";
    margin: 0 auto;
    position:relative;
	top:-30px;
	height:60px
}

article.page_text p{
    font-size: 1.1em;
    line-height: 2.2em;
    letter-spacing: .1em;
}

article.page_text h3,div.post_text h2{
	text-align:left;
	color:#35bdf3;
    font-weight:bold;
	margin:50px 0 30px;
	padding-left:5px;
	border-left:solid 10px #55acee;
}

article.page_text div.staff_box h3 strong{
	font-size:1.0em;
	font-weight:normal;
	float:right;
}

article.page_text h4,div.post_text h3{
	font-family:meiryo;
	text-align:left;
	color:#4761a3;
   	font-size:1.1em;
	margin:50px 0 20px;
	border-bottom:solid 2px #4761a3;
	display: block;
}

p.content_image{
	margin:30px 0;
}

p.img_L{
	float:left;
	margin:10px;
}

table.text_center,table tr.tb_center th{
	text-align:center;
	vertical-align:middle;
}

table.symptom th{
	width:25%;
}

table.no-reaction{
	width:100%;
	font-size:1.2em;}
	
@media only screen and (max-width:576px){
table.no-reaction{
	font-size:0.8em;}
p.img_L{margin:0;width:100%;}	
}
.staff_box {
    display: inline-block;
	margin-top:30px;
	width:100%;
}
.staff_box:first-child{
	margin-top:0;
}

article.page_text div.staff_box p{
    font-size: 1.0em;
    line-height: 1.0.em;
    letter-spacing: 0em;
}

article.page_text div.staff_box h4{
	margin:0;
}
article.page_text div.staff_box h4 span{
	font-size:1.0em;
	color:#999;
	font-weight:normal;
	float:right;
}
table.table_staff{
    font-size: 1.2em;
    letter-spacing: 0em;
}
table.history th{width:15%;}

.latest_pgrm{color:#4761a3;}
.latest_pgrm a{color:#4761a3;border-bottom:3px solid #4761a3;}
.latest_pgrm a:hover{color:#35bdf3;border-bottom:3px solid #35bdf3;}

.note{
  text-indent:-9999px;
  overflow:hidden;
  background:url("/soushin/wp/wp-content/themes/jichi/images/icon_onpu.gif") no-repeat center center;
}
/*研究
--------------------------------------*/
.icon_pdf a{color:#0066cc;}
.icon_pdf a:after{
	content:'';
	display:inline-block;
	width:38px;
	height:38px;
	vertical-align: middle;
	background:url("/soushin/wp/wp-content/themes/jichi/images/icon_pdf.gif") no-repeat center center;
}
.icon_pdf a:hover:after{
	opacity:0.75;
}