/* CSS Document */

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

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

	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{
		font-weight:700;
		font-size:1.2em;
		color:#ff6347;
	}
	h3{

		font-weight:700; 
		font-size:1.2em;
		color:rgba(0,76,104,1.00);
		padding-left: 20px;
	}

	h4{

		font-weight:700; 
		font-size:1.2em;
		color:rgba(0,76,104,1.00);
		padding-left: 20px;
		margin: -20px 0 0 0;
	}

	h5{
		margin: -25px 0 20px 20px;

		font-weight:700;
		font-size:1.2em;
		color:#ff6347;
	}

p5 {
	color: #eee8aa;
}


.color_red {
	color: #ff0000;
}


.visa {
	margin-top: -15px;
}


.flex {
  display: flex; 
  }

.image_new img{
	height: 50%;
	padding: 3px;
}

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

		}
	.ttl_background1::after {
	  content: '';
	  background-color: #556b2f;
	  width: 100%;
	  height: 3px;
	  position: absolute;
	  bottom: -6px;
	  left: 0;
	}

	.ttl_background2 {
		
		font-weight:700;
		font-size: 1.2em;/* フォントサイズ */
		padding-top: .5em;
		padding-bottom: .5em;
		margin-bottom: 2em;
		position: relative;
		border-bottom: solid 3px #b1b1ad;/* 線 */
		color: #2da742;/* フォント色 */
		}
		
		.ttl_background2:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #2da742;
		width: 15%;
		bottom: -3px;
		}
/* 見出しの枠 ここまで*/
.ttl_down {
		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);
	  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;
	}

	.top_logo {       /* 左上に入れたロゴ  */	
		width: 200px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	#bottom{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;		
		width:1400px;
		background:#556b2f;        /* 一番下の枠の色  */	
		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:5em;}

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:#eee8aa;}

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

.link {
	color: #eee8aa;

	
}
	
/* 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.60);
		background-size:90px;
		background-position:95% 90%;		
}

	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%); }
}	

/* ページを読み込んだ時のフェード表示　*/
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:260px;
		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{
		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%;
	}

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

#registration table{
	width:90%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.70);
	border: solid 2px  #2f4f4f; /*表全体を線で囲う*/
}

#registration table td{
	border:1px solid #2f4f4f;
	height:100px;
	padding:1em;
}

#registration table th{
	font-weight:700;
	background-color: #2f4f4f;
	color: #FFF;
	border:1px solid #FFF;
	height:100px;
	padding:1em;
}

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

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


#Banquet table{
	width:80%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.70);
	border: solid 2px  #2f4f4f; /*表全体を線で囲う*/
}

#Banquet table td{
	border:1px solid #2f4f4f;
	height:60px;
	padding:1em;
}

#Banquet table th{
	font-weight:700;
	background-color: #2f4f4f;
	color: #FFF;
	border:1px solid #FFF;
	height:60px;
	padding:1em;
}


/* ***************************************** 託児所の料金表　*/

#childcare table{
	width:80%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.70);
	border: solid 2px  #2f4f4f; /*表全体を線で囲う*/
}

#childcare table td{
	border:1px solid #2f4f4f;
	height:60px;
	padding:1em;
}

#childcare table th{
	font-weight:700;
	background-color: #2f4f4f;
	color: #FFF;
	border:1px solid #FFF;
	height:60px;
	padding:1em;
}

/* ***************************************** 遠足表　*/

#excursion table{
	margin-left: 30px;
	width:90%;
	border-collapse:collapse;
}
#excursion table span {
	font-size:0.8em;
}

.maewaku {
	width:135px;
}
.Schedule {
	margin-left: 45px;
}


/* ご挨拶　*/

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

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

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

#text-area .welcom p {
	padding-bottom: 20px;
	line-height: 30px;

}

#text-area .welcom p span {
	font-weight:700; 
	font-size:1.2em;
}

#text-area .welcom p:last-of-type {/*最後の<P>右寄せ*/
	padding-top: 30px;
	text-align:right;
}

.txt2 {
	padding: 10px 35px 5px;
}
.txt3 {
	margin: -30px 35px ;
}
.txt3_b {
	margin: 30px 35px -30px;
	 font-weight: bold;
}

