@charset "UTF-8";
/*
Theme Name: 山梨大学 工学部 2018 for PC
Theme URI: https://www.eng.yamanashi.ac.jp/wp-content/themes/eng-yamanashi
Author: Two Bits
Author URI: https://twobits.jp/
Description: Theme for University of Yamanashi 2018/ Faculty of Engineering
Version: 2.0
*/

@import url("css/normarize.css");


/*===============================
 /* Color
===============================*/
/*

blight-blue:
CCF3FF

light-blue:
#00B9F2

★main blue:
#00A3D9

dark blue:
#0088B2

green
#91CD6A

yellowオレンジ
#FEC20D;

エンジ
#B22B00

パープル
#64208D

オレンジ
#DE7437

*/
	
/*===============================
 /* 段組 
===============================*/

@media (min-width: 768px) {	


#header {
width: 1000px;
  margin: 0 auto;
}

.slide-box {
	display:flex;
	width: 1000px;
	 margin: 0 auto 20px;
}
#lofslidecontent45{
	flex:0 0 770px;
	margin-right:10px;
}
#banners {
	flex:0 0 220px; 
}

#banners  {
	border-bottom: 1px solid #ccc; 
}


#banners 　.bxslider　img{
	vertical-align: bottom;
}


.container{
	width: 1000px;
	 margin: 0 auto 20px;
}

.container.two-col {
	display:flex;
	width: 1000px;
	clear:both;
}

.container.two-col #contents {
	flex: 0 0 75%;
	margin-right: 20px;

}
.container.two-col #sidebar {
	flex: 0 0 25%;
}


	
.half-col {
	display:flex;
	width: 1000px;
	 margin: 0 auto 10px;
}
.left-half {
	flex:1;
	margin-right: 20px;
}
.right-half {
	flex:1;
}
	
div#breadcrumb  {
	width: 1000px;
	 margin: 10px auto 20px;
	clear: both;
    }	
}/* /min-width: 768px */


@media (max-width: 767px) {	
	
div#breadcrumb  {
	width: 100%;
	 margin: 10px 0 20px;
	padding: 0 15px;
	clear: both;
    }	
	
	
#header {
width: 100%;
  padding: 0 15px;
}

.slide-box {
	width: 100%;
	 margin: 0 0 20px;
}
#lofslidecontent45{
	display: none;
}
	
	
	
#banners{
	text-align: center;
}
#banners img{
	width:inherit;
}
.container{
	width: 100%;
	 padding: 0 15px;
}

.container.two-col {
	width: 100%;
}

.container.two-col #contents {
	width: 100%;
}
.container.two-col #sidebar {
	width: 100%;
}

.half-col {
	width: 100%;
	padding: 0 15px;
}
.left-half {
	width: 100%;
}
.right-half {
	width: 100%;
}
	
}/* /max-width: 767px */



/*===============================
 /* Masonry
===============================*/

.main_in{width:100%;margin:20px auto}

.category-btn {
	padding: 0;
	margin-top: 0em;
	margin-bottom:20px;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;

}

.category-btn li {
	width: 13.5%;
		margin-right: 0.5%;
	list-style: none;
    margin-bottom: 5px;
    
}

.category-btn li a {
	display: block;
	border-radius: .4em;
	color: #FFF;
	font-size: 11px;
	background: #00A3D9;
	padding: 10px 3px;
	transition: background .3s ease;
    line-height: 1.3;
}

.category-btn li a.is-current {
	pointer-events: none;
	background: #91CD6A;
}




.department {
	margin: 0 auto 30px;
	padding: 0;
}

.department .depa-block {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 210px;
	height: 140px;
}

.department .depa-block img {
	vertical-align: bottom;
	width:100%;
}

.category-car .item-car,
.category-cg .item-cg,
.category-const .item-const,
.category-control .item-control,
.category-cyber .item-cyber,
.category-energy .item-energy,
.category-enviro .item-enviro,
.category-flow .item-flow,
.category-info .item-info,
.category-it .item-it,
.category-keisoku .item-keisoku,
.category-kikai .item-kikai,
.category-kouzou .item-kouzou,
.category-macromolecule .item-macromolecule,
.category-material .item-material,
.category-math .item-math,
.category-micro .item-micro,
.category-mono .item-mono,
.category-nano .item-nano,
.category-net .item-net,
.category-protect .item-protect,
.category-robot .item-robot,
.category-soft .item-soft,
.category-solar .item-solar,
.category-town .item-town,
.category-space .item-space,
.category-med .item-med,
.category-all .item-all {
	display: block;
	-webkit-animation: show .5s linear 0s forwards;
	        animation: show .5s linear 0s forwards;
}

@media only screen and (min-width: 768px) {

.category-btn li a:hover {
	background: #18bc9c;
	text-decoration: none;
}

}

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

.category-btn {
	margin-bottom: 2em;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.category-btn li {
	width: 100%;
	margin-bottom: 2em;
}

}

@-webkit-keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}

@keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}


/*===============================
 /* 研究者リスト *
===============================*/


.rsearch-list {
	display: none;
}
.page-id-10118 .rsearch-list,
.page-id-7863 .rsearch-list,
.labo_info .rsearch-list,
.kokusai .kokusai-researcher.rsearch-list,
.cct .cct-researcher.rsearch-list,
.kiso .kiso-researcher.rsearch-list,
.inorg .crystal-researcher.rsearch-list,
.zairyou-labo .zairyou-researcher.rsearch-list,
.kagaku-labo .kagaku-researcher.rsearch-list,
.doboku-labo .doboku-researcher.rsearch-list,
.mechatro-labo .mechatro-researcher.rsearch-list,
.computer-labo .computer-researcher.rsearch-list,
.denki-labo .denki-researcher.rsearch-list,
.kikai-labo .kikai-researcher.rsearch-list{
	display:inherit;
}



.gakka-index {
	list-style: none;
	width: 100%;
	margin: 20px auto 30px;
}

