/*******************************************
*
* 国際医療福祉大学三田病院 共通
* 2018.6.18
*
********************************************/

@charset "UTF-8";


#mainCol h3,
#mainCol h4.wline{
	margin-top:50px;
}


#mainCol .photoBox{
	margin:1em 0;
}


.mgt1em{
	margin-top:1em!important;
}
.mgt2em{
	margin-top:2em!important;
}
.mgt50{
	margin-top:50px!important;
}

.mgt2em h5 > span,
.mgt50 h5 > span{
	margin-bottom:0px;
}

a.icnf-rbtn:after{
	line-height:125%;
}

.mgb2em{
	margin-bottom:2em!important;
}
.mgb1em{
	margin-bottom:1em!important;
}
.mgb50{
	margin-bottom:50px!important;
}

/* ==========================================================
*
* gnavi設定
*
========================================================== */
#hospital #gNavi > ul > li#n_hospital > a,
#doctor #gNavi > ul > li#n_clinic > a,
#clinic #gNavi > ul > li#n_clinic > a,
#contact #gNavi > ul > li#n_contact > a,
#calendar #gNavi > ul > li#n_clinic > a,
#cooperation #gNavi > ul > li#n_service > a,

#cooperation #gNavi > ul > li:nth-child(3) > a,
#contact #gNavi > ul > li:nth-child(5) > a,
/*#faq #gNavi > ul > li:nth-child(6) > a,*/
#access #gNavi > ul > li:nth-child(4) > a,
#recruit_doctor #gNavi > ul > li:nth-child(6) > a,
#recruit #gNavi > ul > li:nth-child(6) > a{
	background-color: #9560b5;
    color:#ffffff;
    text-decoration:none;
}

#hospital #gNavi > ul > li#n_hospital .megaMenu > ul:before,
#doctor #gNavi > ul > li#n_clinic .megaMenu > ul:before,
#clinic #gNavi > ul > li#n_clinic .megaMenu > ul:before,
#contact #gNavi > ul > li#n_contact .megaMenu > ul:before,
#calendar #gNavi > ul > li#n_clinic .megaMenu > ul:before,
#cooperation #gNavi > ul > li#n_service .megaMenu > ul:before{
    border-color: #9560b5 transparent transparent transparent;
}

#n_hospital .megaMenu > ul:before{
    left:65px;
}

#n_clinic .megaMenu > ul:before{
    left:235px;
}

#n_contact .megaMenu > ul:before{
    left:745px;
}

#n_service .megaMenu > ul:before{
    left:405px;
}

#footContent > dl > dd {
    min-height:275px;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	#hospital #gNavi > ul > li#n_hospital > a,
	#doctor #gNavi > ul > li#n_clinic > a,
	#clinic #gNavi > ul > li#n_clinic > a,
	#calendar #gNavi > ul > li#n_clinic > a,
	#cooperation #gNavi > ul > li#n_service > a,

	#contact #gNavi > ul > li:nth-child(3) > a,
	#faq #gNavi > ul > li:nth-child(4) > a,
	#access #gNavi > ul > li:nth-child(5) > a,
	#recruit #gNavi > ul > li:nth-child(6) > a{
		background-color:initial;
	    color:initial;
	}

	#footContent > dl > dd {
	    min-height:auto;
	}
}


/********************************
一覧リスト
********************************/
#clinic ul.idxList_tri > li,
#doctor ul.idxList_tri > li,
#calendar ul.idxList_tri > li{
	width:50%!important;
}


/* ==========================================================
*
* 言語切り替えボタン
*
========================================================== */
ul[id^=langChanger] > li{
	display:inline-block;
	overflow:hidden;
}

ul[id^=langChanger] > li:nth-child(6){
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

ul[id^=langChanger] > li > a{
	display:block;
	text-align: center;
	overflow:hidden;
	color:#bbbbbb;
	text-decoration:none;
	font-size:14px;
	line-height:100%;
	padding:2px 0;
}

ul[id^=langChanger] > li.current > a{
	color:#ffffff!important;
	background-color:#59227a;
	/*display:none;*/
}

/********************************
PCボタン
********************************/
ul#langChanger > li:nth-child(5){
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

ul#langChanger > li > a{
	width:3em;
}

ul#langChanger{
	display:inline-block;
	overflow:hidden;
	position: absolute;
    bottom: 25px;
    /*right: 445px;*/
	right:270px;
}

/*ul#langChanger > li{
	display:inline-block;
	overflow:hidden;
}*/


ul#langChanger > li > a:hover{
	color:#ffffff;
	background-color:#59227a;
}

