/* CSS Document */

	*{
		font-family: "vdl-v7marugothic", sans-serif;
		font-weight: 500;
		font-style: normal;
       }

	body{background:#c1e4e9;}  /* 周りの色 */

	h1{
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700; 
		font-size:1.5em;
		color:#333;
		border-bottom:1px solid #333;
		margin-bottom:1em;
		/*background:url("images/hito.png") no-repeat;*/
		background-size:180px;
		background-position-x:100%;		
	}
	/* begin - IE11用の修正 */_:-ms-fullscreen, :root h1{background-position:430px;}/* end - IE11用に修正 */

	h2{
		display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700;
		font-size:1.2em;
		color:rgba(0,45,62,1.00);

	}
	h3{
		display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700; 
		font-size:1em;
		color:rgba(0,76,104,1.00);
	}

/* 見出しの枠 */
	.ttl_background1 {
	      font-weight:700;
		  font-size:1.2em;
		  background-color: #0095d9;
		  color: #fff;
	      padding: 0.5em;
	      padding-right: 1rem;
		 margin-top: 40px;
		margin-bottom: 10px;
		  position: relative;

		}
	.ttl_background1::after {
	  content: '';
	  background-color: #0095d9;
	  width: 100%;
	  height: 3px;
	  position: absolute;
	  bottom: -6px;
	  left: 0;
	}
/* 見出しの枠 ここまで*/
.ttl_down {
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700;
		font-size:1.2em;
		color:rgba(0,45,62,1.00);
	  padding-top: 1rem;
	padding-left: 2rem;
}

	.boxA{
		background-color: cadetblue;
		width: 1050px;
		height: 30px;
		padding: 10px;
		display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: bold;
		font-size:1.5em;
		color:#ffffff;
}
	
	a{text-decoration:none; color:rgba(0,76,104,1.00);}

	
	#flame{
		margin-left:auto;
		margin-right:auto;
		display:block;
		background: #ffffff url("images/background.jpg") no-repeat; 		/*メイン背景とその下地の色;*/
		width:1400px;
		min-height:auto;
		box-shadow: 3px 3px 3px rgba(0,76,104,1.00);
	}
	
	#top{
		position:relative;
		display:block;
		width:100%;
		height:60px;
		background:#C6E7F9;
		text-align:center;
	}
	
	#top img{
		width:80%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		text-align: center;
	}
	
	#bottom{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;		
		width:1400px;
		text-align:center;
		background:#0095d9;        /* 一番下の枠の色  */	
		padding:40px;
		box-shadow: 3px 3px 3px rgba(0,76,104,1.00);
		font-size:1em;
	}
	
	#bottom p,#bottom p a{
		padding-right: 30px;
		font-size:1em;
		color:#fff;
		text-align:left;
	}

div.b_left{display:table-cell; float:left; margin-right:1em;}

div.b_left p{margin-bottom:1em;}

div.b_right{display:table-cell; clear:both;}

div.b_bottom{margin-top: 50px; display:inline-block; width:100%; text-align:center; color:#fff;}

ul.s_icon{display:table-cell; float:left;}
ul.s_icon li{list-style:none;}

	
/* Menu CSS  */	
	div#menu{
		width:280px;
		color:#333;
		float:left;

	}
	
	div#menu ul{
		position:absolute;
		padding:0px;
		margin-left:10px;
	}

	div#menu ul li{

		margin-bottom:10px;
		list-style:none;
		margin-left:0px;

		width:260px;
		height:60px;

		border-radius:5px;
		background:rgba(255,255,255,0.70);
		background-size:90px;
		background-position:95% 90%;
		border:1px solid #97e5fd;		
}

	div#menu ul li a{
		display:inline-block;
		width:260px;
		height:60px;
		padding-top:20px;
		text-align:center;
		text-decoration:none;
		font-family: ta-kakugo-gf-03, sans-serif;
		font-weight:600;
		font-style:normal;
	}

	div#menu ul li:hover{
		/*background:rgba(255,255,255,1.00) url("images/hito.png") no-repeat;		*/
		background-size:90px;
		background-position:95% 90%;
		
}

