@charset "utf-8";
/* == underPage ============================================== */
/* ======
page-name #アトラクション
======*/
.p-attr-wrap {
  padding: 30px 0 100px;
}
/* --- p-attr-filter -------------------- */
.p-attr-filter .l-inner {
  max-width: 1020px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.p-attr-filter .filterBox {
  width: 100%;
  max-width: 754px;
  flex: 1;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  margin: 30px 0 0;
}
.p-attr-filter .filterBox__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  background: #0054a7;
  padding: 10px 20px;
}
.p-attr-filter .filterList {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 20px;
}
.p-attr-filter .filterList__item {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #0054a7;
  border: 2px solid #0054a7;
  border-radius: 999px;
  padding: 8px 32px;
  margin: 8px;
  cursor: pointer;
  transition: opacity 0.4s;
}
.p-attr-filter .filterList__item.is-active {
  color: #fff;
  background: #f70910;
  border-color: #f70910;
}
@media (hover: hover) {
  .p-attr-filter .filterList__item:hover {
    opacity: 0.6;
  }
  .p-attr-filter .filterList__item.is-active:hover {
    opacity: 1;
  }
}
.p-attr-filter .filterImg {
  width: 222px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
  transform: translateZ(0);
  margin: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .p-attr-filter .l-inner {
    display: block;
  }
  .p-attr-filter .filterImg {
    width: 100%;
    margin: 40px auto;
  }
  .p-attr-filter .filterImg img {
    width: 100%;
  }
}

/* --- p-attr-contents -------------------- */
.p-attr-contents {
  margin: 55px 0 0;
}
.p-attr-contents .l-inner {
  max-width: 1130px;
  background: #fff;
}

/* ======
page-name #お知らせ
======*/
/* --- p-infoDetail-contents -------------------- */
.p-infoDetail-contents {
  padding: 200px 0 180px;
}
.p-infoDetail-contents .entry {
  background: #fff;
  padding: 30px;
}
.p-infoDetail-contents .c-heading {
  margin: 0 0 40px;
}
.p-infoDetail-contents .entry__inner {
  border: 10px solid #0054a7;
}
.p-infoDetail-contents .entry__meta {
  display: flex;
}
.p-infoDetail-contents .entry__header {
  background: #0054a7;
  padding: 14px 14px 24px;
}
.p-infoDetail-contents .entry__date {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  font-weight: 600;
  margin: 0 0 10px;
}
.p-infoDetail-contents .entry__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #fff;
}
.p-infoDetail-contents .entry__contents {
  padding: 50px 40px;
}
@media screen and (max-width: 767px) {
  .p-infoDetail-contents {
    padding: 100px 0;
  }
  .p-infoDetail-contents .entry {
    padding: 0;
  }
  .p-infoDetail-contents .entry__title {
    font-size: 1.8rem;
  }
  .p-infoDetail-contents .entry__contents {
    padding: 20px 12px;
  }
}

/* ======
page-name #運行状況
======*/
/* --- p-statusDetail-contents -------------------- */
.p-statusDetail-contents {
  padding: 200px 0 180px;
}
.p-statusDetail-contents .c-heading {
  margin: 0 0 40px;
}
.p-statusDetail-contents .entry {
  background: #fff;
  padding: 30px;
}
.p-statusDetail-contents .entry__inner {
  border: 10px solid #0054a7;
}
.p-statusDetail-contents .entry__meta {
  display: flex;
}
.p-statusDetail-contents .entry__header {
  background: #0054a7;
  padding: 14px 14px 24px;
}
.p-statusDetail-contents .entry__date {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  font-weight: 600;
  margin: 0 0 10px;
}
.p-statusDetail-contents .entry__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #fff;
}
.p-statusDetail-contents .entry__contents {
  padding: 50px 40px;
}
@media screen and (max-width: 767px) {
  .p-statusDetail-contents {
    padding: 100px 0;
  }
  .p-statusDetail-contents .entry {
    padding: 0;
  }
  .p-statusDetail-contents .entry__title {
    font-size: 1.8rem;
  }
  .p-statusDetail-contents .entry__contents {
    padding: 20px 12px;
  }
}

/* ======
page-name #園内マップ
======*/
/* --- p-map-wrap -------------------- */
.p-map-wrap {
  padding: 200px 0 180px;
}
@media screen and (max-width: 767px) {
  .p-map-wrap {
    padding: 100px 0;
  }
}

