@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .headLine01 {
	margin-bottom: 112px;
}

#main .mapBox {
	margin-right: 63px;
}

#main .mapBox .textBox {
	width: 440px;
	float: left;
}

#main .mapBox .map {
	margin-top: 6px;
	float: right;
}

#main p {
	font-size: 14px;
	line-height: 2.15;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main {
		margin: 0 0 70px;
	}
	
	#main .headLine01 {
		margin-bottom: 61px;
	}
	
	#main .mapBox {
		margin-right: 0;
	}
	
	#main .mapBox .textBox {
		margin: 0 15px;
		width: auto;
		float: none;
	}

	#main .mapBox .headLine02 {
		margin-bottom: 30px;
		line-height: 2.1;
	}
	
	#main .mapBox .map {
		margin: 42px auto 0;
		width: 320px;
		float: none;
		text-align: center;
	}

	#main .mapBox .map img {
		width: 100%;
	}
	
	#main p {
		font-size: 15px;
		line-height: 1.67;
	}
}


/*エリア別*/
.areabetsu{ padding-top:70px;}
div.areabetsu ul { margin:20px auto 50px;}
div.areabetsu ul li:first-child {
    border: medium none;
}
div.areabetsu ul li{ float:left; margin:0 20px;font-size:16px;border-left: 1px solid #00a0c9; padding-left:20px;list-style:none;}
div.area-box {
    float: left;
    margin: 0 9px;
    width: 23%;
}
div.area-box dt {
    clear: both;
    float: left;
    font-size: 10px;
    margin-left: 4px;
    width: 52%;
}
div.area-box dd {
border-bottom: 1px dotted #e63740;
    font-size: 10px;
    margin-bottom: 8px;
    padding: 0 0 6px 63%;
}
div.area-box dd.row-0 {
    padding-bottom: 21px;
}
div.area-box dd.row-2 {
    padding-bottom: 24px;
}
div.gyou {background-color:#e63740; color:#fff;
    float: left;
    font-weight: bold;
    margin: 16px 2px 12px 0;
    padding: 3px 8px;
    width: 52%;
}
div.day {background-color:#e63740; color:#fff;
    float: right;
    font-weight: bold;
    margin: 16px 0 12px;
    padding: 3px 8px;
    width: 34%;
}
h3{ font-size:16px; margin:30px 0 20px;color:#e63740;}
dl{ clear:both;}
@media all and (min-width: 0) and (max-width: 767px)  {
.areabetsu{    width: 96%;
    margin: 0 auto;}
.areabetsu ul{	display: table;
  table-layout: fixed;}
	div.areabetsu ul li{ font-size:16px;  list-style:circle;border-left: none; text-decoration:underline; display: table-cell; margin:0 5px; padding-left:0;}

	div.area-box {
    float: left;
    margin: 0;
    width: 100%;
}
div.gyou {  width: 53%;padding: 3px 1%;}
div.day {  width: 38%;}
h3{  text-align:center;}
div.area-box dt{width: 51%;}
}

@media only screen and (min-width: 481px){
h2.headLine02 br{  display:none; }
}
h2 {
    margin-bottom: 27px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
ul.colormap{ padding-top:30px;     line-height: 2.15;
}
ul.colormap .area1 a{ color:#e83441;}
ul.colormap .area2 a{ color:#60b0e3;}
ul.colormap .area3 a{ color:#07aa6d;}
ul.colormap .area4 a{ color:#fcc91a;}