@charset "UTF-8";

.sidebar a,
.sidebar a:link,
.sidebar a:visited { color: #4d5b39; text-decoration: none; }

.sidebar{
    position: fixed;
}

.sidebar.right {
	top: 0;
	right: 0;
	bottom: 0;
	width: 60%;
	background: #e5ecdd;
	z-index:10000;
}

.sidebar ul{
	width:100%;
}

.sidebar li{
	border-bottom:1px solid #4d5b39;
	font-size:80%;
	padding:6% 4% 5%;
}

.sidebar li:first-child{
	border:none;
	background:#4d5b39;
	padding:4% 2% 3% 1%;
}

.sidebar li:last-child{
	border:none;
	background:#4d5b39;
	width:80%;
	text-align:center;
	margin:5% auto 0;
	font-size:75%;
	font-family: "hannari","Yu Mincho","Noto Sans JP","ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;
}

.sidebar a{
	display:block;
}

.pages{
	float:right;
	margin-top:-3%;
	color:#4d5b39;
}

.close {	/*topボタン*/
	display:block;
    position: relative;
    width: 15%;
    height: auto;
    background: #ffffff;
	float:right;
}

.tgl_close {
    position: absolute;
	display:block;
    top: 3px; left: 0;
    width: 100%;
    height: 100%;
	color:#4d5b39;
	display:block;
	font-size:120%;
	margin:0 auto;
	padding:4% 0 0;
	text-align:center;
}

.btn_close{
	width:70%;
	color:#ffffff;
	padding:2%;
}


div.head{
	background:#ece9df;
	width:96%;
	padding:2.5% 2%;
}
.head > h1 img{
	padding:1% 0 0 12%;
	float:left;
	width:75%;
}



.menubtn {	/*mapボタン*/
	display:block;
    position: relative;
    width: 12%;
    height: auto;
    background: #4d5b39;
	float:right;
}

.tgl_menu {
    position: absolute;
	display:block;
    top: 5px; left: 0;
    width: 100%;
    height: 100%;
	color:#ffffff;
	display:block;
	font-size:140%;
	margin:0 auto;
	padding-top:1%;
	text-align:center;
}



@media screen and (max-width:320px){
	.tgl_menu{
		padding-top:1%;
		font-size:120%;
	}

	.tgl_close {
	font-size:100%;
	}
}