@charset "utf-8";

/* ------------------------------------------------------
* Elements List

/* fix-nav
----- */
.fix-nav {
  bottom: 0;
  transform: translateY(0);
  width: 100%;
  border-radius: 0;
  z-index: 9999;
}

.fix-nav__link {
  border-radius: 0;
  justify-content: center;
  padding: 16px 10px 16px 18px;
  border: 2px solid #fff;
}

.fix-nav__link::after {
  position: absolute;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

/* ----- common ----- */
.pc_cont {
  display: none;
}

.sp_cont {
  display: block;
}

#contents__wrapper {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

/* content__title 
----- */
.content__title {
  margin-bottom: min(30px, calc(30 / 375 * 100%));
}

.content__head {
  position: relative;
  background: var(--white-color); 
}

.content__head::before {
  background: linear-gradient(to top, rgba(238, 130, 182, 0.3) 0%, transparent 60%);
}

.content__head::after {
  background: linear-gradient(to top, rgba(116, 201, 163, 0.3) 0%, transparent 60%);
}

/* tab
----- */
.tab__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  
  gap: calc(13 / 375 * 100%);
  justify-content: center;
  overflow: hidden;
}

.tab__item {
  width: calc(166 / 375 * 100%);
  padding-block: min(13px, calc(13 / 166 * 100%));
  padding-inline: 0;
}

.tab__panel {
  display: none;
  padding: min(30px, calc(30 / 375 * 100%)) 0;
}

/* floor
----- */
.floor-tab__list {
  position: relative;
  display: flex;
  column-gap: calc(16 / 375 * 100%);
  row-gap: 10px;
  width: 92%;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: auto;
  margin-block-end: min(30px ,calc( 30 / 960 * 100% ));
}

.floor-tab__title {
  width: calc(345 / 375 * 100%);
}

.floor-tab__map {
  display: block;
  width: 92%;
  max-width: 670px;
  margin-inline: auto;
  margin-block-start: min(10px, calc(10 / 375 * 100%));
}

.floor-tab__item {
  width: 55px;
  height: 55px;
  padding-block: min(11px, calc(11 / 60 * 100%)) min(13px, calc(13 / 60 * 100%));
  padding-inline: min(5px, calc(5 / 60 * 100%));
  word-break: keep-all;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  line-height: calc(32 / 22);
}

/* shop list
----- */
.floor-tab__shop-list {
  grid-template-columns: repeat(2, 1fr);
  margin: min(40px, calc(40 / 375 * 100%)) 0 0;
}

.floor-tab__shop-item:nth-of-type(n+3) {
  border-top: none;
}