/*----------------------------------------
Name: location.scss
import: _init.scss
----------------------------------------*/
/* Navigation
----------------------------------------*/
#globalNav ul li.nav03 a {
  border-color: #FFF6DC;
  background: #FFF6DC;
}

/* contents
----------------------------------------*/
.location {
  margin-bottom: 40px;
}
.location .map {
  text-align: center;
  margin: 20px 0;
}
.location .photo {
  width: 870px;
  margin: 0 auto 10px;
}
.location .photo li {
  float: left;
  margin: 0 10px 10px 0;
}
.location .photo .p03, .location .photo .p05 {
  margin-right: 0;
}
.location .photo {
  *zoom: 1;
}
.location .photo:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.location .att {
  font-size: 10px;
  text-align: center;
}

.access .map {
  margin-bottom: 30px;
  text-align: center;
}
.access .att {
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
	.location .photo {
		width: 100%;
	}
	
	.location .photo li {
		width: 46%;
		margin: 0px 2% 10px;
	}
	
	.location .photo li.p01 {
		width: 96%;
	}
	
	.location .att, .access .att {
		text-align: left;
	}
}