@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background:url("../img/main.jpg") no-repeat center center ; background-size: cover;height:660px;
}

#mainWrap, #mainBox{ margin:0 auto; }
#mainWrap{ position:relative;}

#mainContent{ background-color: rgba(255,255,255,0.85); }

/*h1*/
#titleTime{font-size:0.7em; display: block; padding-left:10px;}
#titleNum{font-size:1.5em; color:#154cb1;}

#mainContent h1{ font-family: 'Noto Serif JP', serif; line-height: 1.2em; text-align:center; }

#cosponsor dt{text-align: center; padding: 1% 0; background: #19d2ba; color: #fff; font-size:1.1em; 
	letter-spacing: 6px;}
#cosponsor dd{  background: #fff; }

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#cosponsor dt{ padding:1.4% 0 0.6%;  font-weight:500; }
}

#lectureBox{ margin: 0 auto; }
#lectureBox li{ font-family: 'Noto Serif JP', serif;  color:#333; margin-bottom:5px;}
#lectureBox li:before{ content:'・';color: #00b0cf; }



/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#lectureBox li:last-child{ padding-right: 16px; }
}


#mainSession dl:last-child{ margin-bottom:0; }

#mainSession dt,#mainSession dd{ float:left; font-weight:500;  }
#mainSession dt{  background:#00698f; color:#fff; text-align: center; padding:1px 0 3px;
width: 70px; border-radius:4px; font-size: 1.1em; letter-spacing: 2px;}

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#mainSession dt{ padding:8px 0 1px; }
}

#session{  line-height: 0.7em; }
#session span{ font-size:0.85em; }

#chairman, #place{ line-height: 0.9em; }
#chairman span{ display:block; padding-top: 15px;  }

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#chairman{ padding-top:8px; }
#chairman span{ padding-top: 8px; }
}


/**/
#externalIcon p a{ color:#121212; }
#externalIcon p a:hover{ color:#00698f; }
#externalIcon p{ position:relative; font-size:1.5em; margin-bottom: 10px; line-height: 1em;}
#externalIcon p:before{ 
content: '';display: block;
background: url("../images/externalIcon.png") 0 0 no-repeat;
	width: 10px;height: 10px;position: absolute;top: 3px; left: 192px;
}

/*IE*/
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#externalIcon p{ padding-top: 8px; margin-bottom:4px; }
}


#venueAddress{ display:block; font-size: 1.25em; line-height: 1.3em; }

#entryBtn{ position:absolute; bottom: -166px;right: 5px; border-radius:100px;}

#entryBtn a { position:relative;
	opacity:1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
overflow: hidden;
	 display:block;
	height:299px;
	width:300px;
}

#entryBtn a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	
}

#entryBtn a:hover img:nth-child(2){ 
	opacity: 0;
}


#entryWrap{ background:#fffaec;}

#day{ color:#fff; background:#00a98d; border-radius: 100%;
	height: 50px;
	width: 50px;
	font-size: 0.4em !important;
	padding: 0 3px;
	margin-right: 15px; }

/*==============================================================================*/
/*視聴バナー
============================================================================== */

