/* Add here all your css styles (customizations) */


/*ヘッダー部 帯写真
------------------------------------*/
.academic-img {
	overflow: hidden;
	position: relative;
	min-height: 230px;
	background: url(../img/academics/bg1.jpg) 70% 20% no-repeat;
}
.hospital-img {
	overflow: hidden;
	position: relative;
	min-height: 230px;
	background: url(../img/h_info/bg1.jpg) 70% 28% no-repeat;
}


/*Academics 学部囲み
------------------------------------*/
.team .thumbnail-style { 
	box-shadow: 0 0 5px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.team .thumbnail-style:hover {
	background-color:#eee;
	box-shadow: 0 0 8px #999; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.team .thumbnail-style p {
	font-size:115%;
}


/*囲みの中のリスト 2段組
------------------------------------*/
.link-list2 {
	font-size:115%;
  letter-spacing: -20em;
  margin-top: 0px !important;
  margin-left: -2.7em;
  margin-bottom: 4px; }
  .link-list2 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 0px;
    margin-top: 0 !important;
    width: 168px; }
    .link-list2 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list2 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}
/*-Safari用-*/
:root ul.link-list2 { letter-spacing: -0.4em; ＋ word-spacing: -1em; }

/*-2段組文字量が多い場合のサイズ調整-*/
  .link-list2 li.f_size_s {
font-size:93%; 
  }

/*-画像サイズ幅-*/
p.resizeimage80 { width: 80%; }
p.resizeimage80 img { width: 100%; }
p.resizeimage70 { width: 70%; }
p.resizeimage70 img { width: 100%; }
p.resizeimage60 { width: 60%; }
p.resizeimage60 img { width: 100%; }


@media (max-width: 768px) {
  .link-list2 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 0px;
    margin-top: 0 !important;
    width: 230px; }
    .link-list2 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list2 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}

	}
@media (max-width: 1200px) {
/*-2段組文字量が多い場合のサイズ調整-*/
  .link-list2 li.f_size_s {
font-size:100%;
  }


	}

	
/*囲みの中のリスト 2段組 幅広
------------------------------------*/
.link-list3 {
	font-size:115%;
  letter-spacing: -20em;
  margin-top: 0px !important;
  margin-left: -2.7em;
  margin-bottom: 0px; }
  .link-list3 li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;

    *display: inline;
    *zoom: 1;
	margin-left: 0px;
	margin-top: 0 !important;
	width: 338px;
}
    .link-list3 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list3 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}
/*-Safari用-*/
:root ul.link-list3 {
	letter-spacing: -0.2em;
＋ word-spacing: -1em; }

@media (max-width: 768px) {
  .link-list3 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 0px;
    margin-top: 0 !important;
    width: 230px; }
    .link-list3 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list3 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}
	}

/*囲みの中のリスト 2段組 2カラム用
------------------------------------*/
.link-list4 {
	font-size:115%;
  letter-spacing: -20em;
  margin-top: 0px !important;
  margin-left: -2.7em;
  margin-bottom: 4px; }
  .link-list4 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 0px;
    margin-top: 0 !important;
    width: 230px; }
    .link-list4 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list4 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}
/*-Safari用-*/
:root ul.link-list4 {
	letter-spacing: -0.2em;
＋ word-spacing: -1em; }

@media (max-width: 768px) {
  .link-list4 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 0px;
    margin-top: 0 !important;
    width: 230px; }
    .link-list4 li a {
      display: block;
      text-decoration: none;
      padding: 0; }
	 .link-list4 li a:hover {
   color: #ff9999;
   text-decoration: underline;
}
.l_line {
	border-left-style:none;
}

	}

/* JUIC Event一覧
------------------------------------*/
.bg_white {
	background-color:#FFF;
	opacity: 1.0;
	-moz-transition: opacity 0.85s ease-in-out;
	-webkit-transition: opacity 0.85s ease-in-out;
	-o-transition: opacity 0.85s ease-in-out;
	-ms-transition: opacity 0.85s ease-in-out;
	transition: opacity 0.85s ease-in-out;
	box-shadow: 0 0 4px #ccc;
}

.fusion-portfolio.cbp-caption-4-col .cbp-l-grid-blog .cbp-caption {
  height: 63%;
}
.fusion-portfolio.wrapper-portfolio.cbp-4-col .cbp-l-grid-blog .cbp-item {
  width: 280px;
  height: 320px;
}
/*.fusion-portfolio .cbp-l-caption-desc,*/
.fusion-portfolio .product-description .news_txt {
  color: #555;
  font-size: 15px;
  margin-top: 10px;
	min-height: 6.5em;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left:12px;
	padding-right:12px;
	line-height:145%;
}
.news_txt a:hover {
text-decoration: underline;
	color: #585f69;
}

