@charset "utf-8";

/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#logo a {
	display: block;
	padding: 20px 0;
}

#main {
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}


#mainWrap {
	margin: 0 auto 6%;
	box-sizing: border-box;
	display: flex;
}


#broadcastBox li:first-child dt img,
#broadcastBox li:last-child dt img {
	max-width: 140px;
}


/*●*/

#circleBtn {
	display: flex;
	align-items: end;
	margin-bottom: -30px;
	width: 193px;
}


#circleBtn a,
#circleBtn a span {
	width: 100%;
}

#circleBtn a {
	/* cursor: auto; */
	/*あとで消す*/
	/*    height: 100px;*/
	padding: 50% 0;
	border-radius: 50%;
	text-align: center;
	background:
		#f59250;
		/* #ccc; */
	color: #fff;
	position: relative;
}

#circleBtn a span {
	display: flex;
	justify-content: center;
	font-size: 2em;
	line-height: 1.2em;
	position: absolute;
	top: 50%;

	letter-spacing: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	/*margin: -.5em 0 0; left: 25%;*/
}


#circleBtn a:after {
	position: absolute;
	content: "";
	display: block;
}

/*>*/
#circleBtn a:after {
	top: 50%;
	right: 5%;
	border-top: 8px solid transparent;
	border-left: 8px solid #fff;
	border-bottom: 8px solid transparent;
}


#circleBtn a:hover{ background:#df7338;	 color:#fff; }




#mainInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/*会期*/
#txtBox,
#mainSession,
#mainChairman {
	display: flex;
}

#mainSession dt {
	padding-top: 3%;
}

#mainInfo dt {
	margin-right: 25px;
	padding-right: 35px;
	border-right: 1px solid #003c89;
}

#mainSession dt,
#mainSession dd,
#mainChairman li {
	display: inline-block;
}


/**/
#mainChairman li dt {
	margin-bottom: 5%;
}

#holdTitle {
	border-top: 1px solid #003c89;
	border-bottom: 1px solid #003c89;
	text-align: center;
	padding: 2% 0 1%;
	margin-bottom: 40px;
}



#broadcastBox li {
	border-top: 1px solid #003c89;
}

#broadcastBox li:not(:last-child) {
	margin-bottom: 8%;
}

#broadcastBox dl {
	position: relative;
	padding-top: 5%;
}

#broadcastBox dt {
	background: #83a6cb;
	color: #fff;
	border-radius: 20px;
	padding: 0 0 1.5%;
	width: 190px;
	position: absolute;
	top: -16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 8px 0;

}

#broadcastBox dd {
	padding-top: 10px;
}


/*==============================================================================*/
/*新着情報
============================================================================== */
/*title*/
.maintitle {
	font-size: 1.5625em;
	color: #003c89;
	font-weight: 400;
	line-height: 1em;
	letter-spacing: 0.3em;
}

.maintitle span {
	display: block;
	font-size: 0.35em;
	line-height: 1em;
}


#newsCont h2,
#infoBox {
	width: 750px;
	margin: 0 auto;
}

#newsCont {
	background: #f2f8ff;
}

#infoBox {
	padding: 3% 30px 30px;
	overflow: auto;
	height: 230px;
	background: #fff;
}

#infoBox dl {
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 0.04em;
}

#infoBox dt,
#infoBox dd {
	display: inline;
	padding-bottom: 15px;
}



#infoBox dt {
	color: #404040;
	border-right: 1px solid #003c89;
	font-weight: 400;
}

#infoBox dd a {
	color: #404040;
}

#infoBox dd a:hover {
	text-decoration: underline
}

/* IE10以降 */
@media all and (-ms-high-contrast: none) {

	/* ハイコントラストモードが「オフ」の場合 */
	#infoBox dt {
		margin-top: -3px;
	}
}




/*sp*/
@media screen and (max-width: 1270px) {
	#main {
		box-sizing: border-box;
		width: 1330px;
	}

	#mainTheme {
		margin-right: 40px;
		padding-left: 60px;
		box-sizing: border-box;
	}


	#mainWrap {
		width: 1170px;
	}

	#mainBox {
		width: 1200px;
	}

	#holdBox {
		margin-right: 20px;
	}

	#circleBtn a span {
		font-size: 3vw;
	}



	/*
#mainChairman{ margin:0 4%; }*/
	#mainChairman li:first-child {
		margin-right: 2%
	}

	#mainChairman li {
		width: 48%;
	}

	#circleBtn {
		min-width: 193px;
		margin: 0 0 0 2%;
	}


	#newsCont {
		padding: 70px 0;
	}

	#infoBox dt {
		width: 110px;
	}

	#infoBox dd {
		width: 80%;
		padding-left: 20px;
	}

	#infoTitle {
		margin: 0 4% 20px;
		font-size: 2.5em;
	}
}


/*pc-----------------------------------------------------*/
@media screen and (min-width: 1271px) {

	#main,
	#mainWrap {
		width: 85%;
	}

	#mainTheme {
		display: flex;
		flex-wrap: wrap;
		width: 40%;
		margin-right: 4%;
	}

	main #maintxt {
		width: 98%;
		margin: 0 0 20px;
	}

	#seminar {
		width: 60%;
	}

	#main img,
	#mainInfo dt img,
	#mainInfo dd img,
	#holdTitle img,
	#broadcastBox dd img {
		width: 100%;
	}

	#mainInfo {
		width: 32%;
		margin-right: 3%;
	}

	#holdBox {
		width: 44%;
		margin-right: 3%;
	}



	/*会期*/
	#mainSession {
		margin: 0 0 60px;
	}

	/**/
	#mainChairman li:first-child {
		margin-right: 10%;
	}

	#circleBtn {
		min-width: 10%;
	}

	#circleBtn a span {
		font-size: 2vw;
	}

	#newsCont {
		padding: 70px 8%;
	}

	#infoTitle {
		width: 98%;
	}

	#infoBox {
		padding: 40px 30px;
		height: 230px;
	}

	#infoBox dt {
		margin-right: 3%;
		width: 17%;
		padding-right: 2%;
		box-sizing: border-box;
	}

	#infoBox dd {
		width: 80%;
	}
}




@media screen and (max-width: 1000px) {
	#mainInfo {
		margin-right: 35px;
	}
}