@charset "UTF-8";


#map{
	width: 100%;
	min-width: 300px;
}

.map-note {
  margin-top: -15px; }

.floormap {
  width: 944px;
  margin: 0 auto 25px;
  border: 2px solid #eeeeee;
  overflow: hidden;
  background: #fff; }
  .floormap > .frame {
    width: 100%;
    padding: 6px 14px;
    color: #ffffff;
    background-color: #9F005B; }
    .floormap > .frame img {
      display: block; }

.map-area {
  width: 100%;
  height: 519px;
  position: relative;
  z-index: 0; }
  .map-area img {
    height: auto; }
  .map-area .map-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    width: 100%;
    height: 100%; }
  .map-area .intro {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
    .map-area .intro .zone {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .map-area .intro.gotemba .west {
      position: absolute;
      top: 20px;
      left: 155px;}
    .map-area .intro.gotemba .east {
      position: absolute;
      top: 60px;
      left: 418px;}

	.map-area .intro.gotemba .hill {
		position: absolute;
		top: 225px;
		left: 370px;
	}
    .map-area .intro.rinku .floor1 {
      position: absolute;
      top: 67px;
      left: 132px; }
    .map-area .intro.rinku .floor2 {
      position: absolute;
      top: 80px;
      left: 450px; }
    .map-area .intro.sendaiizumi .floor1 {
      position: absolute;
      top: 85px;
      left: 135px; }
    .map-area .intro.sendaiizumi .floor2 {
      position: absolute;
      top: 85px;
      left: 415px; }
  .map-area .zone_move li {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: none; }
    .map-area .zone_move li.bt_west {
      top: 180px;
      left: 0; }
    .map-area .zone_move li.bt_east {
      top: 180px;
      right: 0px; }
	.map-area .zone_move li.bt_hill {
		top: 270px;
		left: 0;
	}
    .map-area .zone_move li.bt_1f {
      top: 200px;
      left: -11px; }
    .map-area .zone_move li.bt_2f {
      top: 200px;
      right: -10px; }
  .map-area .maps {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .map-area .map-l {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .map-area .map-l .map-main {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 0;
      cursor: url(/_assets/images/common/map/tenohira1.cur), pointer; }
      .map-area .map-l .map-main.drag {
        cursor: url(/_assets/images/common/map/tenohira2.cur), pointer; }
      .map-area .map-l .map-main img {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden; }
  .map-area .spread {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0); }
    .map-area .spread .spread-bg {
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.6;
      filter: alpha(opacity=60);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    .map-area .spread ul {
      display: table;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1; }
      .map-area .spread ul li {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center; }
        .map-area .spread ul li > img {
          display: inline-block;
          width: auto;
          height: 380px; }
    .map-area .spread.tosu ul li > img {
      height: 300px; }
    .map-area .spread.gotemba ul li > img {
      height: 297px; }
  .map-area .map-s {
    position: absolute;
    z-index: 1; }
    .map-area .map-s img {
      display: block;
      height: auto; }
    .map-area .map-s.toki {
      bottom: 10px;
      right: 8px; }
    .map-area .map-s.ami {
      bottom: 10px;
      right: 8px; }
    .map-area .map-s.kobesanda {
      bottom: 3px;
      right: 10px; }
    .map-area .map-s.sano {
      bottom: 5px;
      left: 5px; }
    .map-area .map-s.shisui {
      bottom: 3px;
      right: 10px; }
    .map-area .map-s.tosu {
      bottom: 5px;
      right: 10px; }
    .map-area .map-s.gotemba {
      bottom: 5px;
      left: 5px; }
    .map-area .map-s.rinku.f1 {
      bottom: 10px;
      left: 5px; }
    .map-area .map-s.rinku.f2 {
      bottom: 15px;
      right: 5px; }
    .map-area .map-s.sendaiizumi.f1, .map-area .map-s.sendaiizumi.f2 {
      bottom: 10px;
      left: 5px; }
    .map-area .map-s .map-header {
      display: block;
      height: 12px;
      background: #000;
      padding: 0 0 0 3px;
      border-bottom: 1px solid #b8b1ab;
      color: #fff;
      font-size: 11px;
      line-height: 12px;
      text-align: left; }
    .map-area .map-s .map-main {
      border: 1px solid #b8b1ab;
      background: #fff;
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      .map-area .map-s .map-main .cover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #fff;
        cursor: move;
        opacity: 0;
        filter: alpha(opacity=0); }
    .map-area .map-s .map-ctrl {
      border: 1px solid #ffcc66;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
      .map-area .map-s .map-ctrl > div {
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0.6;
        filter: alpha(opacity=60); }
  .map-area .zoom-btn {
    width: 76px;
    height: 48px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    background: url(/_assets/images/common/map/zoom_bg.png); }
    .map-area .zoom-btn > div {
      position: absolute;
      opacity: 1;
      filter: alpha(opacity=100);
      cursor: pointer; }
      .map-area .zoom-btn > div.on {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: default; }
    .map-area .zoom-btn .zoom-in {
      top: 20px;
      left: 10px;
      filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_assets/images/common/map/zoom_btn0.png", sizingMethod="scale")'; }
    .map-area .zoom-btn .zoom-out {
      top: 20px;
      right: 10px;
      filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_assets/images/common/map/zoom_btn1.png", sizingMethod="scale")'; }

/*--------------------------------------------
 アクセスマップ
--------------------------------------------*/
.floormap.access {
  width: 700px;
  height: 450px;
  margin: 0 0 15px 0; }
  .floormap.access .map-area {
    width: 100%;
    height: 100%; }
  .floormap.access .map-s.kobesanda {
    right: auto;
    bottom: 5px;
    left: 10px; }
  .floormap.access .map-s.sano {
      right:5px;
      left:auto;
      bottom:0;
  }
  .floormap.access .map-s.tosu {
    right: auto;
    left: 10px; }
  .floormap.access .map-s.rinku {
    bottom: 10px;
    right: 10px; }

#ami-point1, #ami-point2, #kobe-point1, #kobe-point2, #tosu-point1, #tosu-point2, #gotemba-point1, #gotemba-point2 {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  -webkit-animation: point 1.2s infinite ease-out;
  animation: point 1.2s infinite ease-out; }
  #ami-point1 > img, #ami-point2 > img, #kobe-point1 > img, #kobe-point2 > img, #tosu-point1 > img, #tosu-point2 > img, #gotemba-point1 > img, #gotemba-point2 > img {
    display: block;
    width: 100%;
    height: 100%; }

#ami-point1 {
  top: 39px;
  left: -56px; }

#ami-point2 {
  top: 583px;
  left: 9px; }

#kobe-point1 {
  top: 53px;
  left: 64px; }

#kobe-point2 {
  top: 902px;
  left: 383px; }

#tosu-point1 {
  top: 423px;
  left: -35px; }

#tosu-point2 {
  top: 610px;
  left: 162px; }

#gotemba-point1 {
  top: 143px;
  left: 141px; }

#gotemba-point2 {
  top: 449px;
  left: 370px; }

@-webkit-keyframes point {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes point {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
/*--------------------------------------------
 SP
--------------------------------------------*/
.select_zone span {
  color: #9F005B;
  cursor: pointer; }
  .select_zone span.on {
    cursor: default;
    color: #666; }

.floormap.sp {
  /* width: 268px; */
  width: calc(100% - 32px);
  min-width: 268px;
  height: 268px;
  position: relative;
  top: 16px; }
  .floormap.sp .map-area {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0); }
    .floormap.sp .map-area .map-l {
      position: absolute;
      top: 0;
      left: 0; }


.map-area .frame{
	box-sizing: border-box;
	position: absolute;
	margin: 0;
	padding:2px;
	top:0;
	left: 0;
	text-align: center;
	background-color: #9F005B;
	color:#ffffff;
	z-index: 10;
	width: 100%;
}

.map-area .frame.frame-zone.none{
	display: none;
}