/*追記：セルの背景色*/
.table-striped th.color{
background-color:#95a5a6; color:#FFF; font-size:110%;
}

/*ストライプのセルが薄いグレーの場合*/
.table-striped > tbody > tr:nth-child(odd) >.b_r_fff{
border-right-color:#f0f2f2;
}
.table-striped > tbody > tr:nth-child(odd) > th.bg_g {
	background-color: #D7DCDD;
	font-weight: normal;
	border-top-color: #f0f2f2;
	border-bottom-color: #f0f2f2;
	width: 25%;
}

/*ストライプのセルが薄いグレー,幅指定なしの場合*/
.table-striped > tbody > tr:nth-child(odd) > th.bg_g_no {
	background-color: #D7DCDD;
	font-weight: normal;
	border-top-color: #f0f2f2;
	border-bottom-color: #f0f2f2;
}



/*ストライプのセルが白の場合*/
.table-striped > tbody > tr:nth-child(even) > th.bg_g2 {
	background-color: #D7DCDD;
	font-weight: normal;
	border-bottom-color:#f0f2f2;
	width:25%;
}

/*ストライプのセルが白,幅指定なしの場合*/
.table-striped > tbody > tr:nth-child(even) > th.bg_g2_no {
	background-color: #D7DCDD;
	font-weight: normal;
	border-bottom-color:#f0f2f2;
}


/*表下ボーダーの調整 ストライプのセルが薄いグレーの場合*/
.table-striped > tbody > tr:nth-child(odd) > th.bg_g_bline {
	background-color: #D7DCDD;
	font-weight: normal;
	border-top-color: #f0f2f2;
	border-bottom-color: #cccece;
	width: 25%;
}
/*表下ボーダーの調整 ストライプのセルが白の場合*/
.table-striped > tbody > tr:nth-child(even) > th.bg_g2_bline {
	background-color: #D7DCDD;
	font-weight: normal;
	border-bottom-color: #cccece;
	width:25%;
}

/*表の幅*/
.table_w52 {
  width: 52%;
  max-width: 52%;
}

.table_w60 {
  width: 60%;
  max-width: 60%;
}

.table_w70 {
  width: 70%;
  max-width: 70%;
}


/*その他 細かい設定*/
.bold {
	font-weight:bold /*太字*/
}
ul.rome_l {
list-style-type: upper-latin /*リストマークローマ字大文字*/
}
ul.dot {
	list-style-type: disc /*黒丸*/
}

/*ハイフン字下げ*/
dl.hyp {
	margin-left:2.5em;
	color:#555;
}

dl.hyp dt {
	float: left;
	width: 1.5em;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-weight:normal;
}

dl.hyp dd {
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}


/*括弧数字*/
dl.kakko {
	color:#555;
}

dl.kakko dt {
	float: left;
	width: 2em;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-weight:normal;
}

dl.kakko dd {
  margin-bottom: 0.5em;
  margin-left: 2em;
}



/*余白*/
.margin-left-2em { margin-left:2em;
}

/*Google Map*/
.ggmap {
position: relative;
padding-bottom: 60%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*線あり 2段組*/
.l_line {
	border-left-style:solid; border-left-width:1px; border-left-color:#CCC;
}

/*Comments 引用文*/
/*Blockquote Styles*/
/*Blockquote Hero Styles*/
blockquote.comment{
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCC;
}

/*
blockquote.comment :first-letter {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.6em;
    line-height: 1;
    float: left;
    margin: 0 .1.8em 0 0;
    padding: .1em 0;
}
*/

@media screen and (max-width: 960px) {
	.l_line {
	border:none;
}

}

@media screen and (max-width: 767px) {
.table_w52 {
  width: 100%;
  max-width: 100%;
}

.table_w60 {
  width: 100%;
  max-width: 100%;
}

.table_w70 {
  width: 100%;
  max-width: 100%;
}

p.resizeimage80 { width: 95%; }
p.resizeimage80 img { width: 95%; }
p.resizeimage70 { width: 95%; }
p.resizeimage70 img { width: 95%; }
p.resizeimage60 { width: 90%; }
p.resizeimage60 img { width: 95%; }

}