ul#langChanger > li.instaico{
	vertical-align: sub;
	/*margin-bottom:-1px !important;*/
	margin-right:15px !important;
}
ul#langChanger > li.instaico > a{
	width:29px !important;
	height:29px !important;
}
ul#langChanger > li.instaico > a:hover{
	color:inherit;
	background-color:inherit;
}

ul#langChanger > li.x-ico{
	vertical-align: sub;
	margin-right:15px !important;
}
ul#langChanger > li.x-ico> a{
	width:29px !important;
	height:29px !important;
}
ul#langChanger > li.x-ico > a:hover{
	color:inherit;
	background-color:#000;
}

ul#langChanger > li.fbico{
	vertical-align: sub;
	/*margin-bottom:-4px !important;*/
	margin-right:15px !important;
}
ul#langChanger > li.fbico > a{
	/*width:30px !important;*/
	width:29px !important;
	height:29px !important;
}
ul#langChanger > li.fbico > a:hover{
	color:inherit;
	background-color:inherit;
}

ul#langChanger > li.yt-ico{
	vertical-align: sub;
	margin-right:15px !important;
}
ul#langChanger > li.yt-ico > a{
	width:29px !important;
	height:29px !important;
}
ul#langChanger > li.yt-ico > a:hover{
	color:inherit;
	background-color:inherit;
}

/********************************
SPボタン
********************************/
ul#langChangerSP{
	display:block;
	overflow:hidden;
	width:100%;
	position: relative;
	letter-spacing: -.4em;
	margin-bottom:1em;
}

ul#langChangerSP > li{
	width: 33%;
	letter-spacing:normal;
}

ul#langChangerSP > li > a{
	padding:0.5em;
	font-size:1.2em;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	ul#langChangerSP > li > a{
		margin:0 5px;
	}

}


/********************************
FAQ
********************************/
dl.faqList > dd:before{
    color:#009944!important;
}

/********************************
SNS
********************************/
.sns-item{
	display:block;
	overflow:hidden;
	margin:2em 2em 0;
	background-color: #fff;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;*/
	padding:1em 0;
}
.sns-item > p > a:nth-child(1){
	margin-right: 8px;
}
.sns-item > p > a:nth-child(2){
	margin-right: 8px;
	margin-left: 8px;
}
.sns-item > p > a:nth-child(3){
	margin-right: 8px;
	margin-left: 8px;
}
.sns-item > p > a:nth-child(4){
	margin-left: 8px;
}
/********************************
Intgram icon
********************************/
a.icnf-insta{
	display:inline-block;
	width: 29px;
	height:29px;
	background-color:#fff;
	background-image:url("../_asset/img/instaico.png");
	background-position: center center;
	background-size:29px;
	background-repeat:no-repeat;
}

a.icnf-insta > span{
 	display:none;
}
/********************************
X-icon
********************************/
a.icnf-x{
	display:inline-block;
	/*color:#3B5998!important;
	text-decoration:none;
	margin-top:1em;*/
	width: 29px;
	height:29px;
	background-color:#000;
	background-image:url("../_asset/img/x-ico.svg");
	background-position: center center;
	background-size:17px;
	background-repeat:no-repeat;
	border-radius:50%;
}
a.icnf-x > span{
 	display:none;
}
/********************************
Facebook icon
********************************/
a.icnf-fbk{
	display:inline-block;
	/*color:#3B5998!important;
	text-decoration:none;
	margin-top:1em;*/
	width: 29px;
	height:29px;
	background-color:#fff;
	background-image:url("../_asset/img/fbico.svg");
	background-position: center center;
	background-size:29px;
	background-repeat:no-repeat;
}

/*a.icnf-fbk:after{
  content:"\ea92";
  font-size:1.6em;
  background-image:none;
}*/

a.icnf-fbk > span{
 	display:none;
}
/********************************
Youtube icon
********************************/
a.icnf-yt{
	display:inline-block;
	/*color:#3B5998!important;
	text-decoration:none;
	margin-top:1em;*/
	width: 29px;
	height:29px;
	background-color:#fff;
	background-image:url("../_asset/img/yt-ico.svg");
	background-position: center center;
	/*background-size:29px;*/
	background-repeat:no-repeat;
}

/*a.icnf-fbk:after{
  content:"\ea92";
  font-size:1.6em;
  background-image:none;
}*/

a.icnf-yt > span{
 	display:none;
}

 @media screen and (max-width: 738px) {

	/*#footer a.icnf-fbk{
		display:none;
	}*/

}