.gakka-index li {
  margin-bottom: 5px;
	font-size:0.9em;
	list-style: none;
	overflow: hidden;
	width: 49%;
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
	border-bottom: 1px solid #7FB25C;
}


.gakka-index li:last-child {
	border-bottom: 0px;
}
.gakka-index li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 30px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #91CD6A;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}
.gakka-index li a:hover {
	background: #7FB25C;
}
.gakka-index li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
.gakka-index li a:hover:before {
	left: 27px;
}






/*===============================
 /* 基本 *
===============================*/

body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
	font-size: 14px;
	border-top: 3px solid #00A3D9;
	
}
p { font-size:1em; margin:0 0 1em; line-height:160%; }


.drawer-nav li {
	margin: 0;
	font-size:14px;
}
.drawer-dropdown li a:hover {
	color:#08c;
}



@media (min-width: 768px) {	
	#sp   { 
		display: none;
}
}
	


/*===============================
 /* タイトル
===============================*/
#main h1  {

  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
	 border-top: 2px solid #00A3D9;
  font-size: 20px;
  font-weight: bold;
	  margin-bottom:1.5em;
	  padding: 10px 5px 10px 10px;
	clear: both;
}
#main article .gaiyo-box > h2,
#main.labo_info h2.title,
.archive #main h2.title,
#main article > h2 {
font-size:18px;
font-weight: 600;
line-height: 1.4;
border-top: 1px dotted #91CD6A;
border-bottom: 1px dotted #91CD6A;
background: #f9f9f9;
	margin-bottom: 1.5em;
	padding: 10px;
}
#main.labo_info h3,
.archive .rsearch-list h3,
#main article h3 {
font-size:16px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
border-bottom: solid 2px #f1f1f1;
position: relative;
padding-bottom:5px;
	padding-left:10px;
}
#main.labo_info h3:after,
.archive .rsearch-list h3:after,
#main article h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #91CD6A;
bottom: -3px;
width: 20%;
left: 0;
}

#main article h4 {
font-size:15px;
font-weight: 600;
line-height: 1.4;
padding: 0.5em 0;
border-top: dotted 1px #91CD6A;
border-bottom: dotted 1px #91CD6A;
	margin-bottom: 1em;
	padding-left:10px;
}

#main article h5 {
font-size:14px;
font-weight: 600;
line-height: 1.4;
	padding-left:10px;
margin-bottom: 1em;
	position:relative;
}

h5:before{
content: '';
position: absolute;
display: inline-block;
width: 3px;
height: 1em;
	left:0px;
	top:1px;
background-color: #91CD6A;
	text-indent: 10px;
}

#main article h6 {
font-size:14px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
	padding-left:10px;
}

/*===============================
 /* ヘッダー 
===============================*/
@media (min-width: 768px) {
#logogroup {
	float: left;
	height: 80px;
	margin: 10px 0 15px;
	padding-left: 80px;
	background-image: url(img/icon-y.png);
	background-position: left 8px;
	background-repeat: no-repeat;
	background-size: 70px auto;
}


 
#logogroup h1 a {
color: #333;
font-size: 22px;
font-weight: bold;
line-height: 1;
}
#logogroup h1  {
line-height: 1;
margin:0 0 3px;
}
#logogroup h1 a:hover {
	text-decoration:none;
}


#logogroup h2 {
  font-size: 9px;
	font-weight: bold;
	line-height:1.3;
}
#logogroup h2 span {
  font-size:11px;
  color:#611F90;
}
	
}/* min-width: 768px */


@media (max-width: 767px) {
	
#logogroup {
	margin: 5px 0 12px;
	padding-top:45px;
	background-image: url(img/icon-y.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 45px auto;
	text-align: center;
}
	#logogroup h1 {
	margin: 0 0 2px;
			line-height:1.1em;
		
}
#logogroup h1 a {
  color: #333;
  font-size: 17px;
	font-weight: bold;
}
#logogroup h1 a:hover {
	text-decoration:none;
}
#logogroup h2 {
  font-size: 9px;
	font-weight: bold;

}
#logogroup h2 span {
  font-size:11px;
  color:#611F90;
}
	

}/* max-width: 767px */


/*===============================
 /* ヘッダー メニュー
===============================*/


@media (max-width: 767px) {
	
	#header_info   { 
		display: none;
}
}



/* ヘッダー メニュー1*/
#header_info {
width: 330px;
float: right;
margin: 8px 0 10px;
}
#header_info:after {
content:"";
display: block;
clear: both;
height: 0;
}
#h-navi1 {
	text-align: right;
}
#h-navi1 li  {
	display: inline-block;
	  margin: 5px 0 5px 2px;
}
#h-navi1 li a {
display: block;
color:#fff;
	background-color: #00A3D9;
	padding:6px 17px 4px;
	font-size: 0.9em;
	line-height: 1;
	border-radius: 3px;
}
#h-navi1 li a:hover {
	background-color: #00B9F2;
	text-decoration: none;
}




/* ヘッダー メニュー2 */
#h-navi2  {
  margin: 0 0 2px;
  clear: both;
	text-align: right;
}
#h-navi2 li {
display: inline-block;
	margin-left: 10px;
	margin-bottom: 2px;
	font-weight: bold;
	
}
#h-navi2 li a {
  font-size: 0.93em;
	color:#333;
}
#h-navi2 li a:hover {
	color:#0088CC;
}


/* 検索フォーム */
#h-navi3 {
clear: both;
	text-align: right;
}

#searchform, #searchform div  {
  font-size: 12px;
}
#searchform label  {display: none}

#s  {
  border:solid 1px;
  border-color:#aaa #ddd #ddd #aaa;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/PIE.htc);
  position: relative;
  padding: 3px 8px;
  width: 120px;
  font-size: 12px;
}

#s:hover, #s:focus  {
  background-color: #F2F2F2
}
#searchsubmit  {
  background-color: #00A3D9;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  color: #ffffff;
  border:solid 1px;
  border-color:#00B9F2 #0088B2 #0088B2 #00B9F2;
  padding: 2px 4px;
  font-size: 12px;
}
#searchsubmit:hover  {background-color: #00B9F2;}