/*　メニューのぼよんぼよんアニメ　*/

.show:hover {
  animation: fade-in 1.2s;
}

@keyframes fade-in {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}	

/*　メニューのフェードアニメ　*/

/*
.fade:hover {
  animation: fadeback 1.2s;
  transition-property:all;
}

@keyframes fadeback {
  0%   { opacity:0%;}
  15%  { opacity:15%;}
  30%  { opacity:30%;}
  50%  { opacity:70%;}
  70%  { opacity:80%;}
  100% { opacity:100%;}
}	
*/

/* ページを読み込んだ時のフェード表示　*/
body.pagefade {
  animation: pagefade 1s;
  transition-property:all;
}

@keyframes pagefade {
  0%   { opacity:0%;}
  15%  { opacity:15%;}
  30%  { opacity:30%;}
  50%  { opacity:70%;}
  70%  { opacity:80%;}
  100% { opacity:100%;}
}	




	div#contents{
		display:inline-block;
		width:1155px;
		margin-left:280px;
		height:auto;
	}

	img.maintitle{
		padding-top:50px;
		display:block;
		width:1100px;
		clear:both;
		float:none;
	}

	img.subtitle{
		display:block;
		padding-top:50px;
		margin-left:30px;
		width:1080px;
		clear:both;
		float:none;
	}

	#text-area{
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:95%;
		padding:2em;
		border-radius:5px;
		background:rgba(255,255,255,0.80);
		min-height:600px;
	}
	.center{
		display:inline-block;
		text-align:center;
	
	}

/* ニュース　*/
	#news{
		height:500px;
		overflow-y:auto;

	}
	
	.news{
	display:block;
	width:100%;
	border-bottom:2px solid rgba(0,118,162,0.30);
	padding:1em;

	}


/* 概要　*/
	#about table{
		width:95%;
		border-collapse:collapse;
		margin-left:auto;
		margin-right:auto;
		background:rgba(255,255,255,0.70);
	}
	
	#about table th,#about table td{
		border:1px solid #333;
		height:100px;
		padding:1em;
	}
	
	#about table th{
		font-weight:700;
		width:20%;
	}
	#about table td{
		width:80%;
	}

/* ご挨拶　*/

.chair {
	 display: flex; /*flex：横並びになるが、折り返さない*/
    align-items: flex-end; /*アイテムを整列させる*/
	margin-bottom: 50px;
	
}

.chair__right {
    padding-left: 2px; /*要素のパディング領域における左側の幅を設定*/
	
}

.chair__img {
	width:200px;
	padding: 0 10px;
}

.txt {
	padding: 10px 10px 5px;
}

.txt:last-of-type {
	padding-top: 30px;
	text-align:right;
}

.txt2 {
	padding: 10px 35px 5px;
}
.txt3 {
	padding: 0 35px ;
}

.down1 {
	padding: 10px 0 0;
	color: dimgray;
}

.txt_last {
	text-align:right;
	padding-right: 80px;
}

.txt4 {
	padding: 30px 30px 0 0;
	margin: 0 30PX 0 30px;
	font-weight:700; 
	font-size:1.2em;
	color:#333;
	border-bottom: solid 3px #9dc2ec;
	position: relative;
  }
  
  .txt4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #05365e;
	height:50px;
	bottom: -3px;
	width: 20%;
  }

  .imeCente {
	   margin : 0 0 0 50PX;
  }

/* 
#greeting p{
	margin-bottom:1em;
	line-height:2.5em;
	text-indent:1em;
}

#greeting img.chair{
	width:200px;
	float:right; margin-left:30px;
}

#greeting p.chair{
	text-align:right;
	line-height:1.5em;
	text-indent:0;
}


button{
	margin-left: 20px;
}
*/


