/*-------------------------------
# CONTENTS
---------------------------------
>>> style.css
---------------------------------
右寄せテキストリンク
Adobe Readerダウンロード枠
新着情報リスト
新着情報リスト（職員採用）
入学者選抜試験用リスト（手動更新）
関連リンクリスト
テキストリスト
採用情報用リスト（自動リンク）
画像バナーリスト
パンフレットリスト
カテゴリーボックス
GoogleMap、iframe
リンク丸ボタン
# HOME
お知らせ Information
##重要なお知らせ
##テキストリスト
##記事一覧
##一覧表示ボタン
タブ切り替え
学部紹介　#undergraduate
附属病院?診療所　#hospital
関連サイト　#related
-------------------------------*/
/*右寄せテキストリンク*/
.link_english { font-size: 93%; text-align: right;}
.link_english a{ padding-left: 20px; position: relative; }
.link_english a::before{ content: ""; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px; box-sizing: border-box; border-top: 2px solid #00439A; border-right: 2px solid #00439A; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/*-- Adobe Readerダウンロード枠 --*/
.wcv-floatbox-left {	border: 1px solid #A09DB1;	margin: 40px 0;	padding:15px 10px 15px 15px;	font-size:81.25%;
	line-height: 1.3;	width: 100%;}
.wcv-floatbox-left div img{margin-right: 10px;}

/*CMSKITリンクアイコン*/
img.wcv_ww_newwindowicon,
img.wcv_ww_fileicon{	vertical-align: bottom;}

/*-- 新着情報リスト --*/
.whatsnewList{	margin: 0 auto 40px; width: 100%;}
.whatsnewList .z_wlh{ border-bottom: 1px solid #A09DB1; font-size: 156.25%/*25px*/; font-weight: 700;
 padding: 0 0 10px; margin-top: 40px; margin-bottom: 20px;}
.whatsnewList ul{ margin: 0;	max-height: 240px;	overflow-y: scroll;}
#event .whatsnewList ul,
#whatsnew .whatsnewList ul{ max-height: none; overflow: visible;}
.whatsnewList li{	list-style: none; font-size: 93.75%; margin: 0 ; padding: 10px; border-bottom: 1px dashed #A09DB1;}
.whatsnewList ul li::after{content: none;}
.whatsnewList li a{display: block;	padding: 0 10px 0 0px;}
.whatsnewList li span{ font-size: 93.333%; font-weight: 700;	min-width: 120px;	margin-right: 15px;display: block;}
.whatsnewList li > img{	vertical-align: top; height: 16px !important;}

@media print,screen and (min-width:769px) { 
 .whatsnewList li{display: flex;}
 .whatsnewList li span{	display: inline;}
}

/*-- 新着情報リスト（職員採用） --*/
.saiyoList{	margin: 40px auto 0px; width: 100%;}
/*.saiyoList ul{ margin: 0;	max-height: 300px;	overflow-y: scroll;}*/
.saiyoList li{	list-style: none; margin: 0 ; padding:0 10px 40px 24px;position: relative;}
.saiyoList li::before{ content: ""; position: absolute; top: 8px; left: -8px; width: 8px; height: 8px;
  box-sizing: border-box; border-top: 2px solid #00439A; border-right: 2px solid #00439A; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.saiyoList li::after{content: none;}
.saiyoList li a{display: block;	font-size: 112.5%; }
.saiyoList li span{ min-width: 120px;	margin-right: 20px;display: block;}
.saiyoList li img{	height: 14px;	vertical-align: top;}

@media print,screen and (min-width:769px) { 
.saiyoList li{display: flex;}
.saiyoList li span{	display: inline;	margin-right: 40px;}
}

/*-- 入学者選抜試験用リスト（手動更新） --*/

/*-- 関連リンクリスト --*/
.relatedList{	margin: 40px auto;	padding:20px 0; border-top: 1px solid #A09DB1; border-bottom: 1px solid #A09DB1;}
.relatedList .z_wlh{ font-weight: 700; border-bottom: 1px dashed #A09DB1; padding: 0 15px 10px;}
.relatedList ul{ margin: 0;}
.relatedList li{ list-style: none; margin: 0 10px 15px 10px;}
.relatedList ul li::after{content: none;}
.relatedList li a{position: relative;display: block;	padding: 0 10px 0 20px;}
.relatedList li a::before { content: ""; position: absolute; top: 10px; left: 0px; width: 8px; height: 8px;
  box-sizing: border-box; border-top: 2px solid #00439A; border-right: 2px solid #00439A;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.relatedList li span{	min-width: 120px;	margin-right: 15px;display: block;}
.relatedList li img{	height: 14px;	vertical-align: top;}

@media print,screen and (min-width:769px) { 
.relaterList li{display: flex;}
.relaterList li span{	display: inline;}
}

/*-- テキストリスト --*/
.linklist {margin:0 0 40px 0 ; padding-left: 0; flex-wrap: wrap;}
.linklist li{list-style: none; position: relative; margin-left: 0; padding-left: 20px;}
.linklist li::before{content:""; position: absolute; top:5px;left:0; width: 8px; height: 8px;	box-sizing: border-box;	border-top: 2px solid #00439A;	border-right: 2px solid #00439A; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.linklist li::after{content: none;}
.linklist li ul{margin-top: 10px; margin-bottom: 10px;}
@media print,screen and (min-width:769px) { 
 .linklist li::before{ top:10px; }
}

/*-- 採用情報用リスト（自動リンク） --*/
.wakulist {margin:0 0 40px 0 ; padding-left: 0; flex-wrap: wrap;}
.wakulist li{border: 1px solid #D2D4D9; font-size: 90%;list-style: none; position: relative; margin-left: 0; padding:30px 20px;}
.wakulist li::after{content: none;}
.wakulist li a{font-size: 135%;}
@media print,screen and (min-width:769px) { 
 .wakulist li::before{ top:10px; }
}

/*-- 画像バナーリスト(縦型　class="ul-img"/ 横型　class="ul-img row") --*/
.ul-img {	margin : 0 auto 30px ;	width: 100%; flex-wrap: wrap;}
.ul-img li{	list-style: none;	text-align: center;margin: 0 0 10px;}
.ul-img li::before,.ul-img li::after{content: none;}
.ul-img li a {display : block;}
.ul-img li img{ max-width:100%;width: auto; height: auto;}
#boxSponser .ul-img{margin-bottom: 0;}
@media print,screen and (min-width:481px) { /* Tablet */
.ul-img li{margin-bottom :0px;padding: 10px}
.ul-img.bnr3 li{width: 50%;}
.ul-img.bnr4 li{width: 50%;}
#main .ul-img li{ width: 33%;}
/* end min-width: 481px */ }
@media print,screen and (min-width:769px) { /* PC */
.ul-img li{margin-bottom :10px;}
/*.ul-img.bnr3 li img{	width:370px;}
	#main .ul-img.bnr3 li img{	width:250px;}*/
.ul-img.bnr3 li{width: 33.33333% !important;}
/*.ul-img.bnr4 li img{	width:270px;	}*/
.ul-img.bnr4 li{width: 25% !important; }
/* サイドメニューなし+.col2内：2列（769)*/
.col2 .ul-img.row li{width:50%;}
 #main .ul-img li{	margin-bottom: 10px;}
/* end min-width: 769px */ }

.liTxt a{z-index: 1; display: block;position: relative;}
.liTxt a{padding-bottom: 25px;}
.bnTxt{ display: block; max-width: 370px; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0;}
#wcv_sys_wrapper .bnTxt{position: relative;}

/*-- パンフレットリスト --*/
.pamphList li{width: auto; margin-bottom: 50px !important; padding: 0 5px; color: #00439A;}
.pamphList img{margin-bottom: 35px;}
.pamphList a {text-decoration: none; display: block; position: relative;z-index: 1;}
.pamphList li .fileTit{display: block;position: absolute;right: 0; bottom: 0; left: 0; margin: auto;z-index: 0; }
.pamphList li .fileTit a{position: absolute; bottom: 0; right:0;left: 0; width: 100%; height: 300px; padding-top: 270px;}
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea .pamphList li .fileTit a{height: auto; padding-top:0px;}
.pamphList li .wcv_system_hand{display: block;}
.pamphList .wcv_ww_fileicon{margin: 0 auto; position: absolute; bottom: -25px; right:0;left: 0;}
.pamphList .wcv_system_hand img{margin-bottom: 0px;}
.pamphList li .wcv_system_hand .fileTit{position: relative; display: inline-block;}
.pamphList li .wcv_system_hand a{position: relative; height: auto; padding-top: 0;}


/*-- カテゴリーボックス --*/
.catTopMenu{flex-wrap: wrap;}
.catTopMenu .col2,
.catTopMenu .col3 {margin-bottom:40px; }
.catTopMenu .col2 h2,
.catTopMenu .col3 h2{margin-top: 0; }
.catBox {margin-bottom: 30px;}
.catBox h2{background: #F9F8F3; border:1px solid #D2D4D9; font-weight: 500; margin-bottom: 25px; padding:20px 15px;}
.catBox h2 a{color: #312F3D;}
.catBox > ul{margin:0 0 40px 0 ; padding-left: 0;font-size: 112.5%;/*18px*/ font-weight: 700; line-height: 1.5;}
.catBox li{  list-style: none; position: relative; }
.catBox li::before{content:""; position: absolute; top:5px;left:-15px;
 width: 8px; height: 8px;
	box-sizing: border-box;	border-top: 2px solid #00439A;	border-right: 2px solid #00439A;
 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.catBox ul li::after{content: none;}
.catBox li ul{margin-top: 10px; margin-bottom: 10px;}

@media print,screen and (min-width:769px) { 
 .catBox h2{ padding:30px 20px; }
 .catBox li::before{ top:10px; }
}
/*
 = GoogleMap、iframe
-------------------------------*/
@media print,screen and (max-width:1210px) { 
.google-maps,.frameBox {	position: relative;	padding-bottom: 280px;	height: 0;	overflow: hidden;}
.google-maps iframe,
.frameBox iframe{	position: absolute;	top: 0;	left: 0;	width: 100% !important;	height: 100% !important;}
}

/* リンク丸ボタン */
.btnLink { display: inline-block; text-align: center; white-space: nowrap;}
.btnLink a {	display: block;	text-decoration: none;	padding: 5px 40px;	min-width: 220px;	color: #FFF;
	background: #0768B2;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;	position: relative;}
.btnLink a::before{	content: "";	position: absolute;	top:0px;bottom:0;left:15px;	margin: auto; width: 8px;
 height: 8px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.btnLink a:hover {	background-color:#055693;}

/*-------------------------------
# HOME
-------------------------------*/
.home{background: #F9F8F3;}

/* -- お知らせ Information -- */
/* ## 重要なお知らせ */
#pickup{margin: 0 auto 50px; font-size: 125%;}
/* 
#pickup a{color: #C1312C; position: relative; padding-left: 18px;}
#pickup a::before { content: ""; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px;
  box-sizing: border-box; border-top: 2px solid #C1312C; border-right: 2px solid #C1312C;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
*/
#pickup a{color: #C1312C; position: relative; padding-left: 0;}
#pickup a::before { content: none;}

/* ## テキストリスト */
ul.textList { margin: 0;}
ul.textList li{font-size: 125%;/*20px*/ list-style: none; margin: 0 10px ;border-bottom: 1px solid #ECECEE;}
ul.textList li::after{content: none;}
ul.textList li a{color: #312F3D; text-decoration: none; position: relative;display: block;	padding: 5px 0 5px 20px;}
ul.textList li .wcv_system_hand a{display: inline-block;}
ul.textList li a:hover{color: #00439A;}
ul.textList li a::before { content: ""; position: absolute; top: 18px; left: 0px; width: 8px; height: 8px;
  box-sizing: border-box; border-top: 2px solid #00439A; border-right: 2px solid #00439A;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}

@media print,screen and (max-width:768px) {
#info .row{flex-direction: column;}
 #infoLbox{order: 2;}
 #infoLbox .ul-img li a{display: inline-block; }
 #infoRbox{order: 1; margin-bottom: 30px;}
  
 }
@media print,screen and (min-width:769px) {
#infoLbox{max-width: 350px; width: 100%;}
#infoRbox{max-width: 760px; width: 100%; margin-left: 5.12821%;}
}
/* ## 記事一覧 */
.tabPanel ul {
 width:100%;
	margin-top: 0;
	margin-left: 0;
}
 .home .tabPanel ul {
	max-height: 510px;
	overflow-y: auto;
	overflow-x: hidden; 
 }
.tabPanel ul::-webkit-scrollbar { width: 10px;}
.tabPanel ul::-webkit-scrollbar-track { border-radius: 2px;	background:#FFF;}
.tabPanel ul::-webkit-scrollbar-thumb { border-radius: 4px;	background:#EEE;}

.tabPanel li{border-bottom: 1px dashed#707070; padding: 10px 15px; margin-right: 0; font-size: 93.75%;}
.tabPanel li span {font-weight: 700; padding-right: 10px; min-width: 120px;}
.tabPanel li::after{content: none;}

/* ## 一覧表示ボタン */
.topicsLink a{
	display: block;
	width: 150px;
	text-align: center; white-space: nowrap;
	font-size: 81.25% /*13px*/;
 font-weight: 700;
	text-decoration: none;
	padding: 2px 10px;
	color: #FFF;
	background: #00439A;
	border: 2px solid #00439A;
	border-radius: 5px;
 margin: 10px auto;
 position: relative;
}
.topicsLink a:hover {	color: #00439A;	background-color:#FFF;	border: 2px solid #00439A;}
.topicsLink a::before{
 content: "";
	position: absolute;
 top: 13px;
 right: 5px;
 width: 8px;
 height: 2px;
 background: #FFF;
}
.topicsLink a::after{
 border-radius: 0;
 content: "";
	position: absolute;
 top: 10px;
 right: 5px;
 width: 8px;
 height: 8px;
 border-top: 2px solid #FFF;
 border-right: 2px solid #FFF;
 background: none;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

/*-- タブ切り替え --*/
.tabGroup{margin: 40px 0;}
.tabBtn{display: flex; flex-wrap: wrap; margin: 0 0 -1px 0; width: 100%;}
.home .tabBtn{flex-wrap: nowrap;}
@media print,screen and (min-width:481px) {
 .home .tabGroup{ margin-top: 0; }
}
.changeBtn{	cursor: pointer; color: #312F3D;	background: #FFF; border:1px solid #ECECEE; border-radius: 5px 5px 0 0;	font-weight: 700; text-align: center; margin: 0;	padding: 10px 8px 5px; font-size: 98%;}
.changeBtn .infotit{background: none; border: none; width: 100%; cursor: pointer; font-weight: 700;}
.home .changeBtn .infotit{font-size: 112.5%;/*18px*/	}
.changeBtn::after{content: none;}
.home .changeBtn{width: 100%;}
.changeBtn:focus{border:1px solid #005AD0;}
.changeBtn:hover,
.changeBtn.active,
.changeBtn.active .infotit{background: #00439A;color: #FFF;}
.tabPanel{ width: 100%; display: none; border:1px solid #ECECEE; background: #FFF; padding:20px 15px;}
.tabGroup .tabPanel:first-child,
.tabPanel.active{ display: block;}
#wcv_sys_wrapper .tabPanel{ display: block;}

/*-- 学部紹介　#undergraduate --*/
#undergraduate{
 background: url("/assets/images/bg_undergraduate.jpg") no-repeat 50% top;
 background-size: cover;
 display: inline-block;
 margin-top: 70px;
 width: 100%;
}

/*-- 附属病院?診療所　#hospital --*/
#hospital{width: 100%;}
#hospitalList {justify-content: center;}
#hospitalList li{width: auto; padding: 0; margin-bottom: 20px;}
#hospitalList img{margin-bottom: 35px;}
#hospitalList a {text-decoration: none; color:#312F3D; display: block; position: relative;z-index: 1;}
#hospitalList li a:first-child{}
#hospitalList li strong{display: block;position: absolute;right: 0; bottom: 0; left: 0; margin: auto;z-index: 0;}
#hospitalList li .wcv_system_hand{display: block;}
#hospitalList .wcv_system_hand img{margin-bottom: 0px;}
#hospitalList li .wcv_system_hand strong{position: relative; display: inline-block;}

/*-- 関連サイト　#related --*/
#related{
 background: url("/assets/images/bg_related.jpg");
 background-size: cover;
 display: inline-block;
 margin-top: 40px;
 padding-bottom: 40px;
 width: 100%;
}
#related .ul-img{max-width: 1366px;}