@media screen and (max-width:1023px){




	#conteiner{
		width: 100%;
		position: absolute;
		line-height: 180%;
		font-size: 14px;
		top: 0%;
		left: 0%;
	}
	.none{
		display: none;
	}
body{
	font: normal normal 12px;
	color: #3D220D;
	height: 100%;
	margin: 0 auto;
	line-height: 160%;
	letter-spacing: normal;
	overflow-y:scroll;
	position: relative;
}
h1{
	margin: 0px 0px 0px 10px;
	padding: 0.2% 0%;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.2em;
}

h2{
	width: 94%;
	margin:0% 0% 2% 0%;
	padding: 1.1% 0% 0.7% 1.5%;
	color: #412A18;
	font-size: 16px;
	font-weight: normal;
	background: url("../gif/h2.gif") no-repeat;
	border-left: 20px solid #4B301C;
}
h2 font{
	width: 90%;
	margin:0% 5% 2% 5%;
	padding: 10% 0% 1% 1.5%;
	color: #99A6B3;
	font-size: 16px;
	font-weight: normal;
	font-style: oblique;
}
h3{
	width: 92%;
	margin:2% 0% 2% 2%;
	padding: 0.8% 0% 0.6% 1.5%;
	color: #704726;
	font-size: 16px;
	font-weight: normal;
	background: url("../gif/h3.gif") no-repeat;
	border-left: 17px solid #6B4B32;
}
h4{
	width: 95%;
	margin:2% 0% 2% 3%;
	padding: 0px 0px 0.5% 0px;
	color: #523923;
	font-size: 16px;
	text-align: left;
	border-bottom: 2px solid #523923;
}
h5{
	width: 90%;
	margin: 0% 0% 2% 4%;
	padding: 1% 2%;
	font-size: 16px;
	font-weight: normal;
	background: #F0F7FF;
}
.doko{
	padding: 1.5% 5% 1% 5%;
	margin: 0% 0% 0% 0%;
	background: #D7D51E;
	text-align:left;
	font-size:130%;
	color: #202002;
	border-bottom: 10px solid #3B3A09;
	line-height:130%;
}
.covid{
	border-radius: 20px;
	background: #A9363B;
	padding: 2.5% 5% 2% 5%;
	margin: 2% 0% 0% 2%;
	text-align: center;
	color: #fff;
	
}
.header{
	clear: both;
	width: 100%;
	margin: 0% 0%;
}
.top-image{
	clear: both;
	position: relative;
	width: 100%;
	margin: 0% auto;
}

.main-menu{
	clear: both;
	width: 100%;
	padding: 0;
	background: #FBECE0;
	border-top: 1px solid #D0A787;
	border-bottom: 1px solid #D0A787;

}
.main-menu .menu{
	width: 100%;
	background: #FBECE0;
	overflow: hidden;
	margin: 0% 2%;

}

.button a{
	display: block;
}
.button img{
	width: 100%;
}
.button {
	position: relative;
	z-index: 2;
	float:left;
	width: 19%;

	text-align: center;
	text-decoration: none;

	outline: none;
	color: #51331C;
	font-size: 60%;
	font-weight: normal;
}
.button:hover {
	background-color: #fff;
	color: #D0A787;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 60px;
	background-color: #FBECE0;
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #FBECE0;
}
nav {
	position: fixed;
	width: 35%;
	height: 100%;
	z-index: 20;
	background-color: rgba( 255, 255, 255, 0.8 );;
	top: 0px;
	left: -35%;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
nav#menu:target{
	left: 0px;
}
a#NavOpen {
	width: 30%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	margin: 0% 0% 0% 1%;

}
a#NavOpen:hover {
	color: #999;
	background-color: #FFF;
}
.special{
	width: 30%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 0% 0% 0% 0%;
}
figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0%; 0% 0% 0%;
}
figcaption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(75,48,28,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;

}
figure:hover figcaption {
	top: 0;
	left: 0;
}
.contents2 figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 3% 0% 2% 0%;
}
.contents2 figcaption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.1);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;

}
.contents2 figure:hover figcaption {
	top: 0;
	left: 0;
}

.contents-right .contents .h3{
	margin: 0% 0% 0% 6%;
}
.contents-left .left-menu .contents .contents2{
	width: 100%;
	margin: 1% 0%;
}
.contents-left .left-menu .contents .contents2 p{
	margin: 3% 0%;
}
.contents{
	clear: both;
	width: 100%;
	margin:0% 0% 2% 0%;
}
.contents p{
	margin: 0% 2% 0% 2%;
}
.new{
	border: 1px solid #666;
	margin: 0%;
	padding: 2% 0%;
	width: 100%;
	height: 350px; 
	overflow: auto;
}
.new .new-border{
	padding: 2% 2% 1% 2%;
	border-bottom: 1px dashed #aaa;
}
.pdf-link{
	margin: 0% 0%;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	overflow: hidden;

}
.pdf-link .pdf-left{
	float: left;
	width:60%;
	margin: 1.5% 0% 1.5% 4%;
}
.pdf-link img{
	width: 30%;
	margin: 0.5%;
}
.toppage-link{
	clear: both;
	margin: 0% 0%;
}
.toppage-link ul{
	width: 93%;
	margin: 0% 3% 0% 4%;
	background: #000;
}
.toppage-link li{
	float: left;
	width: 18.5%;
	margin: 0% 1% 2% 0%;
}
.sub-menu {
	width: 100%;
	margin: 0%;
	position: absolute;
	bottom: 0%;
	left: 0%;
}
.sub-menu a{
	float: left;
	width: 20%;
}
.sub-menu2 {
	width: 100%;
	margin: 0%;
	bottom: 0%;
	left: 0%;
}
.sub-menu2 a{
	float: left;
	width: 20%;
}
.contents{
	clear: both;
}
.contents p{
	margin: 0% 0% 0% 3%;
}
.pankuzu{
	clear: both;
	margin :0px 0px 0px 20px;
	padding: 0.5%;
}
.main{
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.new{
	width: 87%;
	height: 150px;
	margin: 2% 5%;
	padding: 1% 2%;
	border: 1px solid #666;
	background: #fff;
	overflow-y:scroll;
}
.facebook img{
	width: 90%;
	margin: 0% 0% 2% 3%;
}
.time2{
	width: 90%;
	margin: 2% 5%;	
}
.time2 .bottom{
	margin: 0% 0% 0% 2%;
}

.time2 .kome{
	margin: 1% 0% 0% 2%; 
}


.footer-1{
	clear:both;
	text-align: left;
	padding: 1.5% 0% 1% 1%;
	background: #8C5C36;
	color: #fff;
}
.footer-1 a{
	color: #fff;
	text-decoration: underline;
}
.footer-1 a:hover{
	color:#aaa;
}
.footer-2{
	clear:both;
	text-align: center;
	padding: 0.5% 0 10% 0;
	background: #614026;
	color: #fff;
}
.footer-2 a{
	color: #ccc;
}
.footer-2 a:hover{
	color:#aaa;
}
.banner{
	width: 90%;
	margin: 0% 5% 0% 5%;
}
}