@charset "utf-8";
/*エリア別*/
.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:10px 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 dl{ width:auto !important:}
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%;}
}