/*===============================
 /* PC ナビゲーションメニュー  768px以上
===============================*/

@media (max-width: 767px) {
	
	.header-nav  { 
		display: none;
}
	
}/*END  PC  min-width: 768px*/


@media (min-width: 768px) {

.header-nav  {
clear: both;
box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
background-color: #00A3D9;
}


/*
.header-nav  { 
background-image: linear-gradient(to bottom, #F6F6F6, #ffffff);
border-top: 1px solid #00A3D9;
border-bottom: 1px solid #00A3D9;
background: #fff;
}
*/





.home .header-nav  { 
margin-bottom: 10px;
}


nav {
	position: relative;
	max-width: 994px;
	margin: 0 auto;
		*zoom: 100;
	z-index:1000;
}


nav ul li.menu-item > a {
	color: #ffffff;
}
nav ul li.menu-item ul li a {
	color: #333;
}



@media (min-width: 768px) and (max-width: 999px) {
nav ul li.menu-item ul li a {
    font-size: 10px;
}
}


nav a:hover,
nav a:focus {
	outline: none;
}


/* common */
nav ul {
	position: relative;
	list-style: none;
	width:100%;
}

nav ul::after {
	display: block;
	clear: both;
	content: '';
}
nav ul li {
width:14.28%;
}
nav ul li {
	position: relative;
	float: left;
	text-align: center;
	padding: 5px 0 0;
	margin-bottom: 5px;
}

nav ul li a {
	display: inline-block;
	padding: 0.35em 0;
	color: #333;
	font-size: 13px;
	font-weight:600;
	text-align: center;
}
	/* addition */	
nav ul li.current-page-ancestor > a,
nav ul li.current_page_item > a,
nav ul li.current-menu-parent > a {
	color: #FEC20D;
}
	

nav ul li a:hover {
	text-decoration: none;
color: #ffffff;
}

nav ul ul {
	position: absolute;
	top: 132%;	
	left: -20px;
	border:2px solid #00A3D9;
	border-radius: 7px;
	padding:3px;
	background-color: #fff;
}
	
nav ul  ul:after {
	border:10px solid transparent;
border-bottom-color:#00A3D9;
border-top-width:0;
top:-10px;
content:"";
display:block;
left:80px;
position:absolute;
width:0;
}
nav ul ul ul:after {
	border:0px solid transparent;

}

nav ul ul li {
	float: none;
	margin: 0;
	width:100%;
	text-align: left;
	padding: 0 2px 0 7px;
	
}
nav ul ul li a {
	font-size: 12px;
	font-weight:600;
	text-indent:-10px;
	text-align: left;
	white-space: normal;
	margin: 0;

}
nav ul ul li:hover {
	background-color:rgba(204,243,255,1.00)
}
nav ul ul li:not(:first-child) {
	border-top: 1px dotted #dddddd;
}
nav ul ul ul {
	position: absolute;
	top: -2px; 
	left: 100%;
}
	
	

/* Effect 1: Brackets */
#menu a::before,
#menu a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#menu a::before {
color:#FEC20D;
	margin-right: 10px;
	content: '|';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}


#menu a::after {
color:#FEC20D;
	margin-left: 10px;
	content: '|';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#menu ul ul a::after,
#menu ul ul a::before {
	content: '';
}

#menu a:hover::before,
#menu a:hover::after,
#menu a:focus::before,
#menu a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


.menu ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-in-out;
	transform: translateY(10px);
	width: 135%;
}
.menu ul ul ul {
	transform: translateX(-20px) translateY(0);
}
.menu ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.menu ul ul li:hover > ul {
	transform: translateX(0) translateY(0);
}



/* トグルボタン */
/* 
#menubtn	{display: none}
*/


}/*min-width: 768px





/*===============================
/*スライドショー
===============================*/

.lof-slidecontent, .lof-slidecontent a {
  color:#FFF;  
}
.lof-slidecontent a.readmore{
  color:#58B1EA;
  font-size:95%;
  
}
.lof-slidecontent a:hover{
  text-decoration:underline;
  
}
.lof-slidecontent{
  position:relative;
  overflow:hidden;
  border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
  height:100%;
  width:100%;
  position:absolute;
  top:0px;
  left:0;
  z-index:100;
  text-align:center;
  background:#FFF;
}
.lof-slidecontent .preload div{
  height:100%;
  width:100%;
  background:transparent url(img/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
  position:relative;
  height:100%;
  width:900px;
  z-index:3px;
  overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
  z-index:100px;
  position:absolute;
  bottom:50px;
  left:0px;
  width:350px;
  background:url(images/bg_trans.png);
  height:100px;
  /* filter:0.7(opacity:60) */
  padding:10px;
}
.lof-main-item-desc p {
  margin:0 0px;
  padding:8px 0;
  font-size: 12px;
}
.lof-main-item-desc h3{
  padding:0;
  margin:0
}
.lof-main-item-desc h2{
  padding:0;
  margin:10px 0 0 0px;
  font-size:18px;
  font-weight: bold;
}
.lof-main-item-desc h3 a{  
  margin:0;
  background:#C01F25;
  font-size:14px;
  padding:3px 3px 2px;
  text-decoration:none
}
.lof-main-item-desc h3 a:hover{
  text-decoration:underline;
}
.lof-main-item-desc h3 i {
  font-size:12px;
  font-style: normal;
}

/* main flash */
ul.lof-main-wapper{
  /* margin-right:auto; */
  overflow:hidden;
  background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
  padding:0px;
  margin:0;
  position:absolute;
  overflow:hidden;
  line-height: 1.5;
}

ul.lof-main-wapper li{
  overflow:hidden;
  padding:0px;
  margin:0;
  float:left;
  position:relative;
  line-height: 1.5;
}
.lof-opacity  li{
  position:absolute;
  top:0;
  left:0;
  float:inherit;
}
ul.lof-main-wapper li img{
  padding:0px;
  margin:0 0 10px;
}

/* item navigator */
.lof-navigator-wapper {
  position:absolute;
  bottom:10px;
  right:10px;
  background:url(images/transparent_bg.png) repeat;
  padding:5px 0px;
}
.lof-navigator-outer{
  position:relative;
  z-index:100;
  height:180px;
  width:310px;
  overflow:hidden;
  color:#FFF;
  float:left
}
ul.lof-navigator{
  top:0;
  padding:0;
  margin:0;
  position:absolute;
  width:100%;
}
ul.lof-navigator li{
  cursor:hand; 
  cursor:pointer;
  list-style:none;
  padding:0;
  margin-left:0px;
  overflow:hidden;
  float:left;
  display:block;

  text-align:center;

}
ul.lof-navigator li img{
  border:#666 solid 3px;  
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
  border:3px solid #9C0;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
  display:block;
  width:22px;
  height:30px;
  color:#FFF;
  cursor:pointer;

}
.lof-navigator-wapper .lof-next {
  float:left;  
  text-indent:-999px;
  margin-right:5px;
  background:url(images/arrow-l.png) no-repeat right center;
}
.lof-navigator-wapper .lof-previous {
  float:left;  
  text-indent:-999px;
  margin-left:5px;
  background:url(images/arrow-r.png) no-repeat left center;
}


/**************スライドショーEND *********************/


/*===============================
 /* Banners
===============================*/



#banners ul li {
	margin-bottom: 2px;
	line-height: 0;
}



