@charset "UTF-8";

#mapinfo {
  text-align: center;
  color: #000;
}
#mapinfo .attention a {
  color: #000;
}


#map_nav ul {
  overflow: hidden;
  text-align: center;
  width: 95%;
  max-width: 500px;
  margin: 1em auto 2em;
}
#map_nav li {
  width: 48%;
  margin: 1%;
  float: left;
  border: 1px solid #222;
  box-sizing: border-box;
  font-size: 14px;
}
#map_nav a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 16px 0;
}
#map_nav a:hover {
  background: #333;
  color: #fff;
}
@media (max-width: 480px) {
  #map_nav li {
    font-size: 12px;
  }
}

.map_memo {
  text-align: center;
  padding: 10px 0;
  background: #000;
  color: #fff;
  font-size: 22px;
  line-height: 140%;
}
.map_memo img {
  max-width: 292px;
  margin: auto;
}
.map {
	max-width: 760px;
	margin: auto;
	padding: 0;
    margin-bottom: 20px;
}
.map.map2 {
	max-width: 650px;
}
hr {
	max-width: 650px;
	margin: 3em auto auto;
	height: 0;
	border: none;
	border-bottom: 1px solid #ccc;
}
.map h4 {
	padding: 0 20px;
}
.map img {
	width: 100%;
	height: auto;
	vertical-align: center;
}
.gallery_map {
	max-width: 422px;
	margin: auto;
	padding: 0;
}
.gallery_map .add{
    text-align: center;
    margin-top: 20px;
}
.gallery_map img {
	width: 100%;
	height: auto;
	vertical-align: center;
}
#text {
	padding: 20px;
	line-height: 2;
}
#text h4 {
	padding: 0;
}
#text h4::before {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.2em;
	background: #333;
}
#text p {
	margin: auto;
}
#text .notis {
	padding: 1em;
	border: 1px solid #666;
}
#text dt {
	margin-top: 1em;
	font-weight: bold;
}
#text dt::before {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.2em;
	background: #fff;
	border: 1px solid #222;
	border-radius: 0.4em;
	box-sizing: border-box;
}
#text strong {
	color: #069;
}
@media (max-width: 480px) {
	#text dd {
		margin-left: 1em;
	}
}

.gMapLink{
  margin:2em auto;
  text-align:center;
}
.gMapLink a {
  display:inline-block;
  text-decoration:none;
  font-size:11px;
  line-height:1;
  padding:16px 0;
  width:80%;
  max-width:224px;
  color:#fff;
  background-color:#544f43;
}
@media (max-width: 720px), (max-width: 900px) and (max-height: 480px){
  .gMapLink {
    padding:13px 0;
    max-width:160px
  }
}

@media print {
  .gMapLink,#developer,#sp-conversion {
    display: none;
  }
  .info { margin-bottom: 0!important;}
  div.map { width: 90%; margin: auto; }
  .map h4 { font-size: 11px!important; }
  .map_memo { padding: 7px 0 2px!important; line-height: 100%; }
  .map_memo img { height: 15px; width: auto; }
  #kouiki { page-break-after:always; width: 100%; margin: auto; }
  /*
  .kouiki_map {  }
  .kouiki_map img { width: 90%; height: auto; margin: auto; }
  */
}

#footnote {
	border-width: 0;
    margin: 1em 0;
    background: none;
    color: #000;
}


.info {
	width: 95%;
	margin: 0 auto 60px;
}
.info p {
    text-align: center;
    margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.9;
}
@media (max-width: 768px) {
	.info p {
		margin-bottom: 15px;
    font-size: 13px;
		/*text-align: left;*/
	}
	.pc {
		display: none;
	}
}


/* attention */
.info .attention {
	margin: 1em auto;
	line-height: 2;
	font-size: 13px;
}
.info .attention .ttl {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 0.5em;
}
.info .attention .date {
	font-size: 1.2em;
}
.info .attention a {
	font-size: 1em;
}


.map img.walking {
  height: 10px;
  width: auto;
  vertical-align: middle;
}