@charset "UTF-8";



	.gallery{

	columns: 3;/*段組みの数*/
	padding:0 15px;/*ギャラリー左右に余白をつける*/
	}
	
	.gallery li {
		list-style: none;
		margin-bottom: 20px; /*各画像下に余白をつける */
	}
	
	/*ギャラリー内のイメージは横幅100%にする*/
	.gallery img{
	  width:100%;
	  height:auto;
	  vertical-align: bottom; /*画像の下にできる余白を削除*/
	}


/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}

/* -------------------------- */

/* リンク時のアクション */

a:link {
	text-decoration: none;
	color: #0033ff;
	}
	a:visited {
	text-decoration: none;
	color: #0033ff;
	}
	a:active {
	text-decoration: none;
	color: #0033ff;
	}
	a { text-decoration: none; font-size:14px;}
	a:hover { text-decoration: underline;background-color:#ffa500;  }
	
	a.widelink { display: block; }
	
	.hover-red:hover {
		color: #ffa500;
		
	}
	
	/* --------------------------- */


 /* ボタン装飾*/ 
 .styledbutton {
	border: 0;
	line-height: 1.6;
	padding: 0 10px;
	font-size: min(2.5vw,16px);
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	border-radius: 5px;
	background-color: rgb(0,65,192);
	background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styledbutton:hover {
	background-color: rgba(255, 0, 0, 1);
}

.styledbutton:active {
	box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
/*--------------------*/

/* 文字装飾 白の縁取り*/

.outline2{
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
/* --------------- */


.headlinebar{
	margin: auto;
	display:flex;
	align-items:center;
	width: 100%;
	height: 30px;
	text-indent: 1.5em;
	background-image:url(../bar-img/bar5.gif);
	font-size: min(4vw,1.2em);
	font-weight: bold;
	color: #fff;

}


div.midashi{	
	   	width: 85%;
		margin: auto;
		padding: 10px 15px;
		border: solid 1px #CCC;
		border-radius: 5px;
		margin-bottom: 10px;
		box-shadow: 0px 2px 10px #CCC;
 /* background: #fff; */
}
div.midashi_subtitle{
	margin: auto;
	padding: 0px;
	color: #000;
	font-weight: bold;
	line-height: 1rem;
}


div.midashi_title{
	margin: auto;
    line-height: 120%;
	width: 95%;
	padding: 10px;

	font-size:1.4rem;
	text-align: center;
	font-weight: bold;
}
div.midashi_name{
	margin: auto;
	width: 100%;
	padding-bottom:  0.5em 0.5em;
	text-align: right;
	
}


div.footerbar{
	margin: auto;
	text-align: center;
	height: 1.6em;
	padding-top: 3px;	
	background-image:url(../bar-img/top-bar5.jpg);
	
	font-weight: bold;
	color: #fff;
	font-size: min(2.5vw,16px);
}
div.footerbar a{
	color: #ffffff;
	font-weight: bold;
	font-size: min(2.5vw,16px);
	

}





table.linkbar{
	width:100%;
	height:34px;
	border-collapse: collapse;
	border-spacing: 1;
	text-align: center;
	
} 

table.linkbar td {	
	font-size: min(2.5vw,16px);
	font-weight: bold;
	vertical-align: middle;
	border:1px solid #fff;
	background:url(../bar-img/top-bar5.jpg);

}
table.linkbar a{
	color: #fff;
	font-size: min(2.5vw,16px);
}

div.topic{
	width:100%;
	margin: auto;
	padding-top: 0.5rem ;
	border: 1px solid #c7c7c7;
	font-size: min(3.2vw,14px);

}	
div.topic dt {	
	float: inline-start;
	padding-left: 0.5em;
}
div.topic dd {	
	
	margin-left: 6.8em;
	margin-bottom: 0.2rem;

}

div.topic a{
	
		font-size: min(3.2vw,14px);
}



a:link {
	text-decoration: none;
	color: #0033ff;
	}
	a:visited {
	text-decoration: none;
	color: #0033ff;
	}
	a:active {
	text-decoration: none;
	color: #0033ff;
	}
	a { text-decoration: none; font-size:11pt;}
	a:hover { text-decoration: underline;background-color:#ffa500;  }
	
	a.widelink { display: block; }
	
	.hover-red:hover {
		color: red;
	}
	

  textarea {  font-family : 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;;  font-size : 14pt;}
  s1 { color:black; font-size:12pt; margin:auto}
  s2 { color:blue; font-size:14pt; margin: 10px}
  s3 { color:blue;  font-size:16pt; margin:auto}
  s4 { color:white; font-size:12pt; margin:0px 0px;}
  s5 { color:white; font-size:14pt; margin:0px 0px;}	
  s6 { color:black; font:"有澤太楷書";font-size:14pt; margin:0px 0px;}
  s7 {	color:#004d25; font-size:11pt; margin:0px 0px;}



div.tips_1 {
	width: 95%;
	margin: 5px auto;
	padding: 10px 20px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 0px 2px 10px #CCC;
	background: #ffffcc;
}
div.tips_2 {	
	width: 95%;
	margin: 5px auto;
	padding: 10px 20px;

}
div.tips_2_85 {	
	width: 85%;
	margin: 5px auto;
	
	

}
 div.tips_21 {	
	width: 100%;
	padding: 5px;
	background: #ffffcc;
	margin: 0;
} 

div.tips_3 {	
	width: 90%;
	margin: auto;
	padding: 5px 10px;
	font-family:HGP教科書体;
	font-weight: bold;
	
}


div.tips_shinkaiin{	
	width: 55%;
	margin: auto;
  	padding: 10px 20px;
  	border: solid 1px #CCC;
   	border-radius: 5px;
  	box-shadow: 0px 2px 10px #CCC;
   	background: #fff;
  	background-image: url(../images/shinnkaiinn_wall.jpg);
}



@media screen and (max-width: 900px) {
	* {
		word-break: break-all;
		white-space: normal;
		
	}
	body {
		padding: 0px;
		margin: 0px;
	}
	div#wrapper {
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: none;
		border: none;
		background: none;
	}
	div#wrapper div#header h1 {
		font-size: 18pt;
	}
	div#wrapper div#container {
		padding: 10px 0 5px 10px;
	}

	/* div.midashi_title{
		
		font-size: 1.2em;
		
	} */




	.keiji_f {
		margin: 20px 0;
		width: 100%;
		
		padding:10px 0px 0px 5px;
	  } 


	  s4 { color:black; font-size:medium;}

	.keiji_list table tr td{
		font-size:small;
		padding: 0;
	  }

	.table tr td{
		font-size: 0.9em;
	  }


	a { text-decoration: none; font-size:smoll;}



	main {
        width: 100%;
        padding-top: 50px;
		min-height: 100vh;
		

    }


	div.tips_2{	
		width: 95%;
		margin: 5px ;
		padding: 2px;
	
	}

    .open,
    .close {
        display: block;
		
    }
    .open {
        position: absolute;
		position: fixed;
    }
    aside {
        position: absolute;
		z-index: 10;
        left: -250px;
        height: 100%;
        transition: all 0.2s;
        background: #ffffff;
    }
    input[type="checkbox"]:checked ~ aside {
        left: 0;
    }
    input[type="checkbox"]:checked ~ .back {
        position: absolute;
		z-index: 9;
        width: 100%;
        min-height: 2000px;
        background: rgba(0, 0, 0, 0.8) !important;
    }



	/* ----------------------- */

	div.tips2{	
		width: 85%;
		margin: 10px auto;
		padding: 5px 10px;
		font-size: 1.2em;

	}

	.fuhou1{
		width: 85%;
		margin: auto;		
		font-size: 1.2em;
		
	}
	


	.box{
		flex-wrap: wrap;

	}


	div.footerbar{
		align-items:center;
		padding-top: 3px;	
	
}
}