/* コンテンツ */
#visual {
  margin-bottom: 20px;
}
#contents li {
  line-height: 160%;
}

#maincont ul {
  margin-bottom: 1em;
}



.blank a {
  background-image: url(img/external.gif);
  background-repeat: no-repeat;
  background-position: 0px -2px;
  padding: 2px 0 2px 17px;
}





/* おすすめ記事 */
/*div#pickup div.post  {
  border: solid 1px #ccc;
  background-color: #FFFAF6;
  padding: 15px
}
*/
/* 最新情報 */
/*div#topnews div.post  {
  border: solid 1px #ccc;
  background-color: #F5F5F5;
  padding: 15px
}
*/





h3.title,
h3.title2,
#wrapper2 h3.title,
#wrapper2 h3.title2{
  font-size: 16px;
  font-weight: bold;
  color: #585858;
  margin: 0 0 10px;
  padding: 8px 10px 8px 20px;
  background-repeat: no-repeat;
  background-position: center center;

  border-bottom: solid 1px #eee;

}
h3.title  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 1px #00A3D9;
}
h3.title2  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 1px #00A3D9;
}
#wrapper2 h3.title  {
 background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 2px #93D82E;
}
#wrapper2 h3.title2  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 2px #93D82E;
}
p.pagenation  {font-size: 0.9em;
  overflow: hidden}
  
.pagenation  {margin-top:100px;}



span.oldpage  {float: left}

span.newpage  {float: right}
/* flash */
.flash {
  padding: 15px 5px 25px 13px;
  border: 1px solid #CCC;
  background-color: #FFF;
}



/*===============================
 /* 最新情報
===============================*/


div.post  {margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
    clear:both;
  }

/* サムネイル画像 */
div.post p.thumb  {
  float: left;
  margin: 0 10px 0 0
}
div.post p.thumb img  {
  width: 80px;
    height:80px;
}
div.post  .post-text {
margin-left: 90px;
}



div.post h2 {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px;
}
div.post h2  {
  font-size: 1em;
  padding: 0 0 3px;
  font-weight: bold;
}
div.post h2 a  {color: #333}
div.post h2 a:hover  {
  color: #08c;
  text-decoration: underline;
}


div.post p  {
  font-size: 0.9em;
	margin-bottom: 2px;
}


div.post p .postinfo  {
  margin-left: 10px;
  font-size: 0.9em;
}


div.post p.postcat .events a,
div.post p.postcat .open a,
div.post p.postcat .result a,
div.post p.postcat .gakka a,
div.post p.postcat .news a,
div.post p.postcat .event a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  color: #fff;
  padding: 3px 10px 4px;
  font-size: 11px;
}
div.post p.postcat .news a  {
  background-color:#FEC20D;
}
div.post p.postcat .events a,
div.post p.postcat .event a  {
  background-color: #32A4FF;
}
div.post p.postcat .gakka a  {
  background-color: #A8B2B2;
}
div.post p.postcat .result a  {
  background-color: #B22B00;
}
div.post p.postcat .open a  {
  background-color: #68CD37;
}

  
.post.cate-list {
text-align:center;
}
.post.cate-list p{
margin: 0 0 30px;
}

.post.cate-list span {
margin: 0 5px;
}

  
/* 続きを読む */
div.post a.more  {font-size: 0.9em}

#maincont .post p a:hover {
  text-decoration: underline;
}






/* ***********************************************************************
 Single サイドバー
*********************************************************************** */


h2.widget__title {
font-size: 1em;
padding-bottom: 8px;
border-bottom: solid 1px #cccccc;
position: relative;
margin-bottom: 5px;
}

h2.widget__title:after {
padding-bottom: 8px;
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #00A3D9;
width: 50%;
}


ul.sub_navi_post li {
	padding:13px 15px 8px 15px;
	border: solid 2px #00A3D9;
	box-shadow:1px 2px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	position: relative;
	margin-bottom: 25px;
	font-size: 0.93em;
	line-height: 1.3;
		list-style: none;

}
ul.sub_navi_post li.widget_categories {
	font-size: 1em;
}
ul.sub_navi_post li ul li::before {
  position: absolute;
  content: "";
  top: 38%;
  left: 5px;
  width: 6px;
  height: 10px;
  background: url(img/arrow.png) no-repeat;
  background-size: 6px 10px;

}

