@charset "utf-8";

.outline {
	max-width:1000px;
	margin:0px auto;
}
.page-area{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}

#Leftspace{
    /* width:210px;
	float:left; */
	width: calc(25% - 1rem);
	}
		
#Rightspace{
    /* width:750px;
	float:right; */
	width: calc(75% - 1rem);
	/* text-align: center; */
	}


#snavi{
    margin:0px;
	margin-bottom:40px;
}	
	
#snavi ul{
	display: flex;
	flex-wrap: wrap;
}

#snavi ul li{
	list-style-type: none;
	margin-bottom:0.25rem;
	line-height:120%;
	/* background-image:url(../../img/btn2.png) no-repeat;
	background-position:195px 35px; */
	/*background-color:#5dc2f0;*/
	background:url(../img/bg_navi.png);
	/* background-repeat: no-repeat; */
	color:#FFFFFF;
	width: 100%;
	}

#snavi ul li a{
	padding: 1rem 0 1rem 1rem;
}
	
#snavi A:link {color:#FFF;text-decoration: none;}
#snavi A:visited {color: #FFF; text-decoration: none;}
#snavi A:hover {color:#FFFF00; text-decoration: none;}
#snavi A:active {color: #FFF; text-decoration: none;}	

a.alllink{
	display: block; 
	/* width: 100%; */
	/* height:100%; */
}
	
.text{margin-bottom:50px;}
.text2{
	margin-left:20px;
	margin-bottom:30px;}

.text ul{
    padding:0px;
	margin:0px;
margin-bottom:30px;
	}	
	
.text li{
    background:url(../../img/btn4.jpg) no-repeat;
	background-position:0em 0.7em;
	padding:5px;
	padding-left:16px;
	margin:0px;
	list-style-type:none;
	}
	
.midasi	{
	 background:url(../../img/btn4.jpg) no-repeat;
	background-position:0em 0.7em;
	padding:5px;
	padding-left:17px;
	margin:0px;
	font-weight:bold;
	color:#690;}	


/*====================================
	PC	768px以下
=====================================*/
@media screen and (max-width: 768px) {
	header #logo {
		max-width: 70%;
	}
	.outline {
		max-width: 100%;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	header #logo{
		margin-left: 1rem;
		}
	header h1{
		margin-left: 1rem;
	}

	.sec{
		max-width:100%;
		margin:25px 0px;
		line-height:170%;
		}

	.page-area{
		flex-wrap: wrap;
	}
	#snavi ul {
		flex-wrap: wrap;
	}
	#snavi ul li{
	background-position-x:0;
	}
}
/*====================================
	スマホ	425px以下
=====================================*/
@media screen and (max-width: 425px) {
	#snavi ul{
	justify-content: space-between;
	}
	#snavi ul li{
		width: 48%;
		margin-bottom: 0.75rem;
		align-items: center;
		display: flex;
		font-size: 16px;
	}
	#Leftspace {
		width: 100%;
	}
	#Rightspace {
		width: 100%;
	}
	.town-area {
		width:100%;
		flex-wrap: wrap;
	}
	.area .smallarea {
		width: calc(50% - 1rem);
	}
}