@charset "UTF-8";
/**
 * ラパーク岸和田ラパーク岸和田固定ページ用CSS
 * Created on: 2023.06.13
 */
/*==========================================================================
Break Point
============================================================================*/
/*==========================================================================
Font
============================================================================*/
/*==========================================================================
Color
カラーコード変換 https://tech-unlimited.com/color.html
============================================================================*/
/*==========================================================================
box shadow
box-shadowジェネレータ https://www.bad-company.jp/box-shadow
==========================================================================*/
/*==========================================================================
Line Height
==========================================================================*/
/*==========================================================================
Font size
==========================================================================*/
/*==========================================================================
Font size
==========================================================================*/
/*==========================================================================
Easing
Easingの動きが一覧でわかるチートシート https://easings.net/ja
Easingジェネレーター https://easings.co/
==========================================================================*/
/*--------------------------------------------------------
フロアガイド
--------------------------------------------------------*/
#floor {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

.map_bg {
  background: #F3F1EF;
  text-align: center;
  overflow: hidden;
  margin-top: 80px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .map_bg {
    width: 100vw;
    margin-left: -4%;
    margin-top: 20px;
  }
}

.floor_btn_container {
  width: 92%;
  max-width: 656px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .floor_btn_container {
    flex-wrap: wrap;
    margin-bottom: 25px;
    justify-content: center;
  }
}
.floor_btn_container .floor_btn {
  width: 48%;
  border: 1px solid rgba(51, 51, 51, 0.5);
  border-radius: 5px;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .floor_btn_container .floor_btn {
    width: 77.3%;
  }
}
@media screen and (max-width: 768px) {
  .floor_btn_container .floor_btn:first-child {
    margin-bottom: 10px;
  }
}
.floor_btn_container .floor_btn a {
  text-align: center;
  display: block;
  padding: 15px 0;
  font-size: 2rem;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .floor_btn_container .floor_btn a {
    padding: 10px 0;
    font-size: 1.6rem;
  }
}
.floor_btn_container .floor_btn.active {
  background: #00A9AC;
  border: none;
  opacity: 1;
}
.floor_btn_container .floor_btn.active a {
  color: #fff;
}

.floor_selector {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.floor_selector::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}

.floor_selector select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 230px;
  width: 100%;
  padding: 30px 60px;
  font-size: 1.4rem;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  cursor: pointer;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .floor_selector select {
    padding: 25px;
  }
}

#map {
  width: 100%;
  background: #F6F3F0;
  font-size: 0;
  margin: 50px auto 45px;
  position: relative;
}

#draggable {
  max-width: 870px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #draggable {
    width: 87%;
  }
}

.shop_map .map_inner .pin {
  display: block !important;
}
.shop_map .map_inner_02 .pin {
  display: block !important;
}

.map_inner {
  position: relative;
}
.map_inner .pin {
  position: absolute;
  width: 3.5%;
  display: none;
}
.map_inner #pin1 {
  top: 1%;
  left: 45.5%;
}
.map_inner #pin2 {
  top: 15%;
  left: 38.5%;
}
.map_inner #pin3 {
  top: 25%;
  left: 37.5%;
}
.map_inner #pin4 {
  top: 10%;
  left: 53%;
}
.map_inner #pin5 {
  top: 83%;
  left: 46.5%;
}
.map_inner #pin6 {
  top: 7%;
  left: 34%;
}
.map_inner #pin7 {
  top: 73%;
  left: 46.5%;
}
.map_inner #pin8 {
  top: 80.5%;
  left: 26%;
}
.map_inner #pin9 {
  top: 66%;
  left: 26%;
}
.map_inner #pin10 {
  top: 9%;
  left: 34%;
}
.map_inner #pin11 {
  top: 86%;
  left: 26%;
}
.map_inner #pin12 {
  top: 0%;
  left: 38.3%;
}
.map_inner #pin13 {
  top: 5%;
  left: 76.5%;
}
.map_inner #pin14 {
  top: 5%;
  left: 71.5%;
}
.map_inner #pin15 {
  top: 24%;
  left: 64%;
}
.map_inner #pin16 {
  top: 23%;
  left: 46%;
}
.map_inner #pin17 {
  top: 14.5%;
  left: 80.5%;
}
.map_inner #pin18 {
  top: 24%;
  left: 53%;
}
.map_inner #pin19 {
  top: 1%;
  left: 62.5%;
}
.map_inner #pin20 {
  top: 23%;
  left: 73%;
}
.map_inner #pin21 {
  top: 23.5%;
  left: 77.5%;
}
.map_inner #pin22 {
  top: 15%;
  left: 74.5%;
}
.map_inner #pin23 {
  top: 23%;
  left: 86.5%;
}
.map_inner #pin24 {
  top: 3%;
  left: 53%;
}
.map_inner #pin25 {
  top: 23%;
  left: 81.5%;
}
.map_inner #pin26 {
  top: 82%;
  left: 36.6%;
}
.map_inner #pin27 {
  top: 3%;
  left: 50.5%;
}
.map_inner #pin28 {
  top: 78%;
  left: 36.5%;
}
.map_inner #pin29 {
  top: 70%;
  left: 26.5%;
}
.map_inner #pin30 {
  top: 75%;
  left: 11%;
}
.map_inner #pin31 {
  top: 76%;
  left: 65%;
}
.map_inner #pin32 {
  top: 50%;
  left: 50%;
}
.map_inner #pin33 {
  top: 41%;
  left: 9%;
}
.map_inner #pin34 {
  top: 52%;
  left: 54%;
}
.map_inner #pin35 {
  top: 47%;
  left: 22.5%;
}
.map_inner #pin36 {
  top: 60%;
  left: 20%;
}
.map_inner #pin37 {
  top: 33%;
  left: 36.5%;
}
.map_inner #pin38 {
  top: 33%;
  left: 77%;
}
.map_inner #pin39 {
  top: 27%;
  left: 30%;
}
.map_inner #pin40 {
  top: 30.5%;
  left: 68.5%;
}
.map_inner #pin41 {
  top: 61%;
  left: 24.3%;
}
.map_inner #pin42 {
  top: 33%;
  left: 47.5%;
}
.map_inner #pin43 {
  top: 24%;
  left: 26%;
}
.map_inner #pin44 {
  top: 53%;
  left: 24.5%;
}
.map_inner #pin45 {
  top: 34.5%;
  left: 54%;
}
.map_inner #pin46 {
  top: 32%;
  left: 60%;
}
.map_inner #pin47 {
  top: 56%;
  left: 27%;
}
.map_inner #pin48 {
  top: 65.8%;
  left: 45.5%;
}
.map_inner #pin49 {
  top: 18.5%;
  left: 21%;
}
.map_inner #pin50 {
  top: 34.5%;
  left: 67.5%;
}
.map_inner #pin51 {
  top: -1.5%;
  left: 79.5%;
}
.map_inner #pin52 {
  top: 16.5%;
  left: 28.7%;
}
.map_inner #pin53 {
  top: 3.3%;
  left: 33.1%;
}