ul.sub_navi_post li ul li {
	border: solid 0px #ededed;
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	border-top: solid 1px #cccccc;
	padding:10px 10px 10px 20px;
	margin-bottom: 0px;
		margin-left: 0px;
	}
ul.sub_navi_post li ul li:first-child {
	border-top:0;
}
ul.sub_navi_post li ul li a {
	text-decoration: none;
	color:#333;
	}
ul.sub_navi_post li ul li a:hover {
	text-decoration: none;
	color:#0088CC;
	}
ul.sub_navi_post li ul li.current-cat a {
	 color:#009970;
	text-decoration: none;
	}
	ul.sub_navi_post li ul li.current_page_item a {
	  color:#689D75;
	}




/* ***********************************************************************
 Page サイドバー
*********************************************************************** */
/*addition*/
#sidebar aside h3 {
font-size:1.1em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 15px;
text-indent: 10px;
border-top: #00A3D9 2px solid;
	border-bottom: #00A3D9 1px solid;
	padding: 10px 0;
}





#sidebar #menu-laboratory,
#sidebar #menu-gakkamenu,
#sidebar .sub_navi {
	padding:7px;
	border: solid 2px #00A3D9;
	box-shadow:1px 2px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	position: relative;
	margin-bottom: 25px;
}
#sidebar #menu-laboratory h3,
#sidebar #menu-gakkamenu h3,
#sidebar .sub_navi h3 {
color:#676A7F;
font-size:1.2em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
margin-top: 0em;
	text-indent: 0em;

}
#sidebar #menu-laboratory li,
#sidebar #menu-gakkamenu li,
#sidebar .sub_navi li {
	border-top: dotted 1px #cccccc;
	  	list-style: none;
		margin: 0;
	}
#sidebar #menu-laboratory li:first-child,
#sidebar #menu-gakkamenu li:first-child,
#sidebar .sub_navi li:first-child {
	border-top:0;
}
#sidebar #menu-laboratory li a,
#sidebar #menu-gakkamenu li a,
#sidebar .sub_navi li a {
font-size:0.9em;
font-weight:600;
	  text-decoration: none;
	  color:#333333;
	  line-height: 1;
	  display: block;
	  padding: 12px 5px 12px 20px;
	  background: #fff url(img/arrow.png) 5px center no-repeat;
	  background-size: 7px auto;
	}

#sidebar .sub_navi li .children {
	  padding-left: 14px;
	}


#sidebar #menu-laboratory li a:hover,
#sidebar #menu-gakkamenu li a:hover,
#sidebar .sub_navi li a:hover {
	  text-decoration: none;
	  color:#0088cc;
	}


/* additon*/
#sidebar #menu-laboratory li.current_page_item a,
#sidebar #nav_menu-2 li.current_page_item a,
#sidebar #menu-gakkamenu li.current-menu-item a,
#sidebar .sub_navi li.current_page_item > a {
	  color:#00A3D9;
	}





/* ==================== 最新のお知らせ ==================== */

#latest_news {
  margin-bottom: 30px;
}

#latest_news ul {
  font-size:0.9em;
}
#latest_news li {
  border:1px solid #ddd;
  padding:8px 10px 5px;
  margin:0 0 5px 0;
  line-height:normal;
}
#latest_news li a {
  color:#333;
  float:left;
  margin:0 10px 0 0;
  padding:2px 10px 0 0;
  background-image: url(img/dotline2.gif);
  background-repeat: repeat-y;
  background-position: right top;
}
#latest_news li .news a {
  background-image: none;
}
#latest_news ul a {
  width: 360px;
}
#latest_news ul a:hover {
  color:#08c;
}
#latest_news li span {
  color:#333;
  padding:2px 0 0 0;
}
#latest_news ul .events a,
#latest_news ul .oshirase a,
#latest_news ul .result a,
#latest_news ul .news a,
#latest_news ul .event a {
  float:left;
  width: 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  behavior: url(PIE.htc);
  position: relative;
  color: #fff;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 5px;
}
#latest_news ul .news a {
  background-color: #a7d043;
}
#latest_news ul .events a,
#latest_news ul .event a {
  background-color: #32A4FF;
}
#latest_news ul .result a {
  background-color: #C33;
}
#latest_news ul .oshirase a {
  background-color: #68CD37;
}
#latest_news ul .events a:hover,
#latest_news ul .oshirase a:hover,
#latest_news ul .result a:hover,
#latest_news ul .news a:hover,
#latest_news ul .event a:hover {
  text-decoration:underline;
}

#latest_news ul .events a,
#latest_news ul .news a,
#latest_news ul .event a {
  float:left;
  width: 8%;
  text-align: center;
}



#latest_news ul .date {
  float:right;
  width: 100px;
  text-align: right;
}  



/* ==================== フッター ==================== */

#footer  {
  padding: 20px 0;
	text-align: center;
	border-top: #00A3D9 2px solid;
	clear: both;
}

#footer p  {
  font-size: 11px;
}


/*
#footer-inner {
  margin: auto;
  width: 970px;
}
#footer-inner p a {
  color: #333;
}
*/


/************************************************/
/* ----------pagescroll---------- */
/************************************************/

.pagescroll {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 20;
}
.pagescroll a:link,
.pagescroll a:visited{
	display: block;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #64208D;
}
.pagescroll a:hover,
.pagescroll a:active{
	color: #fff;
	background-color: #B22B00;
}
 


  
/* ギャラリー */
.gallery-item {width: 33%;
  float: left;
  margin-top: 0;
  text-align: center}

.gallery img {border: solid 1px #aaaaaa;
  padding: 5px}

.gallery a:hover img  {background-color: #6AC2FF}

.gallery dd  {margin: 0;
  font-size: 0.9em}

.gallery br+br  {display: none}







#main h1.title  {	
  /*
	background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
	*/
  border-top: solid 2px #00A3D9;
}









/* 記事の個別ページ */

