@charset "utf-8";
/* CSS Document */

.box {
  background-color: #e3eb98;
}


.box a {
  color: #1d3994;
  text-decoration: underline;
  display: block;
}

.box a:hover {
  color: #E64B19;
}

.wrap {
  padding: 4%;
}

.reed {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 4%;
}

.box h1 img {
  width: 100%;
}

h2 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none;
  font-size: 1.4em;
  font-family: "M PLUS 1p";
  text-align: justify;
}

h3 {
  margin: 1rem 0;
  font-size: 1.2em;
  font-family: "M PLUS 1p";
  text-align: justify;
}

figure img {
  width: 100%;
}

.content {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 4%;
}

.panel {
  margin-top: 1rem;
}

.img4wrap {
  margin: 2rem 0 1rem;
}

.img4wrap div {
  margin-bottom: 1rem;
}

figcaption {
  text-align: center;
  margin-top: 0.4rem;
}

.img2wrap {
  margin: 2rem 0 2rem;
}

.img2wrap div {
  margin-bottom: 1rem;
}

button {
  font-size: 120%;
  width: 20em;
  height: 3em;
}

.button-tamakyuryo a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 1rem auto;
  max-width: 240px;
  padding: 10px 25px;
  color: #000000;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  font-size: 20px;
  background: #ffe282;
  border-radius: 8px;
  box-shadow: 0 6px 0 #fac01e;
  text-decoration: none;
}

.button-tamakyuryo a:hover {
  box-shadow: solid 2px #fac01e;
  transform: translateY(3px);
  text-decoration: none;
}

@media screen and (min-width: 671px) {
  .wrap.toparea {
    padding: 2% 4% 4%;
  }

  h2 {
    font-size: 2em;
    margin-bottom: 2rem !important;
  }

  h3 {
    font-size: 1.4em;
  }

  p {}

  .content {
    font-size: 1.4em;
  }

  .poster {
    margin-bottom: 2rem;
  }

  .park-box {}

  .panel {
    width: 80%;
    margin: 2rem auto;
  }

  .img4wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem 0 1rem;
  }

  .img4wrap div {
    width: 42%;
    margin: 1rem 4%;
  }

  .img2wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .img2wrap div {
    width: 42%;
    margin: 0 4%;
  }
}

@media screen and (min-width: 1400px) {
  .header-top .setting-area .font-size {
    width: 146px !important;
  }
}

.category-list h3,
.category-name h3 {
  text-align: center !important;
}

.setting-contents button {
  width: inherit !important;
  height: inherit !important;
}

button.mf_finder_searchBox_submit {
  height: inherit !important;
}

@media screen and (max-width: 1400px) {
  button.mf_finder_searchBox_submit {
    height: inherit !important;
  }
}

@media screen and (min-width: 1400px) {
  .header-top .category-list ul {
    padding: 10px 0 0 !important;
  }

  body.theme-default.normal {
    padding-top: 98px !important;
  }
}

@media screen and (max-width: 1100px) {
  body.theme-default.normal {
    padding-top: 60px !important;
  }
}