@charset "UTF-8";
/* =========================================================
floor
========================================================= */
/*------------------------------------------
sticky button
------------------------------------------*/
.floor-sticky {
  position: fixed;
  z-index: 1;
}
@media (max-width: 768px) {
  .floor-sticky {
    width: 136px;
    right: 16px;
    bottom: 16px;
  }
}
@media (min-width: 769px) {
  .floor-sticky {
    right: 24px;
    bottom: 24px;
  }
}
.floor-sticky button {
  gap: 8px;
}
@media (max-width: 768px) {
  .floor-sticky button {
    font-size: 11px;
  }
}
.floor-sticky button::before {
  content: "";
  width: 28px;
  height: 28px;
  -webkit-mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_search.svg) no-repeat center/contain;
          mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_search.svg) no-repeat center/contain;
}

/*------------------------------------------
map
------------------------------------------*/
@media (min-width: 769px) {
  .floor-map__img {
    width: 55.625vw;
    margin: 0 auto;
  }
}
.floor-map__img img {
  width: 100%;
}

/*------------------------------------------
list
------------------------------------------*/
@media (max-width: 768px) {
  .floor-list {
    margin: 32px auto 0;
  }
}
@media (min-width: 769px) {
  .floor-list {
    margin: 64px auto 0;
  }
}
.floor-list .c-btn02 {
  margin: 48px auto 0;
}
@media (max-width: 768px) {
  .floor-list__nav .c-nav01__item {
    flex: 1;
  }
}
@media (min-width: 769px) {
  .floor-list__nav .c-nav01__item {
    width: 134px;
  }
}
.floor-list__nav .c-nav01__item button {
  width: 100%;
  padding: 0 0 16px;
  text-align: center;
}
.floor-list__nav .c-nav01__item button.current {
  pointer-events: none;
}
@media (max-width: 768px) {
  .floor-list__nav + .floor-list__wrap {
    margin: 48px auto 0;
  }
}
@media (min-width: 769px) {
  .floor-list__nav + .floor-list__wrap {
    margin: 64px auto 0;
  }
}
.floor-list__wrap {
  max-width: 900px;
  margin: 0 auto;
}
.floor-list__block {
  display: none;
}
.floor-list__block.is-active {
  display: block;
}
.floor-list__box {
  border-bottom: 1px solid #CED1D8;
}
.floor-list__box a {
  display: block;
}
@media (max-width: 768px) {
  .floor-list__box a {
    min-height: 135px;
    padding: 0 0 16px;
  }
}
@media (min-width: 769px) {
  .floor-list__box a {
    min-height: 160px;
    padding: 0 0 40px;
  }
}
@media (hover: hover) {
  .floor-list__box a {
    transition: background 0.2s;
  }
  .floor-list__box a:hover {
    background: #F2F2F2;
  }
}
.floor-list__floor {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 9px;
  background: #000;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}
@media (max-width: 768px) {
  .floor-list__floor {
    font-size: 13px;
  }
}
@media (min-width: 769px) {
  .floor-list__floor {
    font-size: 15px;
  }
}
.floor-list__name {
  margin: 16px auto 0;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  position: relative;
}
.floor-list__name::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #6A6B6F;
  border-right: 2px solid #6A6B6F;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}
.floor-list__pict {
  margin: 24px auto 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .floor-list__pict {
    gap: 4px;
  }
}
@media (min-width: 769px) {
  .floor-list__pict {
    gap: 8px;
    padding: 0 40px 0 0;
  }
}
.floor-list__pict li {
  aspect-ratio: 1/1;
  width: 30px;
  border: 1px solid #000;
}
.floor-list__pict img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*------------------------------------------
restaurant & cafe
------------------------------------------*/
@media (max-width: 768px) {
  .floor-restaurant {
    margin: 64px auto 0;
  }
}
@media (min-width: 769px) {
  .floor-restaurant {
    margin: 104px auto 0;
  }
}
@media (max-width: 768px) {
  .floor-restaurant .c-ttl02 {
    margin: 0 auto 40px;
  }
}
@media (min-width: 769px) {
  .floor-restaurant .c-ttl02 {
    margin: 0 auto 48px;
  }
}
@media (max-width: 768px) {
  .floor-restaurant .c-btn01 {
    margin: 40px auto 0;
  }
}
@media (min-width: 769px) {
  .floor-restaurant .c-btn01 {
    margin: 56px auto 0;
  }
}

/*------------------------------------------
search
------------------------------------------*/
.floor-search .modal-block__wrap {
  padding: 80px 0 100px;
}
.floor-search .modal-block__close {
  position: absolute;
  bottom: 100%;
  right: 0;
}
@media (max-width: 768px) {
  .floor-search .modal-block__cont {
    width: calc(100% - 40px);
  }
}
.floor-search .c-box02 {
  position: relative;
  background: #fff;
}
@media (max-width: 768px) {
  .floor-search .c-box02 {
    padding: 32px 0;
  }
}
@media (min-width: 769px) {
  .floor-search .c-box02 {
    width: 712px;
    padding: 64px 0;
  }
}

/* =========================================================
floor detail
========================================================= */
body.page-floor-detail .telop-block,
body.page-floor-detail .c-hd-sub {
  display: none !important;
}
body.page-floor-detail .c-hd-page__logo {
  padding-top: 20px;
}
body.page-floor-detail .c-hd-page__logo a {
  top: 100%;
}

/*------------------------------------------
navigation
------------------------------------------*/
@media (min-width: 769px) {
  .floor-nav {
    padding-top: 64px;
  }
}
.floor-nav__select {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (min-width: 769px) {
  .floor-nav__select {
    margin: 0 auto;
  }
}
.floor-nav__select .dummy {
  display: flex;
  align-items: center;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  font-weight: 700;
}
@media (max-width: 768px) {
  .floor-nav__select .dummy {
    gap: 8px;
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .floor-nav__select .dummy {
    gap: 12px;
    font-size: 20px;
  }
}
.floor-nav__select .dummy::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #6A6B6F;
  border-bottom: 2px solid #6A6B6F;
  transform: rotate(45deg);
}
.floor-nav__select select {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .floor-nav__select + .c-nav02 {
    margin: 20px 0 0;
  }
}
@media (min-width: 769px) {
  .floor-nav__select + .c-nav02 {
    margin: 32px auto 0;
  }
}
.floor-nav .c-nav02 {
  width: calc(100% - 44px);
  overflow: auto;
  position: relative;
}
@media (max-width: 768px) {
  .floor-nav .c-nav02__list {
    flex-wrap: nowrap;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .floor-nav .c-nav02__item a {
    width: 48px;
    height: 48px;
    font-size: 12px;
  }
}

/*------------------------------------------
shop
------------------------------------------*/
@media (max-width: 768px) {
  .floor-shop {
    margin: 20px auto 0;
    padding: 0;
    border-top: 1px solid #CED1D8;
  }
}
@media (min-width: 769px) {
  .floor-shop {
    margin: 86px auto 0;
    padding-bottom: 80px;
  }
}
@media (min-width: 769px) {
  .floor-shop .sec-in {
    display: grid;
    grid-template-columns: clamp(10px, 48.203125vw, 617px) 1fr;
    gap: 48px;
  }
}
.floor-shop__map {
  background: #F2F2F2;
}
@media (min-width: 769px) {
  .floor-shop__map {
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 0 clamp(10px, 5.46875vw, 70px);
    position: sticky;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .floor-shop__map {
    top: 80px;
    left: clamp(10px, 4.6875vw, 60px);
  }
}
@media (min-width: 1025px) {
  .floor-shop__map {
    top: 40px;
    left: 163px;
  }
}
.floor-shop-map__head {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  font-weight: 700;
}
@media (max-width: 768px) {
  .floor-shop-map__head {
    padding: 20px 20px 0;
  }
}
@media (min-width: 769px) {
  .floor-shop-map__head {
    padding: 32px 32px 0;
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
.floor-shop-map__yakata {
  margin: 0 auto 12px;
  font-size: 14px;
  letter-spacing: 0.04em;
}
@media (min-width: 769px) {
  .floor-shop-map__yakata {
    display: none;
  }
}
.floor-shop-map__floor {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .floor-shop-map__floor {
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  .floor-shop-map__floor {
    font-size: 28px;
  }
}
.floor-shop-map__name {
  flex: 1;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .floor-shop-map__name {
    margin: 5px auto 0;
    font-size: 10px;
  }
}
@media (min-width: 769px) {
  .floor-shop-map__name {
    font-size: 15px;
  }
}
.floor-shop-map__img {
  position: relative;
}
.floor-shop-map__zoom {
  position: absolute;
}
@media (max-width: 768px) {
  .floor-shop-map__zoom {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 769px) {
  .floor-shop-map__zoom {
    right: 16px;
    bottom: 57px;
  }
}
.floor-shop-map__zoom button {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #CED1D8;
  border-radius: 50%;
  background: #fff url(https://cn.kichijoji.parco.jp/assets/images/common/ico_zoom.svg) no-repeat center/19px;
}
@media (max-width: 768px) {
  .floor-shop__wrap {
    overflow: auto;
    padding: 0 0 100px;
  }
}
@media (min-width: 769px) {
  .floor-shop__wrap {
    height: auto !important;
    top: auto !important;
  }
}
.floor-shop__wrap .c-pager {
  width: 100%;
  margin: 32px auto 0;
}
@media (min-width: 769px) {
  .floor-shop__list {
    padding: 0 !important;
  }
}
@media (max-width: 768px) {
  .floor-shop-block .floor-shop__map {
    display: none;
  }
}
@media (min-width: 769px) {
  .floor-shop-block .floor-shop__map {
    display: none !important;
  }
}
.floor-shop-block__front {
  position: relative;
}
@media (max-width: 768px) {
  .floor-shop-block__front {
    padding: 0 20px;
  }
}
.floor-shop-block a {
  display: block;
  position: relative;
  border-bottom: 1px solid #CED1D8;
}
@media (max-width: 768px) {
  .floor-shop-block a {
    padding: 20px 75px 20px 20px;
  }
}
@media (min-width: 769px) {
  .floor-shop-block a {
    padding: 20px 48px 20px 58px;
  }
}
.floor-shop-block__ico {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  .floor-shop-block__ico {
    font-size: 14px;
    top: 24px;
  }
}
@media (min-width: 769px) {
  .floor-shop-block__ico {
    color: #CED1D8;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    top: 20px;
  }
}
.floor-shop-block__ico::before {
  width: 13px;
  height: 18px;
  background: #CED1D8;
  -webkit-mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_pin.svg) no-repeat center/contain;
          mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_pin.svg) no-repeat center/contain;
}
@media (min-width: 769px) {
  .floor-shop-block__ico::before {
    content: "";
  }
}
@media (max-width: 768px) {
  .floor-shop-block__ico::after {
    content: ".";
    display: inline;
  }
}
.floor-shop-block__name {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 768px) {
  .floor-shop-block__name {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .floor-shop-block__name {
    font-size: 15px;
  }
}
.floor-shop-block__ctg {
  margin: 13px auto 0;
  padding: 0 0 0 1em;
  color: #6A6B6F;
  line-height: 1.5;
  position: relative;
}
@media (max-width: 768px) {
  .floor-shop-block__ctg {
    font-size: 10px;
  }
}
@media (min-width: 769px) {
  .floor-shop-block__ctg {
    font-size: 11px;
  }
}
.floor-shop-block__ctg::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.floor-shop-block__btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.floor-shop-block__btn button {
  width: 64px;
  height: 31px;
  border: 1px solid #1E1E1F;
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.floor-shop-block__btn button::before {
  content: "";
  width: 9px;
  height: 13px;
  background: #1E1E1F;
  -webkit-mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_pin.svg) no-repeat center/contain;
          mask: url(https://cn.kichijoji.parco.jp/assets/images/common/ico_pin.svg) no-repeat center/contain;
}
.floor-shop-block__btn button.is-open::before {
  background: #CB0000;
}
@media (hover: hover) {
  .floor-shop-block a:hover .floor-shop-block__ico {
    color: #CB0000;
  }
  .floor-shop-block a:hover .floor-shop-block__ico::before {
    background: #CB0000;
  }
}
@media (max-width: 768px) {
  .floor-shop-block:first-child .floor-shop__map {
    display: block;
  }
}

@media (max-width: 768px) {
  .floor-zoom .modal-block__wrap {
    width: 300vw;
    background: #fff;
  }
}
@media (max-width: 768px) {
  .floor-zoom .modal-block__close {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
  }
}
@media (min-width: 769px) {
  .floor-zoom .modal-block__close {
    position: absolute;
    bottom: 100%;
    right: 0;
  }
}
@media (max-width: 768px) {
  .floor-zoom .floor-zoom__map {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .floor-zoom .floor-zoom__map {
    width: clamp(10px, 76.5625vw, 980px);
    background: #fff;
  }
}
.floor-zoom .floor-zoom__map img {
  width: 100%;
}
/*# sourceMappingURL=../css/maps/floor.css.map */