.labo-info#main h1,
.search #main h1,
.tax-gakkacat #main h1,
.tag #main h1,
.category-event #main h1,
.category-news #main h1,
.page #wrapper div.post h1,
.single #wrapper div.post h1,
.page #wrapper2 div.post h1,
.single #wrapper2 div.post h1  {
  padding: 10px 12px;
  margin-bottom: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
	
}

.labo-info #main h1,
.search #main h1,
.tax-gakkacat h#main h1,
.tag #main h1,
.category-event #main h1,
.category-news #main h1,
.page #wrapper div.post h1,
.single #wrapper div.post h1  {
  margin-bottom: 20px;
  border-top: 2px solid #6AC2FF;
}






div.post h3 {
	background-image: url(img/bg-ti-h3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 1.1em;
	font-weight: bold;
}
div.post h4 {
	background-image: url(img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.05em;
	font-weight: bold;
}

div.post.cate-list h4 {
background-image:none;

}


div.post h5 {
  margin-bottom: 10px;
  font-size: 1.05em;
  font-weight: bold;
}
.page-template-custom_re-kenkyu-php div.post h5,
.page-template-custom_kenkyu-php div.post h5 {
  margin-bottom: 2px;
  font-size: 0.95em;
  font-weight: bold;
}
.page-template-custom_re-kenkyu-php .right-menu ul,
.page-template-custom_kenkyu-php .right-menu ul{
  margin-bottom:5px;
}
/* 分割した記事へのリンク */
#postpage  {text-align: center;
  padding-top: 20px;
  clear: both}

#postpage a  {border: solid 1px #aaaaaa;
  padding: 5px 10px;
  margin: 0 10px}

#postpage a:hover  {background: #f7e29e}

#postpage span  {padding: 5px 10px;
  color: #888888;
  background: #dddddd}

#postpage a span  {padding: 0;
  color: black;
  background: none}
/* 画像の個別ページ */
.attachment div#content  {width: 100%;
  float: none}

.attachment p.photo  {text-align: center}
/* タイトルの一覧 */
ul.post  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E6E6E6;
}

ul.post li  {
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 12px;
  padding-top: 7px;
  padding-right: 0;
  padding-bottom: 7px;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E6E6E6;
}

ul.post li a  {color: #333}
ul.post li a:hover  {color: #08c}

ul.post li span  {font-size: 0.9em;
  color: #888888}



/*--------------------------------------------*/
/* パンくずリスト */


div#breadcrumb div {
  display: inline;
  font-size:12px;}
div#breadcrumb div a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  margin-right: 10px;
}

/* パンくずリスト2 */

ul.breadcrumbs {
  list-style: none;
  font-size:12px;
	margin:10px 0; 
}
ul.breadcrumbs li {
  float: left;
  margin: 0 5px 10px;
  line-height: 1.5;
}
.breadcrumbs li a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 7px;
  padding-right: 18px;
  
}


/* ページ番号リンク */
p.pagenum  {text-align: center}

p.pagenum a, p.pagenum span
  {padding: 3px 6px;
  color: #ffffff}

p.pagenum a  {
  background-color: #ABAEB2
}

p.pagenum span  {
  background-color: #C4C8CD
}
/* ニュース */
ul.newslist  {border: solid 1px #aaaaaa;
  padding: 10px;
  margin: 0 0 20px;
  font-size: 0.75em}

ul.newslist li  {list-style-type: none;
  background-image: url(arrow.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 16px;
  line-height: 18px}

ul.newslist a  {color: #000000}

ul.newslist span  {color: #666666}

/* 検索結果 */


.search-no-results p.title  {text-align: left;
  margin-bottom: 50px}

.search-no-results #content  {text-align: center;
  line-height: 2;
  border: solid 1px #333333;
  padding-bottom: 40px}


/* ライトボックスの背景の透明度 */
#overlay  {filter:alpha(opacity=40)!important;
  opacity:0.4!important}


.widget_nav_menu h2 {
  display: none;
}
/* ライトサイドメニュー */
.right-menu {
  background: #FAFAFA;
  padding:5px;
}

.page-id-86 .right-menu,
.page-id-88 .right-menu,
.page-id-107 .right-menu,
.page-id-168 .right-menu,
.page-template-custom_kanren-php .right-menu {
  display: none;
}
.right-menu a {
  padding:7px 3px;
  line-height: 120%;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  width: 149px;
  display: block;  /* white-space:nowrap;*/
}
.right-menu a:hover {
  background: #647780;
  text-decoration: none;
}
/* サブコンテンツ */
.keyword {
  background: #FAFAFA;
  padding:5px;
}
.keyword a {
  padding:3px 5px;
  line-height: 200%;
  white-space:nowrap;
  text-decoration: none;
  color: #FFF;
  background-image: url(img/black30.png);
  background-repeat: repeat;
  margin-top: 1px;
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #fff;
  font-size: 11px;
  max-height: 1.3px;
}
.keyword a:hover {
  background: #797979;
  text-decoration: none;
}


 #subcont.labo-info h2,  
.archive #subcont h2,
.search #subcont h2,
.tax-gakkacat #subcont h2,
.single-gakka #subcont h3{
  font-size: 13px;
  font-weight: bold;
  background-image: url(img/accent.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding: 6px 5px 6px 35px;
  margin-bottom: 5px;
  background-color: #FFF;
  display: block;
  color: #666;
}

.tag #subcont h2,
.single-post #subcont h2,
.category-event #subcont h2,
.category-news #subcont h2 {
  font-size: 13px;
  font-weight: bold;
  background-image: url(img/accent.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding: 6px 5px 6px 35px;
  margin-bottom: 5px;
  background-color: #FFF;
  display: block;
  color: #666;
  line-height: 1.4;
}
#subcont .block {
  margin: 5px 5px 5px 0;
}
/* ==================== 表 ==================== */
/* 表 見出し */
#contents table {
  font-size: 100%;
  margin-bottom: 1.5em;
  border: 1px #d0d0d0 solid;
}
#contents .layout table {
  border: none;
}
/* 表 見出し */
#contents th {
  background-color: #F2F2F2;
  border-width: 0 0 1px 1px;
  padding: 5px;
  border: 1px #d0d0d0 solid;
  font-weight: normal;
  vertical-align: top;
}
#contents .program th {
  font-weight: bold;
  text-align: left;
}
#contents .corse-tb th {
  text-align: left;
}
/* 表 セル */
#contents td {
  padding: 3px 7px;
  border: 1px #d0d0d0 solid;
  border-width: 0 0 1px 1px;
}
#contents .layout table td {
  border: none;
  padding: 0px;
}
#contents .align-top td {
  vertical-align: top;
}
caption {
  text-align:left;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: bold;
}
#contents table.unit-tb,
#contents table.staff-tb {
  width: 100%;
  margin-bottom: 50px;
}
#contents .staff-tb th {
  font-weight: bold;
}







