@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%; */
}


#map{
	text-align:center;
	margin-bottom:20px;}

/* .area{
	width:750px;
	} */

.town-area{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.area .smallarea{
	width: calc(33.33% - 1rem);
}

.text{
	margin-bottom:50px;
	text-align: left;
}

.text2{
	margin-left:20px;
	margin-bottom:30px;
}

.text ul{
    padding:0px;
	margin:0px;
	margin-left:20px;
	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;
	}
	
	
/*gaiyou*/
.table_itiran {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	margin: 0px auto;
	font-weight:normal;
	margin-bottom:60px;
	color:#333333;
	width:100%;
	}
.table_itiran tr,
.table_itiran td {
	padding: 5px 10px;
	border: 1px solid #999999;
	}
	
.table_itiran tr.ta_midasi,
.table_itiran td.ta_midasi{
	font-weight:bold;
	color:#000000;
	background:#EBEBEB;
	text-align:center;
	}
	
.table_itiran tr.place,
.table_itiran td.place{
    font-weight:bold;
	width:160px;
	}

.table_itiran tr.name,
.table_itiran td.name{
    font-weight:normal;
	width:120px;
	}
	
.table_itiran tr.add,
.table_itiran td.add{
	width:250px;
	}				
			
.table_itiran li{
    list-style-type: disc;
	list-style-position: outside;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #EBEBEB;
	}

/*====================================
	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: right;
	}
}
/*====================================
	スマホ	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);
	}
}