/*グローバル設定*/



@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);

body {
     font-family: "Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","sans", sans-serif;
     font-size: 100%;
		 line-height:25px;
	color:black;
	text-align: justify;
}

/*
.wp-custom-header img{
	
    width: 100%;
    height: auto;
}
*/
.wp-custom-header img{
	object-fit: cover;
}

/*
*/

blockquote{
	clear:both;
	align-content:center;
	margin-top:11px;
		color:#000000;
}

blockquote a:visited{
	clear:both;
	align-content:center;
	margin-top:11px;
	color:#0f0f16;
}

/* 投稿ショートコードの追加CSS */
.su-post{
	margin-bottom:auto;
}

.su-posts-default-loop .su-post-thumbnail{
display: none!important;
	float: left;
}
.su-posts-default-loop h2.su-post-title{
	
}
.su-post-meta{
float:none;
	line-height: 70%
}

.su-post-excerpt{
float : none;
font-size:13px;
line-height: 100%
}
.su-post-comments-link{
display: none;
}

.su-posts-default-loop .su-post{
	float:none;
	content: "\A" ;
}


/* メンバー欄ショートコードの追加CSS 　サイズごと指定あり*/
.su-service{
	float: left;
	/*width:100vw;*/
}

@media screen and (min-width:100px) and ( max-width:480px) { 
    /*　100以上630まではこれで*/
		div.su-service-title{
			float:left !important;
		  min-height:initial!important;
			min-height:70px!important;
		
		
		}
	div.su-service-content.su-clearfix{
		padding-left:initial!important;
		padding-right:1px;
	}
	
	img.photo{
		width:120px;
		margin:10px 2px 14px 10px;
	}
		
	div.name{
		width:300px;
	color:black;
  font-weight:bold;
	margin:5px 0px;
	font-size:15px;
	line-height: 16px;
	
  }
	
	div.LoS{
		width:350px;
		margin:5px 0px;
		font-size:10px;
		font-weight:normal;
		line-height: 20px;
	}

	div.PoS{
		font-weight:normal;
		font-size:12px;
		line-height: 20px;
	}
	
	div.Prof{
		margin-top:10px;
		font-weight:normal;
		font-size:13px;
	}
}
		
@media screen and (min-width:480px) and ( max-width:1024px) {
		div.su-service-title{
		/*padding-left:110px!important;*/
			min-height:initial!important;
			min-height:70px!important;

			padding-right:2px;
			width:33vw;
			height:50px;
			line-height: 16px!important;
			float:left !important;
		}
		div.su-service-content.su-clearfix{
			padding-left:35vw!important;
			padding-right:10px;
		}

	img.photo{
		clear:both;
		width:120px;
		margin-top:10px;
		margin-right:20px ;
		float:left;
	}
	
	div.profileContainer{
	padding-top:5px;
	padding-left:140px;
	padding-bottom:10px;
	}
	
	div.name{
		width:300px;
	color:black;
  font-weight:bold;
	margin:5px 0px;
	font-size:15px;
	line-height: 16px;

  }
	
	div.LoS{
		width:350px;
		margin:5px 0px;
		font-size:11px;
		font-weight:normal;
		line-height: 20px;
	}

	div.PoS{
		font-weight:normal;
		font-size:12px;
		line-height: 20px;
	}
	
	div.Prof{
		margin-top:10px;
		font-weight:normal;
		font-size:13px;
	}
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
/* div.su-service-title{
	padding-left:110px!important;
	padding-right:2px;
	width:20;
	height:50px;
	line-height: 16px!important;
  float:left !important;
}
	div.su-service-content.su-clearfix{
	padding-left:22vw!important;
	padding-right:10px;
}
*/

	img.photo{
	 clear:both;
		width:120px;
		padding-top:10px;

		float:left;
	}
	
	div.profileContainer{
	padding-top:5px;
	padding-left:135px;
	padding-bottom:25px;
	}
	
	div.name{
		width:300px;
	color:black;
  font-weight:bold;
	margin:5px 0px;
	font-size:15px;
	line-height: 16px;

  }
	
	div.LoS{
		width:350px;
		margin:5px 0px;
		font-size:11px;
		font-weight:normal;
		line-height: 20px;
	}

	div.PoS{
		font-weight:normal;
		font-size:12px;
		line-height: 20px;
	}
	
	div.Prof{
		margin-top:10px;
		font-weight:normal;
		font-size:13px;
	}
	
	p.site-description{
		font-size:9px !important;
		line-height:1.5;
	}

	.navbar-header {
    width: 200px !important;
   }
}



/*研究欄ショートコードの追加CSS*/
.alignnone 
{
	margin-right:10px;
	float:left !important;
}

.alignnone size-medium{
	margin-right:10px;
	float:left; 
}

/* バー部分調整*/
.page-title-section .overlay {
  background-color: #222299;
	height:70px;
}

.page-title h1{ 
	position:clear;
	font-size:18px;
	line-height: 18px;
}

.page-breadcrumb{
	padding:3px;
}

/* タイトル部分調整*/
.site-title>a{
background-color:#FFFFFF;
color: #222299;
}
/*font-size:20px;
*/

@media screen and (min-width:1024px) {
.site-title>a{
background-color:#FFFFFF;
color: #222299;
}
/*font-size:15px;
*/
	
p.site-description{
font-size:11px;
}

	.navbar-header{
 width:240px;
	}

.navbar-toggle{
}
}