.map_inner_02 {
  position: relative;
}
.map_inner_02 .pin {
  position: absolute;
  width: 3.5%;
  display: none;
}
.map_inner_02 #pin1 {
  top: 20%;
  left: 43.5%;
}
.map_inner_02 #pin2 {
  top: 9%;
  left: 51.2%;
}
.map_inner_02 #pin3 {
  top: 10%;
  left: 40.5%;
}
.map_inner_02 #pin4 {
  top: 58%;
  left: 17%;
}
.map_inner_02 #pin5 {
  top: 5.5%;
  left: 78%;
}
.map_inner_02 #pin6 {
  top: 42%;
  left: 9.3%;
}
.map_inner_02 #pin7 {
  top: 19.5%;
  left: 55.5%;
}
.map_inner_02 #pin8 {
  top: 61.5%;
  left: 47%;
}
.map_inner_02 #pin9 {
  top: 77%;
  left: 15%;
}
.map_inner_02 #pin10 {
  top: 20%;
  left: 69.5%;
}
.map_inner_02 #pin11 {
  top: 50%;
  left: 46%;
}
.map_inner_02 #pin12 {
  top: 25%;
  left: 9.3%;
}
.map_inner_02 #pin13 {
  top: 15%;
  left: 6.5%;
}
.map_inner_02 #pin14 {
  top: 31%;
  left: 45.5%;
}
.map_inner_02 #pin15 {
  top: 13.3%;
  left: 76.1%;
}
.map_inner_02 #pin16 {
  top: 11%;
  left: 79%;
}
.map_inner_02 #pin17 {
  top: 14.5%;
  left: 25.89%;
}
.map_inner_02 #pin18 {
  top: 14.5%;
  left: 21%;
}
.map_inner_02 #pin19 {
  top: 20%;
  left: 87%;
}
.map_inner_02 #pin20 {
  top: 23%;
  left: 73%;
}
.map_inner_02 #pin21 {
  top: 14%;
  left: 30.9%;
}

/* 拡大縮小ボタン */
.zoom_btn {
  position: absolute;
  bottom: 0;
  right: 2%;
  z-index: 1;
}

.zoom_btn button {
  display: block;
  border: none;
  background: none;
  max-width: 48px;
  padding: 0;
}

.zoom_btn button:not(:last-child) {
  margin-bottom: 10px;
}

.zoom_btn button:hover {
  cursor: pointer;
}

.news_hanrei {
  width: 92%;
  max-width: 943px;
}
@media screen and (max-width: 768px) {
  .news_hanrei {
    margin: 0 auto 0px 0;
    width: 92%;
    max-width: 320px;
  }
}

.icon_hanrei {
  margin-top: 5px;
  text-align: right;
}
.icon_hanrei a {
  display: inline-block;
  margin-left: auto;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: underline;
  color: #666666;
}

.caution {
  font-size: 1.4rem;
  font-weight: 500;
  color: #666666;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .caution {
    font-size: 1.2rem;
    margin: 8px 0 30px;
  }
}

svg a {
  transition: all 0.5s ease;
}
svg a:hover {
  opacity: 0.8;
}
/*# sourceMappingURL=floor.css.map */