@charset "utf-8";

/*=========================================================
	index
		1. heading level1
		2. heading level2
		3. heading level3
		4. heading level4 - level6
=========================================================*/

/* 4.heading
=========================================================*/
#faculty #content h2 span{
	clear:both;
	margin:1.6em 0 1.0em;
	padding:2px 0 0 10px;
	border-left:5px solid #548550;
	font-size:130%;
}
#content h2{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	padding-bottom: 5px;
}




#faculty #content h1.ind,
#faculty #content #category{
	width:660px;
	height:100px;
	margin:0 0 20px;
	padding:0;
	border:none;
	background:url(../../faculty/images/ind_ptit.jpg) no-repeat;
}
#faculty #content h1.ind span,
#faculty #content #category span{
	display:none;
}


/* 4.description
=========================================================*/
#faculty #content dt{
	background:#EEF8E2;
	border:1px solid #41a471;
}
#faculty #content dd{
	border-right:1px solid #41a471;
	border-bottom:1px solid #41a471;
	border-left:1px solid #41a471;
}


/* 4.box
=========================================================*/
#faculty #content .box-img{border:1px solid #41a471;}
#faculty #content .box-img2{border:1px solid #ffffff;}
#faculty #content .box-faculty{
	padding:15px;
	margin-bottom:20px;
	border:1px solid #41a471;
	background:url(../../faculty/images/ind_box_bg.jpg) no-repeat top center;
}
#faculty #content .box-faculty .frobject{
	margin-left:10px;
	margin-bottom:0;
}
#faculty #content .box-faculty h1{
	margin:0 0 10px;
	padding:0;
	border:none;
	font-size:130%;
}
#faculty #content .box-faculty th,
#faculty #content .box-faculty td{
	padding:6px 0;
	font-size:110%;
	font-weight:normal;
	background:url(../images/for_brdd_bg.gif) repeat-x top;
}
#faculty #content .box-faculty .start th,
#faculty #content .box-faculty .start td{
	background:none;
}

/*--20230904 追加--*/
.box-faculty h1.new::after {
  content: 'New!';           /* 最後に入れたい任意の文字を入力 */
  font-size: 11px;           /* 文字サイズを11pxに指定 */
  font-weight: bold;         /* 太文字に指定 */
  display: inline-block;     /* line-heightの背景にも色を入れるため */
  color: #fff;               /* 文字色を白に指定 */
  line-height: 1.5;          /* 行間を指定 */
  background: #F00;          /* 背景色を赤に指定 */
  border-radius: 15px;       /* 楕円形にするため角丸 */
  padding: 0 5px;            /* 上下左右に少し余白 */
  margin-left: 10px;         /* これを指定すれば上寄せや下寄せが可能 */
  margin-bottom: 3px;
  vertical-align: middle;  /* これを指定すれば上寄せや下寄せが可能 */
  animation: newAnime .9s infinite alternate;
}
@keyframes newAnime {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}


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

img {
	width: 100%;
	height: auto;
}/* add */

#faculty #content h1.ind,
#faculty #content #category{
	width: 100%;
	height:auto;
	margin:0 0 20px;
	padding:0;
	border:none;
	background: none;
	font-weight: bold;
	color: #478B00;
}
#faculty #content h1.ind span,
#faculty #content #category span{
	display: block;
	padding:10px;
	border: 1px solid #458C00;
}

#faculty #content .box-faculty table{
	width: 100%;
	table-layout: fixed;/* add */
}
#faculty #content .box-faculty th,
#faculty #content .box-faculty td{
	word-wrap: break-word;/* add */
	display: block;
	width: 100%;
}
#faculty #content .box-faculty th img,
#faculty #content .box-faculty td img{
	display: block;
	float: none;
	width: auto;/* add */
}
#faculty #content .box-faculty th{
	font-weight: bold;
}
#faculty #content .box-img{
    margin:0 auto 15px;
    float: none;
}
#faculty #content .box-img2{
    margin:0 auto 15px;
    float: none;
}
#faculty #content .box-faculty .frobject{
    margin: 0 auto 10px;
}
.forSpHSchroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	border-right: 10px solid #ddd;
}
.forSpHSchroll table{
	margin-bottom: 0;
}
}