/*
Theme name: Template
Author: Shinpei Fubasami
Version: 1.0
*/

*{font-family:Meiryo UI, Meiryo,"Hiragino Kaku Gothic ProN", "游ゴシック体", sans-serif;}
a:hover,a:focus{text-decoration:none;}
/*サイドメニュー
-------------------------------------------*/
/*h2.logo a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/logo.svg)!important;
	background-size:contain!important;
	background-repeat:no-repeat!important;
	background-position:center;
	padding-top:35%;
}*/
h2.logo a img{
	max-width:270px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
nav.top ul li{
	list-style-type:none;
}

.top_blue a{
	display:block;
	background:#0078ca!important;
	color:#fff!important;
	border-radius:8px;
	margin:5px 0;
	white-space:nowrap;
	padding:12px 8px;
	text-align:center;
	min-height:40px;
	transition:all 0.4s ease;
}
.top_blue a:hover{
	background:#00b8f4!important;
}
ul.department{
	border:2px solid #d2eff9;
	border-radius:8px;
	position:relative;
	overflow:hidden;
	height:100%;
}
ul.department p{
/*  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;縦書きにするcssだけどブラウザによってパディングの扱いが違うので使うのやめ！*/
	color:#ffffff!important;
	background:#0078ca!important;
	position:absolute;
	top:0;
	left:0;
	padding:10px 3px;
	height:100%;
	font-family:Meiryo;
}
ul.department p span{
 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
ul.department li{
	margin-left: 27px;
    margin-right: 5px;
	border-bottom:1px solid #0078ca;
	padding:2px 0;
}
ul.department li:last-child{
	border-bottom:none;
}
ul.department li a{
	display:block;
	padding:10px 0 10px 5px;
	background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/icon_doublearrow.svg)!important;
	background-position:95% 50%!important;
	background-repeat:no-repeat!important;
	border-radius:8px;
	transition:all 0.4s ease;
}
ul.department li a:hover{
	color:#00b8f4;
	background-color:#d2eff9!important;
	background-position:99% 50%;
}
.top_sky a{
	display:block;
	color:#0078ca;
	border-radius:8px;
	margin:5px 0;
	white-space:nowrap;
	padding:7px 8px 7px 45px;
	text-align:left;
	min-height:40px;
	border:2px solid #d2eff9;
	font-size:1.0em;
	line-height:1.0em;
	transition:all 0.4s ease;
	background: url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/icon_phone.svg) no-repeat 5px center!important;
}
.top_sky a small{
	font-size:0.8em;
}
.top_navy.fax{
	display:block;
	border-radius:8px;
	margin:5px 0;
	white-space:nowrap;
	padding:12px 8px 12px 45px;
	text-align:left;
	min-height:40px;
	border:2px solid #d2eff9;
	font-size:1.25em;
	line-height:1.0em;
	color:#2a5993;
	background:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/icon_fax.svg) no-repeat left center!important;	
}
.top_navy.mail a{
	display:block;
	color:#2a5993;
	border-radius:8px;
	margin:5px 0;
	white-space:nowrap;
	padding:12px 8px 12px 45px;
	text-align:left;
	min-height:40px;
	background:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/icon_mail.svg) no-repeat left center!important;
	border:2px solid #d2eff9;
	font-size:1.25em;
	line-height:1.0em;
}
.top_sky a:hover,.top_navy.mail a:hover{
	background-color:#d2eff9!important;
}

#top h1{
	margin:20px 0;
	font-size:0.9em;
	font-weight:bold;
}

/*お知らせ
-------------------------------------------*/
#top h4{
	margin-top:20px;
	background:#2a5993!important;
	color:#ffffff;
	font-size:1.0em;
	padding:10px;
}
#top h4 a{
	color:#ffffff;
	float:right;
	text-decoration:underline;
	transition:all 0.4s ease;
}
#top h4 a:hover{
	opacity:0.75;
}

.info ul{
	border-left:5px solid #2a5993;
	height:160px;
	overflow:auto;
}
.info ul li{
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #dddddd;
	list-style:none;
}

#top h2.responsibility{
	text-align:center;
	margin:30px 0;
	font-size:1.25em;
	font-weight:bold;
}

.index .info ul{
	border-left:none;
	height:auto;
	overflow:auto;
}

.index .info ul li a{
	border-left:5px solid #2a5993;
	padding:7px 10px;
	display:block;
}