/* ==================== メッセージ ==================== */
.caption-text {
  font-size: 11px;
  text-align: center;
  margin-bottom: 5px;
}
/* ***********************************************************************
  /* ==================== 学科選び ==================== */
#menu-gakka-erabi {
  margin: 5px 0;
    padding:5px 0;
}
#menu-gakka-erabi li {
  float: right;
}
#menu-gakka-erabi a {
  padding:5px 3px;
  line-height: 150%;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  width: 130px;
  display: block;  /* white-space:nowrap;*/
  margin: 0 0 0 1px;
  text-align: center;
}
#menu-gakka-erabi .current-menu-item a {
  background-color: #96BDCE;
  background-image: none;
}
#menu-gakka-erabi li a:hover {
  background: #647780;
    text-decoration: none;
}
.inner-menu {
  margin: 5px 0;
}

/* ***********************************************************************
   第二志望制度とは
*********************************************************************** */
.daini-text {
  margin: 0 20px 20px 30px;
}
.daini-text ul li {
  background-image: url(../img/dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  margin-left: 20px;
  padding-left: 12px;
}
.cution {
  background-color: #FEF;
  padding: 10px 20px;
  border: 1px solid #FCF;
  margin-bottom: 30px;
}
.daini-text h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left-width: 7px;
  border-left-style: solid;
  border-left-color: #AFCC71;
}

/* ***********************************************************************
   学びたい分野から学科を選ぶ
*********************************************************************** */
#bunya  {
  width: 780px;
  margin: 0 -10px 50px 0;
  _zoom: 1;
  overflow: hidden;
}
#bunya .column h2{
  background:#00A3D9 ;
  color: #FFF;
  padding:  3px 10px;
  font-weight: bold;
  margin: 0;
  font-size: 0.9em;
  text-align: center;
}
#bunya .column  {
  width: 185px;
  float: left;
  margin: 0 10px 20px 0;
}

.columninner,
.columninner2{
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #999; 
}
.columninner  {
  min-height:330px;
  height:auto !important;
}
.columninner2  {
  min-height:450px;
  height:auto !important;
}
.column img  {
  margin: 0 0 5px;
}
.column ul {
  font-size: 12px;
}
.column  ul li a {
  background-image: url(img/arrow-red.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 17px;
  margin-bottom: 2px;
  line-height: 160%;
  display: block;
}
.column  ul li a:hover {
  text-decoration: underline;  
}
#contents .column ul li p{
  margin-bottom: 5px;
}

/* ***********************************************************************
   進路状況
*********************************************************************** */
.bg-shinro {
  border-bottom: 1px solid #999;
  background-image: url(img-shinro/c3bg-shinro.png);
  background-repeat: repeat-y;
  background-position: center top;
}
.syushokusaki {
  margin: 0 auto 30px;
  width: 430px;
}
.syushokusaki li {
  margin-bottom: 2px;
}
.nihontizu {
  position: relative;
}
.graph {
  position: absolute;
  top: 539px;
  right: 6px;
}
.chiiki {
  padding-bottom: 50px;
}
.zoom {
  background-image: url(img/zoom.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 5px 0px 5px 22px;
}
.date {
  font-size: 0.95em;
  text-align: right;
}
/* *******************************************
   学科のホームページを見るボタン
/* *******************************************/

div.btn-gakka {
text-align: right;
margin-bottom: 10px;
}
div.btn-gakka a {
display: inline-block;
padding:5px 14px;
background-color: #00A3D9;
color:#fff;
font-size:0.93em;
border-radius: 3px;
}
div.btn-gakka a:hover {
background-color: #00B9F2;
text-decoration: none;
}



/* *******************************************
   バナーショー  css3 ease
/* *******************************************/

.banner-show img,
.banner-show2 img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }

.banner-show img,
.banner-show2 img{
  z-index: 2 ;
  }
  .banner-show img:hover,
  .banner-show2 img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1 ;
    }
.kenkyu-tb td {
  vertical-align:top;
}
  
.bg-shinro p {
  padding: 0 9px;
}
.bg-shinro table {
  margin-left: 9px;
}
/* *******************************************
   サイトマップ
/* *******************************************/
#sitemap {
  margin: 0 0 0 10px;
}
.siteMap ul,
.siteMap2 ul {
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.siteMap ul {
  background-image: url(img/tateLine.gif);
}
.siteMap2 ul {
  background-image: url(img/tateLine.gif);
}
.siteMap2 ul li ul {
  background-image: url(img/tateLine.gif);
}

.siteMap li,
.siteMap2 li{
  padding-left: 20px;
  margin: 0 0 5px;
  background-image: url(img/arrow-small.gif);
  background-repeat: no-repeat;
  background-position: 1px 6px;
}
.siteMap dt,
.siteMap2 dt{
  margin-bottom: 2px;
  background: url(img/arrow-large.jpg) no-repeat 0px 2px;
  padding: 3px 0 3px 15px;
  font-size: 1.1em;
  font-weight: bold;
}
.siteMap dd,
.siteMap2 dd{
  margin: 0 0 30px 5px;
}
.siteMap,
.siteMap2 {
  float: left;
  width: 280px;
}
.son {
  margin-left: -7px;
}
.son2 {
  margin-left: 20px;
}
.son3 {
  margin-left: 20px;
}
.siteMap a,
.siteMap a:link,
.siteMap a:visited
.siteMap2 a,
.siteMap2 a:link,
.siteMap2 a:visited{
  color: #333;
}

#mobilesmart_switcher {
  padding: 5px;
}
#mobilesmart_switcher a {
  background-image:url(img/btn-mobile.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  display: block;
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  width: 200px;
  padding: 90px 50px 20px;
  margin:auto;
}