/* --- p-map-contents -------------------- */
.p-map-contents {
  width: 90%;
  max-width: 1060px;
  background: #fff;
  padding: 50px 0;
  margin: 0 auto;
}
.p-map-contents .parkMapScroll {
  width: 100%;
  max-width: none;
  min-height: 0.01%;
  overflow: auto;
  overflow-y: hidden;
}
.p-map-contents .parkMap {
  width: 100%;
  margin: 30px auto 0;
  position: relative;
}
.p-map-contents .parkMap::before {
  content: '';
  display: block;
  width: 44.96%;
  height: 41.6%;
  background: url(../img/map/character01.png) no-repeat bottom center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.p-map-contents .parkMap__img {
  width: 100%;
}
.p-map-contents .parkMap__imgItem {
  width: 100%;
  padding: 84.17% 0 0;
  background: url(../img/map/map.png) no-repeat center;
  /* background: url(../img/map/__map.png) no-repeat center; */
  background-size: cover;
}
.p-map-contents .parkMap__pin {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-map-contents .parkMap__pin .pinList__item {
  width: 18px;
  position: absolute;
  cursor: pointer;
}
.pinList__item::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 1.2rem;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  z-index: 2;
}
@media (hover: hover) {
  .pinList__item:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-4px);
  }
}
.p-map-contents .parkMap__pin .pinList__item img {
  display: block;
}
.p-map-contents .pinList__item--1 {
  /* top: 398px; */
  /* left: 564px;  */
  top: 56.7%;
  left: 67.63%; 
}
.p-map-contents .pinList__item--2 { 
  /* top: 438px; */
  /* left: 622px; */
  top: 62.39%;
  left: 74.58%;
}
.p-map-contents .pinList__item--3 {
  /* top: 426px; */
  /* left: 680px; */
  top: 60.68%;
  left: 81.53%;
}
.p-map-contents .pinList__item--4 { 
  /* top: 374px; */
  /* left: 612px; */
  top: 53.28%;
  left: 73.38%;
}
.p-map-contents .pinList__item--5 {
  /* top: 360px; */
  /* left: 540px; */
  top: 51.28%;
  left: 64.75%;
}
.p-map-contents .pinList__item--6 {
  /* top: 342px; */
  /* left: 582px; */
  top: 48.72%;
  left: 69.78%;
}
.p-map-contents .pinList__item--7 { 
  /* top: 346px; */
  /* left: 488px; */
  top: 49.29%;
  left: 58.51%;
}
.p-map-contents .pinList__item--8 {
  /* top: 360px; */
  /* left: 432px; */
  top: 51.28%;
  left: 51.8%;
}
.p-map-contents .pinList__item--9 {
  /* top: 408px; */
  /* left: 392px; */
  top: 58.12%;
  left: 47%;
}
.p-map-contents .pinList__item--10 {
  /* top: 290px; */
  /* left: 378px; */
  top: 41.31%;
  left: 45.32%;
}
.p-map-contents .pinList__item--11 { 
  /* top: 200px; */
  /* left: 638px; */
  top: 28.49%;
  left: 76.5%;
}
.p-map-contents .pinList__item--12 {
  /* top: 206px; */
  /* left: 424px; */
  top: 29.34%;
  left: 50.84%;
}
.p-map-contents .pinList__item--13 { 
  /* top: 238px; */
  /* left: 376px; */
  top: 33.9%;
  left: 45.08%;
}
.p-map-contents .pinList__item--14 { 
  /* top: 260px; */
  /* left: 328px; */
  top: 37.04%;
  left: 39.33%;
}
.p-map-contents .pinList__item--15 {
  /* top: 222px; */
  /* left: 328px; */
  top: 31.62%;
  left: 39.33%;
}
.p-map-contents .pinList__item--16 {
  /* top: 302px; */
  /* left: 282px; */
  top: 43.02%;
  left: 33.81%;
}
.p-map-contents .pinList__item--17 {
  /* top: 78px; */
  /* left: 516px; */
  top: 11.11%;
  left: 61.87%;
}
.p-map-contents .pinList__item--18 {
  /* top: 156px; */
  /* left: 454px; */
  top: 22.22%;
  left: 54.44%;
}
.p-map-contents .pinList__item--19 {
  /* top: 102px; */
  /* left: 402px; */
  top: 14.53%;
  left: 48.2%;
}
.p-map-contents .pinList__item--20 {
  /* top: 86px; */
  /* left: 342px; */
  top: 12.25%;
  left: 41.01%;
}
.p-map-contents .pinList__item--21 {
  /* top: 102px; */
  /* left: 226px; */
  top: 14.53%;
  left: 27.1%;
}
.p-map-contents .pinList__item--22 {
  /* top: 222px; */
  /* left: 210px; */
  top: 31.62%;
  left: 25.18%;
}
.p-map-contents .pinList__item--23 {
  /* top: 270px; */
  /* left: 216px; */
  top: 38.46%;
  left: 25.9%;
}
.p-map-contents .pinList__item--24 {
  /* top: 170px; */
  /* left: 192px; */
  top: 24.22%;
  left: 23.02%;
}
.p-map-contents .pinList__item--25 {
  /* top: 310px; */
  /* left: 550px; */
  top: 44.16%;
  left: 65.95%;
}
.p-map-contents .pinList__item--26 {
  /* top: 190px; */
  /* left: 370px; */
  top: 27.07%;
  left: 44.36%;
}
.p-map-contents .pinList__item--a {
  /* top: 430px; */
  /* left: 468px; */
  top: 61.25%;
  left: 56.12%;
}
.p-map-contents .pinList__item--b {
  /* top: 392px; */
  /* left: 486px; */
  top: 55.84%;
  left: 58.27%;
}
.p-map-contents .pinList__item--c {
  /* top: 228px; */
  /* left: 410px; */
  top: 32.48%;
  left: 49.16%;
}
.p-map-contents .pinList__item--d {
  /* top: 148px; */
  /* left: 230px; */
  top: 21.08%;
  left: 27.58%;
}
.p-map-contents .pinList__item--e {
  /* top: 574px; */
  /* left: 498px; */
  top: 81.77%;
  left: 59.71%;
}
.p-map-contents .filterList {
  display: flex;
  flex-wrap: wrap;
  margin: 50px -15px 35px;
}
.p-map-contents .filterList__item {
  width: calc(100% / 3);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #f70910;
  text-align: center;
  padding: 8px 15px;
}
.p-map-contents .filterList__itemText {
  display: block;
  border: 2px solid #f70910;
  border-radius: 3px;
  background: #fff;
  padding: 10px;
  cursor: pointer;
  transition: color 0.4s, background-color 0.4s, opacity 0.4s;
}
@media (hover: hover) {
  .p-map-contents .filterList__itemText:hover {
    opacity: 0.7;
  }
}
.p-map-contents .filterList__item.is-active .filterList__itemText {
  color: #fff;
  background: #f70910;
}
.p-map-contents .areaCardList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.p-map-contents .areaCard {
  width: calc(100% / 3);
  padding: 15px;
}
.p-map-contents .areaCard__item {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.p-map-contents .areaCard__img {
  width: 32.56%;
}
.p-map-contents .areaCard__imgItem {
  width: 100%;
  position: relative;
  padding: 100% 0 0;
  border-radius: 4px;
  overflow: hidden;
}
.p-map-contents .areaCard__imgItem img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
  .p-map-contents .areaCard__imgItem img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
} 
.p-map-contents .areaCard__detail {
  flex: 1;
  padding: 0 0 0 12px;
}
.p-map-contents .areaCard__title {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.04em;
  margin: 0 0 8px;
  position: relative;
}
.p-map-contents .areaCard__titleIcon {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 1.2rem;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background: #f70910;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 0;
}
.p-map-contents .areaCard__titleIcon--box {
  border-radius: 3px;
  background: #019fe7;
}
.p-map-contents .areaCard__titleText {
  display: block;
}
.p-map-contents .areaCard__titleIcon + .areaCard__titleText {
  padding: 0 0 0 20px;
}
.p-map-contents .areaCard__desc {
  font-size: 1.2rem;
  line-height: 1.33;
}
@media screen and (max-width: 991px) {
  .p-map-contents .parkMap {
    width: 834px;
  }
  .p-map-contents .filterList__item,
  .p-map-contents .areaCard {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-map-contents .filterList__item,
  .p-map-contents .areaCard {
    width: 100%;
  }
}





/* ======
page-name #フードショップ・施設
======*/
/* --- p-foodshop-contents -------------------- */
.p-foodshop-contents {
  padding: 55px 0 180px;
}
.p-foodshop-contents .foodshopSet + .foodshopSet {
  margin: 100px 0 0;
}

/* ======
page-name #営業カレンダー
======*/
/* --- p-calendar-contents -------------------- */
.p-calendar-contents {
  padding: 200px 0 180px;
}
.p-calendar-contents .c-heading {
  margin: 0 0 40px;
}
.p-calendar-contents .calendar {
  width: 100%;
}
.p-calendar-contents .calendar iframe {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-calendar-contents {
    padding: 100px 0;
  }
}

/* ======
page-name #アクセス
======*/
/* --- p-access-contents -------------------- */
.p-access-contents {
  padding: 55px 0 180px;
}
.p-access-contents .accessSet + .accessSet {
  margin: 100px 0 0;
}
.p-access-contents .accessSet .textBox {
  line-height: 2;
  letter-spacing: 0.04em;
  margin: 0 0 30px;
}
.p-access-contents .accessDetail {
  display: flex;
  justify-content: space-between;
}
.p-access-contents .accessDetail__dl {
  display: flex;
  align-items: stretch;
  margin: 16px 0 0;
}
.p-access-contents .accessDetail__dt {
  width: 80px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #fff;
  background: #0054a7;
  border-radius: 3px;
  padding: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-access-contents .accessDetail__dd {
  width: calc(100% - 15px);
  line-height: 1.4;
  padding: 0 0 0 15px;
}
.p-access-contents .accessDetail__map {
  flex: 1;
  padding: 0 0 0 40px;
}
.p-access-contents .accessDetail__map iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.p-access-contents .accessList {
  margin: 15px 0 0;
}
.p-access-contents .accessList__item {
  padding: 0 0 0 12px;
  position: relative;
}
.p-access-contents .accessList__item::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background: #f70910;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-access-contents .accessDetail {
    display: block;
  }
  .p-access-contents .accessDetail__map {
    width: 100%;
    height: 380px;
    padding: 0;
    margin: 40px 0 0;
  }
}

