  #mapBg .mapsp {
  	display: none;
  }
#mainBg {
  background-image: url(../img/main-bg.jpg);
}
#mainBg #mainTitle h1 {
  background-image: url(../img/title.png);
}
@media (max-width: 767px) {
  #mainBg #mainTitle h1 {
    background-image: none;
  }
}
#mapBg #map-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#areas {
  padding-top: 30px;
}
#areas .section-title {
  margin: 30px 0;
}
.entry-box .entry-thumb {
  position: relative;
}
.entry-box .entry-thumb i.fa-play-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  font-size: 80px;
  line-height: 1em;
  color: #fff;
  opacity: .6;
}
.entry-box a.movie .entry-thumb {
  overflow: hidden;
}
.entry-box a.movie .entry-thumb img {
  max-width: none;
  height: 172px;
}
@media (max-width: 1199px) {
  .entry-box a.movie .entry-thumb img {
    height: 140px;
  }
  #mapBg .mappc {
  	display: none;
  }
  #mapBg .mapsp {
  	display: block;
  }
}
@media (max-width: 991px) {
  .entry-box a.movie .entry-thumb img {
    height: 146px;
  }
}
@media (max-width: 767px) {
  .entry-box a.movie .entry-thumb img {
    max-width: 100%;
    height: auto;
  }
}
#index-footer {
  text-align: center;
  background-color: #000;
  padding: 50px 0 160px 0;
}
#index-footer p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.caption-box .caption-inner {
  min-width: 260px;
  border: solid 2px #fff;
  border-radius: 4px;
  transition: all 0.5s;
}
.caption-box .caption-inner:hover {
  background-color: #000000;
}
.caption-box .caption-inner .caption-header {
  text-align: center;
}
.caption-box .caption-inner .caption-header .caption-title {
  font-family: Georgia, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ 明朝", serif;
  float: none;
}
.caption-box .caption-inner .caption-header .caption-toggle.hide {
  border: none;
  background-color: transparent;
  box-shadow: none;
  float: none;
}
.caption-box .caption-inner .caption-header .caption-toggle.hide br {
  display: none;
}
.caption-box .caption-inner .caption-header .caption-toggle.hide:before {
  content: '― ';
}
.caption-box .caption-inner .caption-header .caption-toggle.hide:after {
  content: ' ―';
}
@media (max-width: 991px) {
  .caption-box .caption-inner .caption-body {
    display: block !important;
  }
  #mapBg {
    height: 400px !important;
  }
}

/* tooltip
  */
div.tooltip	{
	position: absolute;
	left: -9999px;
	background: #eee;
	padding: 5px 10px;
	border: 1px solid #000;
}

div.tooltip p{
	color: #000;
	margin:0 auto;
}x