/*linkない*/
#viewBanner .nolink a{ pointer-events: none; color:#fefefe!important;
background: -moz-linear-gradient(left, #aaa, #bbb)!important;
  background: -webkit-linear-gradient(left, #aaa, #bbb)!important;
  background: linear-gradient(to right, #aaa, #bbb)!important;
} 

#viewBanner li a{ position: relative; }
#viewBanner i{position: absolute; top: 6%; padding-left: 7px;   }


#educationEntry{ margin-bottom:70px }

/*申し込み
#educationEntry a{ width: 640px; margin: 0 auto;position: relative; padding: 2.5% 10%; }
#educationEntry i{ position: absolute; top: 29%; padding-left: 5px; }*/
/*==============================================================================*/
/*新着情報
============================================================================== */
#newsWrap{  border-top:#72afc5 1px solid; padding-top: 60px; margin-bottom:50px}

#infoBox { background:#fff; overflow:auto; height:190px;line-height: 1.6em;}
#infoBox dl{ margin-bottom:35px; }
#infoBox dl:last-child{border-bottom:none;}
#infoBox dt, #infoBox dd{ float:left; display: inline-block;}
#infoBox dt{ color:#405582; font-size: 0.9em; }


/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
  #infoBox dt{  margin-top: -3px; }
}


@media screen and (min-width: 1025px) {
	#mainWrap{ width: 1000px; padding-top: 60px;}
	#mainBox{ width:926px; }
	#session{ font-size:2.2em; }
	#chairman, #place{ font-size:1.65em; }

	#mainContent{ padding:30px 70px; }
	#mainContent h1{ font-size:2.5em; padding-bottom: 15px;}
	#cosponsor{ margin-bottom:35px; }
	#cosponsor dd{ padding:20px 60px; }
	#lectureBox{ width: 520px; }
	#lectureBox li{ font-size:1.35em; }

	#infoBox { padding:30px 10px 30px 30px;}
	#infoBox dt{ margin-right:40px; width: 105px; }
	#infoBox dd{ width: 750px; }
	#entryWrap{  padding: 70px 0 60px; margin-bottom:50px }
	#mainSession dl{padding-left:40px; margin-bottom:28px; }
	#mainSession dt{ margin-right:30px; }

}

@media screen and (min-width: 501px) {
#mainContent h1 br,
#session br{ display: none; }
}


@media screen and (min-width: 641px) and (max-width: 1024px) {
#infoBox dt{ margin-right:4%; width: 22%; }
#infoBox dd{ width: 72%; }
#entryBtn { right: -6vw; }
#entryBtn img{ float: right;}
#session{ font-size:1.6em;}
#chairman, #place{ font-size:1.35em; }
#entryBtn a img{ width:70%; height:70%}
}

@media screen and (min-width: 501px) and (max-width: 1024px) {
	#mainWrap{ padding-top: 4%;}
	#mainContent h1{ font-size:4vw;}
	#mainContent{ padding:3% 7%; }
	#lectureBox li{ font-size:3.2vw;  }
}

@media screen and (min-width: 501px) and (max-width: 640px) {
#main { height: 98vw;}
#entryBtn {bottom: -37vw; }
#entryBtn a{  width: 200px; height:200px;}
}

@media screen and (max-width: 1024px) {
	#mainWrap{ width: 94%; }
	#mainBox{ width:96%; }
	#session,#chairman{ width: 79%;  line-height: 1em;}
	.maintitle{ font-size:1.3em; }

	#mainContent h1{ padding-bottom: 3%;}
	#cosponsor{ margin-bottom:3%; }
	#cosponsor dd{ padding:2% ; }
	#lectureBox{ width: 100%; }
	#lectureBox li{ position: relative; padding-left: 6%; }
	#lectureBox li::before{ position :absolute; left:0 }

	#infoBox { padding:3% 2% 3% 3% ;}
	#entryWrap{  padding: 70px 0 20px; margin-bottom:40px }
	#mainSession dl{padding-left:4%; margin-bottom:15px; }
	#mainSession dt{ margin-right:3%; }
}


@media screen and (max-width: 750px) {
	#day { 	height: 20px;
		width: 20px;
		display: inline-block;
		margin-left:5px;
		font-size: 0.6em !important;}

}

@media screen and (max-width: 640px) {
	#infoBox dt ,#infoBox dd{ width: 100%; }
	#infoBox dd{ font-size: 0.9em; }
	#entryBtn {width: 100%; }
	#entryBtn a{ margin:0 auto ; }
	#entryBtn a img { width: 100%; height: 100%; margin: 0 auto; display: block; }
	#session{ font-size:1.3em;}
	#mainSession dt {width: 18%; font-size: 0.9em;}
	#chairman img{ width: 35vw; }
	#chairman, #place{ font-size:1.2em; }
	#day{ margin-right: 2% }
}


@media screen and (max-width: 500px) {
	#mainWrap{ padding-top: 11%;}
	#mainContent{ padding:6% 7%; }
	#mainContent h1{ font-size:6vw; line-height: 1.4em}
	#lectureBox li{ font-size:4.2vw; }
	#main {	height: 140vw;}
	#chairman img{ width: 70%; }
	#entryBtn a {width: 140px; height: 140px;}
}


@media screen and (max-width: 400px) {
	#main {	height: 160vw;}
}