@charset "utf-8";
@import "style.css";

/*========================================================================================================================


  ◇◆◇ 館内ガイド ◇◆◇
  
  
========================================================================================================================*/

/*----------------------------------------------------------------------------------------------------

  side nav
  
----------------------------------------------------------------------------------------------------*/

.or-spNav { display:none; }

@media screen and (max-width:640px) {
  .ct-side { display:none; }
  .or-spNav { display:inherit; text-align:left; }
}


/*----------------------------------------------------------------------------------------------------

  フロア詳細
  
----------------------------------------------------------------------------------------------------*/

.floordetail {
  position:relative;
  background:#fff;
  padding:1em;
  padding:1rem;
  width:auto;
  max-width:600px;
  margin:20px auto;
}

.floordetail p {
  padding-top:0.75em;
  padding-top:0.75rem;
}


/*----------------------------------------------------------------------------------------------------

  photo
  
----------------------------------------------------------------------------------------------------*/

#photogr-warp {
  background-color:#eee;
}

#photogr {
  width:1112px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
}

#photogrSlide {
  list-style:none;
  overflow:hidden;
}

#photogrSlide li {
  width:266px;
  float:left;
  text-align:center;
  margin:0 6px;
  position:relative;
}

#photogrSlide li a {
  display:block;
  position:relative;
  overflow:hidden;
  background-color:#fff;
}

#photogrSlide li a,
#photogrSlide li a:visited { color:#0d579a; text-decoration:underline; }
#photogrSlide li a:hover { color:#148cc8; text-decoration:none; }

#photogrSlide li .txt {
  display:block;
  background-color:#eee;
  position:relative;
  padding-top:0.5em;
  box-sizing:border-box;
  text-align:left;
}

#photogrSlide li .photo {
  -webkit-transition:transform ease 0.5s, opacity 0.3s ease;
  -moz-transition:transform ease 0.5s, opacity 0.3s ease;
  -ms-transition:transform ease 0.5s, opacity 0.3s ease;
  -o-transition:transform ease 0.5s, opacity 0.3s ease;
  transition:transform ease 0.5s, opacity 0.3s ease;
}

@media screen and (min-width:641px) {
  #photogrSlide li a:hover .photo {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1) rotate(0.1deg);
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
  }
}

.preload #photogrSlide li .photo {
  -webkit-transition:none;
  -moz-transition:none;
  -ms-transition:none;
  -o-transition:none;
  transition:none;
}

@media screen and (max-width:640px) {
  #photogr-warp {
    overflow:hidden;
  }
  
  #photogr { width:100%; }

  #photogrSlide-warp {
    width:100%;
  }
  
  #photogrSlide {
    padding-right:1rem;
    font-size:88%;
  }
  
  #photogrSlide li {
    width:25%;
    margin:0 0;
    padding-left:1rem;
  }
}


/*-----------------------------------------------------------------------------------
  arrow
-----------------------------------------------------------------------------------*/

.photogrSlide__arrow .slick-prev:before,
.photogrSlide__arrow .slick-next:before {
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  border-right:1px solid #0d579a;
  border-bottom:1px solid #0d579a;
}

.photogrSlide__arrow .slick-next:before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-right:6px; }
.photogrSlide__arrow .slick-prev:before { -webkit-transform:rotate(135deg); transform:rotate(135deg); margin-left:6px; }

.lte-ie8 .photogrSlide__arrow .slick-prev:before,
.lte-ie8 .photogrSlide__arrow .slick-next:before { display:none; }

.photogrSlide__arrow .slick-prev,
.photogrSlide__arrow .slick-next {
  overflow:hidden;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-block;
  box-sizing:border-box;
  border:none;
  margin:0;
  outline:none;
  text-align:center;
  text-decoration:none;
  font-size:inherit;

  position:absolute;
  top:50%;
  margin-top:-36px;
  font-size:0;
  color:#fff;
  display:inline-block;
  width:44px;
  height:44px;
  z-index:9;
  border-radius:44px;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#fff;
  -webkit-transition:background ease 0.2s;
  -moz-transition:background ease 0.2s;
  -ms-transition:background ease 0.2s;
  -o-transition:background ease 0.2s;
  transition:background ease 0.2s;
  text-align:center;
}

.photogrSlide__arrow .slick-prev { left:-55px; }
.photogrSlide__arrow .slick-next { right:-55px; }

.lte-ie8 .photogrSlide__arrow .slick-prev { background-image:url(../image/icon/prev-blue_m.png?v=1); }
.lte-ie8 .photogrSlide__arrow .slick-next { background-image:url(../image/icon/next-blue_m.png?v=1); }
.lte-ie8 .photogrSlide__arrow .slick-prev:hover { background-image:url(../image/icon/prev-white_m.png?v=1); }
.lte-ie8 .photogrSlide__arrow .slick-next:hover { background-image:url(../image/icon/next-white_m.png?v=1); }

.lte-ie8 .photogrSlide__arrow .slick-prev:hover,
.lte-ie8 .photogrSlide__arrow .slick-next:hover {
  background-color:#0a3764;
}
  
@media screen and (min-width:641px) {
  .photogrSlide__arrow .slick-prev:hover:before,
  .photogrSlide__arrow .slick-next:hover:before {
    border-color:#fff;
  }
  
  .photogrSlide__arrow .slick-prev:hover,
  .photogrSlide__arrow .slick-next:hover {
    background-color:#0a3764;
  }
}

@media screen and (max-width:640px) {
  .photogrSlide__arrow .slick-prev,
  .photogrSlide__arrow .slick-next {
    margin-top:-40px;
    border-radius:0;
  }
  
  .photogrSlide__arrow .slick-prev { left:0; }
  .photogrSlide__arrow .slick-next { right:0; }
}