div.header-content h1{
	width:50vw;
	font-size:200%;
	line-height:120%;
}
/*
div.header-content h3{
  width:50vw;
	font-size:80%;
	line-height:5vw;
}
*/
div.header-content h3{
margin-bottom:0px;
}

/* メニュー部分調整*/
.navbar-default .navbar-nav .dropdown-menu{
	background-color:#222299;
}

.navbar-default .navbar-nav .dropdown-menu .menu-item a{
	color:#ffffff;
} 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{
	background-color:#222299;
}

.navbar-default .navbar-nav .dropdown-menu .menu-item a:hover{
	color:initial;
	color:#ffffff;
} 

@media (min-width: 200px) and (max-width: 990px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	background-color: #222299;
	color:#ffffff;
	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { 
	background-color: #222299;
	color: #ffffff; }
	
	
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
	
.navbar-toggle { color: #0f0f16; }
.navbar-default .navbar-toggle .icon-bar { background-color: #0f0f16; }

}

/*flyer*/
div.flyer{
	margin-bottom:10px;
}

/*li部分*/
.pub{
	margin:0px 10px;
	font-size:12px;
	line-height:18px;
}











/*============================================================================================*/
/*======================================== Symposium ========================================*/
/*============================================================================================*/

/* Current version follows */

#sym-container,
#sym-container * {
font-family: "Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","sans", sans-serif;
}

#sym-container h1{
	background: none;
	margin: 16px 0 10px 0;
	padding: 0;
	font-size: 36px;
	font-weight: bold;
	color: #258dec;
	letter-spacing: 0;
	line-height: 40px;
}
#sym-container h2{
	border: none;
	margin: 16px 0;
	padding: 0;
	font-size: 28px;
	font-weight: bold;
	color: #000088;
	line-height: 32px;
}
#sym-container h3{
	background-image: url("images/h1-headerb.png");
	background-repeat: no-repeat;
	margin: 30px 0 20px -22px;
	padding: 0 0 0 22px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 3px;
}
#sym-container h4{
	margin: 0px 0 0px 0px;
	color: #116;
	font-size: 16px;
	font-weight: bold;
}
#sym-container h4 small{
	font-size: 14px;
}
#sym-container p{
	margin: 10px 0;
		color: black;

}

#sym-container dl dt {
	margin: 0px 2px 0px 20px;
	width: 93px;
	clear: left;
	float: left;
	padding: 3px 0;
	line-height: 130%;
	border-top: 1px dotted #ccc;
	font-size: 13px;
	font-weight: normal;
	color: #008;
}

#sym-container dl dd {
	margin: 0px 0px 0px 115px;
	padding: 3px 0;
	line-height: 130%;
	border-top: 1px dotted #ccc;
	font-size: 13px;
	font-weight: normal;
}

#sym-container dl dt.first,
#sym-container dl dd.first {
	padding: 0 0 3px 0;
	border-top: none;
}

#sym-container dl dt.last-with-border,
#sym-container dl dd.last-with-border {
	border-bottom: 1px dotted #ccc;
}

#sym-container a{
	text-decoration: underline;
	color: #258dec;
}
#sym-container a:hover{
	color: #ff507f;
}
#sym-container a:active{
	color: #258dec;
}

#sym-container b{
	color: #116;
}

#sym-container small{
	font-size: smaller;
}

#sym-container a.btn{
	position: relative;
	margin: 10px 0 15px 0;
	padding: .5em;
	display: block;
	border: 2px outset #f5a21b;
	color:#fff;
	background-color: #f5a21b;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 2px;
}
#sym-container a.btn *{
	color: #fff;
}
#sym-container a.btn:hover{
	background-color: #fcd7a1;
	border-color: #fcd7a1;
}
#sym-container a.btn img.cursor{
	position: absolute;
	bottom: -20px;
	right: 30px;
}

#sym-container .social{
	height: 20px;
}
#sym-container .social span{
	display: inline-block;
	width: 110px;
}

#sym-container ul.banner{
	margin-top: 20px;
	list-style-type: none;
}

#sym-container ul.banner li{
	margin-top: 10px;
}

#sym-container small{
	font-size: 16px;
}
#sym-container a.pdf{
	padding-right: 17px;
	background-image: url("/wordpress/wp-content/themes/ongacrest/images/pdficon_small.png");
	background-repeat: no-repeat;
	background-position: right center;
}

#sym-container .new{
	display: inline-block;
	vertical-align: middle;
	padding: 2px 1px 2px 2px;
	border: 3px solid #d06;
	color: #fff;
	background: #d06;
	font-size: 6px;
	line-height: 1em;
	letter-spacing: 1px;
}

#sym-container .new.date{
	padding: 2px 2px 2px 2px;
	color: #d06;
	background: #fff;
	letter-spacing: 0;
}

#sym-container dl.poster-list dt{
	float: left;
	width: 95%;
	margin-right: 0;
	padding-bottom: 0;
	font-weight: bold;
	color: #d06;
	text-align: left;

}

#sym-container dl.poster-list dd{
	float: right;
	width: 90%;
	margin-left: 10%;
	padding-top: 0;
	padding-bottom: 4px;
	border: none;
	color: #777;
	line-height: 1em;
	font-size: 11px;
	text-align: right;

}

#sym-container dl.poster-list dd:last-child {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2em;
}

#sym-container dl.poster-list dd.with-border {
	border-bottom: 1px dotted #ccc;
}

.embed-container {
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
}

.embed-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}