.txt4 {
	margin: -60px 35px ;
}


.space {  /*上下空きスペース*/
	padding: 30px;
}

.space_ss {  /*上下空きスペース*/
	padding: 15px;
}

.space_ss_top {  /*上空きスペース*/
	padding-top: 3px;
}


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

/* 
#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: orange;
    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: orangered;

}


.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;
}



  /*ボタンのクローズ*/
.Closed  .button04 a {
	color: #313131;
	background-color: #627e8b;
	border: 3px solid #627e8b;
}

.Closed .button04 a:hover {
	color: #313131;
	background-color: #627e8b;
	border: 3px solid #627e8b;
}

.Closed .button04 a::after {
	border-top: 3px solid #627e8b;
	border-right: 3px solid #627e8b;
}	

.Closed a:hover::after {
	border-top: 3px solid #627e8b;
	border-right: 3px solid #627e8b;
}	

  /*ボタンのクローズ*/

.button04_ss a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 10px;
	padding: 1em 2em;
	width: 300px;
	color: #313131;
	background-color: #B8E8FF;
	font-size: 18px;
	font-weight: 700;
	border: 3px solid #0095d9;
	border-radius: 10px;
  }
  
  .button04_ss a::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #0095d9;
	border-right: 3px solid #0095d9;
	transform: rotate(45deg);
  }
  
  .button04_ss a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0095d9;
  }
  
  .button04_ss 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;
}
  /*2列表示にする*/
.text_list {
    column-count: 2;
		margin: 0 0 20px;
}
  /*COI*/
.text_list2{
padding: 8px;
}


.imageFlow {
    width: 800px;
    height: 566px;

		background-image: url(images/flows.png);
		background-size: contain;
		background-repeat: no-repeat;
		padding-top: 10px;
		margin: 50px;
}

/*==========================
チェックの囲み
==========================*/
.title-box4{
  margin: 2em 0 1em 0;
  background-color: #f3e5f5;
  border: 4px solid #9c27b0;
}

.title-box4-title{
  font-size: 16px;
  position: absolute;
  margin-top: -32px;
  margin-left: -4px;
  background-color: #9c27b0;
  color: #fff;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  padding: 4px 10px;
}

.title-box4 p{
  margin: 0;
  padding: 1em;
}
/*==========================
クリックで表示切替ボックスの実装方法
==========================*/
/*ボックス全体*/
.switchbox {
    margin: -30px 30px;

}
/*ラベル*/
.switchbox label {
    display: block;
    cursor :pointer;
}
/*チェックボックスを非表示にする*/
.switchbox input {
    display: none; 
}
/*中身を非表示にしておく*/
.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;/*ゆっくり表示させる*/
    opacity: 0;
}
/*クリックで中身を表示*/
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
	padding-bottom: 20px; /*ボックスとボックスの間空き*/
}
/*アイコン*/
.switchbox label::before {
    content: '▶';
    padding-right: 8px;
	color: orangered;
}
/*クリックでアイコン入れ替え*/
.switchbox input:checked + label::before {
    content: '▼';
}

/*表示されたフォント*/

.txtBox_b {
	font-weight:700; 
	color:rgba(0,76,104,1.00);
	padding-left: 20px;
}

.txtBox {
	padding: 0 30px 10px 50px;

}

.uetume {
	margin-top:-25px;
}


/* Plenary Lecturesページ（写真と文字）*/

.plenary {
	display: flex; /*flex：横並びになるが、折り返さない*/
   align-items: flex-start; /*アイテムを整列させる flex-endだと下揃え*/
   margin-top: -30px;
   margin-bottom: 20px;
   
}

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

}

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

.access {
	margin: -30px 0 0 30px;
}

/* 背景色をつけて角を丸くする */
.box3-1 {
   margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
   padding: 2em;   /* 内側余白 */

   background-color:#f9e8e2;
    border: solid 5px #1e6111;
}

/* pタグの余白 */
.box3-1 p {
   margin: 0;
   font-size: 1.2rem;
   font-weight: 700;
   color: #1e6111;
}

/*==========================
scrollTop (上に戻るボタン）
==========================*/
.topBtn {
    display: inline-block;
    padding: 18px;
    border-radius: 50%;
    background-color: orangered;
    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%;
}