@charset "UTF-8";
/*--------------------------------------------------------------
>>> 全体で共通するパーツのスタイル
---------------------------------------------------------------- 
#  全体 - common
	- fonts
	- Utility
	- layout

# 緊急お知らせ
# header
	- hum menu
# footer
--------------------------------------------------------------*/
header#masthead {
  position: relative;
}

.l-primary,
#primary {
  padding-top: 0;
}

.bread {
  font-size: 0.75rem;
  padding: 0.5rem 0;
  background: transparent;
}
.bread .content-width > span {
  position: relative;
  padding-right: 1rem;
}
.bread .content-width > span:not(:nth-child(1))::after {
  position: absolute;
  top: 3px;
  left: -11px;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #3d523b;
  border-right: 1px solid #3d523b;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .bread {
    font-size: 0.625rem;
    line-height: 1.2;
  }
}
.tax-parkguide .bread .content-width span:nth-child(2),
.js-display__none {
  display: none;
}

/* =====================================================
  全体 - common
===================================================== */
a:focus,
*:focus {
  outline: none;
}

a {
  transition: opacity 0.2s ease-out;
}

.entry-title {
  font-size: 2rem;
  margin-bottom: 3rem;
}

.entry-cat__link:not(.coupon) span {
  color: #fff;
}

.entry-cat__term {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.c-table-general {
  overflow: auto;
}
.c-table-general table {
  width: 100%;
  border-top: 1px solid #c1cccc;
}
.c-table-general tr td,
.c-table-general tr th {
  line-height: 1.6;
  padding: 1.25rem;
  border-bottom: 1px solid #c1cccc;
  background-color: #fff;
}
.c-table-general tr > td:first-child {
  position: relative;
  background-color: #f7f7ea;
  padding-right: 1rem;
}
.c-table-general tr > td:first-child::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  width: 100%;
  height: calc(100% - 6px);
}
.c-table-general tr > td:not(:first-child) {
  position: relative;
  padding-left: 2.625rem;
  word-break: keep-all;
}
.c-table-general tr > td:not(:first-child)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  width: 100%;
  height: calc(100% - 6px);
}

@media (max-width: 767px) {
  .c-table-general {
    font-size: 0.8rem;
  }
  .c-table-general tr td,
  .c-table-general tr th {
    padding: 13px;
  }
}
@media (max-width: 767px) {
  .c-table-general tr > td:first-child {
    vertical-align: middle;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 30%;
  }
}
@media (max-width: 767px) {
  .c-table-general tr > td:not(:first-child) {
    padding: 1rem 10px;
  }
}
.c-cmsbtn {
  max-width: 250px;
  margin: auto;
  text-align: center;
}

.c-cmsbtn__link {
  display: block;
  font-size: 0.875rem;
  color: #0c6e00;
  border: 1px solid #0c6e00;
  border-radius: 35px;
  padding: 0.76rem 0;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.c-cmsbtn__link:hover .c-cmsbtn__icon::before {
  left: -2rem;
}

.c-cmsbtn__icon {
  position: relative;
}
.c-cmsbtn__icon::before {
  position: absolute;
  top: calc(50% - 3px);
  left: -1.5rem;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #0c6e00;
  border-right: 1px solid #0c6e00;
  transform: rotate(225deg);
  transition: all 0.2s ease-out;
}

.c-cmsbtn.-noicon .c-cmsbtn__link {
  padding-left: 0;
  padding: 0.5rem;
}

.c-sns-list {
  max-width: 142px;
  margin: auto;
}

/*
  fonts
-----------------------------------------------------*/
body {
  font-family: "Montserrat", "Zen Kaku Gothic New", sans-serif;
  color: #1f2e1d;
}
body.is-scrollNone {
  overflow: hidden;
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overscroll-behavior: none;
}
@media (min-width: 768px) {
  body.is-scrollNone #js-hummenu__open {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  body.is-scrollNone #js-hummenu__close {
    display: none;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }
}
.c-font__green {
  color: #0c6e00;
}

.c-font__jp {
  font-family: "Montserrat", "Zen Kaku Gothic New", sans-serif;
}

.c-font__en {
  font-family: "Montserrat", sans-serif;
}

.c-font__cursive {
  font-family: "Charmonman", cursive;
  letter-spacing: 0 !important;
}

.c-underline-wave {
  position: relative;
}
.c-underline-wave::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: inline-block;
  background: url(../img/u-underline-wave.png) repeat-x bottom left/auto 8px;
  width: 100%;
  height: 8px;
}

@media (max-width: 767px) {
  .c-underline-wave::before {
    background: url(../img/u-underline-wave.png) repeat-x bottom left/auto 4px;
    width: 100%;
    height: 4px;
  }
}
/*
  Utility
-----------------------------------------------------*/
.u-weight_500 {
  font-weight: 500;
}
.u-weight_bold {
  font-weight: bold;
}