/*4つの領域
----------------------------------------------*/
main{
	margin-bottom:30px;
}
h3.first_letter{
	font-weight:bold;
	margin-bottom:10px;
}
h3.first_letter:first-letter{
	font-size:1.75em;
}
.education h3.first_letter:first-letter{color:#fdc82c;}
.search h3.first_letter:first-letter{color:#3e7b97;}
.diagnosis h3.first_letter:first-letter{color:#e23b59;}
.contribution h3.first_letter:first-letter{color:#48acae;}

main ul li{list-style-type:none;}
main ul li a{
	display:block;
	font-size:1.0em;
	width:100%;
	height:90px;
	margin-bottom:10px;
	position:relative;
	color:#333333;
	padding:5px;
}
main ul li a span{
	display:block;
	position:absolute;
	bottom:0;
	font-size:0.75em;
	color:#ffffff;
	padding:5px;
	text-align:right;
	width:100%;
	margin-left:-5px;
	z-index:2;
}
main ul li a span:before{
	font-family: FontAwesome;
    content: '\f0a9';
	transition:all 0.4s ease;
	margin-right: 2px;
}
main ul li{
	background-position:0 0;
	background-attachment:fixed;
	background-repeat:repeat;
}
main ul li a{
	background-position:0 0;
	background-attachment:fixed;
	background-repeat:repeat;
	transition:all 0.4s ease;
}
main ul li a:hover{
	opacity:0.75;
	color:#777777;
}
.education ul li{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/yellow_fomula1.png)!important;}
.education ul li a{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/yellow_fomula2.png)!important;}
.search ul li{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/blue_fomula1.png)!important;}
.search ul li a{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/blue_fomula2.png)!important;}
.diagnosis ul li{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/red_fomula1.png)!important;}
.diagnosis ul li a{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/red_fomula2.png)!important;}
.contribution ul li{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/green_fomula1.png)!important;}
.contribution ul li a{background-image:url(/usr/tiik/wp-tiik/wp-content/themes/jichi-tiiki/images/green_fomula2.png)!important;}

/*枠の色*/
.education ul li a{border:1px solid #fdc82c;}
.search ul li a{border:1px solid #3e7b97;}
.diagnosis ul li a{border:1px solid #e23b59;}
.contribution ul li a{border:1px solid #48acae;}

/*もっと詳しくの色*/
.education ul li span{background:#fdc82c!important;}
.search ul li span{background:#3e7b97!important;}
.diagnosis ul li span{background:#e23b59!important;}
.contribution ul li span{background:#48acae!important;}


/*footer
----------------------------------------------*/
footer{
	margin-top:30px;
}
footer li{
	text-align:center;
	list-style-type:none;
}
.department_name{
	text-align:center;
}
.department_name small{
	font-size:0.9em;
	color:#777788;
	display:block;
	margin:5px auto;
}
/*page
----------------------------------------------*/
h2.page_title{
	margin-top:30px;
	font-size:2em;
	font-weight:bold;
	color:#0078ca;
	border-left:10px solid #0078ca;
	border-bottom:1px solid #0078ca;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:20px;
}
.page article{
	line-height:1.5em;
}
article h2{
	margin-top: 30px;
    font-size: 2em;
    font-weight: bold;
    color: #0078ca;
    border-left: 10px solid #0078ca;
    border-bottom: 1px solid #0078ca;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 20px;
}
article h3{
	font-size:1.2em;
	color: #0078ca;
	margin:20px 0;
	border-bottom:solid 2px #2a5993;
	position:relative;
}

article h3:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0078ca;
	bottom: -2px;
	width: 20%;
}

article h4{
	font-size:1.0em;
	background:#d2eff9;
}
article h5{
	font-family:meiryo;
	text-align:left;
	color:#0088cc;
   	font-size:1.25em;
	margin:20px 0 20px;
	display: block;
}
article h6{
	font-family:meiryo;
	text-align:left;
   	font-size:1.25em;
	margin:20px 0 20px;
	display: block;
    color: #173b4c;
}
.page article p{
	margin-bottom:1em;
}
/*画像配置*/
img.alignright{display: block; margin: 10px 10px 10px auto; }
img.alignleft{display: block; margin: 10px auto 10px 10px; }
img.aligncenter{display: block; margin: 10px auto; }
.page article img{margin:10px;}

/*お問い合わせ
--------------------------------------*/
.wpcf7 label{
	font-weight:normal;
	width:100%;
}

.wpcf7 label span.required{
	display:inline-block;
	background:#F03;
	color:#ffffff;
	padding:0px 5px;
	margin-left:5px;
	font-size:0.8em;
	margin-bottom:2px;
	border-radius:4px;
}
.wpcf7 label input,.wpcf7 label textarea,.wpcf7-form-control-wrap{
	width:100%;
}
.g-recaptcha>div{
	display:block;
	margin:10px auto;
	text-align:center;
}
.wpcf7 input[type="submit"]{
	display:block;
	outline:none;
	background: #0078ca;
    color: #fff;
	border-radius:8px;
	margin:10px auto;
	transition:all 0.4s ease;
	border:none;
	width:280px;
}

.wpcf7 input[type="submit"]:hover{
    background: #00b8f4;
}

/*ページナビ
------------------------------------------*/
.wp-pagenavi a, .wp-pagenavi span {
	border:none!important;
}
span.pages {
    background: #f5f5f5;
    color: #777777;
}
.wp-pagenavi span.current {
	font-weight:normal!important;
    background: #f5f5f5;
    border-color: #777!important;
    color: #777;
}