*:focus {
  outline: none; }

#main {
  max-height: 858px;
  margin-bottom: 57px; }

#title_map {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 0;
  font-size: 1px;
  line-height: 0; }

.textBlock {
  line-height: 1.75;
  margin-bottom: 1.75em;
  text-align: left; }

#mapTexture {
  position: relative;
  top: 34px;
  left: 0;
  right: 0;
  margin: auto;
  width: 300px;
  height: 425px; }

#map_description {
  position: absolute;
  font-size: 7px;
  color: #B3B3B3;
  width: 100%;
  text-align: center;
  top: 935px; }

.icon {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .icon#icon_0 {
    width: 0px;
    height: 0px;
    top: 0px; }
  .icon#icon_1 {
    width: 92px;
    height: 92px;
    top: 577px; }
  .icon#icon_2 {
    width: 85px;
    height: 79px;
    top: 584px; }
  .icon#icon_3 {
    width: 90px;
    height: 75px;
    top: 591px; }
  .icon#icon_4 {
    width: 105px;
    height: 74px;
    top: 593px;
    left: -5px; }
  .icon#icon_5 {
    width: 86px;
    height: 86px;
    top: 585px;
    left: 4px; }
  .icon#icon_6 {
    width: 76px;
    height: 68px;
    top: 592px;
    left: -4px; }
  .icon#icon_7 {
    width: 85px;
    height: 118px;
    top: 552px; }
  .icon#icon_8 {
    width: 106px;
    height: 128px;
    top: 539px; }

#infoArea {
  position: relative;
  left: 0;
  right: 0;
  top: 63px;
  margin: auto;
  width: 282px;
  height: 296px;
  background-image: url(../images/about/map/bg_modal.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 282px 296px; }
  #infoArea #viewportWrapper {
    width: 278px;
    height: 296px;
    margin: 0 auto;
    overflow: hidden; }
  #infoArea .pageWrapper {
    position: relative;
    width: 282px;
    height: 296px; }
  #infoArea .page {
    width: 282px;
    height: 280px; }
  #infoArea h5 {
    position: absolute;
    width: 121px;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5; }
  #infoArea .infoImage {
    width: 270px;
    height: 270px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4; }
  #infoArea .infoText {
    font-size: 11px;
    color: #fff;
    width: 80%;
    position: absolute;
    top: 237px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    text-align: center; }

#clouds {
  pointer-events: none;
  position: relative;
  top: -350px;
  height: 500px; }
  #clouds .cloud {
    position: absolute; }
  #clouds #cloud0 {
    top: 67px;
    right: -200px; }
  #clouds #cloud1 {
    top: 13px;
    right: -73px; }
  #clouds #cloud2 {
    top: 107px;
    left: -81px; }
  #clouds #cloud3 {
    top: 36px;
    left: -265px; }
  #clouds #cloud4 {
    top: 205px;
    left: -132px; }
  #clouds #cloud5 {
    top: 435px;
    left: -50px; }

#pointer_wrapper {
  position: relative;
  left: 0;
  right: 0;
  top: -1183px;
  margin: auto;
  width: 300px;
  height: 425px;
  z-index: 5; }

#pointer {
  position: absolute;
  width: 77px;
  height: 77px;
  top: 295px;
  left: 182px; }

.slick-prev {
  top: 43%;
  left: 0px;
  z-index: 5;
  transform: scale(1);
  background-image: url(../images/about/map/icon_left.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 12px; }
  .slick-prev:before {
    content: ''; }
  .slick-prev:link, .slick-prev:visited, .slick-prev:hover, .slick-prev:active {
    transform: scale(1);
    background-image: url(../images/about/map/icon_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 12px; }

.slick-next {
  top: 43%;
  right: 0px;
  z-index: 5;
  transform: scale(1);
  background-image: url(../images/about/map/icon_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 12px; }
  .slick-next:before {
    content: ''; }
  .slick-next:link, .slick-next:visited, .slick-next:hover, .slick-next:active {
    transform: scale(1);
    background-image: url(../images/about/map/icon_right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 12px; }

.flickity-prev-next-button {
  background: none; }
  .flickity-prev-next-button svg {
    display: none; }
  .flickity-prev-next-button:hover {
    background: none; }
  .flickity-prev-next-button.previous {
    background-image: url(../images/about/map/icon_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 12px; }
  .flickity-prev-next-button.next {
    background-image: url(../images/about/map/icon_right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 12px; }

.flickity-viewport {
  width: 278px;
  margin: 0 auto; }

#page_9 .infoImage,
.slick-cloned .infoImage {
  text-align: center !important; }
#page_9 .infoText,
.slick-cloned .infoText {
  top: 205px !important;
  width: 85% !important; }
  #page_9 .infoText p,
  .slick-cloned .infoText p {
    line-height: 150% !important;
    margin-bottom: 10px !important; }
  #page_9 .infoText a,
  .slick-cloned .infoText a {
    color: #fff !important; }

#foods_info {
  display: none;
  background-color: #000; }
  #foods_info .row {
    width: 100%;
    margin: 0 auto; }
  #foods_info .col-md-12,
  #foods_info .col-md-6,
  #foods_info .col-md-7 {
    padding: 0; }

#info_window {
  width: 291px;
  height: 1310px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  margin-top: 30px;
  background-color: #000;
  background-image: url("../images/about/map/bg_food.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 291px 1310px; }
  #info_window .foods {
    width: 260px;
    margin: 0 auto;
    padding-top: 23px; }
  #info_window .time {
    margin-top: 18px;
    line-height: 150%;
    text-align: left; }
  #info_window .cafe {
    margin-top: 21px; }
  #info_window .lawson {
    margin-bottom: 10px; }
  #info_window #karaage {
    margin-top: 8px; }
  #info_window .slime {
    margin-top: 0px; }
    #info_window .slime .col-md-7 {
      width: 60%;
      float: left; }
    #info_window .slime .col-md-5 {
      width: 40%;
      float: left; }
  #info_window h6 {
    font-size: 12px;
    text-align: left;
    margin: 7px 0 4px 1px;
    font-weight: bold;
    line-height: 1.3em; }
    #info_window h6.lawson {
      margin-top: -3px; }
  #info_window ul {
    margin-left: 0;
    padding-left: 2px;
    margin-bottom: 19px;
    text-align: left;
    text-decoration: none; }
  #info_window li {
    text-decoration: none;
    list-style: disc;
    font-size: 10px;
    list-style-type: none;
    padding-left: 9px;
    background-image: url("../images/about/map/icon_circle.png");
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-size: 3px 3px; }
  #info_window .slimeimage {
    margin-left: -9px; }
  #info_window .col-md-6 {
    float: left;
    width: 125px; }
  #info_window .right {
    float: right; }

.closeButton {
  margin-top: 13px;
  text-align: center;
  height: 100px; }

.fancybox-opened .fancybox-skin {
  background: transparent; }

div.fancybox-inner {
  height: auto !important; }