.u-display_none {
  display: none !important;
}

.u-dib {
  display: inline-block;
}

.u-filed-opentime {
  background-color: #f5f4e9;
  padding: 1rem 0;
  border-radius: 8px;
  color: #1f2e1d;
  text-align: center;
}

.u-filed-opentime__title {
  font-weight: 500;
  position: relative;
  margin-bottom: 1.5rem;
}
.u-filed-opentime__title::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -0.75rem;
  content: "";
  width: 56px;
  height: 1px;
  background-color: #00a070;
}

@media (max-width: 767px) {
  .u-filed-opentime__title {
    margin-bottom: 0;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .u-filed-opentime__title::after {
    display: none;
  }
}
.u-filed-opentime__time {
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.u-filed-opentime__lastin {
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

/*
  layout
-----------------------------------------------------*/
.l-2col {
  margin: auto;
  width: 90%;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .l-2col {
    flex-wrap: wrap;
  }
}
.l-2col__contents {
  max-width: 672px;
  width: 70%;
}

@media (max-width: 767px) {
  .l-2col__contents {
    width: 100%;
  }
}
.l-2col__sidebar {
  width: 26%;
  max-width: 232px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .l-2col__sidebar {
    width: 100%;
    max-width: 100%;
    margin-top: 3rem;
  }
}
.wid1024 {
  max-width: 1088px;
  padding-right: 32px;
  padding-left: 32px;
  margin: auto;
  box-sizing: border-box;
}

@media (max-width: 520px) {
  .wid1024 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.wid848 {
  max-width: 912px;
  padding-right: 32px;
  padding-left: 32px;
  margin: auto;
  box-sizing: border-box;
}

@media (max-width: 520px) {
  .wid848 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.wid672 {
  max-width: 736px;
  padding-right: 32px;
  padding-left: 32px;
  margin: auto;
  box-sizing: border-box;
}

@media (max-width: 520px) {
  .wid672 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
/*
  緊急お知らせ
-----------------------------------------------------*/
.emergency-news {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #869885;
  color: #fff;
  padding: 1.75rem 0;
  font-size: 1rem;
  font-weight: 400;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .emergency-news {
    top: 0;
    bottom: auto;
    z-index: 1000;
  }
}

@media (max-width: 767px) {
  .emergency-news {
    font-size: 0.75rem;
    padding: 0.75rem 0;
  }
}
.emergency-news__inner {
  position: relative;
  padding-left: 7.25rem;
  margin-right: 7rem;
  max-width: 1024px;
  margin: auto;
  width: 90%;
  box-sizing: border-box;
}
.emergency-news__inner::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "お知らせ";
  font-size: 1.125rem;
  padding-left: 1rem;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .emergency-news__inner {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .emergency-news__inner::before {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .emergency-news__inner::before {
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .emergency-news__text {
    padding-top: 1.5rem;
  }
}
.emergency-news__close {
  position: absolute;
  top: 2.5rem;
  right: 2rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.emergency-news__close::after,
.emergency-news__close::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 22px;
  height: 1px;
  background-color: #fff;
  transform: rotate(-45deg);
}
.emergency-news__close::after {
  transform: rotate(45deg);
}
.emergency-news__close:hover {
  cursor: pointer;
}

@media (max-width: 1024px) {
  .emergency-news__close {
    right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .emergency-news__close {
    top: 1.25rem;
    width: 0.75rem;
    height: 0.75rem;
  }
}
@media (max-width: 767px) {
  .emergency-news__close::after,
  .emergency-news__close::before {
    width: 16px;
  }
}
/*
header
-----------------------------------------------------*/
.site-header {
  position: relative;
  padding: 1rem 1rem 0.75rem;
}
@media (min-width: 768px) {
  .site-header {
    background: #fdfdfd;
    border-top: 6px solid #00a070;
  }
}
@media (max-width: 767px) {
  .site-header {
    position: absolute !important;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 1.5277777778%; /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(../img/header-topShape__tab.svg) center center/cover
      no-repeat;
    z-index: 0;
  }
}
@media (max-width: 480px) {
  .site-header::before {
    padding-top: 3.0555555556%; /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(../img/header-topShape.svg) center center/cover no-repeat;
  }
}
.site-header::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: "";
  background-image: url(../img/header__shape.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 11px;
  display: inline-block;
  z-index: -1;
}
@media (max-width: 767px) {
  .site-header__logo.-gnav img {
    display: none;
  }
}
.site-header .l-flex {
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 767px) {
  .site-header .l-flex {
    gap: 0;
  }
}
.site-header .l-flex__iteml {
  width: 15%;
}
.site-header .l-flex__iteml a {
  display: block;
  max-width: 144px;
}
.site-header .l-flex__itemr {
  width: 80%;
  font-size: 0.81rem;
}
.site-header .l-flex__hummenu {
  width: 4%;
}
.site-header .nav-menu {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.site-header .nav-menu > .menu-item {
  text-align: center;
  width: 14.2857142857%;
  border-left: 1px solid #1da678;
  padding-bottom: 0.25rem;
}
.site-header .nav-menu > .menu-item a::before {
  content: "\f7e6";
  color: #1da678;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  display: block;
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  height: 1.5rem;
}
.site-header .nav-menu > .menu-item.attraction a::before {
  content: "\f024";
}
.site-header .nav-menu > .menu-item.harvest a::before {
  content: "\f4d8";
  font-weight: 900;
}
.site-header .nav-menu > .menu-item.guide a::before {
  content: "\f279";
}
.site-header .nav-menu > .menu-item.restaurant-shopping a::before {
  content: url(../img/icon-utensils.svg);
  content: url(../img/icon-utensils.svg);
}
.site-header .nav-menu > .menu-item.craft a::before {
  content: url(../img/icon-users.svg);
}
.site-header .nav-menu > .menu-item.parkevent a::before {
  content: url(../img/icon-calendar.svg);
}
.site-header .nav-menu > .menu-item.creature-contact a::before {
  content: url(../img/icon-dog.svg);
}
.site-header .nav-menu .menu-item-11785 a::before {
  font-weight: 900;
}

.-humMenu__open .site-header .l-flex {
  gap: 2rem;
}

@media (max-width: 767px) {
  .content-width.-hum {
    width: 8rem;
    position: fixed;
    top: 1.25rem;
    right: 0.75rem;
  }
}

@media (max-width: 767px) {
  .-humMenu__open .content-width.-hum {
    width: 100%;
  }
}

@media (min-width: 1550px) {
  .site-header::after {
    bottom: -10px;
  }
}
@media (max-width: 767px) {
  .site-header::after {
    content: none;
  }
}
@media (max-width: 1080px) {
  .site-header .l-flex__iteml {
    max-width: 144px;
    width: 44%;
    margin-top: 0;
  }
}
@media (max-width: 1080px) {
  .site-header .l-flex__itemr {
    display: none;
  }
}
@media (max-width: 767px) {
  .site-header .l-flex__hummenu {
    background-image: url(../img/hummenu-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 64px;
    box-sizing: border-box;
    height: 58px;
  }
}

#site-navigation .sub-menu {
  background-color: #00a070;
  width: 100%;
  position: absolute;
  top: calc(100% - 0.6rem);
  left: 0;
  color: #fff;
  z-index: 12;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 2rem 1rem;
}
#site-navigation .sub-menu .menu-item {
  width: 12%;
}
#site-navigation .sub-menu a::before {
  content: none !important;
}
#site-navigation .menu-item:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.site-header .nav-menu > .menu-item a::before {
  height: 1.5rem;
}

.site-header .nav-menu > .menu-item.flower a::before {
  content: url(../img/icon-flower.svg);
}

.sp-stickey-menu__item.-flower a::before,
.site-header .hummenu .nav-menu > .menu-item.flower a::before {
  content: url(../img/icon-flower_wh.svg);
}

.sp-stickey-menu__item.-flower a::before {
  transform: scale(0.7) translateX(-50%);
  transform-origin: left;
  top: -5px;
}

.sp-stickey-menu {
  gap: 0.5rem !important;
}

.entry-content .recruit .c-recruittag {
  display: none;
}

.entry-content.-sales .recruit-kind.-sales .c-recruittag {
  display: block;
}
.entry-content.-information .recruit-kind.-information .c-recruittag {
  display: block;
}
.entry-content.-entrance .recruit-kind.-entrance .c-recruittag {
  display: block;
}
.entry-content.-attraction .recruit-kind.-attraction .c-recruittag {
  display: block;
}
.entry-content.-shop .recruit-kind.-shop .c-recruittag {
  display: block;
}
.entry-content.-animalpark .recruit-kind.-animalpark .c-recruittag {
  display: block;
}
.entry-content.-wanchanland .recruit-kind.-wanchanland .c-recruittag {
  display: block;
}

/*
hum menu
-----------------------------------------------------*/
.-humMenu__open {
  overflow: hidden;
}
.-humMenu__open .site-header .hummenu__open__status::before {
  color: #fff;
}

.site-header .l-flex__hummenu .l-flex {
  padding: 1rem 0 0.5rem;
}
.site-header .l-flex__hummenu__inner {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00a070;
  color: #fff;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: -1;
  overflow: auto;
  padding-bottom: 2rem;
}
.site-header .l-flex__hummenu__inner.-open {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.site-header .l-flex__hummenu__inner.-open .l-flex__hummenu {
  background-image: none;
}
.site-header .hummenu__open {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
}
@media (max-width: 767px) {
  .site-header .hummenu__open {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
  }
}
.site-header .hummenu__open.-open {
  z-index: 99;
}
.site-header .hummenu__open.-open::after,
.site-header .hummenu__open.-open::before {
  background-color: #fff;
}
.site-header .hummenu__open:hover {
  cursor: pointer;
}
.site-header .hummenu__open::before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #01654d;
  display: inline-block;
  transition: transform 0.2s ease-out;
}
@media (max-width: 767px) {
  .site-header .hummenu__open::before {
    top: 10px;
  }
}
.site-header .hummenu__open::after {
  position: absolute;
  top: 0.5rem;
  left: 0;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #01654d;
  display: inline-block;
  transition: transform 0.2s ease-out;
  margin-top: 9px;
}
@media (max-width: 767px) {
  .site-header .hummenu__open::after {
    top: 9px;
  }
}
.site-header .hummenu__open__status {
  font-size: 11px;
}
.site-header .hummenu__open__status::before {
  text-align: center;
  position: absolute;
  left: 0.25rem;
  bottom: 0;
  content: "menu";
  text-transform: uppercase;
  color: #01654d;
  display: inline-block;
  font-weight: 700;
}
@media (max-width: 767px) {
  .site-header .hummenu__open__status::before {
    bottom: 4px;
  }
}
.site-header .hummenu__open.-open::after {
  top: 10px;
  transform: rotate(-22deg);
  margin-top: 0;
}
.site-header .hummenu__open.-open::before {
  top: 10px;
  transform: rotate(22deg);
}
.site-header .hummenu__open.-open .hummenu__open__status::before {
  content: "close";
  left: 50%;
  transform: translateX(-50%);
}
.site-header .hummenu .nav-menu > .menu-item a::before {
  color: #fff;
}
.site-header .hummenu .nav-menu > .menu-item.parkevent a::before {
  content: url(../img/drower/drower-calendar-alt.svg);
}
.site-header .hummenu .nav-menu > .menu-item.creature-contact a::before {
  content: url(../img/drower/drower-dog.svg);
}
.site-header .hummenu .nav-menu > .menu-item.craft a::before {
  content: url(../img/drower/drower-users.svg);
}
.site-header .hummenu .nav-menu > .menu-item.restaurant-shopping a::before {
  content: url(../img/drower/drower-utensils.svg);
}
.site-header .hummenu-nav {
  padding-bottom: 4rem;
}

@media (max-width: 1080px) {
  .site-header .l-flex__hummenu .l-flex {
    padding: 1rem;
  }
}
@media (max-width: 1100px) {
  .drawer1,
  .drawer2,
  .drawer3,
  .drawer4 {
    padding: 0 0 1rem !important;
  }
}
@media (min-width: 768px) {
  .hummenu__open:not(.-open) {
    background-image: url(../img/hummenu-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: fixed;
    top: 0.5rem;
    padding: 16px 20px;
    box-sizing: content-box;
  }
  .hummenu__open:not(.-open)::after,
  .hummenu__open:not(.-open)::before {
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .hummenu__open:not(.-open) .hummenu__open__status::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
  }
  .hummenu__open.-open {
    right: -1rem;
  }
}
.drawer1 .menu-item a,
.drawer2 .menu-item a,
.drawer3 .menu-item a,
.drawer4 .menu-item a {
  position: relative;
  display: block;
}

.drawer1 .menu-item a::after,
.drawer2 .menu-item a::after,
.drawer3 .menu-item a::after,
.drawer4 .menu-item a::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 0.5rem;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  display: inline-block;
  transition: all 0.2s ease-out;
}

.drawer1 .menu-item a:hover::after,
.drawer2 .menu-item a:hover::after,
.drawer3 .menu-item a:hover::after,
.drawer4 .menu-item a:hover::after {
  right: 0rem;
}

.drawer1 .menu-item-has-children a,
.drawer2 .menu-item-has-children a,
.drawer3 .menu-item-has-children a,
.drawer4 .menu-item-has-children a {
  border: none;
}

.drawer2,
.drawer3,
.drawer4 {
  padding-top: 1rem;
}

@media (max-width: 1100px) {
  .drawer2 .-pc,
  .drawer3 .-pc,
  .drawer4 .-pc {
    display: none;
  }
}
.drawer2 .-sp,
.drawer3 .-sp,
.drawer4 .-sp {
  display: none;
}

@media (max-width: 1100px) {
  .drawer2 .-sp,
  .drawer3 .-sp,
  .drawer4 .-sp {
    display: block;
  }
}
.drawer2 .menu-item a,
.drawer3 .menu-item a,
.drawer4 .menu-item a {
  padding-right: 1.25rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1100px) {
  .drawer2 .menu-item a,
  .drawer3 .menu-item a,
  .drawer4 .menu-item a {
    font-size: 16px;
    margin-bottom: 2rem;
  }
}

.drawer2 .sub-menu,
.drawer3 .sub-menu,
.drawer4 .sub-menu {
  margin-left: 0.25rem;
  margin-bottom: 1rem;
}

.drawer2 .sub-menu .menu-item a,
.drawer3 .sub-menu .menu-item a,
.drawer4 .sub-menu .menu-item a {
  border-bottom: none;
  font-size: 14px;
  padding-bottom: 0;
  display: inline-block;
  padding-right: 2rem;
  margin-bottom: 1rem;
}

.drawer2 .sub-menu .menu-item a::after,
.drawer3 .sub-menu .menu-item a::after,
.drawer4 .sub-menu .menu-item a::after {
  top: calc(50% - 3px);
  width: 5px;
  height: 5px;
}

.drawer3 .-bottom,
.drawer4 .-bottom {
  margin-top: auto;
}
@media (min-width: 1101px) {
  .drawer3 .-bottom a,
  .drawer4 .-bottom a {
    margin-bottom: 0.5rem;
  }
}

.drawer3 .-bottom a,
.drawer4 .-bottom a {
  display: block;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 8px;
  border: none;
  color: #00a070;
  padding: 1.25rem 0.5rem;
  text-align: center;
}
@media (max-width: 1100px) {
  .drawer3 .-bottom a,
  .drawer4 .-bottom a {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}

@media (max-width: 1100px) {
  .drawer3 .-bottom a {
    margin-bottom: 0;
  }
}

.drawer5,
.drawer6 {
  align-items: stretch;
  text-align: center;
}
@media (min-width: 1101px) {
  .drawer5.l-flex,
  .drawer6.l-flex {
    padding-top: 0 !important;
  }
}

@media (max-width: 1100px) {
  .drawer5,
  .drawer6 {
    padding: 0 0 1rem !important;
  }
}
.drawer5 .menu-item a,
.drawer6 .menu-item a {
  display: block;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 1.2rem 0.5rem;
}

.drawer1 {
  padding: 0 !important;
  gap: 1rem !important;
  grid-area: drower1;
  margin-bottom: 1rem;
}
.drawer1 .menu-item {
  width: 31%;
}
.drawer1 .menu-item a::after {
  top: auto;
  bottom: 5px;
}
.drawer1 .menu-item a::before {
  content: "";
  background-image: url(../img/drower/drower-flowernews.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  aspect-ratio: 464/262;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.drawer1 .menu-item:nth-child(2) a::before {
  background-image: url(../img/drower/drower-illumination.png);
}
.drawer1 .menu-item:nth-child(3) a::before {
  background-image: url(../img/drower/drower-fun.png);
}

@media (max-width: 1100px) {
  .drawer1 {
    order: 3;
    width: 100%;
    max-width: 500px;
    align-items: flex-start;
    margin-bottom: 2rem;
    font-size: 1rem;
  }
}
@media (max-width: 1100px) {
  .drawer1 .menu-item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 1100px) {
  .drawer1 .menu-item:nth-child(3) {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .drawer1 .menu-item:nth-child(3) a::before {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 326/130;
    background-position: center;
    background-position: center;
    border-radius: 8px;
  }
}
.drawerTime {
  grid-area: drowerTime;
  max-height: 156px;
  box-sizing: border-box;
}

@media (max-width: 1100px) {
  .drawerTime {
    order: 1;
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .drawerTime.l-flexsp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding-top: 1.75rem;
    padding-bottom: 1.25rem;
  }
  .drawerTime.l-flexsp__item {
    width: 48%;
  }
}
.drawer2 {
  grid-area: drower2;
}
.drawer2 .-lake,
.drawer2 .-country,
.drawer2 .-park,
.drawer2 .-market {
  margin-right: 0.25rem;
}
.drawer2 .-lake a,
.drawer2 .-country a,
.drawer2 .-park a,
.drawer2 .-market a {
  font-size: 18px !important;
  display: block !important;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem !important;
  border-radius: 8px;
}
.drawer2 .-lake a::after,
.drawer2 .-country a::after,
.drawer2 .-park a::after,
.drawer2 .-market a::after {
  right: 1.5rem;
  width: 8px;
  height: 8px;
}
.drawer2 .-lake a:hover::after,
.drawer2 .-country a:hover::after,
.drawer2 .-park a:hover::after,
.drawer2 .-market a:hover::after {
  right: 1rem;
}
.drawer2 .-lake a {
  background-image: url(../img/drower/drower-lake.png);
}
.drawer2 .-country a {
  background-image: url(../img/drower/drower-country.png);
}
.drawer2 .-market a {
  background-image: url(../img/drower/drower-market.png);
}
.drawer2 .-park a {
  background-image: url(../img/drower/drower-park.png);
  margin-bottom: 1.5rem !important;
}
.drawer2 .-map > a {
  padding-left: 1.75rem;
  position: relative;
}
.drawer2 .-map > a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f279";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  display: block;
  padding-bottom: 0.5rem;
}

@media (max-width: 1100px) {
  .drawer2 {
    order: 4;
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 1100px) {
  .drawer2 .sub-menu {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-left: 0;
  }
}
@media (max-width: 1100px) {
  .drawer2 .sub-menu .menu-item {
    width: calc(50% - 0.5rem);
    margin-right: 0;
  }
  .drawer2 .sub-menu .menu-item a {
    display: inline-block;
    padding-right: 1.5rem;
  }
}
@media (max-width: 1100px) {
  .drawer2 .menu-item {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .drawer2 .-lake a,
  .drawer2 .-country a,
  .drawer2 .-park a,
  .drawer2 .-market a {
    font-size: 16px !important;
    text-align: center;
    padding: 1.2rem !important;
    margin-bottom: 0 !important;
  }
  .drawer2 .-lake a::after,
  .drawer2 .-country a::after,
  .drawer2 .-park a::after,
  .drawer2 .-market a::after {
    display: none;
  }
}
.drawer3 {
  grid-area: drower3;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .drawer3 {
    padding-bottom: 0 !important;
  }
}
.drawer3 .-attraction > a {
  padding-left: 1.75rem;
  position: relative;
}
@media (max-width: 1100px) {
  .drawer3 .-attraction > a {
    margin-bottom: 1rem;
  }
}
.drawer3 .-attraction > a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f024";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  display: block;
  padding-bottom: 0.5rem;
}
.drawer3 .-restShop > a {
  padding-left: 1.75rem;
  position: relative;
}
@media (max-width: 1100px) {
  .drawer3 .-restShop > a {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
}
.drawer3 .-restShop > a::before {
  position: absolute;
  left: 0;
  top: -6px;
  content: url(../img/drower/drower-utensils.svg);
  display: block;
  padding-bottom: 0.5rem;
  transform: scale(0.7);
}

@media (max-width: 1100px) {
  .drawer3 {
    order: 5;
    width: 100%;
    max-width: 500px;
  }
}
.drawer4 {
  grid-area: drower4;
  display: flex;
  flex-direction: column;
}
.drawer4 .-creatureContact > a {
  padding-left: 1.75rem;
  position: relative;
}
.drawer4 .-creatureContact > a::before {
  position: absolute;
  left: 0;
  top: -6px;
  content: url(../img/drower/drower-dog.svg);
  display: block;
  padding-bottom: 0.5rem;
  transform: scale(0.7);
}
.drawer4 .-showLive > a {
  padding-left: 1.75rem;
  position: relative;
}
.drawer4 .-showLive > a::before {
  position: absolute;
  left: 0;
  top: -6px;
  content: url(../img/drower/drower-calendar-alt.svg);
  display: block;
  padding-bottom: 0.5rem;
  transform: scale(0.7);
}
.drawer4 .-harvest > a {
  padding-left: 1.75rem;
  position: relative;
}
.drawer4 .-harvest > a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f4d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  padding-bottom: 0.5rem;
}
.drawer4 .-craft > a {
  padding-left: 1.75rem;
  position: relative;
}
.drawer4 .-craft > a::before {
  position: absolute;
  left: -2px;
  top: -6px;
  content: url(../img/drower/drower-users.svg);
  display: block;
  padding-bottom: 0.5rem;
  transform: scale(0.65);
}

@media (max-width: 1100px) {
  .drawer4 {
    order: 6;
    width: 100%;
    max-width: 500px;
    padding-bottom: 0 !important;
  }
}
.drawer5 {
  gap: 1rem !important;
  grid-area: drower5;
}
@media (min-width: 1101px) {
  .drawer5 {
    margin-top: -1.25rem;
  }
}
.drawer5 .menu-item {
  height: 100%;
  width: 46%;
}
.drawer5 .menu-item a {
  padding-top: 6rem;
  padding-bottom: 0.5rem;
}
.drawer5 .menu-item a::before {
  position: absolute;
  display: block;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.drawer5 .-access a {
  position: relative;
}
.drawer5 .-access a::before {
  content: url(../img/drower/drower-access.svg);
}
.drawer5 .-timePrice a {
  padding-top: 5rem;
  line-height: 1.25;
  position: relative;
}
.drawer5 .-timePrice a::before {
  content: url(../img/drower/drower-clock.svg);
}

@media (max-width: 1100px) {
  .drawer5 {
    order: 2;
    width: 100%;
    max-width: 500px;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 1100px) {
  .drawer5 .menu-item {
    width: calc(50% - 0.5rem);
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .drawer5 .menu-item a {
    padding: 10px;
    padding-left: 2.5rem;
  }
}
@media (max-width: 1100px) {
  .drawer5 .menu-item a::before {
    top: 50%;
    left: 0.75rem;
    transform: translate(0, -50%) scale(0.6);
  }
}
@media (max-width: 1100px) {
  .drawer5 .-access a {
    line-height: 35px;
  }
}
@media (max-width: 1100px) {
  .drawer5 .-timePrice a {
    padding-top: 10px;
    padding-left: 3.5rem;
  }
}
.drawer6 {
  gap: 1rem !important;
  grid-area: drower6;
}
@media (min-width: 1101px) {
  .drawer6 {
    margin-top: -0.5rem;
  }
}
.drawer6 .menu-item {
  width: 100%;
}
.drawer6 .menu-item:nth-last-child(2),
.drawer6 .menu-item:last-child {
  width: 46%;
}
.drawer6 .menu-item:nth-last-child(2) a,
.drawer6 .menu-item:last-child a {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 14px;
}
.drawer6 .menu-item a {
  display: block;
  height: 100%;
}

@media (max-width: 1100px) {
  .drawer6 {
    order: 7;
    width: 100%;
    max-width: 500px;
    font-size: 1rem;
  }
}
@media (max-width: 1100px) {
  .drawer6 .menu-item:nth-last-child(2),
  .drawer6 .menu-item:last-child {
    width: calc(50% - 0.5rem);
  }
}
.drawer7 {
  text-align: center;
  font-size: 0.625rem;
}
@media (max-width: 1100px) {
  .drawer7 {
    max-width: 500px;
    margin: 1rem auto 1.5rem !important;
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
  }
}
.drawer7 .menu-item {
  display: inline-block;
  margin: 0 1rem;
}
@media (max-width: 1100px) {
  .drawer7 .menu-item {
    margin: 0;
  }
}

.l-drawer-sns {
  max-width: 1024px;
  margin: auto;
  margin-bottom: 5rem;
}
@media (min-width: 1101px) {
  .l-drawer-sns {
    padding-top: 0 !important;
  }
}
@media (max-width: 1100px) {
  .l-drawer-sns {
    padding: 0 !important;
    margin-top: 0;
    display: block;
  }
}

.l-drawer-sns__item {
  gap: 1.5rem !important;
  padding-top: 0 !important;
  width: 25%;
  margin-top: 0;
  padding-top: 0;
}
.l-drawer-sns__item:nth-child(2) {
  width: 48%;
}
@media (max-width: 1100px) {
  .l-drawer-sns__item:nth-child(2) {
    gap: 0.5rem !important;
    justify-content: space-between;
  }
}

@media (max-width: 1100px) {
  .l-drawer-sns__item {
    width: 100%;
    padding: 0 !important;
  }
}
@media (max-width: 1100px) {
  .l-drawer-sns__item:nth-child(2) {
    width: 100%;
  }
}
.l-drawer-sns .c-sns-list {
  max-width: 150px;
}

.drawer2-grid {
  margin-top: 1.5rem;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 0fr 0.5fr 0.5fr;
  gap: 1rem 2rem;
  grid-template-areas: "drower1  drower1 drower1 drowerTime" "drower2 drower3 drower4 drower5" "drower2 drower3 drower4 drower6";
  justify-content: space-evenly;
  align-content: center;
  align-items: stretch;
}

@media (max-width: 1100px) {
  .drawer2-grid {
    display: flex;
    flex-wrap: wrap;
  }
}
/*
footer
-----------------------------------------------------*/
.pagetop {
  bottom: 3rem;
  max-width: 100px;
  margin-right: 0;
  margin-left: auto;
  display: block;
  right: 3rem;
}
@media (max-width: 767px) {
  .pagetop {
    bottom: 5rem;
    right: 1rem;
  }
}

.sp-stickey {
  display: none;
}
@media (max-width: 767px) {
  .sp-stickey {
    box-sizing: border-box;
    display: block;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00a070;
    color: #fff;
    z-index: 99;
    width: 95%;
    padding: 1rem 1rem 0.5rem;
    border-radius: 16px 16px 0 0;
    font-size: 0.75rem;
    text-align: center;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .sp-stickey {
    font-size: 10px;
    padding: 0.75rem 0.75rem 0.5rem 0.5rem;
    border-radius: 8px 8px 0 0;
  }
}
.sp-stickey-menu {
  justify-content: space-between;
  gap: 1rem;
}
.sp-stickey-menu__item a {
  display: block;
  text-align: center;
  position: relative;
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .sp-stickey-menu__item a {
    padding-top: 1.5rem;
  }
}
.sp-stickey-menu__item a::before {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  transform: translateX(-50%);
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .sp-stickey-menu__item a::before {
    transform: scale(0.7) translateX(-50%);
    font-size: 1rem;
    transform-origin: left;
  }
}
.sp-stickey-menu__item.-attraction a::before {
  content: "\f024";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-attraction a::before {
    transform: scale(1) translateX(-50%);
  }
}
.sp-stickey-menu__item.-parkevent a::before {
  top: -3px;
  content: url(../img/drower/drower-calendar-alt.svg);
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-parkevent a::before {
    top: -5px;
  }
}
.sp-stickey-menu__item.-creatureContact a::before {
  content: url(../img/drower/drower-dog.svg);
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-creatureContact a::before {
    top: -4px;
  }
}
.sp-stickey-menu__item.-harvest a::before {
  content: "\f4d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-harvest a::before {
    transform: scale(1) translateX(-50%);
  }
}
.sp-stickey-menu__item.-craft a::before {
  content: url(../img/drower/drower-users.svg);
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-craft a::before {
    top: -2px;
  }
}
.sp-stickey-menu__item.-restShop a::before {
  content: url(../img/drower/drower-utensils.svg);
}
@media (max-width: 767px) {
  .sp-stickey-menu__item.-restShop a::before {
    top: -3px;
  }
}

.site-footer {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  text-align: center;
  margin-top: 170px;
  position: relative;
  background-color: #e9f4c0;
  box-sizing: border-box;
  border-top: none !important;
}
@media (max-width: 767px) {
  .site-footer {
    padding-top: 1.5rem;
    margin-top: 5rem;
    width: 100%;
  }
}
.site-footer::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0;
  padding-top: 0.8052708638%; /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(../img/footer-lineShape.svg) center center/cover no-repeat;
  z-index: 0;
}
@media (max-width: 767px) {
  .site-footer::after {
    display: none;
  }
}
.site-footer::before {
  position: absolute;
  top: -17vw;
  left: 0;
  content: "";
  background-image: url(../img/footer-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 18vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .site-footer::before {
    background-image: url(../img/footer-shape__sp.png);
  }
}
@media (max-width: 1080px) {
  .site-footer .footer-cetnerMenu,
  .site-footer .site-header__logo {
    display: none;
  }
}
.site-footer .c-sns-list {
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .site-footer .c-sns-list {
    margin-top: 0;
  }
}
.site-footer .c-sns-list img {
  max-height: 1rem;
}
.site-footer small {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  color: #0c6e00;
}

.footer-cetnerMenu {
  margin-top: 4rem;
  align-items: stretch !important;
  letter-spacing: 0.05em;
}
.footer-cetnerMenu-left {
  position: relative;
  border-top: 1px solid #01654d;
  border-bottom: 1px solid #01654d;
  padding: 26px 0 12px;
}
.footer-cetnerMenu-left__title {
  position: absolute;
  top: -0.5rem;
  left: 0;
  text-align: left;
  color: #01654d;
  background-color: #e9f4c0;
  padding-right: 1rem;
  font-weight: 500;
}
.footer-cetnerMenu-left__menu {
  gap: 0.5rem !important;
}
.footer-cetnerMenu-left__menu li {
  width: calc(50% - 4px);
}
.footer-cetnerMenu-left__menu li a {
  font-weight: 500;
  box-sizing: border-box;
  width: 100%;
  background-blend-mode: overlay;
  border: 0;
  border-radius: 4px;
  color: var(--color-white);
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 2.9em;
  padding: 0 1rem;
  position: relative;
  text-align: center;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  background: var(--color-lake) var(--overlay-triangle);
}
.footer-cetnerMenu-left__menu .-country a {
  background: var(--color-country) var(--overlay-triangle);
}
.footer-cetnerMenu-left__menu .-market a {
  background: var(--color-market) var(--overlay-triangle);
}
.footer-cetnerMenu-left__menu .-park a {
  background: var(--color-park) var(--overlay-triangle);
}
.footer-cetnerMenu-center {
  gap: 1rem;
}
.footer-cetnerMenu-center .menu-item {
  text-align: left;
  font-weight: 500;
  width: 48%;
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
}
.footer-cetnerMenu-center .menu-item::before {
  content: "- ";
}
.footer-cetnerMenu .footer-menu {
  gap: 0.5rem;
}
.footer-cetnerMenu-right {
  padding-top: 1.5rem;
  background-color: #fff;
  border-radius: 16px;
}
.footer-cetnerMenu-right__title {
  color: #01654d;
  font-size: 0.93rem;
  margin-bottom: 1rem;
  display: block;
}
.footer-cetnerMenu-right__link {
  font-size: 0.75rem;
  text-align: left;
  font-weight: 500;
  max-width: 245px;
  margin: auto;
  letter-spacing: 0.075em;
}
.footer-cetnerMenu-right__link li {
  margin-top: 1rem;
}
.footer-cetnerMenu-right__link li::before {
  content: "- ";
}

@media (max-width: 767px) {
  footer {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  footer::before {
    background-image: url(../img/footer-shape__sp.png);
  }
}
/*# sourceMappingURL=style.css.map */