#subcont .sphone {
  background: #DFDFDF;
  padding: 10px;
  margin:0 0 5px
}
#subcont .sphone p {
  font-size: 11px;
  margin:0
}
.open dt {
  background-image: url(img/bg-ti-h3.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 0 0 3px 3px;
  margin-bottom: 15px;
  font-size:  1.1em;
  font-weight: bold;
}
.open iframe {
  width: 420px;
	height:315px;
}
.open dd {
  margin:0 0 20px
}
.leading {
  margin:0 0 20px;
}
.leading li {
  background-image: url(img/dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 15px;
  margin-left: 1em;
  line-height:1.3;
}


 /* ==================== 研究紹介個別ページ ==================== */
.profile {
	background-color: #F3F3F3;
	margin-bottom: 30px;
	padding: 20px 20px 13px;	
}

.portrait {
	float:left;
	margin-right:20px;
}
#contents .portrait img {
	padding:7px;
	border:1px solid #ccc;
	background-color: #fff;
}
.profile ul li {
	font-size:1.1em;
	margin-bottom: 0.3em;
}

.profile ul li a {
	background-image: none;
	padding-left:0;
}

#contents .profile table {
	width:80%;
	margin-left:20%;
	border:none;
	
}
#contents .profile table td,
#contents .profile table th {
	font-size:1.1em;
	text-align:left;
	background-color:#FFFFFF;
	
	border-left:none;
	border-top:none;
	border-right:none;

}
  /* ==================== 研究紹介アーカイブメニュー ==================== */
#menu-kenkyu-shokai {
  margin:0 0 5px;
}
#menu-kenkyu-shokai li {
  float: left;
}
#menu-kenkyu-shokai a {
  padding:5px 7px;
  line-height: 150%;
  font-size: 0.95em;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  display: block;  /* white-space:nowrap;*/
  margin: 0 0 10px 2px;
  text-align: center;
}
#menu-kenkyu-shokai .current-menu-item a {
  background-color: #96BDCE;
  background-image: none;
}
#menu-kenkyu-shokai li a:hover {
  background: #647780;
    text-decoration: none;
}
.inner-menu {
  margin: 5px 0;
}

/* ******************************
  /* ==================== 研究紹介アーカイブ ==================== */


.research_box {
		display: flex;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	border-bottom: 1px dotted #91CD6A;
}


.research_image {
flex: 0 0 15%;
	margin-right: 20px;
}
.research_image img {
	width:100%;
	height:auto;
}
.research_text {
	flex: 0 0 80%;
}





.research_box h2 {
	font-size: 1.1em;
}
.research_box h3 {
	font-size: 1em;
}
.research_box h3 a {
  color: #333;
}
.research_box h3 a:hover {
  color: #08c;
  text-decoration: underline;
}

  /* ==================== トップページ　バナー ==================== */
  
.home h4.title {
margin-bottom: 10px;
text-align: center;
}
.banners {
	width:100%;
	padding:20px 0;
	background: #FFFFFF;
}


.slider li img {
margin-bottom: 10px;
}

h2.widgettitle {
display: none;
}

.gaiyo-box {
margin:30px 0;
}


  /* ==================== サイトマップ ==================== */
#sitemap_list {
	background: #fff;
	margin: 0 0 0 30px;
	padding: 0;
}

#sitemap_list li.home-item a {
	line-height: 32px;
}

#sitemap_list li {
	font-size: medium;
	text-indent: 0;
	padding: 0 0 12px 0px;
	margin: 12px 0;
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
}

#sitemap_list li a {
	background: url(img/arrow-red.gif) no-repeat left center;
	display: inline-block;
	padding-left: 20px;
	margin-left: 10px;
	line-height: 33px;
}

#sitemap_list li li {
	font-size: small;
	margin: 0;
	padding: 1px 0 0 14px;
	border: none;
}


#sitemap_list li li a {
	background: url(img/arrow.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 33px;
}

#sitemap_list li li li {
	padding: 1px 0 0 25px;
}

#sitemap_list ul {
	padding: 0;
	margin: 0;
}
.tx-box {
	margin: 0 0 30px;
	padding:15px 15px 10px;
    border: solid 1px #ccc;
}



.container.bottom-wrapper {
width:100%;
max-width:900px;
margin:0 auto;

}

.bottom-banners {
width:100%;
display: flex;
justify-content: center;
margin: 0 0 30px;
}
.bottom-banners div{
flex:0 0 1;
margin: 0 5px;
}





@media (max-width: 767px) {

.container.bottom-wrapper {

margin:0 auto;
padding: 0 15px;
}

.bottom-banners {
width:100%;
justify-content:flex-start;
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}


.bottom-banners div {
flex:0 0 48%;
margin: 0 1% 15px;
}

.bottom-banners div img{
max-width:100%;
}

}


.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
margin:0 0 30px;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



.divide{
display: flex;              /* フレックスボックスにする */
}





#information {
display: flex;              /* フレックスボックスにする */
    justify-content:flex-start;
border:3px solid #940025;
border-radius: 5px;
}
.boxA {
flex:0 0 200px;
font-size:18px;
font-weight: 600;
color:#940025;
text-align: center;
background: #f1f1f1;
padding:10px 20px 0px;
}
.boxB {
flex:1 0 200px;
background: #fff;
padding:10px 15px 0px;
font-size:16px;
}

.boxC {
flex:0 0 190px;
background: #fff;
padding:0 0 0 15px;
}
.boxC img{
width:215px;

}