/* ======
page-name #料金・チケット
======*/
/* --- p-ticket-contents -------------------- */
.p-ticket-contents {
  padding: 55px 0 180px;
}
.p-ticket-contents .ticketSet + .ticketSet {
  margin: 100px 0 0;
}
.p-ticket-contents .ticketSet .textBox {
  line-height: 2;
  letter-spacing: 0.04em;
  margin: 0 0 30px;
}
.p-ticket-contents .feeTable {
  table-layout: fixed;
  width: 100%;
  min-width: 600px;
}
.p-ticket-contents .feeTable tr,
.p-ticket-contents .feeTable th,
.p-ticket-contents .feeTable td {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  border: 1px solid #b3b3b3;
  background: #fff;
}
.p-ticket-contents .feeTable th {
  color: #fff;
  background: #0054a7;
  text-align: center;
  padding: 14px;
}
.p-ticket-contents .feeTable td {
  color: #0054a7;
  padding: 14px;
}
.p-ticket-contents .feeTable .feeTable__price {
  font-family: "M PLUS 1", sans-serif;
  font-weight: 600;
  color: #f70910;
  text-align: center;
}

/* ======
page-name #よくある質問
======*/
/* --- p-faq-anchor -------------------- */
.p-faq-anchor .anchorList {
  max-width: 784px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto 55px;
}
.p-faq-anchor .anchorList__item {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.04em;
  color: #f70910;
  margin: 8px 12px;
}
.p-faq-anchor .anchorList__item a {
  display: block;
  width: 100%;
  background: #fff;
  border: 2px solid #f70910;
  border-radius: 9999px;
  padding: 8px 28px;
  transition: background-color 0.4s, color 0.4s;
}
@media (hover: hover) {
  .p-faq-anchor .anchorList__item a:hover {
    background: #f70910;
    color: #fff;
  }
}

/* --- p-faq-contents -------------------- */
.p-faq-contents {
  padding: 0 0 180px;
}
.p-faq-contents .l-inner {
  max-width: 760px;
}
.p-faq-contents .faqSet + .faqSet {
  margin: 64px 0 0;
}
.p-faq-contents .faqTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.04em;
  color: #0054a7;
  margin: 0 0 12px;
} 

/* ======
page-name #団体プラン
======*/
/* --- p-xxx-xxx -------------------- */