.container > h3 {
  padding-bottom: 33px;
}
.container > h3 img {
  height: 14px;
}


/*** Area ***/
#area {
  border-bottom: 1px solid #d1d1d1;
}

#area_table {
  display: table;
  width: 100%;
  max-width: 932px;
  margin: 0 auto;
}
#area_table > nav {
  display: table-cell;
  vertical-align:middle;
}
#area_map {
  width: 324px;
}
#area_map a {
  display: block;
  position:absolute;
}
#area_map > div {
  height: 230px;
}

#area_map a img {
  opacity: 0.1;
  filter: alpha(opacity=10);
  transition: opacity .2s;
}

#area_map a.on img {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* 北海道 */
#hokkaido {
  margin-left: 194px;
}
#hokkaido img {
  height: 64px;
}
/*東北 */
#touhoku {
  margin-left: 187px;
  margin-top: 65px;
}
#touhoku img {
  height: 73px;
}
/* 関東 */
#kanto {
  margin-top: 136px;
  margin-left: 200px;
}
#kanto img {
  height: 66px;
}
/* 北陸 */
#hokuriku {
  margin-top: 129px;
  margin-left: 141px;
}
#hokuriku img {
  height: 35px;
}
/* 中部 */
#cyubu {
  margin-top: 157px;
  margin-left: 154px;
}
#cyubu img {
  height: 52px;
}
/* 関西 */
#kansai {
  margin-top: 141px;
  margin-left: 113px;
}
#kansai img {
  height: 68px;
}
/* 中国 */
#cyugoku {
  margin-top: 141px;
  margin-left: 77px;
}
#cyugoku img {
  height: 45px;
}
/* 四国 */
#sikoku {
  margin-top: 196px;
  margin-left: 72px;
}
#sikoku img {
  height: 35px;
}
/* 九州 */
#kyusyu {
  margin-top: 141px;
  margin-left: 6px;
}
#kyusyu img {
  height: 90px;
}
/* 沖縄 */
#okinawa {
  margin-top: 200px;
}
#okinawa img {
  height: 31px;
}
/**** エリアテキスト ****/
#areas ul {
  float: left;
  width: 50%;
}
#areas:after {
  content: "";
  display: block;
  clear: both;
}

#areas li.on dl:before {
  content: "★";
  position: absolute;
  margin-left: -24px;
}

#areas li dt a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.18em;
  font-weight:bold;
}
#areas li dd {
  padding-bottom: 24px;
}
#areas li dd a {
  font-size: 12px;
  color: #646464;
  border-right: 1px solid #646464;
  padding: 0 5px 0 0;
  line-height: 1;
  margin-bottom: 6px;
  display: inline-block;
}
#areas li dd a:hover {
  color: black;
}
#areas li dd a:last-child {
  padding-right: 0;
  border-right:0;
}

/********* ShowRoom ************/
#showroom > .container > nav {
  display: table;
  width: 100%;
}
#showroom > .container > nav a {
  display: table-cell;
/*  width: 33.3%; */
  height: 300px;
  background-position: center center;
  background-size: auto 100%;
  background-repeat:no-repeat;
}
#showroom1 {
  background-image:url(show_room1.jpg);
}
#showroom2 {
  background-image:url(show_room2.jpg);
}
#showroom3 {
  background-image:url(show_room3.jpg);
}
#showroom > .container > p {
  font-size: 12px;
  padding-top: 15px;
  color: #646464;
}
#showroom > .container > p cite {
  font-weight:bold;
  parring-right: 10px;
}
#showroom > .container > p a {
  color: #646464;
  text-decoration:none;
}

@media only screen and (max-width: 768px) {
#area_table {
  display: block;
}
#area_table > nav {
  display: block;
}
#areas:after {
  clear: none;
}
#area_map {
  float: left;
  padding-bottom: 45px;
}

#area .container:after {
  content: "";
  display: block;
  clear: both;
}
#areas ul {
  float: none;
  width: auto;
  display: inline;
}
#areas ul:first-child li:nth-child(5),
#areas ul:last-child li:nth-child(even) {
  width: 324px;
  float: left;
}
#showroom > .container > nav a {
  height: 165px;
}
}
@media only screen and (max-width: 580px) {
#areas ul:first-child li:nth-child(5),
#areas ul:last-child li:nth-child(even) {
  width: auto;
  float: none;
}
#areas ul:first-child li:nth-child(4),
#areas ul:last-child li:nth-child(odd) {
  width: 324px;
  float: left;
}
}
@media only screen and (max-width: 500px) {
#area_map {
  display: none!important;
}
#areas ul:first-child li:nth-child(4),
#areas ul:last-child li:nth-child(odd) {
  width: auto;
  float: none;
}
#areas ul:first-child li:nth-child(odd),
#areas ul:last-child li:nth-child(even) {
  width: 48.5%;
  float: left;
}
#areas ul:first-child li:nth-child(even),
#areas ul:last-child li:nth-child(odd) {
  width: 48.5%;
  float: right;
}
#areas ul:first-child li:nth-child(odd),
#areas ul:last-child li:nth-child(even) {
  clear: both;
}
}
@media only screen and (max-width: 440px) {
#areas ul:first-child li:nth-child(odd),
#areas ul:last-child li:nth-child(even),
#areas ul:first-child li:nth-child(even),
#areas ul:last-child li:nth-child(odd) {
  width: 92%;
  float: none;
  clear: none;
  margin: 0 auto;
}
#showroom > .container > nav {
  display: block;
}
#showroom > .container > nav a {
  display: block;
  width: 100%;
  height: 130px;
  background-size: cover;
}
#showroom1 {
  background-position: center 25%!important;
}
#showroom3 {
  background-position: center 37%!important;
}
#showroom > .container > p a {
  display: inline-block;
}