/*LOCAL css*/
/* 01. list_news お知らせ
************************************/
.news { margin:0; padding:0; }
.news ul { margin:0; padding:0; }
.news li { margin:0; padding:3px; list-style-type:none; border-bottom:1px dotted #ccc; background:#eee; }
.news li.odd { margin:0; padding:3px; list-style-type:none; border-bottom:1px dotted #ccc; background:#fff; }
/* BOx100
************************************/
#mainContents .box100 p { margin:0; padding:5px 0 10px 0; }
/* mB05
************************************/
.mB05 { padding-bottom:2px; margin:0; }
/* 今月のイチオシ施設
************************************/
.ichioshi { margin:0 auto; padding:0; width:700px; }

h3 { position:relative; }
span.assistant { display:inline-block; position:absolute; bottom:3px; right:5px; font-size:10pt; color:#F60; font-weight:normal; text-align:right; }

table#simplemap td img { display: block; }

/* 20170125_top revised
************************************/
.search-map {
  width: 700px;
  background: #f0e7be;
  height:220px;
  margin: 10px 0 30px 0;
}
.map-main li:hover {
  opacity: .5;
}


.map-main {
  position: relative;
  float: left;
  background: none;
  width: 376px;
  height: 166px;
  margin: 8.5px 14px;
}
.map-main > li {
  display: block;
  text-align: center;
  position: absolute;
  border: 1px solid #f0e7be;
  box-sizing: border-box;
}
.map-main > li > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.map-main > li:nth-child(1) {
  top: 0;
  left: 76%;
  width: 24%;
  height: 70px;
  line-height: 70px;
  background: #4da6ff;
}
.map-main > li:nth-child(2) {
  top: 70px;
  left: 76%;
  width: 19%;
  height: 48px;
  line-height: 48px;
  background: #00bfff;
}
.map-main > li:nth-child(3) {
  top: 118px;
  left: 76%;
  width: 19%;
  height: 48px;
  line-height: 48px;
  background: #00b285;
}
.map-main > li:nth-child(4) {
  top: 97px;
  left: 57%;
  width: 19%;
  height: 69px;
  line-height: 69px;
  background: #85b200;
}
.map-main > li:nth-child(5) {
  top: 97px;
  left: 38%;
  width: 19%;
  height: 48px;
  line-height: 48px;
  background: #d9a300;
}
.map-main > li:nth-child(6) {
  top: 97px;
  left: 19%;
  width: 19%;
  height: 48px;
  line-height: 48px;
  background: #ff8000;
}
.map-main > li:nth-child(7) {
  top: 145px;
  left: 19%;
  width: 19%;
  height: 40px;
  line-height: 40px;
  background: #f08080;
}
.map-main > li:nth-child(8) {
  top: 97px;
  left: 0;
  width: 19%;
  height: 69px;
  line-height: 69px;
  background: #d96d00;
}

.map-more {
  float: right;
  clear: none;
  display: block;
  background-image:-moz-linear-gradient(51% 0% -90deg,rgb(251,249,244) 0%,rgb(242,234,217) 64%,rgb(242,234,217) 100%); 
  background-image:-webkit-gradient(linear,51% 0%,51% 120%,color-stop(0, rgb(251,249,244)),color-stop(0.64, rgb(242,234,217)),color-stop(1, rgb(242,234,217)));
  background-image:-webkit-linear-gradient(-90deg,rgb(251,249,244) 0%,rgb(242,234,217) 64%,rgb(242,234,217) 100%);
  background-image:-o-linear-gradient(-90deg,rgb(251,249,244) 0%,rgb(242,234,217) 64%,rgb(242,234,217) 100%);
  background-image:-ms-linear-gradient(-90deg,rgb(251,249,244) 0%,rgb(242,234,217) 64%,rgb(242,234,217) 100%);
  background-image:linear-gradient(180deg,rgb(251,249,244) 0%,rgb(242,234,217) 64%,rgb(242,234,217) 100%);
  width:296px;
  height:220px;
  border-color:rgb(236,220,178);
  border-width:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border-style:solid;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbf9f4,endColorstr=#fff2ead9,GradientType=0)";
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbf9f4,endColorstr=#fff2ead9,GradientType=0);
  box-sizing: border-box;
  padding: 4px 2px;
}

.map-more > ul {
  width: 20%;
  float: right;
  clear: none;
  display: block;
}
.map-more li {
  padding: 0 4px;
}




.topic-3:after {
  display: block;
  height: 0;
  content: '';
  clear: both;
  margin: 10px 0 30px 0;
}
.topic-3 img:hover {
  opacity: .5;
}

.topic-3 li {
  position: relative;
  float: left;
  width: 33%;
  display: block;
  margin: 0 0 20px 0;
}
.topic-3 li > div {
  position: absolute;
  top: 0;
  left: 0;
}
.topic-3 li > p {
  margin: 0;
  margin-left: 130px;
  margin-right: 10px;
  font-size: .9em;
  line-height: 1.4em;
}
.topic-3 li > p:last-child {
  font-weight: bold;
  font-size: 1.1em;
}
.topic-3 + .readmore {
  display: none;
}

h3 a.more {
  text-indent:20px;
  font-size:0.8em;
  font-weight:normal;
  text-decoration:none;
  line-height: 25px;
}


.key-visual img {
  width: 100%;
  margin: 10px 0;
}




@media screen and (max-width: 740px) {


.topic-3:after {
  display: block;
  height: 0;
  content: '';
  clear: both;
  margin: 10px 0 -30px 0;
}
.topic-3 li {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  margin: 0;
}
.topic-3 li + li {
  border-top: 1px solid #ccc;
}
.topic-3 li > div {
  top: 10px;
}
.topic-3 li:nth-child(n+4) {
  display: none;
}
.topic-3 + .readmore {
  color: #fff;
  background: #333;
  text-align: center;
  width: 100%;
  display: block;
  line-height: 1.4;
  cursor: pointer;
  float: left;
  margin: 10px 0 20px 0;
  padding: 10px;
}
.topic-3 + .readmore .open {
  display: none;
}
.topic-3 + .readmore .close {
  display: none;
}
.topic-3 + .readmore .active {
  display: block;
}
.topic-3 > li.active {
  display: block;
}

.search-map {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px !important;
  background: #f0e7be;
  height:200px;
  margin: 10px 0 30px 0 !important;
}

.map-main {
  position: relative;
  float: none;
  margin: 8.5px auto;
  background: none;
  width: 100%;
  height: 200px;
}

.map-more {
  display: none !important;
}

}