:root {
  --txt-base: #000000;
  --border-base: #999999;
  --primary-blue: #001e60;
  --primary-white: #ffffff;
  --secondary-blue: #4c6c85;
  --secondary-green: #6ea200;
  --secondary-yellow: #dade1a;
}
.l-header__nav-item.--lounge a p {
  color: var(--secondary-yellow);
}
.p-lounge-head {
  padding: 2.5rem 0 6rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-head {
    padding: 10rem 0 9.5rem;
  }
}
.p-lounge-head__inner {
  display: grid;
  gap: 1rem 0;
}
@media screen and (min-width: 769px) {
  .p-lounge-head__inner {
    grid-template-columns: 34% 1fr;
    gap: 0 7rem;
  }
}
.p-lounge-head__logo {
  aspect-ratio: 426/152;
  width: 100%;
  height: auto;
}
.p-lounge-head__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-lounge-head__box {
  padding-top: 3rem;
}
.p-lounge-head__ttl {
  font-size: 2.5rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .p-lounge-head__ttl {
    font-size: 3.2rem;
  }
}
.p-lounge-head__txt {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-head__txt {
    font-size: 1.8rem;
    line-height: 2.2222222222;
    margin-top: 4rem;
  }
}
.p-lounge-slide {
  display: flex;
  gap: 0 1.6rem;
  align-items: center;
  animation: lounge-slider 60s linear infinite;
  width: fit-content;
}
.p-lounge-slide__item {
  display: flex;
  gap: 0 0.8rem;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-lounge-slide__item {
    gap: 0 1.6rem;
  }
}
.p-lounge-slide__item figure {
  aspect-ratio: 522/350;
  width: 20rem;
  height: auto;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-lounge-slide__item figure {
    width: 52.2rem;
  }
}
.p-lounge-slide__item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@keyframes lounge-slider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 0.8rem));
  }
}
.p-lounge-block {
  padding: 9rem 0 5rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block {
    padding: 18rem 0 9rem;
  }
}
.p-lounge-block__ttl {
  font-family: "Inter", sans-serif;
  font-size: 3.5rem;
  line-height: 1.2;
  color: var(--primary-blue);
  margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__ttl {
    font-size: 5.4rem;
    margin-bottom: 4rem;
  }
}
.p-lounge-block__coming {
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--secondary-blue);
  margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__coming {
    font-size: 3.2rem;
  }
}
.p-lounge-block__box {
  border: 1px solid var(--primary-blue);
  display: grid;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__box {
    grid-template-columns: 11% 1fr;
  }
}
.p-lounge-block__box:nth-of-type(n+2) {
  border-top: none;
}
.p-lounge-block__month {
  border-bottom: 1px solid var(--primary-blue);
  padding: 1rem 1rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__month {
    border-bottom: none;
    border-right: 1px solid var(--primary-blue);
  }
}
.p-lounge-block__month .month-ttl {
    color: var(--primary-blue);
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    height: 100%;
    position: relative;
}
.p-lounge-block__month .month-ttl .month-number {
  font-size: 3rem;
  line-height: 1;
}
.p-lounge-block__month .month-ttl .month-number.end {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__month .month-ttl {
    font-size: 4.2rem;
    line-height: 1.3;
  }
  .p-lounge-block__month .month-ttl .month-number {
    font-size: 4.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 2rem;
  }
  .p-lounge-block__month .month-ttl .month-number.end {
    font-size: 2.2rem;
  }
}
.p-lounge-block__month .month-ttl span {
  font-size: 0.4em;
}
.p-lounge-block__item + .p-lounge-block__item {
  border-top: 1px solid var(--primary-blue);
}
.p-lounge-block__link {
  position: relative;
  display: grid;
  grid-template-columns: 22% 1fr;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link {
    grid-template-columns: 14% 1fr;
  }
}
.p-lounge-block__link .link-day-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-day-box {
    gap: 0 1.5rem;
  }
}
.p-lounge-block__link .link-day-box::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 4rem);
  border-right: 1px dashed var(--primary-blue);
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  right: 0;
}
.p-lounge-block__link .link-day {
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: var(--primary-blue);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-day {
    font-size: 3.2rem;
  }
}
.p-lounge-block__link .link-day.--s {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-day.--s {
    font-size: 2.4rem;
  }
}
.p-lounge-block__link .link-day + .link-day::before {
  content: "-";
  display: block;
  font-size: 1.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  left: -0.9rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-day + .link-day::before {
    font-size: 2.4rem;
    left: -1.2rem;
  }
}
.p-lounge-block__link .link-day span {
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-day span {
    font-size: 1.4rem;
  }
}
.p-lounge-block__link .link-ttl-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.4rem 5rem 1.4rem 1.5rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-ttl-box {
    padding: 2rem 8rem 2.4rem 2.5rem;
  }
}
.p-lounge-block__link .link-ttl {
  position: relative;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-ttl {
    font-size: 1.6rem;
  }
}
.p-lounge-block__link .link-time {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.75;
  padding-left: 1.6rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-time {
    font-size: 1.5rem;
    padding-left: 2rem;
  }
}
.p-lounge-block__link .link-time::before {
  content: "";
  display: block;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M10.0085427,10.1775039l.4741109-.4741119-3.1570846-3.1577626V2.1162809h-.6511651v4.7272467l3.3341388,3.3339763ZM7.0026284,14c-.9637125,0-1.8698461-.182065-2.718391-.546098-.8485449-.3641309-1.5925-.8654956-2.2318558-1.5041891-.6393658-.6386945-1.1412354-1.3829752-1.5056091-2.2327443-.3645203-.8496033-.5467725-1.7574401-.5467725-2.7234615,0-.9661681.182057-1.8748158.5461572-2.7259425.3641099-.8509903.8655108-1.5927704,1.5041831-2.2253503.6386819-.6325799,1.3829109-1.1310623,2.2326765-1.4954375.8496287-.3645217,1.757452-.5467767,2.7234793-.5467767.9661642,0,1.8748086.1836811,2.7259221.5510451.8512309.367364,1.5916987.8659147,2.2213067,1.4956426.629608.6297377,1.1280401,1.3702968,1.4953925,2.221697.3672555.8512539.5508827,1.7609174.5508827,2.7289802,0,.9637267-.1820652,1.8698635-.5461945,2.718431-.3641294.8484995-.8620725,1.5924877-1.494025,2.2318659-.6318538.6393773-1.3738856,1.1412301-2.2258971,1.5055566-.8521102.3645212-1.7625124.5467817-2.7312549.5467817ZM7.0097488,13.3489017c1.7563775,0,3.2519656-.6207222,4.486958-1.8619718,1.2346999-1.2412487,1.8520988-2.7401637,1.8520988-4.4966854,0-1.7563754-.6173989-3.252018-1.8520988-4.4869279-1.2349924-1.2347634-2.7305805-1.852155-4.486958-1.852155-1.7565047,0-3.255394.6173916-4.496677,1.852155-1.2412732,1.2349099-1.8619149,2.7305525-1.8619149,4.4869279,0,1.7565216.6206416,3.2554366,1.8619149,4.4966854,1.241283,1.2412497,2.7401723,1.8619718,4.496677,1.8619718Z" /></svg>')
    no-repeat center/contain;
  aspect-ratio: 1/1;
  background-color: var(--txt-base);
  width: 1.2rem;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  left: 0;
}
.bnr-long {
  width: 100%;
  max-width: 640px;
  margin-top: 1.4rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-time::before {
    width: 1.4rem;
  }
}
.p-lounge-block__link .link-plus {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  border: 1px solid var(--primary-blue);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin-block: auto;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-plus {
    width: 4rem;
    height: 4rem;
    right: 2rem;
  }
}
.p-lounge-block__link .link-plus::before,
.p-lounge-block__link .link-plus::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: var(--primary-blue);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.p-lounge-block__link .link-plus::after {
  transform: rotate(90deg);
}
.p-lounge-block__link .link-new {
  font-size: 1.1rem;
  font-weight: 700;
  color: #c00;
  position: absolute;
  top: 0.5rem;
  right: -4rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-block__link .link-new {
    font-size: 1.3rem;
  }
}
.p-lounge-access {
  padding: 4rem 0 10rem;
}
@media screen and (min-width: 769px) {
  .p-lounge-access {
    padding: 8rem 0 16rem;
  }
}
@media screen and (min-width: 769px) {
  .p-lounge-access__inner {
    display: grid;
    grid-template-columns: 40% 1fr;
  }
}
.p-lounge-access__list {
  background-color: var(--primary-blue);
  padding: 3rem 3rem 4rem;
  display: grid;
  gap: 1rem 0;
}
@media screen and (min-width: 769px) {
  .p-lounge-access__list {
    padding: 6rem 5rem 7rem;
    gap: 1.5rem 0;
  }
}
.p-lounge-access__item {
  display: grid;
  grid-template-columns: 33% 1fr;
}
@media screen and (min-width: 769px) {
  .p-lounge-access__item {
    grid-template-columns: 26% 1fr;
  }
}
.p-lounge-access__item .item-ttl {
  color: var(--primary-white);
  font-weight: 500;
}
.p-lounge-access__item .item-txt {
  color: var(--primary-white);
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0 1.5rem;
}
.p-lounge-access__item .item-xxx {
  display: inline-block;
  width: 2.3rem;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"><path d="M714.1630249,519.2839966L1160.8900146,0h-105.8599854l-387.8930054,450.8869934L357.3280029,0H0l468.4920044,681.8209839L0,1226.3699951h105.8659973l409.6250305-476.1519775,327.1809692,476.1519775h357.3280029l-485.8629761-707.0859985h.026001ZM569.164978,687.8280029l-47.4679565-67.8939819L144.0110016,79.694397h162.6039886l304.7969971,435.9906006,47.4680176,67.8939819,396.1999512,566.7210693h-162.6039429l-323.3110352-462.4460449v-.026001Z" /></svg>')
    no-repeat center/contain;
  aspect-ratio: 1200/1227;
  background-color: var(--primary-white);
}
.p-lounge-access__map {
  position: relative;
  width: 100%;
  min-height: 30rem;
}
.p-lounge-access__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