.btn {  /* .btn（ボタン*/
    background-color: rgb(117, 117, 115);
    display: block;
    width: 80%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;  /*text-decoration（装飾）*/
    font-size: 2rem;
    font-weight: bold;
    border-radius: 20px;
    transition: 0.4s; 
	margin: 55px;
}
.btn:hover {
    background-color: rgb(117, 117, 115);

}
.btn1 a {
    background: orange;
    border-radius: 30px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 800px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;   /* 文字の太さ */
	font-size: 2rem;
}
.btn1 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.btn1 a:hover {
  background: orangered;
  color: #FFF;
}
.btn1 a:hover:after {
  right: 1.4rem;
}



.btn2 a {
    background: #a0d8ef;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;  /*上空き、横センター合わせ*/
    max-width: 280px; /*ボタン横幅*/
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.btn2 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.btn2 a:hover {
  background: #0095d9;
  color: #FFF;
}
.btn2 a:hover:after {
  right: 1.4rem;
}

.button04 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px auto;
  padding: 1em 2em;
  width: 80%;
  color: #313131;
  background-color: #B8E8FF;
  font-size: 18px;
  font-weight: 700;
  border: 3px solid #0095d9;
  border-radius: 10px;
}

.button04 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #0095d9;
  border-right: 3px solid #0095d9;
  transform: rotate(45deg);
}

.button04 a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0095d9;
}

.button04 a:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.banners {
	box-shadow: 4px 4px 7px #b2b2b2;
}
.banners:hover {
	  box-shadow: none;
	  transform: translate3d(0, 4px, 0);
}


.back {
	background-color: antiquewhite;
	padding: 10px 10px;
	margin: 20px 20px;
}
  /*演題登録カテゴリー*/
.text_list {
    column-count: 2;
		margin: 20px;
}
  /*COI*/
.text_list2{
padding: 8px;
}


.space {
	margin-top: 30px;
}


.space2 {
	padding: 30px;
}

/* ***************************************** 参加登録の料金表　*/	

#registration table{
	margin-top: 30px;
	width:80%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.70);
	border: solid 3px  #05365e;; /*表全体を線で囲う*/
}

#registration table td{
	border:1px solid #05365e;
	height:50px;
	padding:1em;
	text-align: center;
}

#registration table th{
	font-weight:700;
	background-color: #05365e;
	color: #FFF;
	height:50px;
	padding:1em;
}

.td_top {
	background-color: #cae3f7;
	font-weight:700;
    text-align: center ;
}

#registration table span {
			font-size:0.8em;
}

/* *****************************************懇親会の料金表　*/
#newotani table{
	margin-top: 30px;
	width:50%;
	border-collapse:collapse;
	margin-left:90px;
	background:rgba(255,255,255,0.70);
	border: solid 3px  #05365e; /*表全体を線で囲う*/
}

#registration table td{
	border:1px solid #05365e;
	height:50px;
	padding:1em;
	text-align: center;
}

#registration table th{
	font-weight:700;
	background-color: #05365e;
	color: #FFF;
	border:1px solid #FFF;
	height:50px;
	padding:1em;
}

.td_top {
	background-color: #cae3f7;
	font-weight:700;
    text-align: center ;
}

#registration table span {
			font-size:0.8em;
}

/* ***************************************** プログラムページ*/	
.s1_co {
	color:#FFF;
	background-color: rgb(45, 97, 32);

	padding: 5px 0;
	font-weight:700;
	font-size:1.2em;
	}

/*==========================
注意事項
==========================*/
.box2 {
    position: relative;
    margin: 30px auto;
    padding: 0.5em 1em;
    border: solid 3px #ff5145;
    max-width: 90%;
}
.box2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ff5145;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box2  p {
    margin: 0; 
    padding: 0 5px;

    font-weight:700;

}

/*==========================
scrollTop (上に戻るボタン）
==========================*/
.topBtn {
    display: inline-block;
    padding: 18px;
    border-radius: 50%;
    background-color: #386FA3;
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 2px 2px 4px 2px rgba(29, 101, 101, 0.2);

    position: fixed;
    bottom: 1.4%;
    right: 1.4%;
}

@media screen and (max-width: 768px){ /*スマホ対応 */

.text-area p {
	font-size: 1.4rem;
}


}