@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* Variables
   ========================================================================== */
/*$screen-xs-max: 767px !default;*/
/* Base
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/*
  サイト共通の設定
*/
body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #000000;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0; }

main {
  font-size: 14px; }

p {
  word-wrap: break-word;
  overflow-wrap: break-word; }

figure {
  margin: 0; }

.__cf:before,
.__cf:after {
  display: table;
  content: " "; }

.__cf:after {
  clear: both; }

.__cf {
  *zoom: 1; }

a {
  color: #000000;
  text-decoration: underline; }

a:hover {
  color: #328d27;
  text-decoration: none;
  transition: 0.2s; }

a img:not(.imghover):hover {
  opacity: 0.7; }

a:active {
  color: #328d27; }

a:visited {
  color: #328d27; }

a.__white {
  color: #ffffff; }

a.__black {
  color: #231815; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

.wrapper {
  overflow: hidden; }

/* 改行タグスマホ時非表示 */
.br_pc {
  display: block; }
  @media (max-width: 767px) {
    .br_pc {
      display: none; } }

/* 改行タグPC時非表示 */
.br_sp {
  display: none; }
  @media (max-width: 767px) {
    .br_sp {
      display: block; } }

/* mixin
   ========================================================================== */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*// ==========================================================================
// Layout
// ==========================================================================*/
.l-header {
  background: #319c3b;
  position: relative; }

/*// -----------------------------------------------------------------
// 共通パーツ類
// -----------------------------------------------------------------*/
/* センター揃えの見出し1(コピーなど) */
.c-ttl01 {
  font-family: "Noto Sans JP" sans-serif;
  font-weight: 900;
  color: #319c3b;
  margin-bottom: 40px;
  font-size: 30px; }
  .c-ttl01.bt {
    text-align: center; }
    .c-ttl01.bt:after {
      content: '';
      display: block;
      width: 120px;
      height: 3px;
      margin: 10px auto;
      background: #319c3b; }
  @media (max-width: 767px) {
    .c-ttl01 {
      margin-bottom: 20px;
      font-size: 24px; } }

/* 見出し2 */
.c-ttl02 {
  font-size: 18px;
  color: #319c3b;
  font-family: 'oswald', sans-serif; }

/* テキスト装飾 */
/* 文字強調 */
.c-txt01 {
  font-weight: 900;
  color: #319c3b; }

/* 文字中央寄せ */
.c-center {
  text-align: center; }

/* アコーディオンイベント共通 */
.c-accordion__list {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }
  .c-accordion__list--item {
    border-top: 1px solid #319c3b;
    margin-bottom: 30px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto; }
  .c-accordion__list--ttl {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    background: #eaf5eb;
    margin: 0 !important;
    text-align: left;
    font-size: 20px;
    color: #319c3b;
    position: relative;
    padding-right: 60px; }
    .c-accordion__list--ttl span {
      background: #319c3b;
      color: #ffffff;
      font-size: 22px;
      font-weight: bold;
      display: inline-block;
      height: 100%;
      width: 40px;
      text-align: center;
      padding: 3px 5px;
      margin-right: 20px; }
    .c-accordion__list--ttl:hover {
      cursor: pointer; }
    .c-accordion__list--ttl:after {
      content: url("../img/common/icn-accordion-close.png");
      display: block;
      position: absolute;
      right: 10px;
      top: 5px;
      width: 22px;
      height: 22px;
      margin-right: 10px; }
    .c-accordion__list--ttl.active:after {
      content: url("../img/common/icn-accordion-open.png"); }
  .c-accordion__list--hidden_wrap {
    border-left: 40px solid #319c3b;
    overflow: hidden;
    padding: 0 60px 0 20px; }
    .c-accordion__list--hidden_wrap-inner {
      position: relative;
      padding-left: 30px; }
      .c-accordion__list--hidden_wrap-inner:before {
        content: "A";
        font-weight: bold;
        font-size: 24px;
        text-align: left;
        color: #ff6607;
        display: block;
        position: absolute;
        left: 0;
        top: -5px; }

/* マージン調節用 */
[class*="acms-col"] {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.entry-container {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.acms-container {
  max-width: 1000px !important; }

@media (min-width: 1099px) {
  .acms-container {
    max-width: 1100px !important;
    padding-right: 0;
    padding-left: 0; } }
.acms-grid {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 1099px) {
  .entry-column-grid {
    margin: 0 -25px; } }
.acms-entry .entry-column-grid {
  margin-left: auto;
  margin-right: auto; }

.acms-col-lg-3.side {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.acms-col-sm-4 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

[class*="acms-col"] > .acms-col-sm-12 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.acms-col-sm-6 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.acms-col-lg-9.main {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.acms-col-sm-12 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

@media (max-width: 767px) {
  .acms-col-sm-12 {
    padding-right: 0 !important;
    padding-left: 0 !important; } }
.acms-label {
  margin: 0 20px 0 0px; }

/* メインビジュアルスライダー上書き設定 */
.slick-slide:hover {
  cursor: inherit; }

/* 下層ページタイトル部分 */
@media (max-width: 767px) {
  .page-title {
    font-size: 24px; } }

.l-footer {
  background: #319c3b;
  position: relative;
  color: #ffffff; }
  @media (max-width: 992px) {
    .l-footer .c-container {
      margin-bottom: 0; } }

/*// -----------------------------------------------------------------
// Component
// -----------------------------------------------------------------*/
.c-header {
  /*	display: flex;
  align-items:flex-start;
  justify-content: space-between;
  padding-top: 20px;*/ }
  @media (max-width: 767px) {
    .c-header {
      		/*		padding-top: 0px;
      */ } }
  .c-header__container {
    max-width: 1000px;
    margin: 0 auto;
    width: calc(100% - 30px); }
    @media (max-width: 767px) {
      .c-header__container {
        width: 100%;
        min-height: 60px; } }
  .c-header__container--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 20px;
    color: #ffffff; }
    .c-header__container--inner a {
      color: #ffffff; }
    @media (max-width: 767px) {
      .c-header__container--inner {
        padding-top: 0;
        min-height: 60px; } }
  .c-header__ttl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%; }
    @media (max-width: 991px) {
      .c-header__ttl {
        width: 40%; } }
    @media (max-width: 767px) {
      .c-header__ttl {
        display: block;
        width: 100%;
        margin-top: 5px; } }
  .c-header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%; }
    @media (max-width: 991px) {
      .c-header__right {
        width: 60%; } }
    @media (max-width: 767px) {
      .c-header__right {
        display: block;
        width: 100%;
        margin-top: 0; } }
  .c-header__logo {
    line-height: 1;
    width: 73%;
    margin-right: 2%; }
    @media (max-width: 991px) {
      .c-header__logo {
        width: 62%;
        margin-right: 0; } }
    .c-header__logo a {
      line-height: 0; }
    .c-header__logo--img {
      width: 100%;
      max-width: 360px; }
      @media (max-width: 991px) {
        .c-header__logo--img {
          max-width: 240px; } }
      @media (max-width: 767px) {
        .c-header__logo--img {
          width: auto;
          height: 100%;
          vertical-align: bottom;
          margin-left: 10px; } }
      .c-header__logo--img:hover {
        opacity: 0.5;
        transition: .2s; }
  .c-header__anniversary {
    width: 40%;
    margin-left: 10px;
    margin-top: -5px; }
    @media (max-width: 991px) {
      .c-header__anniversary {
        width: 30%; } }
    @media (max-width: 767px) {
      .c-header__anniversary {
        display: none; } }
  .c-header__sitemap-link {
    font-size: 14px;
    margin-right: 12px; }
    @media (max-width: 767px) {
      .c-header__sitemap-link {
        display: none; } }
  .c-header__lang-link {
    background: #000000;
    margin-top: -20px;
    padding: 25px 20px 15px;
    font-size: 14px;
    position: relative;
    width: 184px; }
    .c-header__lang-link:hover {
      cursor: pointer; }
      .c-header__lang-link:hover .c-header__lang-nav {
        display: block; }
    @media (max-width: 991px) {
      .c-header__lang-link {
        padding: 10px 0;
        width: 62px; } }
    @media (max-width: 767px) {
      .c-header__lang-link {
        width: 60px;
        height: 44px;
        position: absolute;
        right: 60px;
        font-size: 10px;
        padding: 5px 0 0;
        margin-top: 0; } }
    .c-header__lang-link-box > a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      line-height: 1;
      text-decoration: none; }
      @media (max-width: 991px) {
        .c-header__lang-link-box > a {
          flex-direction: column; } }
      .c-header__lang-link-box > a img:hover {
        opacity: 1; }
      @media (max-width: 991px) {
        .c-header__lang-link-box > a .lang-pc {
          display: none; } }
      .c-header__lang-link-box > a .lang-sp {
        display: none; }
        @media (max-width: 991px) {
          .c-header__lang-link-box > a .lang-sp {
            display: block; } }
      .c-header__lang-link-box > a .lang-ttl {
        display: flex;
        align-items: center; }
        @media (max-width: 991px) {
          .c-header__lang-link-box > a .lang-ttl {
            flex-direction: column;
            width: 100%; } }
        .c-header__lang-link-box > a .lang-ttl:after {
          content: "";
          display: block;
          height: 14px;
          width: 1px;
          background: #ffffff;
          margin: 0 8px; }
          @media (max-width: 991px) {
            .c-header__lang-link-box > a .lang-ttl:after {
              height: 1px;
              width: 100%;
              margin: 10px 0; } }
          @media (max-width: 767px) {
            .c-header__lang-link-box > a .lang-ttl:after {
              margin: 5px 0; } }
      @media (max-width: 991px) {
        .c-header__lang-link-box > a .lang-txt {
          padding: 0px 10px; } }
  .c-header__lang-nav {
    display: none;
    position: absolute;
    padding-top: 20px;
    top: 100%;
    right: 0;
    width: 184px;
    z-index: 210;
    min-height: 100px; }
    @media (max-width: 991px) {
      .c-header__lang-nav {
        width: 120px; } }
    @media (max-width: 767px) {
      .c-header__lang-nav {
        right: -30px; } }
    .c-header__lang-nav ul {
      background: rgba(0, 0, 0, 0.6); }
      .c-header__lang-nav ul li {
        border-bottom: 1px solid #ffffff; }
        .c-header__lang-nav ul li:last-child {
          border-bottom: none; }
        .c-header__lang-nav ul li a {
          padding: 10px;
          display: block;
          text-align: center; }
    .c-header__lang-nav:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -10px;
      border-right: 10px solid transparent;
      border-bottom: 10px solid rgba(0, 0, 0, 0.6);
      border-left: 10px solid transparent; }
      @media (max-width: 991px) {
        .c-header__lang-nav:before {
          left: 74.16%; } }
      @media (max-width: 767px) {
        .c-header__lang-nav:before {
          left: 50%; } }

/* PCナビ */
.c-header__nav {
  width: 100%; }
  @media (max-width: 767px) {
    .c-header__nav {
      display: none; } }
  .c-header__nav__list {
    padding: 0;
    margin: 10px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  .c-header__nav__item {
    list-style: none;
    text-align: center;
    /*	cursor: pointer;*/
    width: 12%; }
    @media (max-width: 991px) {
      .c-header__nav__item {
        width: 10.7%; } }
    .c-header__nav__item:first-child {
      background: url("../img/common/gnav01_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(2) {
      background: url("../img/common/gnav02_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(3) {
      background: url("../img/common/gnav03_off.png") no-repeat center 10px;
      width: 16%; }
      @media (max-width: 991px) {
        .c-header__nav__item:nth-child(3) {
          width: 18%; } }
    .c-header__nav__item:nth-child(4) {
      background: url("../img/common/gnav04_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(5) {
      background: url("../img/common/gnav05_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(6) {
      background: url("../img/common/gnav06_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(7) {
      background: url("../img/common/gnav07_off.png") no-repeat center 10px; }
    .c-header__nav__item:nth-child(8) {
      background: url("../img/common/gnav08_off.png") no-repeat center 10px; }
    .c-header__nav__item a {
      color: #ffffff;
      display: block;
      position: relative;
      text-decoration: none;
      font-size: 12px; }
    .c-header__nav__item > a {
      padding: 60px 2px 10px; }
    .c-header__nav__item:hover, .c-header__nav__item.__active {
      transition: 0.2s;
      		/*.c-header__subnav {//ホバー時に表示させる
      			display: block; 
      
      		}*/ }
      .c-header__nav__item:hover a, .c-header__nav__item.__active a {
        color: #319c3b; }
      .c-header__nav__item:hover:first-child, .c-header__nav__item.__active:first-child {
        background: url("../img/common/gnav01_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(2), .c-header__nav__item.__active:nth-child(2) {
        background: url("../img/common/gnav02_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(3), .c-header__nav__item.__active:nth-child(3) {
        background: url("../img/common/gnav03_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(4), .c-header__nav__item.__active:nth-child(4) {
        background: url("../img/common/gnav04_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(5), .c-header__nav__item.__active:nth-child(5) {
        background: url("../img/common/gnav05_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(6), .c-header__nav__item.__active:nth-child(6) {
        background: url("../img/common/gnav06_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(7), .c-header__nav__item.__active:nth-child(7) {
        background: url("../img/common/gnav07_on.png") no-repeat center 10px #ffffff; }
      .c-header__nav__item:hover:nth-child(8), .c-header__nav__item.__active:nth-child(8) {
        background: url("../img/common/gnav08_on.png") no-repeat center 10px #ffffff; }

/* ドロップダウンメニュー */
.c-header__subnav {
  display: none;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  /*top: 100%;*/
  z-index: 200;
  min-height: 400px;
  text-align: left; }
  .c-header__subnav--inner {
    max-width: 1000px;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    /*align-items: center;*/
    justify-content: space-between; }
    @media (max-width: 991px) {
      .c-header__subnav--inner {
        flex-direction: column; } }
  .c-header__subnav--ttl {
    font-size: 21px;
    color: #319c3b;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-right: 20px;
    width: 32%; }
    @media (max-width: 991px) {
      .c-header__subnav--ttl {
        width: 100%;
        padding: 20px 0 0; } }
    .c-header__subnav--ttl:before {
      content: "";
      height: 1px;
      flex-grow: 1;
      background: #319c3b;
      display: inline;
      margin-right: 10px; }
      @media (max-width: 991px) {
        .c-header__subnav--ttl:before {
          display: none; } }
  .c-header__subnav--link {
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: -0.05em; }
    .c-header__subnav--link:nth-child(2) {
      margin-right: 0; }
  .c-header__subnav--link-wrap {
    display: flex;
    padding: 20px 0 20px 0;
    width: 68%;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .c-header__subnav--link-wrap {
        width: 100%; } }
    .c-header__subnav--link-wrap a {
      color: #000000 !important;
      font-size: 14px; }
      .c-header__subnav--link-wrap a:hover {
        color: #000000 !important;
        text-decoration: underline; }
  .c-header__subnav--link-box {
    width: 48%; }
  .c-header__subnav--link-ttl {
    font-size: 14px;
    color: #319c3b;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    padding: 3px;
    border-top: 1px solid #319c3b;
    border-bottom: 1px solid #319c3b; }
    .c-header__subnav--link-ttl a {
      color: #319c3b !important;
      display: block; }
      .c-header__subnav--link-ttl a:hover {
        color: #319c3b !important; }
      .c-header__subnav--link-ttl a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 300;
        float: right;
        color: #319c3b; }
  .c-header__subnav--link-listbox {
    display: flex;
    margin-bottom: 20px; }
  .c-header__subnav--link2-box {
    width: 100%; }
  .c-header__subnav--link2-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%; }
  .c-header__subnav--link2-item {
    width: 24.5%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    background: #666666; }
    .c-header__subnav--link2-item a {
      color: #ffffff !important;
      padding: 20px 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 13px;
      line-height: 1.3; }
      .c-header__subnav--link2-item a:hover {
        color: #ffffff !important;
        opacity: 0.7; }
    .c-header__subnav--link2-item.price-nav:first-child {
      background: url("../img/common/bg-subnav-price01.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.price-nav:nth-child(2) {
      background: url("../img/common/bg-subnav-price02.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.price-nav:nth-child(3) {
      background: url("../img/common/bg-subnav-price03.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.price-nav:nth-child(4) {
      background: url("../img/common/bg-subnav-price04.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.price-nav:nth-child(5) {
      background: url("../img/common/bg-subnav-price05.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:first-child {
      background: url("../img/common/bg-subnav-park01.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(2) {
      background: url("../img/common/bg-subnav-park02.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(3) {
      background: url("../img/common/bg-subnav-park03.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(4) {
      background: url("../img/common/bg-subnav-park04.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(5) {
      background: url("../img/common/bg-subnav-park05.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(6) {
      background: url("../img/common/bg-subnav-park06.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.park-nav:nth-child(7) {
      background: url("../img/common/bg-subnav-park07.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.event-nav:first-child {
      background: url("../img/common/bg-subnav-event01.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.event-nav:nth-child(2) {
      background: url("../img/common/bg-subnav-event02.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.event-nav:nth-child(3) {
      background: url("../img/common/bg-subnav-event03.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.event-nav:nth-child(4) {
      background: url("../img/common/bg-subnav-event04.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.entries-nav:first-child {
      background: url("../img/common/bg-subnav-entries01.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.entries-nav:nth-child(2) {
      background: url("../img/common/bg-subnav-entries03.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.entries-nav:nth-child(3) {
      background: url("../img/common/bg-subnav-entries04.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.entries-nav:nth-child(4) {
      background: url("../img/common/bg-subnav-entries05.png") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.entries-nav:nth-child(5) {
      background: url("../img/common/bg-subnav-entries02.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.information-nav:first-child {
      background: url("../img/common/bg-subnav-information01.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.information-nav:nth-child(2) {
      background: url("../img/common/bg-subnav-information02.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.information-nav:nth-child(3) {
      background: url("../img/common/bg-subnav-information03.jpg") no-repeat left top;
      background-size: cover; }
    .c-header__subnav--link2-item.information-nav:nth-child(4) {
      background: url("../img/common/bg-subnav-information04.jpg") no-repeat left top;
      background-size: cover; }

.c-header__nav--sp {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  color: #ffffff;
  padding: 3px 3px 10px 5px;
  height: 60px;
  width: 60px; }
  @media (max-width: 767px) {
    .c-header__nav--sp {
      display: flex;
      justify-content: center;
      align-items: center; } }
  .c-header__nav--sp img {
    width: 30px; }
  .c-header__nav--sp a {
    display: block; }

.c-header__nav--sp__menu {
  display: table-cell; }
  .c-header__nav--sp__menu .hamburger {
    padding: 5px; }
    .c-header__nav--sp__menu .hamburger:hover {
      opacity: 1; }
    .c-header__nav--sp__menu .hamburger .hamburger-inner, .c-header__nav--sp__menu .hamburger .hamburger-inner::after, .c-header__nav--sp__menu .hamburger .hamburger-inner::before {
      background-color: #ffffff;
      border-radius: 1px;
      height: 3px; }
    .c-header__nav--sp__menu .hamburger .hamburger-label {
      font-size: 9px;
      display: block;
      width: 100%;
      bottom: -19px;
      position: absolute;
      font-weight: bold;
      text-align: center; }

.c-header-sp__nav {
  z-index: 10000;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: 0;
  width: 100%;
  display: none;
  background: #319c3b; }

.c-header-sp__nav--list {
  padding: 0;
  margin: 0;
  list-style: none; }

.c-header-sp__nav--item {
  width: 100%;
  border-left: 0;
  background: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 40px;
  position: relative;
  border-left: 15px solid #319c3b; }
  .c-header-sp__nav--item:nth-child(even) {
    background: #cbe6ce; }
  .c-header-sp__nav--item a {
    /*display: block;*/
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding: 5px 0 5px 10px;
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 40px; }

.c-dropdown__toggle {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  /*	font-size: 20px;*/ }

.c-ic-angle-down::before {
  font-family: "Font Awesome 5 Free";
  content: "\f358";
  font-weight: 900;
  display: block;
  transform: rotate(0deg);
  transition: transform 0.2s linear;
  color: #319c3b; }

.c-dropdown__toggle.__active .c-ic-angle-down::before {
  font-family: "Font Awesome 5 Free";
  content: "\f358";
  font-weight: 900;
  display: block;
  transform: rotate(180deg);
  transition: transform 0.2s linear; }

.c-ic-angle-right {
  position: relative; }
  .c-ic-angle-right:after {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-weight: 900;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #319c3b; }

/* スマホサブメニュー */
.c-dropdown__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: block;
  width: 100%; }

.c-dropdown__subitem {
  position: relative;
  line-height: 40px;
  	/*
  	a {
  
  	
  	}
  	&.c-ic-angle-right {
  		&:after {
  	
  		}
  	}*/ }
  .c-dropdown__subitem .subnav-img {
    margin-right: 10px;
    padding: 10px 20px;
    min-height: 80px;
    display: flex;
    align-items: center; }
  .c-dropdown__subitem.price-nav:first-child .subnav-img {
    background: url("../img/common/bg-subnav-price01.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.price-nav:nth-child(2) .subnav-img {
    background: url("../img/common/bg-subnav-price02.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.price-nav:nth-child(3) .subnav-img {
    background: url("../img/common/bg-subnav-price03.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.price-nav:nth-child(4) {
    padding-bottom: 20px; }
  .c-dropdown__subitem.price-nav:nth-child(4) .subnav-img {
    background: url("../img/common/bg-subnav-price04.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.price-nav:nth-child(5) .subnav-img {
    background: url("../img/common/bg-subnav-price05.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:first-child .subnav-img {
    background: url("../img/common/bg-subnav-park01.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(2) .subnav-img {
    background: url("../img/common/bg-subnav-park02.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(3) .subnav-img {
    background: url("../img/common/bg-subnav-park03.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(4) .subnav-img {
    background: url("../img/common/bg-subnav-park04.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(5) .subnav-img {
    background: url("../img/common/bg-subnav-park05.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(6) .subnav-img {
    background: url("../img/common/bg-subnav-park06.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.park-nav:nth-child(7) {
    padding-bottom: 20px; }
  .c-dropdown__subitem.park-nav:nth-child(7) .subnav-img {
    background: url("../img/common/bg-subnav-park07.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.event-nav:first-child .subnav-img {
    background: url("../img/common/bg-subnav-event01.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.event-nav:nth-child(2) .subnav-img {
    background: url("../img/common/bg-subnav-event02.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.event-nav:nth-child(3) .subnav-img {
    background: url("../img/common/bg-subnav-event03.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.event-nav:nth-child(4) {
    padding-bottom: 20px; }
  .c-dropdown__subitem.event-nav:nth-child(4) .subnav-img {
    background: url("../img/common/bg-subnav-event04.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.entries-nav:first-child .subnav-img {
    background: url("../img/common/bg-subnav-entries01.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.entries-nav:nth-child(2) .subnav-img {
    background: url("../img/common/bg-subnav-entries03.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.entries-nav:nth-child(3) .subnav-img {
    background: url("../img/common/bg-subnav-entries04.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.entries-nav:nth-child(4) .subnav-img {
    background: url("../img/common/bg-subnav-entries05.png") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.entries-nav:nth-child(5) {
    padding-bottom: 20px; }
  .c-dropdown__subitem.entries-nav:nth-child(5) .subnav-img {
    background: url("../img/common/bg-subnav-entries02.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.information-nav:first-child .subnav-img {
    background: url("../img/common/bg-subnav-information01.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.information-nav:nth-child(2) .subnav-img {
    background: url("../img/common/bg-subnav-information02.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.information-nav:nth-child(3) {
    padding-bottom: 20px; }
  .c-dropdown__subitem.information-nav:nth-child(3) .subnav-img {
    background: url("../img/common/bg-subnav-information03.jpg") no-repeat left top;
    background-size: cover; }
  .c-dropdown__subitem.information-nav:nth-child(4) .subnav-img {
    background: url("../img/common/bg-subnav-information04.jpg") no-repeat left top;
    background-size: cover; }

.c-header-sp__nav--sns {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding: 20px;
  max-width: 80%;
  margin: 20px auto;
  border-radius: 10px; }
  .c-header-sp__nav--sns p {
    margin: 0 10px;
    max-width: 50px; }

.c-header-sp__nav--address {
  max-width: 80%;
  margin: 20px auto;
  color: #ffffff; }
  .c-header-sp__nav--address a {
    color: #ffffff; }
  .c-header-sp__nav--address p {
    margin: 0; }

.c-header-sp__nav--btn {
  max-width: 80%;
  margin: 20px auto; }

/* フッターバナーSNSエリア */
.c-footer-link {
  /* リンク */ }
  .c-footer-link__bg {
    background: #eaf5eb;
    padding: 40px 0; }
    @media (max-width: 767px) {
      .c-footer-link__bg {
        padding-bottom: 10px; } }
  .c-footer-link__banner--list {
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .c-footer-link__banner--list {
        max-width: 80%; } }
    @media (max-width: 991px) {
      .c-footer-link__banner--list img {
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: inline-block; } }
    .c-footer-link__banner--list .slick-prev {
      left: -75px;
      background: none;
      width: 45px;
      height: 45px; }
      @media (max-width: 767px) {
        .c-footer-link__banner--list .slick-prev {
          left: -35px; } }
    .c-footer-link__banner--list .slick-prev:before {
      font-family: "Font Awesome 5 Free";
      content: "\f359";
      font-weight: 900;
      cursor: pointer;
      color: #319c3b;
      font-size: 45px;
      position: absolute;
      left: 0;
      top: 50%; }
    .c-footer-link__banner--list .slick-next {
      right: -70px;
      background: none;
      width: 45px;
      height: 45px; }
      @media (max-width: 767px) {
        .c-footer-link__banner--list .slick-next {
          right: -35px; } }
    .c-footer-link__banner--list .slick-next:before {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      cursor: pointer;
      color: #319c3b;
      font-size: 45px;
      position: absolute;
      left: 0;
      top: 50%; }
  .c-footer-link__sns {
    display: flex;
    margin: 40px auto 0; }
    @media (max-width: 767px) {
      .c-footer-link__sns {
        margin: 20px auto 0; } }
  .c-footer-link__sns--list {
    display: flex;
    width: 100%;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .c-footer-link__sns--list {
        flex-wrap: wrap; } }
    .c-footer-link__sns--list-ttl {
      display: flex;
      align-items: center;
      flex-direction: column;
      font-size: 22px;
      padding: 20px 30px;
      color: #ffffff;
      background: #319c3b; }
      @media (max-width: 767px) {
        .c-footer-link__sns--list-ttl {
          width: calc(100% + 30px);
          margin-left: -15px;
          margin-bottom: 14px;
          flex-shrink: 0; } }
      .c-footer-link__sns--list-ttl span {
        display: block;
        font-size: 16px; }
        .c-footer-link__sns--list-ttl span:before {
          content: "";
          height: 3px;
          max-width: 120px;
          display: block;
          background: #ffffff;
          margin: 10px auto 12px; }
    .c-footer-link__sns--list-item {
      background: #ffffff;
      margin: 0 0 0 10px;
      text-align: center;
      line-height: 1;
      font-size: 14px; }
      @media (max-width: 991px) {
        .c-footer-link__sns--list-item {
          font-size: 10px; } }
      @media (max-width: 767px) {
        .c-footer-link__sns--list-item {
          width: 18%;
          margin: 0;
          font-size: 10px; } }
      .c-footer-link__sns--list-item a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        padding: 15px 20px;
        flex-direction: column;
        height: 100%; }
        @media (max-width: 991px) {
          .c-footer-link__sns--list-item a {
            justify-content: space-around; } }
        @media (max-width: 767px) {
          .c-footer-link__sns--list-item a {
            padding: 15px 20px; } }
        .c-footer-link__sns--list-item a:hover {
          opacity: 0.7; }
      .c-footer-link__sns--list-item span {
        display: block;
        margin-top: 10px; }
  .c-footer-link__utility--list {
    display: flex;
    justify-content: flex-end;
    padding: 53px 0 10px; }
    @media (max-width: 767px) {
      .c-footer-link__utility--list {
        flex-direction: column;
        padding: 0;
        border-top: 1px solid #319c3b;
        width: calc(100% + 30px);
        margin-left: -15px; } }
    .c-footer-link__utility--list-item {
      margin-right: 22px; }
      @media (max-width: 767px) {
        .c-footer-link__utility--list-item {
          margin-right: 0;
          border-bottom: 1px solid #319c3b; } }
      .c-footer-link__utility--list-item a {
        text-decoration: none; }
        .c-footer-link__utility--list-item a:hover {
          text-decoration: underline;
          transition: 0;
          color: #000000; }
        @media (max-width: 767px) {
          .c-footer-link__utility--list-item a {
            padding: 15px;
            display: block; }
            .c-footer-link__utility--list-item a:before {
              font-family: "Font Awesome 5 Free";
              content: "\f35a";
              font-weight: 900;
              padding-right: 5px;
              color: #319c3b; } }
      .c-footer-link__utility--list-item:before {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        padding-right: 5px;
        color: #319c3b; }
        @media (max-width: 767px) {
          .c-footer-link__utility--list-item:before {
            display: none; } }

/* TOPへ戻るボタン */
.c-pagetop {
  position: fixed;
  bottom: 2%;
  right: 5%;
  z-index: 1000; }
  @media (max-width: 767px) {
    .c-pagetop {
      bottom: 9%; } }
  .c-pagetop a {
    display: block; }
    .c-pagetop a:hover {
      transition: .2s; }

/* ロゴとナビゲーション部分 */
.c-footer {
  /*
  &__contact {
  	display: none;
  	@media (max-width: $screen-xs-max) {
  		margin-top: 20px;
  		align-items: center;
  		display: flex;
  		flex-direction: column;
  	}
  }
  &__contact-tel {
  	display: flex;
  	align-items: center;
  	
  	img {
  		margin-right: 7px;
  		width: 32px;
  		vertical-align: top;
  	}
  }
  &__contact-telnumber {
  	font-size: 24px;
  	line-height: 1;
  	font-weight: bold;
  }
  &__contact-opentime {
  	display: block;
  	font-size: 13px;
  	margin-top: 5px;
  }*/ }
  .c-footer__point {
    position: absolute;
    top: -180px;
    left: -200px; }
    @media (max-width: 767px) {
      .c-footer__point {
        display: none; } }
  .c-footer__box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 45px 0 35px;
    width: calc(100% - 30px);
    max-width: 1000px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .c-footer__box {
        flex-direction: column;
        padding: 25px 0 25px;
        flex-direction: column-reverse; } }
    .c-footer__box--left {
      width: 34%; }
      @media (max-width: 767px) {
        .c-footer__box--left {
          width: 100%; } }
    .c-footer__box--center {
      width: 30%;
      /*			display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;*/
      border-left: 1px dotted #ffffff;
      border-right: 1px dotted #ffffff;
      padding: 0 20px;
      margin: 40px 2% 0; }
      @media (max-width: 767px) {
        .c-footer__box--center {
          display: none; } }
      .c-footer__box--center .c-footer__link-ttl {
        font-family: 'oswald', sans-serif;
        font-size: 24px;
        margin-bottom: 20px; }
    .c-footer__box--right {
      width: 32%;
      margin-top: 40px; }
      .c-footer__box--right a {
        display: table;
        margin: 0 auto 20px; }
        @media (max-width: 767px) {
          .c-footer__box--right a {
            display: inline;
            margin: 0 10px; } }
      @media (max-width: 767px) {
        .c-footer__box--right {
          width: 100%;
          margin-top: 0;
          margin-bottom: 30px;
          display: flex;
          align-items: flex-end;
          justify-content: center; } }
  .c-footer__list {
    list-style: none; }
    @media (max-width: 767px) {
      .c-footer__list {
        padding: 0 2.5% 0 0;
        font-size: 14px;
        min-width: 50%; }
        .c-footer__list:last-child {
          padding: 0;
          width: 100%;
          margin: 20px 0;
          display: flex;
          /*justify-content: space-between;*/ }
          .c-footer__list:last-child .c-footer__item {
            width: 30%; } }
    .c-footer__list a {
      font-size: 14px;
      text-decoration: none;
      color: #ffffff; }
      .c-footer__list a:hover {
        text-decoration: underline;
        transition: .2s; }
    .c-footer__list .c-footer__iist-item:before {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      padding-right: 10px; }
  .c-footer__logo {
    display: block;
    line-height: 1; }
    @media (max-width: 767px) {
      .c-footer__logo {
        text-align: center;
        margin: 0 auto 20px; }
        .c-footer__logo img {
          width: 100%; } }
  .c-footer__sns {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 10px;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px 10px;
    max-width: 200px; }
    @media (max-width: 767px) {
      .c-footer__sns {
        justify-content: center; } }
    .c-footer__sns p {
      margin: 0 5px; }
  .c-footer__copyright {
    text-align: center;
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    font-family: 'oswald', sans-serif;
    padding: 10px; }

.c-container {
  width: 100%;
  margin: 0 auto 60px; }

.c-container__inner {
  width: calc(100% - 10px);
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  padding: 0; }

@media (min-width: 1020px) {
  .c-container__inner {
    width: 100%; } }
/* パンくず */
.topicpath {
  background: #319c3b;
  margin-bottom: 80px;
  font-size: 14px; }

.topicpath-link, .topicpath-link:active, .topicpath-link:focus, .topicpath-link:visited {
  color: #ffffff;
  text-decoration: none; }

.topicpath-link:hover {
  text-decoration: underline;
  transition: 0s; }

.topicpath-item {
  background: none;
  padding-left: 0;
  color: #ffffff; }
  .topicpath-item:before {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-weight: 900;
    color: #ffffff;
    margin: 0 5px; }

.topicpath-item:first-child:before {
  display: none; }

/* 画像はhtml側で都度指定している仕様。 */
.page-title-wrapper {
  background: url("../img/information/page_head.png") no-repeat center center !important;
  background-size: cover !important;
  height: 350px; }
  @media (max-width: 767px) {
    .page-title-wrapper {
      height: 125px; } }

/* タイトル背景部分のグレイのフィルター */
.page-title-filter {
  background: none; }

.page-description {
  display: none; }

/* 一覧 */
.acms-page-header {
  display: flex;
  border: none;
  margin-top: 0; }
  @media (max-width: 767px) {
    .acms-page-header {
      display: block; } }

/*.acms-box-medium {
	display: none;
}*/
.page-header .entryInfo {
  margin: 0; }

.entryInfo time {
  color: #319c3b;
  font-size: 14px; }

/* カテゴリーラベル共通 */
.acms-label {
  border: 1px solid #319c3b;
  color: #319c3b;
  padding: 3px 10px;
  text-align: center;
  width: 130px;
  display: inline-block;
  font-size: 12px;
  background: #ffffff;
  border-radius: 0;
  margin: 0 19px 0 27px; }
  .acms-label.__pressrelease, .acms-label.__association-info {
    border: 1px solid #007dc8;
    color: #007dc8; }
  .acms-label.__zoo-news {
    border: 1px solid #ff6411;
    color: #ff6411; }

.entry-title {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  max-width: 60%; }
  @media (max-width: 767px) {
    .entry-title {
      max-width: none;
      margin-top: 5px; } }
  .entry-title a {
    display: block; }

/* サイド */
.module-header {
  border-bottom: 5px solid #e0f0e2;
  margin-bottom: 23px;
  padding-bottom: 13px; }

.module-header .module-heading {
  font-size: 24px; }

.moduleHeader .module-heading {
  border-bottom: 5px solid #e0f0e2;
  margin-bottom: 23px;
  padding-bottom: 13px; }

.acms-list-group-item:active, .acms-list-group-item:focus, .acms-list-group-item:hover, .acms-list-group-item:visited {
  color: #000000; }

.acms-list-group {
  border-top: none; }

.acms-list-group-item {
  border: none; }

.categoryList {
  margin-bottom: 30px; }

.new-entry li {
  border-bottom: 1px solid #a8a8a8; }

.new-entry .acms-list-group-item .entryInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px; }

.new-entry .acms-list-group-item .entryInfo .acms-label.entry-category {
  width: auto;
  display: inline-block;
  margin: 0 0 0 10px;
  min-width: 80px; }

/*// -----------------------------------------------------------------
// サイドコンテンツ
// -----------------------------------------------------------------*/
.c-side__widget {
  margin-bottom: 60px; }
  .c-side__widget li > a {
    text-decoration: none; }
    .c-side__widget li > a:hover {
      text-decoration: underline; }

.c-side__widget-title {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #2cafc8;
  line-height: 2;
  border-bottom: 3px double #2cafc8;
  margin-bottom: 25px;
  font-family: 'oswald', sans-serif; }

.c-side__category--list {
  list-style: none;
  margin: 1em 0 1em;
  padding: 0; }
  .c-side__category--list-item a {
    text-decoration: none; }
    .c-side__category--list-item a:before {
      content: '';
      margin-right: 3px;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-radius: 100%; }
  .c-side__category--list-item.entry-cate01 a:before {
    background: #2cafc8; }
  .c-side__category--list-item.entry-cate02 a:before {
    background: #c15e62; }
  .c-side__category--list-item.entry-cate03 a:before {
    background: #488f5b; }
  .c-side__category--list-item.entry-cate04 a:before {
    background: #c79100; }

.c-side__widget-list {
  list-style: none;
  margin: 1em 0 1em;
  padding: 0;
  font-size: 16px; }

.c-side__widget-list .children {
  padding-left: 1.1em; }

.c-side__post--list li {
  margin-bottom: 16px;
  border-bottom: 1px dotted #2cafc8;
  padding-bottom: 5px; }
  .c-side__post--list li a {
    display: block; }
    .c-side__post--list li a:hover {
      text-decoration: none;
      opacity: 0.7; }

.c-side-ttl {
  font-size: 18px;
  font-weight: bold; }

.c-side-date {
  font-size: 12px;
  display: block;
  color: #707070;
  margin: 0; }

.c-side-cate {
  font-size: 0.75rem;
  text-align: center;
  background: #2cafc8;
  color: #ffffff;
  padding: 3px 15px;
  margin: 0;
  display: inline-block;
  min-width: 100px; }
  .c-side-cate.entry-cate01 {
    background: #2cafc8; }
  .c-side-cate.entry-cate02 {
    background: #c15e62; }
  .c-side-cate.entry-cate03 {
    background: #488f5b; }
  .c-side-cate.entry-cate04 {
    background: #c79100; }

.c-side__widget--select {
  border: 1px solid #000000;
  position: relative;
  border-radius: 5px; }
  .c-side__widget--select select {
    width: 100%;
    padding: 0 20px 0 5px; }
  .c-side__widget--select:after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); }

.post-information h1 {
  font-size: 32px;
  border-bottom: 4px solid #f5f5f5;
  margin-bottom: 16px;
  max-width: 100%; }

.entry-style .post-information .acms-page-header .entry-styleInfo {
  width: 100%;
  display: flex;
  align-items: center;
  border: none;
  justify-content: space-between;
  margin-top: 0; }
  @media (max-width: 767px) {
    .entry-style .post-information .acms-page-header .entry-styleInfo {
      display: block; } }

.entry-style .post-information p.entry-styleInfo .acms-label.entry-style-category {
  font-size: 14px;
  padding: 5px;
  margin: 0; }

h2.entry-style {
  font-size: 36px;
  color: #319c3b;
  margin-bottom: 40px;
  padding: 0;
  border: none;
  font-weight: normal; }

h3.entry-style {
  font-weight: 900;
  font-size: 30px;
  margin: 0 0 40px;
  padding: 0;
  background: none; }
  h3.entry-style:after {
    content: '';
    display: block;
    height: 1px;
    width: 60px;
    background: #319c3b;
    margin-top: 34px;
    margin-bottom: 53px; }

h4.entry-style {
  font-weight: 600;
  font-size: 24px;
  color: #319c3b;
  margin-bottom: 20px; }

ul.entry-style {
  list-style: none;
  margin: 1em 0 1em;
  padding: 0; }
  ul.entry-style li {
    margin-bottom: .5em; }
    ul.entry-style li:before {
      content: "●";
      color: #319c3b;
      display: inline-block;
      margin: 0 5px; }
    ul.entry-style li:last-child {
      margin-bottom: 0; }

ol.entry-style {
  list-style: none;
  margin: 1em 0 1em;
  padding: 0;
  counter-reset: number; }

ol.entry-style li {
  text-indent: -1.5em;
  margin-left: 1.5em;
  margin-bottom: .5em; }
  ol.entry-style li:before {
    font-family: 'oswald', sans-serif;
    counter-increment: number;
    /* li の数を一つずつ増加 */
    content: counter(number) ". ";
    /* 数を表示 */
    color: #319c3b;
    margin: 0 5px;
    /*			padding: 2px 7px 2px 9px;
    	align-items: center;
    	text-align: center;*/ }

table.c-table__default {
  width: 100%;
  margin: 30px auto;
  border-collapse: collapse;
  border-top: 2px solid #319c3b; }

table.c-table__default tr th {
  padding: 20px;
  border-bottom: 1px solid #cdd6dd;
  color: #319c3b; }
  @media (max-width: 767px) {
    table.c-table__default tr th {
      padding: 10px; } }

table.c-table__default tr td {
  padding: 20px;
  border-bottom: 1px solid #cdd6dd; }
  @media (max-width: 767px) {
    table.c-table__default tr td {
      padding: 10px; } }

table.c-table__default tr:nth-child(2n+1) {
  background: #ffffff; }

blockquote.entry-style {
  background: #fff;
  border: 10px solid #f0f3f5; }

/*// -----------------------------------------------------------------
// シェアボタン類
// -----------------------------------------------------------------*/
.c-single__share--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none; }

.c-single__share--item {
  padding: 10px;
  width: 32%;
  text-align: center;
  border: solid 1px #c4c4c4; }

/* パーツリスト */
.column-table- {
  max-width: 1000px !important;
  margin-right: auto;
  margin-left: auto; }

.entry-txt {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0; }

/* ボックス　◯パターン① */
.wrap-box01 {
  background: #eaf6ec;
  padding: 20px 30px;
  margin: 0 auto 30px;
  max-width: 1000px; }
  .wrap-box01 .box-ttl {
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    color: #319c3b;
    margin-bottom: 0; }

/* ボックス　◯パターン② */
.wrap-box02 {
  border: 5px solid #e8e8e8;
  padding: 15px 25px;
  margin: 0 auto 30px;
  max-width: 1000px; }
  .wrap-box02 .box-ttl {
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    color: #319c3b;
    margin-bottom: 0; }

/* ボックス　◯パターン③ */
.wrap-box03 {
  background: #f5f5f5;
  padding: 20px;
  margin: 0 0 30px; }
  .wrap-box03 .box-ttl {
    border-radius: 28px;
    background: #fff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #319c3b;
    margin-bottom: 0;
    padding: 5px 30px; }

/* ボックスを2つ並べる */
.col2-wrap {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 767px) {
    .col2-wrap {
      flex-direction: column; } }
  .col2-wrap > div {
    flex-basis: 49%;
    justify-content: space-between; }

/* ボックスを3つ並べる */
.col3-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .col3-wrap {
      flex-direction: column; } }
  .col3-wrap > div {
    flex-basis: 32%;
    justify-content: space-between;
    margin-right: 2%; }
    .col3-wrap > div:nth-child(3n) {
      margin-right: 0; }
    @media (max-width: 767px) {
      .col3-wrap > div {
        margin: 0 0 20px; } }

/* テーブル */
table.c-table__one {
  border: 1px solid #319c3b;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px; }
  table.c-table__one th {
    background: #eaf6ec;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #319c3b;
    padding: 16px 25px;
    border-bottom: 1px solid #319c3b; }
  table.c-table__one td {
    padding: 16px 25px;
    border-bottom: 1px solid #319c3b; }

/* CTA */
.cta-pattern01 {
  background: #eaf6ec;
  margin-bottom: 30px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 55px calc(50vw - 50% + 55px); }
  @media (max-width: 767px) {
    .cta-pattern01 {
      padding: 25px calc(50vw - 50%); } }
  .cta-pattern01 .cta-ttl {
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    color: #319c3b; }
    .cta-pattern01 .cta-ttl:after {
      content: "";
      display: block;
      width: 120px;
      height: 2px;
      background: #2d9731;
      margin: 10px auto 30px; }
  .cta-pattern01 .cta-name {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #000; }
  .cta-pattern01 .cta-tel {
    font-weight: 900;
    font-size: 36px;
    text-align: center;
    color: #ff6607; }
    @media (max-width: 767px) {
      .cta-pattern01 .cta-tel {
        font-size: 30px; } }
    .cta-pattern01 .cta-tel span {
      display: block;
      font-weight: normal;
      font-size: 14px;
      color: #333; }
  .cta-pattern01 .cta-txtbox {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto; }

/* 見出し */
.ttl_lv2 {
  font-weight: 900;
  color: #319c3b;
  margin: 60px 0;
  font-size: 32px;
  text-align: center; }
  .ttl_lv2:after {
    content: '';
    display: block;
    width: 120px;
    height: 3px;
    margin: 10px auto;
    background: #319c3b; }
  @media (max-width: 767px) {
    .ttl_lv2 {
      margin: 20px 0;
      font-size: 24px; } }

.ttl_lv3 {
  font-weight: bold;
  font-size: 24px;
  margin: 20px auto;
  max-width: 1000px; }

.ttl_lv4 {
  font-weight: bold;
  font-size: 24px;
  margin: 0 auto 20px;
  color: #319c3b;
  max-width: 1000px; }

.ttl_lv5 {
  margin: 20px auto;
  font-weight: normal;
  display: flex;
  align-items: flex-start;
  max-width: 1000px; }
  .ttl_lv5 span {
    background: #319c3b;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 20px;
    color: #fff;
    margin-right: 20px;
    flex-shrink: 0;
    display: inline-block; }

/* ギャラリー画像4枚 */
.gallery-imglist {
  display: flex;
  justify-content: flex-start;
  margin: 30px auto;
  flex-wrap: wrap;
  max-width: 1000px; }
  .gallery-imglist div {
    flex-basis: 24%;
    text-align: center;
    margin: 0 0.5%; }
    @media (max-width: 767px) {
      .gallery-imglist div {
        flex-basis: 48%;
        margin-right: 1%;
        margin-bottom: 10px; } }

/* ページ内リンク */
.page-links {
  background: #eaf6ec;
  border-top: 1px solid #428d3f;
  border-bottom: 1px solid #428d3f;
  /*padding: 28px 32px;*/
  margin: 30px 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 28px calc(50vw - 47.5%); }
  @media (max-width: 767px) {
    .page-links {
      padding: 0; } }
  .page-links li {
    color: #319c3b;
    display: inline-block;
    margin-right: 32px; }
    @media (max-width: 767px) {
      .page-links li {
        display: block;
        border-bottom: 1px solid #428d3f;
        margin-right: 0; } }
    .page-links li:last-child {
      border-bottom: none; }
    .page-links li a {
      font-weight: bold;
      font-size: 16px;
      color: #319c3b;
      text-decoration: none; }
      @media (max-width: 767px) {
        .page-links li a {
          display: block;
          padding: 18px 20px; } }
      .page-links li a:hover {
        opacity: 0.7; }
      .page-links li a span:after {
        font-family: "Font Awesome 5 Free";
        content: "\f358";
        font-weight: 900;
        margin-left: 6px; }

/* ボタン */
.entry-btn-default {
  color: #ffffff;
  background: #319c3b !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  max-width: 185px;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  margin: 0 auto 20px;
  transition: 0.2s;
  text-decoration: none; }

.entry-btn-default::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  font-weight: 900;
  margin-left: 10px;
  line-height: 1;
  margin-top: 3px;
  display: block; }

.entry-btn-default {
  color: #ffffff !important; }

.entry-btn-default:hover {
  background: #00b711 !important; }

.entry-btn-default:visited {
  color: #ffffff !important; }

/* 音声 */
.audiofile {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px; }

/* お楽しみタイム */
.enjoy-box {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  border-bottom: 1px solid #428d3f; }
  @media (max-width: 767px) {
    .enjoy-box {
      flex-direction: column; } }
  .enjoy-box__img {
    flex-basis: 40%;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .enjoy-box__img {
        flex-basis: auto;
        text-align: center;
        margin-bottom: 20px; } }
  .enjoy-box__txt {
    flex-basis: 55%;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .enjoy-box__txt {
        flex-basis: auto; } }
  .enjoy-box__ttl {
    font-weight: 900;
    font-size: 36px;
    color: #319c3b;
    line-height: 1.3;
    margin: 0; }

/* お楽しみタイム2つ並び */
.enjoy-box02 {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  border-bottom: 1px solid #0071a7; }
  @media (max-width: 767px) {
    .enjoy-box02 {
      flex-direction: column;
      border-bottom: none; } }
  .enjoy-box02__txt {
    flex-basis: 48%;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .enjoy-box02__txt {
        flex-basis: auto; } }
    .enjoy-box02__txt:first-child {
      border-right: 1px solid #0071a7;
      padding-right: 1%;
      margin-right: 1%; }
      @media (max-width: 767px) {
        .enjoy-box02__txt:first-child {
          border-right: none;
          border-bottom: 1px solid #0071a7;
          padding-right: 0;
          margin-right: 0; } }
  .enjoy-box02__ttl {
    font-weight: 900;
    font-size: 36px;
    color: #0071a7;
    line-height: 1.3;
    margin: 0; }
    .enjoy-box02__ttl span {
      font-size: 24px;
      display: block; }
  .enjoy-box02 .ttl_lv5 span {
    background: #0071a7; }

/* =========

動物詳細ページ用パーツ

============ */
/* 動物詳細共通メイン */
.zoo-detail-mainttl {
  font-weight: 900;
  font-size: 36px;
  color: #319c3b;
  margin-bottom: 32px;
  padding-bottom: 10px;
  border-bottom: 3px solid #7aa843; }
  @media (max-width: 767px) {
    .zoo-detail-mainttl {
      font-size: 24px; } }
  .zoo-detail-mainttl span {
    font-weight: bold;
    font-size: 16px;
    color: #319c3b;
    margin-left: 30px; }
    @media (max-width: 767px) {
      .zoo-detail-mainttl span {
        display: block;
        margin-left: 0; } }

.zoo-detail-box {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  /*border-bottom: 1px solid #428d3f;*/ }
  @media (max-width: 767px) {
    .zoo-detail-box {
      flex-direction: column; } }
  .zoo-detail-box__img {
    flex-basis: 50%;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .zoo-detail-box__img {
        flex-basis: auto;
        text-align: center;
        margin-bottom: 20px; } }
  .zoo-detail-box__txt {
    flex-basis: 46.3%;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .zoo-detail-box__txt {
        flex-basis: auto; } }
  .zoo-detail-box__ttl {
    font-weight: 900;
    font-size: 16px;
    color: #ff6607;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ed702f; }
  .zoo-detail-box__features {
    margin: 0 0 30px;
    padding: 0; }
    .zoo-detail-box__features dt {
      background: #319c3b;
      font-weight: bold;
      font-size: 16px;
      padding: 5px 20px;
      color: #fff;
      margin-right: 20px;
      flex-shrink: 0;
      display: inline-block; }
    .zoo-detail-box__features dd {
      margin: 0; }
  .zoo-detail-box__table {
    border-collapse: collapse;
    width: 100%;
    margin: 30px 0; }
    .zoo-detail-box__table caption {
      text-align: left;
      color: #319c3b;
      font-weight: bold;
      padding: 10px;
      border-top: 2px solid #319c3b;
      border-bottom: 1px solid #707070; }
    .zoo-detail-box__table th {
      text-align: left;
      color: #319c3b;
      white-space: nowrap;
      font-weight: bold;
      padding: 10px;
      border-bottom: 1px solid #707070; }
    .zoo-detail-box__table td {
      padding: 10px;
      border-bottom: 1px solid #707070; }
      .zoo-detail-box__table td.c-txt__italic {
        font-style: italic; }

/*見どころ*/
.attractions-box {
  margin: 26px 0;
  padding: 15px 30px;
  display: flex;
  align-items: center;
  background: #eaf6ec; }
  @media (max-width: 767px) {
    .attractions-box {
      flex-direction: column; } }
  .attractions-box:before {
    content: url("../img/zoo/icn-attractions.png");
    flex-shrink: 0;
    margin-right: 15px; }

/* ◯個体紹介カード */
.individual-card__ttl {
  display: table;
  width: 100%;
  text-align: center;
  padding-left: 10px !important;
  padding-right: 10px !important; }
  .individual-card__ttl:before {
    content: "名前";
    font-size: 14px;
    display: table-cell;
    text-align: center;
    width: 3em;
    padding-right: 10px;
    vertical-align: middle; }
.individual-card__img {
  margin-bottom: 22px;
  text-align: center; }
.individual-card__table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0; }
  .individual-card__table th {
    text-align: left;
    color: #319c3b;
    white-space: nowrap;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #707070; }
  .individual-card__table td {
    padding: 10px;
    border-bottom: 1px solid #707070; }

/* ◯スタッフ一言 */
.staff-comment {
  padding: 40px 20px 0 40px;
  border: 6px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .staff-comment {
      padding: 27px 10px 0 27px; } }
  .staff-comment__right {
    flex-shrink: 0;
    position: relative;
    margin-bottom: -6px;
    text-align: center;
    align-self: flex-end; }
  .staff-comment__ttl {
    font-weight: 900;
    font-size: 18px;
    color: #ff6607; }
  .staff-comment__txt {
    margin-bottom: 40px; }
  .staff-comment__img {
    align-self: flex-end; }

/* ◯一言 */
.comment-box {
  padding: 40px 40px 0;
  border: 6px solid #e8e8e8;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .comment-box {
      padding: 27px 27px 0 27px; } }
  .comment-box__ttl {
    font-weight: 900;
    font-size: 18px;
    color: #ff6607; }
  .comment-box__txt {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .comment-box__txt {
        margin-bottom: 20px; } }

/* ウラ情報などテキスト用ボックス */
.box-width750 {
  max-width: 750px;
  margin: 30px auto 60px; }

.box-width490 {
  max-width: 490px;
  margin: 30px auto 60px; }

/*ギャラリー*/
.gallery-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.gallery-box-item {
  flex-basis: 30%;
  margin-right: 5%;
  margin-bottom: 20px; }
  .gallery-box-item:nth-child(3n) {
    margin-right: 0; }
  @media (max-width: 767px) {
    .gallery-box-item {
      margin: 0 0 20px;
      flex-basis: auto; } }

/* サポーターになりませんか */
.supporters-box {
  margin-bottom: 60px; }

.supporters-btn {
  margin: 30px auto;
  max-width: 185px;
  background: url("../img/zoo/bg-btn-temperate.png") no-repeat left top;
  transition: 0.2s; }
  .supporters-btn:hover {
    opacity: 0.7;
    transition: 0.2s; }
  .supporters-btn a {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 50px;
    text-decoration: none; }
    .supporters-btn a:after {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      margin-left: 10px;
      line-height: 1;
      margin-top: 3px;
      display: block; }

/* リンクカルーセル */
.carousel-box {
  background: #f4f6ec;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 10px calc(50vw - 50% + 100px) 60px; }
  @media (max-width: 767px) {
    .carousel-box {
      padding: 25px calc(50vw - 50%); } }
  .carousel-box .ttl_lv2 {
    color: #80a21f; }
    .carousel-box .ttl_lv2:after {
      background: #80a21f; }

.carousel-box-list {
  margin: 0 auto; }
  .carousel-box-list span {
    display: block;
    margin: 0 7%; }
  .carousel-box-list img {
    display: block;
    width: 95%; }
  @media (max-width: 1200px) {
    .carousel-box-list {
      max-width: 80%; } }
  @media (max-width: 991px) {
    .carousel-box-list img {
      width: 90%;
      height: auto;
      margin: 0 auto; } }
  .carousel-box-list .slick-prev {
    left: -75px;
    background: none;
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .carousel-box-list .slick-prev {
        left: -55px; } }
  .carousel-box-list .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f359";
    font-weight: 900;
    cursor: pointer;
    color: #80a31f;
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 50%; }
  .carousel-box-list .slick-next {
    right: -70px;
    background: none;
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .carousel-box-list .slick-next {
        right: -55px; } }
  .carousel-box-list .slick-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-weight: 900;
    cursor: pointer;
    color: #80a31f;
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 50%; }

.carousel-box-list-item {
  text-align: center;
  font-size: 21px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .carousel-box-list-item {
      font-size: 16px; } }
  .carousel-box-list-item a {
    color: #80a31f;
    display: block;
    text-decoration: none; }
    .carousel-box-list-item a:hover {
      color: #80a31f;
      opacity: 0.7; }
      .carousel-box-list-item a:hover img {
        opacity: 1; }

/* カテゴリ色変え指定 */
/*熱帯カテゴリ */
.p-entry-tropical {
  /* 見出し */
  /* 動物詳細共通メイン */
  /*見どころ*/
  /* ◯個体紹介カード */
  /* サポーターになりませんか */
  /* リンクカルーセル */ }
  .p-entry-tropical .ttl_lv2 {
    color: #cb2d80; }
    .p-entry-tropical .ttl_lv2:after {
      background: #cb2d80; }
  .p-entry-tropical .zoo-detail-mainttl {
    color: #cb2d80;
    border-bottom: 3px solid #cb2d80; }
    .p-entry-tropical .zoo-detail-mainttl span {
      color: #cb2d80; }
  .p-entry-tropical .zoo-detail-box__features dt {
    background: #cb2d80; }
  .p-entry-tropical .zoo-detail-box__table caption {
    color: #cb2d80;
    border-top: 2px solid #cb2d80; }
  .p-entry-tropical .zoo-detail-box__table th {
    color: #cb2d80; }
  .p-entry-tropical .attractions-box {
    background: #fae9f2; }
    .p-entry-tropical .attractions-box:before {
      content: url("../img/zoo/icn-attractions-tropical.png"); }
  .p-entry-tropical .individual-card__ttl {
    color: #cb2d80; }
  .p-entry-tropical .individual-card__table th {
    color: #cb2d80; }
  .p-entry-tropical .supporters-btn {
    background: url("../img/zoo/bg-btn-tropical.png") no-repeat left top;
    background-size: cover; }
  .p-entry-tropical .carousel-box {
    background: #fae9f2; }
  .p-entry-tropical .carousel-box-list .slick-prev:before {
    color: #cb2d80; }
  .p-entry-tropical .carousel-box-list .slick-next:before {
    color: #cb2d80; }
  .p-entry-tropical .carousel-box-list-item a {
    color: #cb2d80; }
    .p-entry-tropical .carousel-box-list-item a:hover {
      color: #cb2d80; }

/*サバンナカテゴリ */
.p-entry-savanna {
  /* 見出し */
  /* 動物詳細共通メイン */
  /*見どころ*/
  /* ◯個体紹介カード */
  /* サポーターになりませんか */
  /* リンクカルーセル */ }
  .p-entry-savanna .ttl_lv2 {
    color: #6a3906; }
    .p-entry-savanna .ttl_lv2:after {
      background: #6a3906; }
  .p-entry-savanna .zoo-detail-mainttl {
    color: #6a3906;
    border-bottom: 3px solid #6a3906; }
    .p-entry-savanna .zoo-detail-mainttl span {
      color: #6a3906; }
  .p-entry-savanna .zoo-detail-box__features dt {
    background: #6a3906; }
  .p-entry-savanna .zoo-detail-box__table caption {
    color: #6a3906;
    border-top: 2px solid #6a3906; }
  .p-entry-savanna .zoo-detail-box__table th {
    color: #6a3906; }
  .p-entry-savanna .attractions-box {
    background: #f0ebe5; }
    .p-entry-savanna .attractions-box:before {
      content: url("../img/zoo/icn-attractions-savanna.png"); }
  .p-entry-savanna .individual-card__ttl {
    color: #6a3906; }
  .p-entry-savanna .individual-card__table th {
    color: #6a3906; }
  .p-entry-savanna .supporters-btn {
    background: url("../img/zoo/bg-btn-savanna.png") no-repeat left top;
    background-size: cover; }
  .p-entry-savanna .carousel-box {
    background: #f0ebe5; }
  .p-entry-savanna .carousel-box-list .slick-prev:before {
    color: #6a3906; }
  .p-entry-savanna .carousel-box-list .slick-next:before {
    color: #6a3906; }
  .p-entry-savanna .carousel-box-list-item a {
    color: #6a3906; }
    .p-entry-savanna .carousel-box-list-item a:hover {
      color: #6a3906; }

/*ジャングルカテゴリ */
.p-entry-jungle {
  /* 見出し */
  /* 動物詳細共通メイン */
  /*見どころ*/
  /* ◯個体紹介カード */
  /* サポーターになりませんか */
  /* リンクカルーセル */ }
  .p-entry-jungle .ttl_lv2 {
    color: #dc5513; }
    .p-entry-jungle .ttl_lv2:after {
      background: #dc5513; }
  .p-entry-jungle .zoo-detail-mainttl {
    color: #dc5513;
    border-bottom: 3px solid #dc5513; }
    .p-entry-jungle .zoo-detail-mainttl span {
      color: #dc5513; }
  .p-entry-jungle .zoo-detail-box__features dt {
    background: #dc5513; }
  .p-entry-jungle .zoo-detail-box__table caption {
    color: #dc5513;
    border-top: 2px solid #dc5513; }
  .p-entry-jungle .zoo-detail-box__table th {
    color: #dc5513; }
  .p-entry-jungle .attractions-box {
    background: #fceee7; }
    .p-entry-jungle .attractions-box:before {
      content: url("../img/zoo/icn-attractions-jungle.png"); }
  .p-entry-jungle .individual-card__ttl {
    color: #dc5513; }
  .p-entry-jungle .individual-card__table th {
    color: #dc5513; }
  .p-entry-jungle .supporters-btn {
    background: url("../img/zoo/bg-btn-jungle.png") no-repeat left top;
    background-size: cover; }
  .p-entry-jungle .carousel-box {
    background: #fceee7; }
  .p-entry-jungle .carousel-box-list .slick-prev:before {
    color: #dc5513; }
  .p-entry-jungle .carousel-box-list .slick-next:before {
    color: #dc5513; }
  .p-entry-jungle .carousel-box-list-item a {
    color: #dc5513; }
    .p-entry-jungle .carousel-box-list-item a:hover {
      color: #dc5513; }

/*こども動物園カテゴリ */
.p-entry-children-zoo {
  /* 見出し */
  /* 動物詳細共通メイン */
  /*見どころ*/
  /* ◯個体紹介カード */
  /* サポーターになりませんか */
  /* リンクカルーセル */ }
  .p-entry-children-zoo .ttl_lv2 {
    color: #0092db; }
    .p-entry-children-zoo .ttl_lv2:after {
      background: #0092db; }
  .p-entry-children-zoo .zoo-detail-mainttl {
    color: #0092db;
    border-bottom: 3px solid #0092db; }
    .p-entry-children-zoo .zoo-detail-mainttl span {
      color: #0092db; }
  .p-entry-children-zoo .zoo-detail-box__features dt {
    background: #0092db; }
  .p-entry-children-zoo .zoo-detail-box__table caption {
    color: #0092db;
    border-top: 2px solid #0092db; }
  .p-entry-children-zoo .zoo-detail-box__table th {
    color: #0092db; }
  .p-entry-children-zoo .attractions-box {
    background: #e5f3fc; }
    .p-entry-children-zoo .attractions-box:before {
      content: url("../img/zoo/icn-attractions-children-zoo.png"); }
  .p-entry-children-zoo .individual-card__ttl {
    color: #0092db; }
  .p-entry-children-zoo .individual-card__table th {
    color: #0092db; }
  .p-entry-children-zoo .supporters-btn {
    background: url("../img/zoo/bg-btn-children-zoo.png") no-repeat left top;
    background-size: cover; }
  .p-entry-children-zoo .carousel-box {
    background: #e5f3fc; }
  .p-entry-children-zoo .carousel-box-list .slick-prev:before {
    color: #0092db; }
  .p-entry-children-zoo .carousel-box-list .slick-next:before {
    color: #0092db; }
  .p-entry-children-zoo .carousel-box-list-item a {
    color: #0092db; }
    .p-entry-children-zoo .carousel-box-list-item a:hover {
      color: #0092db; }

/*==========

動物紹介インデックスページ用

===========*/
.p-zoo {
  /* ページリンクリスト */ }
  @media (max-width: 767px) {
    .p-zoo__overview--ttl {
      text-align: center;
      margin-bottom: 24px; } }
  .p-zoo__overview--box {
    display: flex;
    margin: 75px 0 87px;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .p-zoo__overview--box {
        flex-direction: column;
        margin: 30px 0 47px; } }
  .p-zoo__overview--txt {
    flex-basis: 44%; }
    @media (max-width: 767px) {
      .p-zoo__overview--txt {
        margin-bottom: 20px; } }
  .p-zoo__overview--pickup {
    flex-basis: 50%;
    background: #80a21f;
    padding: 14px 14px 5px;
    display: flex;
    color: #ffffff;
    position: relative; }
    @media (max-width: 767px) {
      .p-zoo__overview--pickup {
        flex-direction: column; } }
  .p-zoo__overview--pickup-icn {
    position: absolute;
    left: 30px;
    top: -5px; }
  .p-zoo__overview--pickup-img {
    flex-basis: 50%; }
    @media (max-width: 767px) {
      .p-zoo__overview--pickup-img {
        margin-bottom: 20px; }
        .p-zoo__overview--pickup-img img {
          width: 100%;
          height: auto; } }
  .p-zoo__overview--pickup-txt {
    flex-basis: 50%;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .p-zoo__overview--pickup-txt {
        padding-left: 0; } }
    .p-zoo__overview--pickup-txt .pickup-ttl {
      font-weight: bold;
      font-size: 20px;
      line-height: 1.35; }
    .p-zoo__overview--pickup-txt .pickup-date {
      background: #fff;
      padding: 10px 10px 10px 30px;
      margin: 10px 0 0 0;
      color: #80a21f;
      position: relative; }
      .p-zoo__overview--pickup-txt .pickup-date:before {
        font-family: "Font Awesome 5 Free";
        content: "\f152";
        font-weight: 900;
        position: absolute;
        left: 10px; }
  .p-zoo__mainimage {
    margin-bottom: 112px; }
    @media (max-width: 767px) {
      .p-zoo__mainimage {
        margin-bottom: 62px; } }
  .p-zoo__pagelinks {
    background: #f4f6ec;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 10px calc(50vw - 50%) 60px; }
    @media (max-width: 767px) {
      .p-zoo__pagelinks {
        padding: 25px calc(50vw - 50%); } }
    .p-zoo__pagelinks .ttl_lv2 {
      color: #80a21f; }
      .p-zoo__pagelinks .ttl_lv2:after {
        background: #80a21f; }
  .p-zoo__pagelinks-list {
    display: flex;
    justify-content: flex-start;
    margin: 30px 0;
    flex-wrap: wrap; }
    .p-zoo__pagelinks-list a {
      color: #80a21f;
      text-decoration: none; }
      .p-zoo__pagelinks-list a:hover {
        opacity: 0.7; }
    .p-zoo__pagelinks-list div {
      flex-basis: 23.2%;
      text-align: center;
      margin-right: 2.4%;
      margin-bottom: 30px;
      font-weight: bold;
      font-size: 21px; }
      .p-zoo__pagelinks-list div:nth-child(4n) {
        margin-right: 0; }
      @media (max-width: 767px) {
        .p-zoo__pagelinks-list div {
          flex-basis: 48%;
          margin-right: 4%; }
          .p-zoo__pagelinks-list div:nth-child(2n) {
            margin-right: 0; } }
      .p-zoo__pagelinks-list div span {
        display: block; }
      .p-zoo__pagelinks-list div img {
        display: block;
        margin: 0 auto; }
        @media (max-width: 767px) {
          .p-zoo__pagelinks-list div img {
            width: 100%;
            height: auto; } }
        .p-zoo__pagelinks-list div img:hover {
          opacity: 1; }

/* カテゴリ色変え指定 */
/*熱帯カテゴリ */
.p-entry-tropical .p-zoo__overview--pickup {
  background: #cb2d80; }
.p-entry-tropical .p-zoo__overview--pickup-txt .pickup-date {
  color: #cb2d80; }
.p-entry-tropical .p-zoo__pagelinks {
  background: #fae9f2; }
  .p-entry-tropical .p-zoo__pagelinks .ttl_lv2 {
    color: #cb2d80; }
    .p-entry-tropical .p-zoo__pagelinks .ttl_lv2:after {
      background: #cb2d80; }
.p-entry-tropical .p-zoo__pagelinks-list a {
  color: #cb2d80; }

/*サバンナカテゴリ */
.p-entry-savanna .p-zoo__overview--pickup {
  background: #6a3906; }
.p-entry-savanna .p-zoo__overview--pickup-txt .pickup-date {
  color: #6a3906; }
.p-entry-savanna .p-zoo__pagelinks {
  background: #f0ebe5; }
  .p-entry-savanna .p-zoo__pagelinks .ttl_lv2 {
    color: #6a3906; }
    .p-entry-savanna .p-zoo__pagelinks .ttl_lv2:after {
      background: #6a3906; }
.p-entry-savanna .p-zoo__pagelinks-list a {
  color: #6a3906; }

/*ジャングルカテゴリ */
.p-entry-jungle .p-zoo__overview--pickup {
  background: #dc5513; }
.p-entry-jungle .p-zoo__overview--pickup-txt .pickup-date {
  color: #dc5513; }
.p-entry-jungle .p-zoo__pagelinks {
  background: #fceee7; }
  .p-entry-jungle .p-zoo__pagelinks .ttl_lv2 {
    color: #dc5513; }
    .p-entry-jungle .p-zoo__pagelinks .ttl_lv2:after {
      background: #dc5513; }
.p-entry-jungle .p-zoo__pagelinks-list a {
  color: #dc5513; }

/*こども動物園カテゴリ */
.p-entry-children-zoo .p-zoo__overview--pickup {
  background: #0092db; }
.p-entry-children-zoo .p-zoo__overview--pickup-txt .pickup-date {
  color: #0092db; }
.p-entry-children-zoo .p-zoo__pagelinks {
  background: #e5f3fC; }
  .p-entry-children-zoo .p-zoo__pagelinks .ttl_lv2 {
    color: #0092db; }
    .p-entry-children-zoo .p-zoo__pagelinks .ttl_lv2:after {
      background: #0092db; }
.p-entry-children-zoo .p-zoo__pagelinks-list a {
  color: #0092db; }

.c-btn01 {
  margin: 30px auto;
  max-width: 185px;
  background: url("../img/common/bg-btn01.png") no-repeat left top;
  transition: 0.2s; }
  .c-btn01:hover {
    background: url("../img/common/bg-btn01-on.png") no-repeat left top;
    transition: 0.2s; }
  .c-btn01.btn-right {
    margin: 30px 0 30px auto; }
  .c-btn01 a {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 50px;
    text-decoration: none; }
    .c-btn01 a:after {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      margin-left: 10px;
      line-height: 1;
      margin-top: 3px;
      display: block; }

/* c-btn01の小さいもの */
.c-btn02 {
  max-width: 110px;
  background: url("../img/common/bg-btn01.png") no-repeat left top;
  background-size: contain;
  transition: 0.2s; }
  .c-btn02:hover {
    background: url("../img/common/bg-btn01-on.png") no-repeat left top;
    background-size: contain;
    transition: 0.2s; }
  .c-btn02.btn-right {
    margin: 30px 0 30px auto; }
  .c-btn02 a {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 30px;
    font-size: 12px;
    text-decoration: none; }
    .c-btn02 a:after {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      margin-left: 5px;
      line-height: 1;
      margin-top: 2px;
      display: block; }

/* 一覧ページ送り */
.acms-pager-container {
  position: relative; }

.pager {
  padding: 0 80px; }

.pager .pager-link {
  font-size: 16px;
  color: #319c3b;
  min-width: 30px;
  height: 40px;
  border: 1px solid #319c3b;
  border-radius: 0;
  background: #ffffff;
  padding: 5px 10px !important;
  text-decoration: none; }

/*.pager .pager-link:hover{
font-size: 16px;
color: #319c3b;
border: 1px solid #319c3b;
	border-radius: 0;
background: #ffffff;
}*/
.pager li {
  margin: 0 12px; }

.pager li.cur {
  font-size: 16px;
  color: #319c3b;
  width: 30px;
  height: 40px;
  background: #eaf5eb;
  border-radius: 0;
  padding: 5px 10px !important; }

.pager .prev-link {
  position: absolute;
  left: -12px; }
  .pager .prev-link .pager-link {
    border-left: none;
    border-right: none; }

.pager .next-link {
  position: absolute;
  right: -12px; }
  .pager .next-link .pager-link {
    border-left: none;
    border-right: none; }

/* 詳細ページページ送り */
.serial-nav {
  border: 4px solid #e0f0e2;
  position: relative; }
  .serial-nav:before {
    content: "";
    display: block;
    height: 100%;
    width: 4px;
    background: #e0f0e2;
    position: absolute;
    left: 50%;
    margin-left: -2px; }
    @media (max-width: 767px) {
      .serial-nav:before {
        display: none; } }

.serial-nav-item {
  width: 50%; }
  @media (max-width: 767px) {
    .serial-nav-item {
      width: auto; } }
  .serial-nav-item a {
    padding: 20px;
    display: block; }
    .serial-nav-item a:hover {
      text-decoration: none; }

.serial-nav-item　.acms-label {
  background: none;
  font-size: 14px;
  padding: 5px 10px;
  min-width: 130px;
  text-align: center;
  border-radius: 0; }

.serial-nav-item-inner {
  display: flex;
  justify-content: space-between; }

.serial-nav-item-arrow {
  color: #319c3b;
  white-space: nowrap; }

.serial-nav-item-ttl {
  display: block; }

.c-search {
  /*  margin-top:5px;*/ }
  @media (max-width: 767px) {
    .c-search {
      display: none; } }

.c-search__inner {
  margin-right: 12px; }

.c-search__form {
  display: flex;
  width: 100%;
  max-width: 137px;
  height: 28px;
  line-height: 28px;
  padding: 5px;
  align-items: center;
  border-radius: 14px;
  position: relative;
  background: #ffffff; }

.c-search__forminput:placeholder-shown {
  color: rgba(0, 0, 0, 0.26);
  font-size: 12px; }

.c-search__forminput {
  width: 100%; }

.c-search-btn {
  width: 22px;
  height: 19px;
  background: url("../img/common/search.svg") left top no-repeat;
  background-size: contain;
  font-size: 0;
  margin: 0 5px; }

/*// -----------------------------------------------------------------
// ポップアップコンテンツ
// -----------------------------------------------------------------*/
.p-popup {
  padding: 30px;
  background: #ffffff; }
  .p-popup__ttl {
    color: #ffffff;
    background: #319c3b;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 30px; }
    .p-popup__ttl .ttl-date {
      font-size: 22px;
      font-family: 'oswald', sans-serif; }
    .p-popup__ttl .ttl-day {
      font-size: 14px;
      margin-right: 10px; }
  .p-popup__table {
    color: #007dc8;
    width: 100%; }
    .p-popup__table th {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #e0f0e2; }
      @media (max-width: 767px) {
        .p-popup__table th {
          display: block;
          width: 100%;
          border: none;
          padding-bottom: 0; } }
    .p-popup__table td {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #e0f0e2;
      overflow: hidden; }
      @media (max-width: 767px) {
        .p-popup__table td {
          display: block;
          width: 100%;
          padding-top: 0; } }
    .p-popup__table .price-free {
      font-size: 12px; }
    .p-popup__table .open-time {
      font-size: 30px;
      font-weight: bold;
      margin-right: 30px;
      font-family: 'oswald', sans-serif; }
    .p-popup__table .event-list {
      width: 100%;
      border-collapse: collapse; }
      .p-popup__table .event-list tr:nth-child(odd) {
        background: #e0f0e2; }
      .p-popup__table .event-list tr:nth-child(even) {
        background: #f5faf5; }
  .p-popup .link-detail {
    display: inline-block;
    float: right;
    color: #007dc8; }
    .p-popup .link-detail:after {
      font-family: "Font Awesome 5 Free";
      content: "\f35a";
      font-weight: 900;
      margin-left: 10px; }

/* ウインドウ設定 */
.mfp-iframe {
  border-radius: 15px; }

.mfp-iframe-holder .mfp-content .mfp-iframe-scaler .mfp-close {
  background: #000;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  padding-right: 0;
  line-height: 1;
  top: -20px;
  right: -15px; }

/* 動的フォーム */
.c-table__dynamic-form {
  border: 1px solid #319c3b;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px; }

.c-table__dynamic-form th {
  background: #eaf6ec;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #319c3b;
  padding: 16px 25px;
  border-bottom: 1px solid #319c3b;
  width: 30%; }

.c-table__dynamic-form td {
  padding: 16px 25px;
  border-bottom: 1px solid #319c3b;
  width: 70%; }

/* 動的フォーム 完了 */
.c-form {
  text-align: center; }

.c-form__result--figure {
  max-width: 500px;
  width: 100%;
  margin: 0 auto; }

.c-form__result--img {
  width: 100%; }

.c-form__result--home {
  margin: 30px 0 0; }

/* topページ */
.p-toppage {
  /* 開園時間＆休園日 */
  /* イベントカレンダー */
  /*お知らせ*/
  /* イベント情報 */
  /* のいち動物公園の魅力 */ }
  .p-toppage__mainvisual {
    border-bottom: 20px solid #319c3b;
    margin-bottom: 65px; }
    .p-toppage__mainvisual button {
      display: none !important; }
    .p-toppage__mainvisual--slide {
      margin-bottom: 0;
      padding: 0; }
      @media (max-width: 767px) {
        .p-toppage__mainvisual--slide .slick-list {
          height: 300px; } }
      @media (max-width: 767px) {
        .p-toppage__mainvisual--slide .slick-track {
          height: 300px; } }
      .p-toppage__mainvisual--slide-item {
        position: relative;
        margin-bottom: 0; }
        .p-toppage__mainvisual--slide-item img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .p-toppage__mainvisual--slide-txt {
      position: absolute;
      bottom: 7%;
      width: 100%;
      max-width: 1000px;
      left: 50%;
      transform: translateX(-50%); }
      @media (max-width: 991px) {
        .p-toppage__mainvisual--slide-txt img {
          width: 320px; } }
      @media (max-width: 767px) {
        .p-toppage__mainvisual--slide-txt {
          left: 52%; } }
    .p-toppage__mainvisual .slick-dotted.slick-slider {
      margin-bottom: 0; }
    .p-toppage__mainvisual .main-slider-dots {
      position: absolute;
      bottom: 4%;
      width: 100%;
      max-width: 1000px;
      transform: translateX(-50%);
      left: 50%;
      z-index: 20;
      text-align: right; }
      @media (max-width: 767px) {
        .p-toppage__mainvisual .main-slider-dots {
          display: none; } }
      .p-toppage__mainvisual .main-slider-dots li {
        display: inline-block;
        width: 5%;
        height: 5px;
        font-size: 0;
        background: #ffffff;
        margin: 0 10px; }
        .p-toppage__mainvisual .main-slider-dots li.slick-active {
          background: #319c3b; }
  .p-toppage__service--infomartion-box {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 850px) {
      .p-toppage__service--infomartion-box {
        flex-direction: column-reverse;
        gap: 20px; } }
  .p-toppage__service--infomartion-open {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #eaf5eb;
    padding: 20px;
    margin-right: 10px;
    min-width: 260px; }
    @media (max-width: 767px) {
      .p-toppage__service--infomartion-open {
        margin-right: 0;
        margin-top: 10px; } }
    .p-toppage__service--infomartion-open dl {
      background: #ffffff;
      border-radius: 10px;
      color: #319c3b;
      padding: 20px;
      margin: 0;
      gap: 20px; }
      @media (max-width: 767px) {
        .p-toppage__service--infomartion-open dl {
          display: flex;
          justify-content: flex-start;
          align-items: center; } }
      .p-toppage__service--infomartion-open dl:first-child {
        margin-bottom: 10px; }
      .p-toppage__service--infomartion-open dl:last-child dt {
        white-space: nowrap;
        margin-bottom: 10px; }
      .p-toppage__service--infomartion-open dl dt {
        min-width: 2em;
        font-weight: bold;
        font-size: 15px; }
        @media (max-width: 767px) {
          .p-toppage__service--infomartion-open dl dt {
            min-width: 4em; } }
      .p-toppage__service--infomartion-open dl dd {
        font-size: 14px;
        line-height: 1.5;
        /*flex-shrink: 0;*/
        margin-left: 0; }
        .p-toppage__service--infomartion-open dl dd.opentime {
          font-size: 16px; }
          .p-toppage__service--infomartion-open dl dd.opentime span {
            font-family: 'oswald', sans-serif;
            font-size: 34px;
            display: block; }
  .p-toppage__service--infomartion-links {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1; }
    .p-toppage__service--infomartion-links ul {
      display: flex;
      width: 100%;
      height: 100%;
      flex-wrap: wrap;
      gap: 8px;
      /*	&:first-child {
      	margin-bottom: 10px;
      	li {
      		&:nth-child(odd) a {
      			background: #319c3b;
      			&:hover {
      				background: #00b711;
      			}
      		}
      		&:nth-child(even) a {
      			background: #007dc8;
      			&:hover {
      				background: #0095ef;
      			}
      		}
      	}
      }*/ }
    .p-toppage__service--infomartion-links li {
      width: calc((100% - 32px) / 5);
      height: calc((100% - 8px) / 2); }
      @media (max-width: 850px) {
        .p-toppage__service--infomartion-links li {
          width: calc((100% - 16px) / 3);
          height: auto; } }
      .p-toppage__service--infomartion-links li a {
        display: flex;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.3; }
        @media (max-width: 850px) {
          .p-toppage__service--infomartion-links li a {
            font-size: 10px;
            padding: 10px 0; } }
        .p-toppage__service--infomartion-links li a span {
          display: block;
          margin-bottom: 5px; }
        .p-toppage__service--infomartion-links li a:hover img {
          opacity: 1; }
      .p-toppage__service--infomartion-links li:nth-child(odd) a {
        background: #007dc8; }
        .p-toppage__service--infomartion-links li:nth-child(odd) a:hover {
          background: #0095ef; }
      .p-toppage__service--infomartion-links li:nth-child(even) a {
        background: #319c3b; }
        .p-toppage__service--infomartion-links li:nth-child(even) a:hover {
          background: #00b711; }
  .p-toppage__calendar {
    margin: 100px 0; }
    .p-toppage__calendar--bg {
      position: absolute;
      bottom: -100px;
      right: -130px;
      z-index: -1; }
    .p-toppage__calendar--ttl {
      display: flex;
      align-items: center; }
    .p-toppage__calendar--slide {
      margin-top: -100px; }
      @media (max-width: 767px) {
        .p-toppage__calendar--slide {
          margin-top: 0; } }
      .p-toppage__calendar--slide .slick-slide:hover {
        cursor: inherit; }
      .p-toppage__calendar--slide .month-prev {
        position: absolute;
        top: 0;
        left: inherit;
        right: 250px;
        color: #319c3b;
        font-size: 22px;
        z-index: 1000;
        height: 45px;
        border-bottom: 1px solid #319c3b; }
        .p-toppage__calendar--slide .month-prev:hover {
          cursor: pointer; }
        .p-toppage__calendar--slide .month-prev:before {
          font-family: "Font Awesome 5 Free";
          content: "\f359";
          font-weight: 300; }
        .p-toppage__calendar--slide .month-prev.slick-disabled {
          display: none !important; }
      .p-toppage__calendar--slide .month-next {
        position: absolute;
        top: 0;
        right: 0px;
        color: #319c3b;
        font-size: 22px;
        height: 45px;
        border-bottom: 1px solid #319c3b; }
        .p-toppage__calendar--slide .month-next:hover {
          cursor: pointer; }
        .p-toppage__calendar--slide .month-next:after {
          font-family: "Font Awesome 5 Free";
          content: "\f35a";
          font-weight: 300; }
        .p-toppage__calendar--slide .month-next.slick-disabled {
          display: none; }
      .p-toppage__calendar--slide .month .cal_ym {
        color: #0071a7;
        font-size: 30px;
        font-family: 'oswald', sans-serif;
        text-align: right;
        font-style: normal;
        font-weight: 700;
        display: table;
        line-height: 1.3;
        margin: 0 80px 30px auto;
        padding-bottom: 5px;
        border-bottom: 1px solid #0071a7; }
      .p-toppage__calendar--slide .acms-admin-table {
        border: 1px solid #989898; }
        .p-toppage__calendar--slide .acms-admin-table th {
          border: 1px solid #989898;
          text-align: center;
          font-weight: bold;
          font-size: 18px;
          color: #ffffff;
          background: #319c3b; }
          @media (max-width: 767px) {
            .p-toppage__calendar--slide .acms-admin-table th {
              padding: 0; } }
          .p-toppage__calendar--slide .acms-admin-table th:last-child {
            background: #0071a7; }
          .p-toppage__calendar--slide .acms-admin-table th:first-child {
            background: #ff6400; }
        .p-toppage__calendar--slide .acms-admin-table td {
          border: 1px solid #989898;
          vertical-align: bottom;
          background: rgba(238, 238, 238, 0.5); }
          @media (max-width: 767px) {
            .p-toppage__calendar--slide .acms-admin-table td {
              padding: 0;
              text-align: center;
              vertical-align: top; } }
          .p-toppage__calendar--slide .acms-admin-table td .week {
            font-size: 22px;
            color: #319c3b;
            font-family: 'oswald', sans-serif; }
            .p-toppage__calendar--slide .acms-admin-table td .week small {
              display: none; }
            @media (max-width: 767px) {
              .p-toppage__calendar--slide .acms-admin-table td .week {
                display: block; } }
          .p-toppage__calendar--slide .acms-admin-table td.w0, .p-toppage__calendar--slide .acms-admin-table td.w1, .p-toppage__calendar--slide .acms-admin-table td.w2, .p-toppage__calendar--slide .acms-admin-table td.w3, .p-toppage__calendar--slide .acms-admin-table td.w4, .p-toppage__calendar--slide .acms-admin-table td.w5, .p-toppage__calendar--slide .acms-admin-table td.w6 {
            background: rgba(255, 255, 255, 0.5); }
          .p-toppage__calendar--slide .acms-admin-table td.w0 .week, .p-toppage__calendar--slide .acms-admin-table td .week.__publicholiday {
            color: #ff6400; }
          .p-toppage__calendar--slide .acms-admin-table td.w6 .week {
            color: #0071a7; }
          .p-toppage__calendar--slide .acms-admin-table td.__holiday {
            background: #ffffff;
            pointer-events: none; }
            .p-toppage__calendar--slide .acms-admin-table td.__holiday .js-show-detail-btn {
              cursor: inherit; }
          .p-toppage__calendar--slide .acms-admin-table td .js-show-detail-btn {
            cursor: pointer; }
          .p-toppage__calendar--slide .acms-admin-table td .show-detail-btn {
            font-size: 0;
            float: right;
            display: inline-block;
            margin-left: 10px; }
            @media (max-width: 767px) {
              .p-toppage__calendar--slide .acms-admin-table td .show-detail-btn {
                margin-left: 0;
                float: none; } }
            .p-toppage__calendar--slide .acms-admin-table td .show-detail-btn:before {
              margin-top: 5px;
              content: "";
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              display: inline-block; }
          .p-toppage__calendar--slide .acms-admin-table td .__holiday {
            background: #ffffff; }
            .p-toppage__calendar--slide .acms-admin-table td .__holiday:before {
              content: "";
              margin-top: 5px;
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              background: url("../img/index/icn-holiday.png") no-repeat 0 0;
              background-size: contain; }
          .p-toppage__calendar--slide .acms-admin-table td .__noichidenight {
            background: #ffffff; }
            .p-toppage__calendar--slide .acms-admin-table td .__noichidenight:before {
              content: "";
              margin-top: 5px;
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              background: url("../img/index/icn-noichidenight.png") no-repeat 0 0;
              background-size: contain; }
          .p-toppage__calendar--slide .acms-admin-table td .__openinganniversary {
            background: #ffffff; }
            .p-toppage__calendar--slide .acms-admin-table td .__openinganniversary:before {
              content: "";
              margin-top: 5px;
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              background: url("../img/index/icn-openinganniversary.png") no-repeat 0 0;
              background-size: contain; }
          .p-toppage__calendar--slide .acms-admin-table td .__gw {
            background: #ffffff; }
            .p-toppage__calendar--slide .acms-admin-table td .__gw:before {
              content: "";
              margin-top: 5px;
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              background: url("../img/index/icn-gw.png") no-repeat 0 0;
              background-size: contain; }
          .p-toppage__calendar--slide .acms-admin-table td .__exhibition {
            background: #ffffff; }
            .p-toppage__calendar--slide .acms-admin-table td .__exhibition:before {
              content: "";
              margin-top: 5px;
              width: 33px;
              /*画像の幅*/
              height: 39px;
              /*画像の高さ*/
              background: url("../img/index/icn-exhibition.png") no-repeat 0 0;
              background-size: contain; }
  .p-toppage__information {
    background: url("../img/index/bg-information.png") no-repeat left center;
    background-size: cover;
    padding: 80px 0; }
    @media (max-width: 767px) {
      .p-toppage__information {
        background: none;
        padding: 40px 0; } }
    .p-toppage__information--bg {
      position: absolute;
      left: -248px;
      bottom: -300px;
      z-index: 2; }
    .p-toppage__information--ttl {
      color: #ffffff; }
      @media (max-width: 767px) {
        .p-toppage__information--ttl {
          color: #319c3b; } }
      .p-toppage__information--ttl:after {
        background: #ffffff !important; }
        @media (max-width: 767px) {
          .p-toppage__information--ttl:after {
            background: #319c3b !important; } }
    .p-toppage__information--box {
      background: #ffffff;
      padding: 50px 50px 20px;
      margin: 40px 0; }
      @media (max-width: 767px) {
        .p-toppage__information--box {
          padding: 20px 0; } }
    .p-toppage__information .headline .headline-item {
      line-height: normal; }
      .p-toppage__information .headline .headline-item .headline-link {
        padding: 10px;
        display: block;
        font-size: 14px; }
      .p-toppage__information .headline .headline-item time {
        color: #319c3b;
        margin-right: 10px;
        float: left; }
      .p-toppage__information .headline .headline-item .acms-label {
        float: left; }
      .p-toppage__information .headline .headline-item .headline-title {
        padding-left: 32%;
        display: block; }
        @media (max-width: 767px) {
          .p-toppage__information .headline .headline-item .headline-title {
            padding-left: 0;
            clear: both;
            padding-top: 5px; } }
  .p-toppage__event {
    padding: 80px 0; }
    @media (max-width: 767px) {
      .p-toppage__event {
        padding: 40px 0; } }
    .p-toppage__event .bg-box {
      background: #eaf5eb; }
    .p-toppage__event--main {
      padding: 20px;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .p-toppage__event--main {
          flex-direction: column; } }
      .p-toppage__event--main-bg {
        position: absolute;
        right: 121px;
        top: -153px;
        z-index: -1; }
      .p-toppage__event--main-now {
        position: absolute;
        right: 20px;
        top: -10px; }
      .p-toppage__event--main-img {
        width: 32%; }
        @media (max-width: 767px) {
          .p-toppage__event--main-img {
            width: 100%;
            text-align: center;
            margin-bottom: 20px; }
            .p-toppage__event--main-img img {
              width: 100%;
              height: auto; } }
      .p-toppage__event--main-txtbox {
        width: 66%; }
        @media (max-width: 767px) {
          .p-toppage__event--main-txtbox {
            width: 100%; } }
      .p-toppage__event--main-ttl {
        color: #319c3b;
        font-size: 28px;
        padding-right: 130px; }
        @media (max-width: 767px) {
          .p-toppage__event--main-ttl {
            padding-right: 0; } }
      .p-toppage__event--main-duration {
        font-size: 18px;
        color: #319c3b;
        background: #ffffff;
        padding: 5px 15px;
        margin: 10px 0; }
        .p-toppage__event--main-duration:before {
          font-family: "Font Awesome 5 Free";
          content: "\f152";
          font-weight: 900;
          margin-right: 10px; }
    .p-toppage__event--list {
      padding: 20px;
      /*			margin-bottom: 90px;*/ }
      @media (max-width: 767px) {
        .p-toppage__event--list {
          /*margin-bottom: 40px;*/ } }
      .p-toppage__event--list-item {
        border-bottom: 1px dotted #666666;
        padding-bottom: 20px;
        margin-bottom: 20px;
        overflow: hidden; }
        .p-toppage__event--list-item:last-child {
          border: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        @media (max-width: 767px) {
          .p-toppage__event--list-item {
            border: none;
            margin-bottom: 0; } }
      .p-toppage__event--list-img {
        width: 15%;
        float: left; }
        @media (max-width: 767px) {
          .p-toppage__event--list-img {
            width: 25%; } }
        .p-toppage__event--list-img .post-date {
          display: none;
          color: #666666;
          font-size: 12px;
          margin-top: 10px; }
          @media (max-width: 767px) {
            .p-toppage__event--list-img .post-date {
              display: block;
              text-align: center;
              margin-bottom: 20px; } }
      .p-toppage__event--list-txtbox {
        width: 83%;
        float: right; }
        @media (max-width: 767px) {
          .p-toppage__event--list-txtbox {
            width: 100%;
            float: none; } }
      .p-toppage__event--list-ttl {
        color: #666666;
        font-size: 16px; }
        @media (max-width: 767px) {
          .p-toppage__event--list-ttl {
            margin-left: 28%; } }
      .p-toppage__event--list-duration {
        font-size: 18px;
        color: #319c3b;
        background: #ffffff;
        padding: 5px 15px;
        margin: 10px 0; }
        @media (max-width: 767px) {
          .p-toppage__event--list-duration {
            clear: both; } }
        .p-toppage__event--list-duration .post-date {
          float: right;
          color: #666666;
          font-size: 12px;
          margin-top: 10px; }
          @media (max-width: 767px) {
            .p-toppage__event--list-duration .post-date {
              display: none; } }
        .p-toppage__event--list-duration:before {
          font-family: "Font Awesome 5 Free";
          content: "\f152";
          font-weight: 900;
          margin-right: 10px; }
    .p-toppage__event--bnr {
      display: flex;
      justify-content: center;
      margin: 100px 0; }
      @media (max-width: 767px) {
        .p-toppage__event--bnr {
          flex-direction: column;
          margin: 20px 0; } }
      .p-toppage__event--bnr li {
        width: 48.5%;
        margin: 0 5px; }
        @media (max-width: 767px) {
          .p-toppage__event--bnr li {
            width: 100%;
            margin: 0 0 15px; } }
  .p-toppage__charm--appeal {
    width: calc(100% - 30px);
    max-width: 1390px;
    display: flex;
    margin: 0 auto 63px;
    justify-content: space-between; }
    .p-toppage__charm--appeal li {
      width: 23.74%; }
  .p-toppage__charm--concept {
    max-width: 870px;
    margin: 0 auto; }
  .p-toppage__charm--ttl {
    position: relative;
    display: table;
    margin: 0 auto 40px; }
    .p-toppage__charm--ttl:before {
      content: url("../img/index/bg-appeal-ttl.png");
      position: absolute;
      left: -252px; }
  .p-toppage__charm--txtbox {
    /*display: flex;
    @media (max-width: $screen-xs-max) {
    	flex-direction: column;
    }*/ }
    .p-toppage__charm--txtbox-btn {
      margin: 0 auto; }
  .p-toppage__charm--bnr {
    display: flex;
    justify-content: space-around;
    margin: 100px 0; }
    @media (max-width: 767px) {
      .p-toppage__charm--bnr {
        justify-content: space-between;
        margin-bottom: 20px;
        flex-wrap: wrap; } }
    .p-toppage__charm--bnr li {
      width: 19.1%; }
      @media (max-width: 767px) {
        .p-toppage__charm--bnr li {
          width: 48%;
          margin: 0 0 15px; }
          .p-toppage__charm--bnr li img {
            width: 100%;
            height: auto; } }

.p-toppage__emergency__box {
  border: 6px solid #f5f5f5;
  padding: 20px;
  margin-bottom: 50px; }

.p-toppage__emergency--ttl {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  color: #319c3b;
  margin-bottom: 20px; }

.p-toppage__anniversary30--icon {
  text-align: center; }

.p-toppage__anniversary30--list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 40px auto; }
  @media (max-width: 767px) {
    .p-toppage__anniversary30--list {
      flex-direction: column; } }

.p-toppage__anniversary30--item {
  width: 49%; }
  @media (max-width: 767px) {
    .p-toppage__anniversary30--item {
      width: 100%;
      margin-bottom: 20px; } }

.p-toppage__anniversary30--img {
  width: 100%; }

/* イベント一覧ページ */
.p-event-main {
  /*		padding: 80px 0;
  	@media (max-width: $screen-xs-max) {
  		padding: 40px 0;
  	}*/ }
  .p-event-main__lead--txt {
    text-align: center;
    margin-bottom: 70px; }
  .p-event-main__bnr {
    display: flex;
    justify-content: space-between;
    margin: 70px 0; }
    .p-event-main__bnr.bnr3 {
      justify-content: center; }
      .p-event-main__bnr.bnr3 li {
        width: 23%;
        margin: 0 2%; }
        @media (max-width: 767px) {
          .p-event-main__bnr.bnr3 li {
            width: 48%;
            margin: 0 20px 20px; }
            .p-event-main__bnr.bnr3 li img {
              width: 100%;
              height: auto; } }
    @media (max-width: 767px) {
      .p-event-main__bnr {
        margin: 20px 0;
        flex-wrap: wrap; } }
    .p-event-main__bnr li {
      width: 23%; }
      @media (max-width: 767px) {
        .p-event-main__bnr li {
          width: 48%;
          margin: 0 0 20px; }
          .p-event-main__bnr li img {
            width: 100%;
            height: auto; } }
  .p-event-main__pickup {
    margin-bottom: 80px; }
    .p-event-main__pickup .bg-box {
      background: #ffefe5; }
    .p-event-main__pickup--featured {
      max-width: 800px;
      padding: 23px;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .p-event-main__pickup--featured {
          flex-direction: column; } }
      .p-event-main__pickup--featured-now {
        position: absolute;
        right: 20px;
        top: -10px; }
      .p-event-main__pickup--featured-img {
        width: 49.74%; }
        @media (max-width: 767px) {
          .p-event-main__pickup--featured-img {
            width: 100%;
            text-align: center;
            margin-bottom: 20px; }
            .p-event-main__pickup--featured-img img {
              width: 100%;
              height: auto; } }
      .p-event-main__pickup--featured-txtbox {
        width: 48%;
        font-size: 14px; }
        @media (max-width: 767px) {
          .p-event-main__pickup--featured-txtbox {
            width: 100%; } }
      .p-event-main__pickup--featured-ttl {
        color: #ff6400;
        font-size: 28px;
        padding-right: 130px;
        border-bottom: 3px solid #ffffff;
        padding-bottom: 8px;
        margin-bottom: 14px; }
        @media (max-width: 767px) {
          .p-event-main__pickup--featured-ttl {
            padding-right: 0; } }
      .p-event-main__pickup--featured-meta dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 12px; }
      .p-event-main__pickup--featured-meta dt {
        color: #ffffff;
        width: 15%;
        margin: 0 0 10px; }
        .p-event-main__pickup--featured-meta dt span {
          background: #ff6400;
          padding: 2px 10px;
          width: 100%;
          text-align: center;
          display: block; }
      .p-event-main__pickup--featured-meta dd {
        width: 83%;
        margin: 0 0 10px;
        padding: 0; }
  .p-event-main__schedule {
    /* イベント内共通アコーディオン */
    /* 開催中タイトル */
    /* 終了したイベント */ }
    .p-event-main__schedule .c-accordion__list--ttl span {
      width: 90px; }
    .p-event-main__schedule .c-accordion__list--hidden_wrap {
      border-left: 90px solid #319c3b;
      padding: 0; }
    .p-event-main__schedule--now-ttl-box {
      padding-top: 40px;
      margin-bottom: 80px;
      text-align: center;
      background: url("../img/event/bg-schedule-ttl.png") no-repeat 86% bottom; }
      .p-event-main__schedule--now-ttl-box .c-ttl01 {
        margin-bottom: 20px; }
    .p-event-main__schedule--years {
      font-size: 22px;
      max-width: 1000px;
      margin-right: auto;
      margin-left: auto; }
    .p-event-main__schedule--list-item {
      clear: both;
      overflow: hidden;
      padding: 0 15px; }
      .p-event-main__schedule--list-item > div {
        padding: 0 5px;
        margin: 10px 0;
        float: left; }
      .p-event-main__schedule--list-item:nth-child(2n) {
        background: #f5faf5; }
      .p-event-main__schedule--list-item .event-during {
        color: #6a6a6a;
        width: 16%; }
        @media (max-width: 767px) {
          .p-event-main__schedule--list-item .event-during {
            width: 50%; } }
      .p-event-main__schedule--list-item .event-held {
        width: 10%;
        font-size: 12px;
        color: #ffffff;
        min-width: 80px; }
        @media (max-width: 767px) {
          .p-event-main__schedule--list-item .event-held {
            width: 50%; } }
        .p-event-main__schedule--list-item .event-held span {
          padding: 5px 12px;
          text-align: center;
          width: 60px;
          display: inline-block; }
          .p-event-main__schedule--list-item .event-held span.__now {
            background: #ff6400; }
          .p-event-main__schedule--list-item .event-held span.__inpreparation {
            background: #319c3b; }
          .p-event-main__schedule--list-item .event-held span.__accepting {
            background: #007dc8; }
          .p-event-main__schedule--list-item .event-held span.__fullthanks {
            background: #ff0000; }
          .p-event-main__schedule--list-item .event-held span.__end {
            background: #b2b2b2; }
      .p-event-main__schedule--list-item .event-duration {
        max-width: 60%;
        color: #319c3b; }
        @media (max-width: 767px) {
          .p-event-main__schedule--list-item .event-duration {
            width: 100%;
            clear: both; } }
        .p-event-main__schedule--list-item .event-duration:before {
          font-family: "Font Awesome 5 Free";
          content: "\f152";
          font-weight: 900;
          margin-right: 10px; }
      .p-event-main__schedule--list-item .event-btn {
        white-space: nowrap;
        width: 14%;
        float: right;
        min-width: 120px; }
        .p-event-main__schedule--list-item .event-btn .c-btn02 {
          margin: 0 0 0 auto; }
        @media (max-width: 767px) {
          .p-event-main__schedule--list-item .event-btn {
            width: 100%;
            clear: both; } }
    .p-event-main__schedule--end {
      max-width: 1000px;
      margin-right: auto;
      margin-left: auto; }
      .p-event-main__schedule--end-ttl-box {
        padding-top: 40px; }
        .p-event-main__schedule--end-ttl-box .c-ttl01 {
          color: #0071a7; }
          .p-event-main__schedule--end-ttl-box .c-ttl01.bt:after {
            background: #0071a7; }
      .p-event-main__schedule--end .c-accordion__list--item {
        border-top: 1px solid #0071a7; }
      .p-event-main__schedule--end .c-accordion__list--ttl {
        background: #e5f1f6; }
        .p-event-main__schedule--end .c-accordion__list--ttl span {
          background: #0071a7; }
        .p-event-main__schedule--end .c-accordion__list--ttl:after {
          content: url("../img/common/icn-accordion02-close.png"); }
        .p-event-main__schedule--end .c-accordion__list--ttl.active:after {
          content: url("../img/common/icn-accordion02-open.png"); }
      .p-event-main__schedule--end .c-accordion__list--hidden_wrap {
        border-left: 90px solid #0071a7; }
      .p-event-main__schedule--end .p-event-main__schedule--list-item:nth-child(2n) {
        background: #effaff; }
      .p-event-main__schedule--end .p-event-main__schedule--list-item .event-duration {
        color: #0071a7; }
      .p-event-main__schedule--end .c-btn02 {
        background: url("../img/common/bg-btn02.png") no-repeat left top;
        background-size: contain; }
        .p-event-main__schedule--end .c-btn02:hover {
          background: url("../img/common/bg-btn02-on.png") no-repeat left top;
          background-size: contain; }
  .p-event-main__fbnr {
    background: #f5f5f5;
    padding: 5px 0; }

/* イベント詳細ページ */
.p-event .page-header, .p-event .c-ttl01 {
  margin-bottom: 0; }
.p-event .c-event__duration {
  background: #eaf5eb;
  color: #319c3b;
  font-size: 18px;
  padding: 5px 15px;
  margin: 10px 0 45px; }
  .p-event .c-event__duration:before {
    font-family: "Font Awesome 5 Free";
    content: "\f152";
    font-weight: 900;
    margin-right: 10px; }

/* 毎月のイベントページ */
.p-event-monthly__ttl {
  display: flex;
  font-family: "Noto Sans JP" sans-serif;
  font-weight: 900;
  color: #319c3b;
  margin: 25px 0 20px;
  font-size: 36px;
  align-items: center; }
  @media (max-width: 767px) {
    .p-event-monthly__ttl {
      line-height: 1.3; } }
  .p-event-monthly__ttl span {
    display: inline-block;
    background: #319c3b;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 19px;
    margin-right: 22px;
    line-height: 1.3;
    white-space: nowrap; }
.p-event-monthly__main--box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .p-event-monthly__main--box {
      flex-direction: column; } }
  .p-event-monthly__main--box + .p-event-monthly__ttl {
    margin-top: 110px; }
.p-event-monthly__main--img {
  flex-basis: 49%; }
  @media (max-width: 767px) {
    .p-event-monthly__main--img {
      flex-basis: auto;
      text-align: center; } }
.p-event-monthly__main--txt {
  flex-basis: 37%;
  margin-right: 10%; }
  @media (max-width: 767px) {
    .p-event-monthly__main--txt {
      flex-basis: auto;
      margin-right: 0; } }
.p-event-monthly__schedule--box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .p-event-monthly__schedule--box {
      flex-direction: column; } }
  .p-event-monthly__schedule--box + .p-event-monthly__ttl {
    margin-top: 80px; }
.p-event-monthly__schedule--img {
  flex-basis: 40%; }
  @media (max-width: 767px) {
    .p-event-monthly__schedule--img {
      flex-basis: auto;
      text-align: center; } }
.p-event-monthly__schedule--txt {
  flex-basis: 55%; }
  @media (max-width: 767px) {
    .p-event-monthly__schedule--txt {
      flex-basis: auto; } }
.p-event-monthly .monthly-table {
  border: 1px solid #319c3b;
  border-bottom: none;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px; }
  .p-event-monthly .monthly-table caption {
    color: #319c3b;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px; }
    .p-event-monthly .monthly-table caption span {
      font-size: 14px;
      color: #ff6400;
      font-weight: normal; }
  .p-event-monthly .monthly-table th {
    color: #319c3b;
    background: #f5faf5;
    vertical-align: top;
    padding: 16px;
    border-bottom: 1px solid #319c3b;
    white-space: nowrap;
    width: 10%;
    font-size: 14px; }
  .p-event-monthly .monthly-table td {
    vertical-align: top;
    padding: 16px;
    border-bottom: 1px solid #319c3b;
    font-size: 14px; }

/* 出会える動物一覧ページ */
.p-zoo-main__lead {
  margin-bottom: 60px; }
  .p-zoo-main__lead .c-ttl01 {
    margin-left: auto;
    margin-right: auto;
    max-width: 868px; }
  .p-zoo-main__lead--pagenav {
    margin: 55px auto;
    max-width: 780px; }
    @media (max-width: 767px) {
      .p-zoo-main__lead--pagenav {
        margin: 0 auto 10px; } }
    .p-zoo-main__lead--pagenav-list {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .p-zoo-main__lead--pagenav-list li {
        background: #319c3b;
        margin-bottom: 2.525%;
        width: 31.65%; }
        .p-zoo-main__lead--pagenav-list li:not(:nth-child(3n)) {
          margin-right: 2.525%; }
        @media (max-width: 767px) {
          .p-zoo-main__lead--pagenav-list li {
            width: 49%;
            margin-bottom: 2%; }
            .p-zoo-main__lead--pagenav-list li:not(:nth-child(3n)) {
              margin-right: auto; }
            .p-zoo-main__lead--pagenav-list li:not(:nth-child(2n)) {
              margin-right: 2%; } }
        .p-zoo-main__lead--pagenav-list li a {
          padding: 12px 20px 12px 30px;
          display: flex;
          align-items: center;
          color: #ffffff;
          justify-content: flex-start;
          font-weight: 900;
          line-height: 1.35;
          text-decoration: none; }
          @media (max-width: 767px) {
            .p-zoo-main__lead--pagenav-list li a {
              padding: 10px 15px; } }
          .p-zoo-main__lead--pagenav-list li a img {
            opacity: 1;
            margin-right: 42px; }
            @media (max-width: 767px) {
              .p-zoo-main__lead--pagenav-list li a img {
                margin-right: 10px;
                max-width: 40px; } }
            .p-zoo-main__lead--pagenav-list li a img.other-icn {
              margin-right: 28px; }
              @media (max-width: 767px) {
                .p-zoo-main__lead--pagenav-list li a img.other-icn {
                  margin-right: 5px; } }
          .p-zoo-main__lead--pagenav-list li a:hover {
            opacity: 0.7; }
.p-zoo-main__category {
  padding-top: 50px;
  margin-bottom: 70px;
  /* その他リスト */ }
  .p-zoo-main__category--animals-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 53px auto 0; }
    @media (max-width: 767px) {
      .p-zoo-main__category--animals-list {
        margin: 23px auto 0; } }
    .p-zoo-main__category--animals-list > div {
      flex-basis: 30%;
      margin-right: 5%;
      margin-bottom: 30px; }
      .p-zoo-main__category--animals-list > div:nth-child(3n) {
        margin-right: 0; }
      @media (max-width: 767px) {
        .p-zoo-main__category--animals-list > div {
          margin-bottom: 10px;
          flex-basis: 47.5%; }
          .p-zoo-main__category--animals-list > div:nth-child(3n) {
            margin-right: 5%; }
          .p-zoo-main__category--animals-list > div:nth-child(2n) {
            margin-right: 0; } }
      .p-zoo-main__category--animals-list > div a {
        font-weight: bold;
        font-size: 21px;
        letter-spacing: 0.05em;
        text-align: center;
        color: #80a81f;
        text-decoration: none; }
        @media (max-width: 767px) {
          .p-zoo-main__category--animals-list > div a {
            font-size: 16px; } }
        .p-zoo-main__category--animals-list > div a:hover {
          opacity: 0.7; }
      .p-zoo-main__category--animals-list > div span {
        display: block;
        padding: 15px; }
        @media (max-width: 767px) {
          .p-zoo-main__category--animals-list > div span {
            padding: 5px; } }
      .p-zoo-main__category--animals-list > div img {
        display: block;
        margin: 0 auto; }
        @media (max-width: 767px) {
          .p-zoo-main__category--animals-list > div img {
            width: 100%;
            height: auto; } }
        .p-zoo-main__category--animals-list > div img:hover {
          opacity: 1; }
  .p-zoo-main__category .supporters-btn {
    margin: 30px auto;
    max-width: 273px;
    background: url("../img/zoo/bg-btn-temperate.png") no-repeat left top;
    background-size: cover;
    transition: 0.2s; }
    .p-zoo-main__category .supporters-btn:hover {
      opacity: 0.7;
      transition: 0.2s; }
    .p-zoo-main__category .supporters-btn a {
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 273px;
      height: 60px;
      font-size: 18px;
      font-weight: bold;
      text-decoration: none; }
      .p-zoo-main__category .supporters-btn a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
        display: block; }
  .p-zoo-main__category.box-tropical .p-zoo-main__category--animals-list a {
    color: #cb2d80; }
  .p-zoo-main__category.box-tropical .supporters-btn {
    background: url("../img/zoo/bg-btn-tropical.png") no-repeat left top;
    background-size: cover; }
  .p-zoo-main__category.box-savanna .p-zoo-main__category--animals-list a {
    color: #6a3906; }
  .p-zoo-main__category.box-savanna .supporters-btn {
    background: url("../img/zoo/bg-btn-savanna.png") no-repeat left top;
    background-size: cover;
    line-height: 1.35; }
  .p-zoo-main__category.box-jungle .p-zoo-main__category--animals-list a {
    color: #dc5513; }
  .p-zoo-main__category.box-jungle .supporters-btn {
    background: url("../img/zoo/bg-btn-jungle.png") no-repeat left top;
    background-size: cover;
    line-height: 1.35; }
  .p-zoo-main__category.box-children-zoo .p-zoo-main__category--animals-list a {
    color: #0092db; }
  .p-zoo-main__category.box-children-zoo .supporters-btn {
    background: url("../img/zoo/bg-btn-children-zoo.png") no-repeat left top;
    background-size: cover; }
  .p-zoo-main__category.box-tropical .p-zoo-main__category--animals-list a {
    color: #cb2d80; }
  .p-zoo-main__category.box-tropical .supporters-btn {
    background: url("../img/zoo/bg-btn-tropical.png") no-repeat left top;
    background-size: cover; }
  .p-zoo-main__category.box-other {
    padding-top: 0; }
  .p-zoo-main__category--other-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .p-zoo-main__category--other-list > div {
      flex-basis: 23%;
      margin: -30px 2% 40px;
      padding-top: 50px; }
      @media (max-width: 767px) {
        .p-zoo-main__category--other-list > div {
          flex-basis: 61.3%; }
          .p-zoo-main__category--other-list > div img {
            width: 100%;
            height: auto; } }
    .p-zoo-main__category--other-list .other-btn {
      background: url("../img/zoo/bg-btn-other.png") no-repeat left top;
      background-size: cover;
      margin: 15px auto;
      max-width: 220px;
      transition: 0.2s; }
      .p-zoo-main__category--other-list .other-btn:hover {
        opacity: 0.7;
        transition: 0.2s; }
      .p-zoo-main__category--other-list .other-btn a {
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 220px;
        height: 50px;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none; }
        .p-zoo-main__category--other-list .other-btn a:after {
          font-family: "Font Awesome 5 Free";
          content: "\f35a";
          font-weight: 900;
          margin-left: 10px;
          line-height: 1;
          margin-top: 3px;
          display: block; }

/* ご利用案内ページ */
.p-guide {
  /* =ご利用案内ページ内共通パーツ= */
  /* ご利用案内共通タイトル */
  /* ご利用案内共通ボックス　パターン1 */
  /* ご利用案内共通ボックス　パターン2 */
  /* ご利用案内共通ボックス　パターン3 */
  /* ボックス内パーツ */
  /* 入園料 */
  /* 割引サービス・免除制度 */
  /* 営業案内 */
  /* 園内サービス・バリアフリー */
  /* 園内ルール */
  /* アクセス */
  /* ご来園前にぜひこちらもご覧ください！ */
  /* 学校関係の皆様へ */
  /* お困りごと */ }
  .p-guide__lead {
    margin-bottom: 60px;
    /* ページ内リンク */ }
    .p-guide__lead--ttl {
      font-size: 46px;
      color: #319c3b;
      font-weight: 900;
      text-align: center;
      line-height: 1.375;
      margin: 0 0 30px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        .p-guide__lead--ttl {
          font-size: 24px; } }
    .p-guide__lead--txt {
      text-align: center; }
    .p-guide__lead--pagenav {
      margin: 56px 0 12px; }
      @media (max-width: 767px) {
        .p-guide__lead--pagenav {
          padding: 0; } }
      .p-guide__lead--pagenav-list {
        background: #f5f5f5;
        padding: 20px 22px; }
        @media (max-width: 767px) {
          .p-guide__lead--pagenav-list {
            padding: 15px; } }
      .p-guide__lead--pagenav li {
        margin: 0 8px;
        display: inline-block; }
        .p-guide__lead--pagenav li:before {
          font-family: "Font Awesome 5 Free";
          content: "\f358";
          font-weight: 900;
          padding-right: 5px;
          color: #319c3b; }
        @media (max-width: 767px) {
          .p-guide__lead--pagenav li {
            display: flex;
            align-items: center;
            margin: 0; } }
        .p-guide__lead--pagenav li a {
          font-weight: 400;
          text-decoration: none; }
          @media (max-width: 767px) {
            .p-guide__lead--pagenav li a {
              padding: 8px 0;
              flex-grow: 1; } }
          .p-guide__lead--pagenav li a:hover {
            text-decoration: underline; }
  .p-guide__ttl01 {
    font-weight: 900;
    color: #319c3b;
    margin: 0 0 40px;
    font-size: 25px;
    text-align: center;
    letter-spacing: 0.25em; }
    .p-guide__ttl01:after {
      content: '';
      display: block;
      width: 55px;
      height: 4px;
      margin: 10px auto;
      background: #cbe6ce;
      border-radius: 3px; }
    @media (max-width: 767px) {
      .p-guide__ttl01 {
        margin: 20px 0;
        font-size: 24px; } }
  .p-guide__ttl02 {
    font-weight: bold;
    margin: 0 0 40px;
    font-size: 21px;
    text-align: center; }
    @media (max-width: 767px) {
      .p-guide__ttl02 {
        margin: 0 0 22px; } }
  .p-guide__ttl03 {
    font-weight: bold;
    margin: 0 0 33px;
    font-size: 21px;
    padding-bottom: 10px;
    border-bottom: 5px solid #cbe6ce; }
    @media (max-width: 767px) {
      .p-guide__ttl03 {
        margin: 0 0 22px; } }
  .p-guide__btn {
    margin: 30px auto;
    max-width: 323px;
    background: url("../img/guide/bg-btn-guide.png") no-repeat left top;
    transition: 0.2s; }
    .p-guide__btn:hover {
      opacity: 0.7;
      transition: 0.2s; }
    .p-guide__btn a {
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 323px;
      height: 63px;
      font-size: 16px;
      text-decoration: none; }
      .p-guide__btn a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
        display: block; }
  .p-guide__wrap--box01 {
    background: #e0f0e2;
    padding: 37px 37px;
    box-shadow: 0 0 0 9px #e0f0e2;
    margin: 0 auto 52px;
    position: relative;
    border: 1px solid #ffffff;
    width: calc(100% - 20px); }
    @media (max-width: 767px) {
      .p-guide__wrap--box01 {
        padding: 16px; } }
  .p-guide__wrap--box02 {
    border: 10px solid #f5f5f5;
    padding: 37px 37px;
    margin: 0 0 52px; }
    @media (max-width: 767px) {
      .p-guide__wrap--box02 {
        padding: 16px; } }
  .p-guide__wrap--box03 {
    background: #f5f5f5;
    padding: 37px 37px;
    box-shadow: 0 0 0 9px #f5f5f5;
    margin: 0 auto 52px;
    position: relative;
    border: 1px solid #ffffff;
    width: calc(100% - 20px); }
    @media (max-width: 767px) {
      .p-guide__wrap--box03 {
        padding: 16px; } }
  .p-guide .usually-wrap {
    margin: 0 auto; }
  .p-guide .usually-box {
    color: #319c3b;
    font-weight: bold; }
    .p-guide .usually-box p {
      margin: 0;
      padding: 0; }
  .p-guide .usually-small-notes {
    font-size: 12px;
    margin-top: 4px; }
    .p-guide .usually-small-notes:before {
      content: "※";
      color: #319c3b; }
  .p-guide__entrance {
    position: relative; }
    .p-guide__entrance:before {
      content: url("../img/guide/img-decoration01.png");
      position: absolute;
      top: -172px;
      right: -228px;
      z-index: 1; }
      @media (max-width: 767px) {
        .p-guide__entrance:before {
          display: none; } }
    .p-guide__entrance:after {
      content: url("../img/guide/img-decoration02.png");
      position: absolute;
      bottom: -152px;
      right: -100px;
      z-index: 1; }
      @media (max-width: 767px) {
        .p-guide__entrance:after {
          display: none; } }
    .p-guide__entrance--fee-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__entrance--fee-box {
          flex-direction: column; } }
    .p-guide__entrance--fee-item {
      flex-basis: 50%;
      padding: 0 4%; }
      .p-guide__entrance--fee-item:first-child {
        border-right: 1px solid #cbe6ce; }
        @media (max-width: 767px) {
          .p-guide__entrance--fee-item:first-child {
            border-right: none;
            border-bottom: 1px solid #ffffff;
            padding-bottom: 30px;
            margin-bottom: 20px; } }
    .p-guide__entrance--fee-usually.usually-wrap {
      max-width: 328px; }
    .p-guide__entrance--fee-usually .usually-box {
      display: flex;
      justify-content: space-between;
      font-size: 20px; }
      .p-guide__entrance--fee-usually .usually-box .usually-small-txt {
        font-size: 16px; }
      .p-guide__entrance--fee-usually .usually-box.__adult {
        border-bottom: 2px dotted #319c3b;
        margin-bottom: 6px;
        padding-bottom: 6px; }
      .p-guide__entrance--fee-usually .usually-box.__annual {
        background: #ffffff;
        padding: 10px 13px;
        border-radius: 5px;
        margin-top: 14px; }
      .p-guide__entrance--fee-usually .usually-box.__groups {
        justify-content: center; }
    .p-guide__entrance--fee-btn {
      margin: 18px auto;
      max-width: 206px;
      background: url("../img/guide/bg-btn-fee.png") no-repeat left top; }
      .p-guide__entrance--fee-btn a {
        width: 206px;
        height: 46px;
        font-size: 14px; }
  .p-guide__discount {
    position: relative; }
    .p-guide__discount:after {
      content: url("../img/guide/img-decoration03.png");
      position: absolute;
      bottom: -132px;
      left: -234px;
      z-index: 1; }
      @media (max-width: 767px) {
        .p-guide__discount:after {
          display: none; } }
    .p-guide__discount--terms-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__discount--terms-box {
          flex-direction: column; } }
    .p-guide__discount--terms-item {
      flex-basis: 50%;
      padding: 0 2%; }
      .p-guide__discount--terms-item:first-child {
        border-right: 1px solid #cbe6ce; }
        @media (max-width: 767px) {
          .p-guide__discount--terms-item:first-child {
            border-right: none;
            border-bottom: 1px solid #cbe6ce;
            padding-bottom: 30px;
            margin-bottom: 20px; } }
    .p-guide__discount--terms-usually.usually-wrap {
      max-width: 385px; }
    .p-guide__discount--terms-usually .usually-box {
      font-size: 16px; }
      .p-guide__discount--terms-usually .usually-box.__service {
        margin-top: 14px; }
        .p-guide__discount--terms-usually .usually-box.__service p:before {
          content: "◆";
          color: #cbe6ce;
          padding-right: 7px; }
      .p-guide__discount--terms-usually .usually-box.__exemption {
        margin-top: 14px; }
        .p-guide__discount--terms-usually .usually-box.__exemption .__number {
          padding-right: 7px; }
    .p-guide__discount--terms-usually .usually-small-notes {
      margin-bottom: 6px; }
      .p-guide__discount--terms-usually .usually-small-notes:before {
        content: "";
        display: none; }
    .p-guide__discount--terms-usually__txt {
      margin: 20px 0; }
    .p-guide__discount--terms-usually__list {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .p-guide__discount--terms-usually__item {
      width: 100%; }
      .p-guide__discount--terms-usually__item a {
        max-width: 250px; }
  .p-guide__business {
    position: relative; }
    .p-guide__business:before {
      content: url("../img/guide/img-decoration04.png");
      position: absolute;
      bottom: -163px;
      left: -118px;
      z-index: 1; }
      @media (max-width: 767px) {
        .p-guide__business:before {
          display: none; } }
    .p-guide__business--hours-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__business--hours-box {
          flex-direction: column; } }
    .p-guide__business--hours-item {
      flex-basis: 33%;
      padding: 0 2%; }
      .p-guide__business--hours-item:not(:last-child) {
        border-right: 1px solid #cbe6ce; }
        @media (max-width: 767px) {
          .p-guide__business--hours-item:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid #cbe6ce;
            padding-bottom: 30px;
            margin-bottom: 20px; } }
    .p-guide__business--hours-usually.usually-wrap {
      max-width: 252px; }
    .p-guide__business--hours-usually .usually-box {
      font-size: 25px;
      text-align: center;
      margin-bottom: 36px; }
      .p-guide__business--hours-usually .usually-box .usually-small-txt {
        font-size: 14px;
        display: block;
        color: #000000;
        font-weight: normal; }
      .p-guide__business--hours-usually .usually-box.__closeddays {
        border-bottom: 2px dotted #319c3b;
        /*margin-bottom: 12px;*/
        padding-bottom: 22px;
        display: table;
        margin: 0 auto 12px; }
        @media (max-width: 767px) {
          .p-guide__business--hours-usually .usually-box.__closeddays {
            padding-bottom: 12px; } }
      @media (max-width: 767px) {
        .p-guide__business--hours-usually .usually-box.__year-end {
          margin-bottom: 0; } }
  .p-guide__service {
    position: relative; }
    .p-guide__service:after {
      content: url("../img/guide/img-decoration05.png");
      position: absolute;
      bottom: -130px;
      right: -342px;
      z-index: 1; }
      @media (max-width: 767px) {
        .p-guide__service:after {
          display: none; } }
    .p-guide__service .service-photo {
      text-align: center;
      margin-bottom: 5px; }
    .p-guide__service .service-ttl {
      color: #319c3b;
      font-size: 16px;
      text-align: center;
      font-weight: bold; }
    .p-guide__service--rental-wrap {
      margin-bottom: 40px; }
    .p-guide__service--rental-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__service--rental-box {
          /*flex-direction: column;*/
          flex-wrap: wrap; } }
    .p-guide__service--rental-item {
      flex-basis: 22.13%; }
      @media (max-width: 767px) {
        .p-guide__service--rental-item {
          flex-basis: 48%;
          margin-bottom: 12px; } }
      .p-guide__service--rental-item:not(:last-child) {
        margin-right: calc(11.48% / 3); }
        @media (max-width: 767px) {
          .p-guide__service--rental-item:not(:last-child) {
            margin-right: 0; } }
      .p-guide__service--rental-item .price-color-txt {
        color: #ff6400; }
    .p-guide__service--disabled-wrap {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__service--disabled-wrap {
          flex-direction: column; } }
    .p-guide__service--disabled-inner {
      flex-basis: 48%; }
      @media (max-width: 767px) {
        .p-guide__service--disabled-inner {
          margin-bottom: 27px; } }
    .p-guide__service--disabled-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .p-guide__service--disabled-box {
          /*flex-direction: column;*/ } }
    .p-guide__service--disabled-item {
      flex-basis: 48%;
      font-size: 12px; }
      .p-guide__service--disabled-item .service-ttl {
        text-align: left;
        margin-top: 14px; }
  .p-guide__rules--list {
    max-width: 720px;
    margin: 0 auto; }
    .p-guide__rules--list li {
      padding-left: 20px;
      position: relative;
      margin-bottom: 8px; }
      .p-guide__rules--list li:before {
        content: "●";
        color: #319c3b;
        position: absolute;
        left: 0px; }
      .p-guide__rules--list li .rules-small-txt {
        font-size: 12px; }
  .p-guide__access {
    margin-bottom: 116px; }
    @media (max-width: 767px) {
      .p-guide__access {
        margin-bottom: 70px; } }
    .p-guide__access--txt {
      max-width: 620px;
      line-height: 2;
      margin: 0 auto 30px; }
    .p-guide__access--map {
      margin-bottom: 30px;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-guide__access--map {
          padding: 25px calc(50vw - 50% - 15px); } }
      .p-guide__access--map iframe {
        width: 100vw;
        height: 60vh; }
  .p-guide__andmore--wrap {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .p-guide__andmore--wrap {
        flex-direction: column; } }
  .p-guide__andmore--box {
    flex-basis: 48%;
    margin: 32px 0;
    text-align: center; }
  .p-guide__school-officials {
    position: relative; }
    .p-guide__school-officials--img {
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      .p-guide__school-officials--img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .p-guide__school-officials--message-box {
      position: absolute;
      top: 50%;
      width: 100%;
      max-width: 1000px;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .p-guide__school-officials--message-box {
          position: inherit;
          top: auto;
          left: auto;
          transform: translate(0, 0); } }
      .p-guide__school-officials--message-box-inner {
        background: rgba(49, 156, 59, 0.9);
        max-width: 456px;
        padding: 70px;
        position: relative;
        margin-left: auto;
        color: #ffffff; }
        @media (max-width: 1300px) {
          .p-guide__school-officials--message-box-inner {
            max-width: 70%;
            padding: 40px; } }
        @media (max-width: 900px) {
          .p-guide__school-officials--message-box-inner {
            max-width: 80%;
            padding: 30px; } }
        @media (max-width: 767px) {
          .p-guide__school-officials--message-box-inner {
            max-width: none;
            margin-right: calc(50% - 50vw);
            margin-left: calc(50% - 50vw);
            padding: 84px 32px 44px; } }
        .p-guide__school-officials--message-box-inner .p-guide__ttl01 {
          color: #ffffff; }
          .p-guide__school-officials--message-box-inner .p-guide__ttl01:after {
            background: #ffffff; }
        .p-guide__school-officials--message-box-inner .noichi-logo {
          position: absolute;
          top: -14px;
          right: 14px; }
          @media (max-width: 767px) {
            .p-guide__school-officials--message-box-inner .noichi-logo {
              top: -40px; } }
    .p-guide__school-officials--btn {
      background: url("../img/guide/bg-btn-school.png") no-repeat left top;
      margin-bottom: 0; }
  .p-guide__any-problems {
    padding: 100px 0 60px;
    text-align: center; }
    .p-guide__any-problems .tel-number {
      font-family: 'oswald', sans-serif;
      font-size: 43px;
      line-height: 1.35;
      margin-bottom: 0px; }
      .p-guide__any-problems .tel-number span {
        font-size: 28px; }
    .p-guide__any-problems .opentime {
      font-size: 16px;
      margin-bottom: 48px; }

/* 募集ページ */
.p-entries__list {
  max-width: 842px;
  margin: 0 auto 80px;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .p-entries__list {
      flex-direction: column; } }
  .p-entries__list--item {
    flex-basis: 30%;
    max-width: 237px; }
    @media (max-width: 767px) {
      .p-entries__list--item {
        margin-bottom: 32px;
        max-width: none; } }
  .p-entries__list--ttl01 {
    font-weight: 900;
    color: #319c3b;
    margin: 0 0 53px;
    font-size: 36px;
    text-align: center; }
    @media (max-width: 767px) {
      .p-entries__list--ttl01 {
        margin: 20px 0;
        font-size: 24px; } }
  .p-entries__list--balloon {
    background: url("../img/entries/bg-ballon.png") no-repeat center center;
    background-size: 100% 100%;
    min-height: 128px;
    max-width: 237px;
    font-size: 18px;
    font-weight: bold;
    color: #319c3b;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px; }
  .p-entries__list--ttl02 {
    font-weight: 900;
    margin: 0 0 26px;
    font-size: 28px;
    text-align: center;
    color: #319c3b;
    line-height: 1.15; }
    @media (max-width: 767px) {
      .p-entries__list--ttl02 {
        margin: 0 0 22px; } }
  .p-entries__list--benefits {
    display: table;
    margin: 0 auto; }
    .p-entries__list--benefits li {
      display: flex;
      align-items: flex-start; }
      .p-entries__list--benefits li:before {
        content: url("../img/entries/icn-entries.png");
        padding-right: 7px;
        line-height: 2; }
  .p-entries__list--btn {
    margin: 30px auto;
    max-width: 228px;
    background: url("../img/entries/bg-btn-entries.png") no-repeat left top;
    transition: 0.2s; }
    .p-entries__list--btn:hover {
      opacity: 0.7;
      transition: 0.2s; }
    .p-entries__list--btn a {
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      max-width: 228px;
      min-height: 50px;
      font-size: 16px;
      text-decoration: none; }
      .p-entries__list--btn a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
        display: block; }

/* 園内紹介ページ */
.p-park {
  /* =園内紹介ページ内共通パーツ= */
  /* ご利用案内共通タイトル */
  /* タイトルアイコン */
  /* 画像2つ並び（スマホ時も） */
  /* 緑豊かな公園内で～ */
  /* イラスト地図 */
  /* ご来園前にぜひこちらもご覧ください！ */
  /* 園内で出会える四季の草花、野鳥、昆虫など */
  /* ピクニック広場 */
  /* 自然散策コース */
  /* どうぶつ科学館 */
  /* レストラン・お食事 */
  /* 売店「のいちご」 */ }
  .p-park__ttl01 {
    font-weight: bold;
    color: #319c3b;
    /*		margin: 0 0 40px;*/
    font-size: 24px; }
    .p-park__ttl01 span {
      font-size: 40px;
      margin-right: 14px; }
    @media (max-width: 767px) {
      .p-park__ttl01 {
        /*			margin: 20px 0;
        font-size: 24px;*/ } }
  .p-park .ttl-icn {
    display: block;
    margin: 0 auto 20px; }
  .p-park .img-list {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    @media (max-width: 767px) {
      .p-park .img-list {
        justify-content: space-around; } }
    .p-park .img-list li {
      flex-basis: 46%; }
      .p-park .img-list li img {
        width: 100%;
        height: auto; }
  .p-park__btn {
    margin: 30px auto;
    display: table; }
    .p-park__btn a {
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 50px;
      font-size: 16px;
      line-height: 1.35;
      min-width: 200px;
      padding: 0 16px;
      background: url("../img/park/bg-btn-park.png") no-repeat left top;
      background-size: 100% 100%;
      transition: 0.2s;
      text-decoration: none; }
      .p-park__btn a:hover {
        opacity: 0.7;
        transition: 0.2s; }
      .p-park__btn a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
        display: block; }
  .p-park__lead {
    margin-bottom: 60px;
    /* ページ内リンク */ }
    .p-park__lead--ttl {
      font-size: 46px;
      color: #319c3b;
      font-weight: 900;
      text-align: center;
      line-height: 1.375;
      margin: 0 0 30px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        .p-park__lead--ttl {
          font-size: 24px; } }
    .p-park__lead--txt {
      text-align: center; }
    .p-park__lead--pagenav {
      margin: 55px auto;
      max-width: 780px; }
      @media (max-width: 767px) {
        .p-park__lead--pagenav {
          margin: 0 auto 10px; } }
      .p-park__lead--pagenav-list {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .p-park__lead--pagenav-list li {
          background: #319c3b;
          margin-bottom: 2.525%;
          width: 31.65%; }
          .p-park__lead--pagenav-list li:not(:nth-child(3n)) {
            margin-right: 2.525%; }
          @media (max-width: 767px) {
            .p-park__lead--pagenav-list li {
              width: 49%;
              margin-bottom: 2%; }
              .p-park__lead--pagenav-list li:not(:nth-child(3n)) {
                margin-right: auto; }
              .p-park__lead--pagenav-list li:not(:nth-child(2n)) {
                margin-right: 2%; } }
          .p-park__lead--pagenav-list li a {
            padding: 12px 20px;
            display: flex;
            align-items: center;
            color: #ffffff;
            justify-content: flex-start;
            font-weight: 900;
            line-height: 1.35;
            text-decoration: none; }
            @media (max-width: 767px) {
              .p-park__lead--pagenav-list li a {
                padding: 10px 15px; } }
            .p-park__lead--pagenav-list li a img {
              opacity: 1;
              margin-right: 24px; }
              @media (max-width: 767px) {
                .p-park__lead--pagenav-list li a img {
                  margin-right: 10px;
                  max-width: 40px; } }
            .p-park__lead--pagenav-list li a:hover {
              opacity: 0.7; }
  .p-park__map {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 46%, #eaf6ec 46%, #eaf6ec 100%);
    position: relative;
    /*	background: #eaf6ec;*/
    /*margin-bottom: 30px;*/
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-bottom: 50px; }
    .p-park__map .box-illustmap img {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
    .p-park__map .btn-pdf-inner {
      max-width: 1000px;
      width: calc(100% - 47px);
      margin: -50px auto 50px; }
      @media (max-width: 767px) {
        .p-park__map .btn-pdf-inner {
          margin: 10px auto 0px; } }
    .p-park__map .btn-pdf a {
      display: flex;
      align-items: center;
      padding: 10px 14px;
      max-width: 170px;
      background: #ffffff;
      border-radius: 5px;
      margin-left: auto;
      line-height: 1.35; }
      @media (max-width: 767px) {
        .p-park__map .btn-pdf a {
          margin-right: auto; } }
      .p-park__map .btn-pdf a:hover {
        opacity: 0.7;
        color: #000000; }
      .p-park__map .btn-pdf a img {
        margin-right: 10px; }
        .p-park__map .btn-pdf a img:hover {
          opacity: 1; }
  .p-park__zoo {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 10px calc(50vw - 50%);
    background: #eaf6ec; }
    .p-park__zoo--wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .p-park__zoo--wrap {
          flex-direction: column; } }
    .p-park__zoo--box {
      flex-basis: 49.1%;
      margin: 32px 0; }
    .p-park__zoo--img img {
      width: 100%;
      height: auto; }
    .p-park__zoo--btn {
      margin: 30px 0 0 auto; }
      @media (max-width: 767px) {
        .p-park__zoo--btn {
          margin-right: auto; } }
  .p-park__other {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 10px calc(50vw - 50%);
    background: #eaf6ec; }
    .p-park__other--wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media (max-width: 767px) {
        .p-park__other--wrap {
          flex-direction: column; } }
    .p-park__other--box {
      flex-basis: 23%;
      margin: 0 2% 45px; }
      @media (max-width: 767px) {
        .p-park__other--box {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          flex-basis: 61.3%; }
          .p-park__other--box img {
            width: 100%;
            height: auto; } }
    .p-park__other--img {
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        .p-park__other--img {
          flex-basis: 48%; } }
    @media (max-width: 767px) {
      .p-park__other--txt {
        flex-basis: 48%; }
        .p-park__other--txt p {
          margin-top: 0; } }
    .p-park__other--btn {
      width: 98%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .p-park__other--btn {
          width: auto;
          margin: 22px auto 0; } }
      .p-park__other--btn a {
        font-size: 14px; }
  .p-park__picnic {
    margin-bottom: 125px; }
    @media (max-width: 767px) {
      .p-park__picnic {
        margin-bottom: 50px; } }
    .p-park__picnic--wrap {
      display: flex;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-park__picnic--wrap {
          flex-direction: column; } }
    .p-park__picnic--mainimg {
      flex-basis: 47%; }
      .p-park__picnic--mainimg img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .p-park__picnic--summary {
      flex-basis: 53%;
      align-self: center; }
      .p-park__picnic--summary-inner {
        max-width: 560px;
        margin: 30px auto 30px 0;
        padding: 0 15px 0 7.8%; }
        @media (min-width: 1920px) {
          .p-park__picnic--summary-inner {
            padding: 0 0 0 55px; } }
        @media (min-width: 1000px) {
          .p-park__picnic--summary-inner {
            padding: 0 15px 0 55px; } }
        @media (max-width: 767px) {
          .p-park__picnic--summary-inner {
            padding: 0 15px;
            max-width: none; } }
  .p-park__walk {
    margin-bottom: 125px; }
    @media (max-width: 767px) {
      .p-park__walk {
        margin-bottom: 50px; } }
    .p-park__walk--wrap {
      display: flex;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);
      flex-direction: row-reverse; }
      @media (max-width: 767px) {
        .p-park__walk--wrap {
          flex-direction: column; } }
    .p-park__walk--mainimg {
      flex-basis: 58%; }
      .p-park__walk--mainimg img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .p-park__walk--summary {
      flex-basis: 42%;
      align-self: center; }
      .p-park__walk--summary-inner {
        max-width: 380px;
        margin: 30px 0 30px auto;
        padding: 0 6.8% 0 15px; }
        @media (min-width: 1920px) {
          .p-park__walk--summary-inner {
            padding: 0 45px 0 0; } }
        @media (min-width: 1000px) {
          .p-park__walk--summary-inner {
            padding: 0 45px 0 15px; } }
        @media (max-width: 767px) {
          .p-park__walk--summary-inner {
            padding: 0 15px;
            max-width: none; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .p-park__walk--summary-inner .img-list {
      flex-direction: column; } }
        @media (max-width: 767px) {
            .p-park__walk--summary-inner .img-list li {
              display: flex;
              justify-content: space-between;
              margin-bottom: 20px; }
              .p-park__walk--summary-inner .img-list li .img-list-imgwrap {
                margin-right: 14px;
                flex-basis: 40%; }
              .p-park__walk--summary-inner .img-list li .img-list-meta {
                flex-basis: 60%; }
              .p-park__walk--summary-inner .img-list li p {
                margin-top: 0; } }
  .p-park__science-museum {
    margin-bottom: 125px; }
    @media (max-width: 767px) {
      .p-park__science-museum {
        margin-bottom: 50px; } }
    .p-park__science-museum--wrap {
      display: flex;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-park__science-museum--wrap {
          flex-direction: column; } }
    .p-park__science-museum--mainimg {
      flex-basis: 58%; }
      @media (max-width: 767px) {
        .p-park__science-museum--mainimg {
          padding: 0 15px; } }
      .p-park__science-museum--mainimg .img-list li {
        flex-basis: 49%; }
        @media (max-width: 767px) {
          .p-park__science-museum--mainimg .img-list li {
            flex-basis: 46%; } }
      .p-park__science-museum--mainimg img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .p-park__science-museum--summary {
      flex-basis: 42%;
      align-self: flex-start; }
      .p-park__science-museum--summary-inner {
        max-width: 400px;
        margin: 30px auto 30px 0;
        padding: 0 15px 0 7.8%; }
        @media (min-width: 1920px) {
          .p-park__science-museum--summary-inner {
            padding: 0 0 0 55px; } }
        @media (min-width: 1000px) {
          .p-park__science-museum--summary-inner {
            padding: 0 15px 0 55px; } }
        @media (max-width: 767px) {
          .p-park__science-museum--summary-inner {
            padding: 0 15px;
            max-width: none; } }
    .p-park__science-museum--btn {
      margin-right: 0; }
      @media (max-width: 767px) {
        .p-park__science-museum--btn {
          margin-right: auto; } }
  .p-park__restaurant {
    margin-bottom: 125px; }
    @media (max-width: 767px) {
      .p-park__restaurant {
        margin-bottom: 50px; } }
    .p-park__restaurant--wrap {
      display: flex;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-park__restaurant--wrap {
          flex-direction: column; } }
    .p-park__restaurant--mainimg {
      flex-basis: 50%; }
      .p-park__restaurant--mainimg img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .p-park__restaurant--summary {
      flex-basis: 50%;
      align-self: center; }
      .p-park__restaurant--summary-inner {
        max-width: 660px;
        margin: 30px auto 30px 0;
        padding: 0 15px 0 7.8%; }
        @media (min-width: 1920px) {
          .p-park__restaurant--summary-inner {
            padding: 0 0 0 55px; } }
        @media (min-width: 1000px) {
          .p-park__restaurant--summary-inner {
            padding: 0 15px 0 55px; } }
        @media (max-width: 767px) {
          .p-park__restaurant--summary-inner {
            padding: 0 15px;
            max-width: none; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .p-park__restaurant--summary-inner .img-list {
      flex-direction: column; } }
        @media (max-width: 767px) {
            .p-park__restaurant--summary-inner .img-list li {
              display: flex;
              justify-content: space-between;
              margin-bottom: 20px; }
              .p-park__restaurant--summary-inner .img-list li .img-list-imgwrap {
                margin-right: 14px;
                flex-basis: 40%; }
              .p-park__restaurant--summary-inner .img-list li .img-list-meta {
                flex-basis: 60%; }
              .p-park__restaurant--summary-inner .img-list li p {
                margin-top: 0; } }
        .p-park__restaurant--summary-inner .restaurant-name {
          font-size: 24px;
          font-weight: 900;
          color: #319c3b;
          text-align: center; }
        .p-park__restaurant--summary-inner .restaurant-catch {
          font-size: 21px;
          font-weight: 900;
          color: #319c3b;
          line-height: 1.35;
          min-height: 2em;
          align-items: center;
          justify-content: center;
          display: flex;
          margin: 20px 0; }
          @media (max-width: 767px) {
            .p-park__restaurant--summary-inner .restaurant-catch {
              justify-content: flex-start;
              margin-top: 0;
              min-height: none; } }
  .p-park__shop {
    margin-bottom: 125px; }
    @media (max-width: 767px) {
      .p-park__shop {
        margin-bottom: 50px; } }
    .p-park__shop--wrap {
      display: flex;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-park__shop--wrap {
          flex-direction: column; } }
    .p-park__shop--mainimg {
      flex-basis: 50%; }
      .p-park__shop--mainimg img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
      @media (max-width: 767px) {
        .p-park__shop--mainimg {
          margin-bottom: 20px; } }
    .p-park__shop--summary {
      flex-basis: 50%;
      align-self: ｆflex-start; }
      .p-park__shop--summary-inner {
        max-width: 660px;
        margin: 0 auto 30px 0;
        padding: 0 15px 0 7.8%; }
        @media (min-width: 1920px) {
          .p-park__shop--summary-inner {
            padding: 0 0 0 55px; } }
        @media (min-width: 1000px) {
          .p-park__shop--summary-inner {
            padding: 0 15px 0 55px; } }
        @media (max-width: 767px) {
          .p-park__shop--summary-inner {
            padding: 0 15px;
            max-width: none; }
            .p-park__shop--summary-inner .img-list {
              flex-direction: column; }
              .p-park__shop--summary-inner .img-list li {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px; }
                .p-park__shop--summary-inner .img-list li .img-list-imgwrap {
                  margin-right: 14px;
                  flex-basis: 40%; }
                .p-park__shop--summary-inner .img-list li .img-list-meta {
                  flex-basis: 60%; }
                .p-park__shop--summary-inner .img-list li p {
                  margin-top: 0; } }
        .p-park__shop--summary-inner .img-list {
          margin-top: 0; }

/* のいち動物公園の魅力ページ */
.p-about {
  /* =のいち動物公園の魅力ページ内共通パーツ= */
  /* コンテンツメインビジュアル */
  /* 4つ並びリンク */
  /* zoo共通タイトル */
  /* 画像2つ並び */
  /* 人も動物もいきいきと */
  /* 動物たちの生息地に近い環境 */
  /* 様々なイベントを開催 */
  /* 自然豊かな園内を散策*/
  /* 子どもたちが */
  /* もっと知ろう */ }
  .p-about .mainvisual-wrap {
    position: relative; }
  .p-about .mainvisual-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .p-about .mainvisual-ttlwrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
  .p-about .mainvisual-ttl {
    width: calc(100% - 30px);
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: relative; }
  .p-about .mainvisual-lead {
    position: absolute;
    top: 0;
    left: 50px;
    line-height: 1.35;
    color: #ffffff;
    font-size: 50px;
    font-weight: 900; }
    @media (max-width: 991px) {
      .p-about .mainvisual-lead {
        font-size: 31px;
        line-height: 1.5;
        left: 30px; } }
    @media (max-width: 767px) {
      .p-about .mainvisual-lead {
        font-size: 22px; } }
  .p-about .imglink-list {
    display: flex;
    flex-wrap: wrap; }
    .p-about .imglink-list-item {
      flex-basis: 23%;
      margin-bottom: 45px;
      text-align: center; }
      @media (max-width: 767px) {
        .p-about .imglink-list-item {
          margin-bottom: 20px; } }
      .p-about .imglink-list-item:not(:nth-child(4n)) {
        margin-right: calc(8% / 3); }
      .p-about .imglink-list-item a {
        text-decoration: none; }
        .p-about .imglink-list-item a:hover {
          opacity: 0.7; }
      @media (max-width: 767px) {
        .p-about .imglink-list-item {
          flex-basis: 48%;
          margin-right: 1%;
          margin-left: 1%; }
          .p-about .imglink-list-item:not(:nth-child(4n)) {
            margin-right: 1%; } }
    .p-about .imglink-list-img {
      margin-bottom: 13px; }
      .p-about .imglink-list-img img:hover {
        opacity: 1; }
      @media (max-width: 767px) {
        .p-about .imglink-list-img {
          margin-bottom: 5px; } }
    .p-about .imglink-list-txt {
      font-weight: bold;
      font-size: 25px;
      text-align: center; }
      .p-about .imglink-list-txt p {
        margin: 0; }
        @media (max-width: 767px) {
          .p-about .imglink-list-txt p {
            font-size: 16px; } }
  .p-about .zoo-ttl01 {
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 32px;
    font-size: 34px;
    line-height: 1.35; }
    @media (max-width: 1180px) {
      .p-about .zoo-ttl01 {
        margin: 0 0 20px;
        font-size: 28px; } }
    .p-about .zoo-ttl01 .zoo-ttl-english {
      font-size: 21px;
      display: block; }
    @media (max-width: 767px) {
      .p-about .zoo-ttl01 {
        /*			margin: 20px 0;
        font-size: 24px;*/ } }
  .p-about .img-list {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    @media (max-width: 767px) {
      .p-about .img-list {
        flex-direction: column; } }
    .p-about .img-list li {
      flex-basis: 48.5%; }
      .p-about .img-list li img {
        width: 100%;
        height: auto; }
  .p-about__btn {
    margin: 30px auto;
    display: table; }
    .p-about__btn a {
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 63px;
      font-size: 16px;
      min-width: 237px;
      padding: 0 16px;
      background: url("../img/about/btn-fun-time.png") no-repeat left top;
      background-size: 100% 100%;
      transition: 0.2s;
      text-decoration: none; }
      .p-about__btn a:hover {
        opacity: 0.7;
        transition: 0.2s; }
      .p-about__btn a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        font-weight: 900;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
        display: block; }
  .p-about__lead {
    margin-bottom: 60px;
    /* ページ内リンク */ }
    .p-about__lead--ttl {
      font-size: 46px;
      color: #319c3b;
      font-weight: 900;
      text-align: center;
      line-height: 1.375;
      margin: 0 auto 30px;
      letter-spacing: 0.05em;
      position: relative; }
      .p-about__lead--ttl:after {
        content: "";
        display: block;
        background: url("../img/about/bg-main-ttl.png") no-repeat left top;
        background-size: cover;
        width: 258px;
        height: 76px;
        position: absolute;
        right: 0;
        bottom: -20px;
        z-index: -1; }
        @media (max-width: 767px) {
          .p-about__lead--ttl:after {
            width: 149px;
            height: 38px;
            bottom: -10px; } }
      @media (max-width: 767px) {
        .p-about__lead--ttl {
          font-size: 24px; } }
    .p-about__lead--txt {
      text-align: center; }
    .p-about__lead--pagenav {
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
      @media (max-width: 767px) {
        .p-about__lead--pagenav {
          margin: 0 auto 10px; } }
      .p-about__lead--pagenav-list {
        max-width: 1387px;
        margin: 55px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .p-about__lead--pagenav-list li {
          flex-basis: 24%;
          max-width: 330px;
          display: flex; }
          .p-about__lead--pagenav-list li a {
            text-decoration: none; }
          .p-about__lead--pagenav-list li:first-child a {
            background: #319c3b; }
          .p-about__lead--pagenav-list li:nth-child(2) a {
            background: #e1801e; }
          .p-about__lead--pagenav-list li:nth-child(3) a {
            background: #7aa943; }
          .p-about__lead--pagenav-list li:last-child a {
            background: #0071a7; }
        .p-about__lead--pagenav-list a {
          display: block;
          height: 100%;
          width: 100%;
          position: relative;
          padding-bottom: 70px;
          color: #ffffff; }
          .p-about__lead--pagenav-list a:after {
            font-family: "Font Awesome 5 Free";
            content: "\f358";
            font-weight: 900;
            color: #ffffff;
            font-size: 30px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            line-height: 1; }
          .p-about__lead--pagenav-list a:hover {
            opacity: 0.7; }
          .p-about__lead--pagenav-list a .pagenav-img {
            background: #ffffff;
            display: block; }
            .p-about__lead--pagenav-list a .pagenav-img img {
              width: 100%;
              height: auto; }
              .p-about__lead--pagenav-list a .pagenav-img img:hover {
                opacity: 1; }
          .p-about__lead--pagenav-list a .pagenav-txt {
            padding: 20px 32px 0; }
            @media (max-width: 767px) {
              .p-about__lead--pagenav-list a .pagenav-txt {
                display: none; } }
  .p-about__zoo {
    background: #eaf6ec;
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-bottom: 50px;
    /* 温帯の森 */
    /* 熱帯の森 */
    /* アフリカオーストラリアゾーン */
    /* ジャングルミュージアム */
    /* こども動物園 */
    /* どうぶつ科学館 */ }
    .p-about__zoo--mainvisual .mainvisual-ttl img {
      position: absolute;
      right: 0;
      bottom: -5%; }
      @media (max-width: 1300px) {
        .p-about__zoo--mainvisual .mainvisual-ttl img {
          right: 15px;
          width: 86px; } }
      @media (max-width: 991px) {
        .p-about__zoo--mainvisual .mainvisual-ttl img {
          width: 62px; } }
      @media (max-width: 767px) {
        .p-about__zoo--mainvisual .mainvisual-ttl img {
          bottom: -38%;
          width: 44px; } }
    .p-about__zoo--temperate {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 767px) {
        .p-about__zoo--temperate {
          margin-top: 20px;
          margin-bottom: 50px; } }
      .p-about__zoo--temperate-wrap {
        display: flex; }
        @media (max-width: 767px) {
          .p-about__zoo--temperate-wrap {
            flex-direction: column; } }
      .p-about__zoo--temperate-mainimg {
        flex-basis: 58%; }
        @media (max-width: 767px) {
          .p-about__zoo--temperate-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--temperate-mainimg img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .p-about__zoo--temperate-summary {
        flex-basis: 42%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--temperate-summary {
            padding: 15px 15px; } }
        .p-about__zoo--temperate-summary-inner {
          max-width: 410px;
          background: rgba(49, 156, 59, 0.8) url("../img/about/bg-txt-zoo01.png") no-repeat right top;
          padding: 36px 31px;
          color: #ffffff;
          position: absolute;
          left: -12.51%;
          bottom: 0;
          transform: translateY(10%);
          /*bottom: -11%;*/
          width: 100%; }
          @media (max-width: 1300px) {
            .p-about__zoo--temperate-summary-inner {
              max-width: none;
              padding: 26px 21px 10px 21px;
              width: calc(112.51% - 15px);
              /*bottom: -18%;*/ } }
          @media (max-width: 1000px) {
            .p-about__zoo--temperate-summary-inner {
              /*bottom: -25%;*/ } }
          @media (max-width: 767px) {
            .p-about__zoo--temperate-summary-inner {
              position: inherit;
              left: auto;
              bottom: auto;
              width: 100%;
              transform: translateY(0); } }
          .p-about__zoo--temperate-summary-inner:before {
            content: "";
            display: block;
            background: url("../img/about/img-point-zoo01.png") no-repeat left top;
            width: 191px;
            height: 83px;
            background-size: cover;
            position: absolute;
            top: -71px;
            right: 23px; }
            @media (max-width: 767px) {
              .p-about__zoo--temperate-summary-inner:before {
                top: -31px;
                right: 3px; } }
    .p-about__zoo--tropical {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 767px) {
        .p-about__zoo--tropical {
          margin-top: 20px;
          margin-bottom: 50px; } }
      .p-about__zoo--tropical-wrap {
        display: flex;
        flex-direction: row-reverse; }
        @media (max-width: 767px) {
          .p-about__zoo--tropical-wrap {
            flex-direction: column; } }
      .p-about__zoo--tropical-mainimg {
        flex-basis: 58%; }
        @media (max-width: 767px) {
          .p-about__zoo--tropical-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--tropical-mainimg img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .p-about__zoo--tropical-summary {
        flex-basis: 42%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--tropical-summary {
            padding: 15px 15px; } }
        .p-about__zoo--tropical-summary-inner {
          max-width: 410px;
          background: rgba(0, 113, 167, 0.9) url("../img/about/bg-txt-zoo02.png") no-repeat left top;
          padding: 36px 31px;
          color: #ffffff;
          position: absolute;
          right: -12.51%;
          top: 50%;
          transform: translateY(-50%);
          width: 100%; }
          @media (max-width: 1300px) {
            .p-about__zoo--tropical-summary-inner {
              max-width: none;
              padding: 26px 21px 10px 21px;
              width: calc(112.51% - 15px); } }
          @media (max-width: 767px) {
            .p-about__zoo--tropical-summary-inner {
              position: inherit;
              right: auto;
              top: auto;
              transform: translateY(0%);
              width: 100%; } }
          .p-about__zoo--tropical-summary-inner:before {
            content: "";
            display: block;
            background: url("../img/about/img-point-zoo02.png") no-repeat left top;
            width: 145px;
            height: 128px;
            background-size: cover;
            position: absolute;
            top: -33px;
            left: 64px; }
            @media (max-width: 767px) {
              .p-about__zoo--tropical-summary-inner:before {
                left: 34px; } }
          .p-about__zoo--tropical-summary-inner .zoo-ttl01 {
            text-align: right; }
    .p-about__zoo--savanna {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 991px) {
        .p-about__zoo--savanna {
          margin-bottom: 250px; } }
      @media (max-width: 767px) {
        .p-about__zoo--savanna {
          margin-top: 20px;
          margin-bottom: 80px; } }
      .p-about__zoo--savanna-wrap {
        display: flex; }
        @media (max-width: 767px) {
          .p-about__zoo--savanna-wrap {
            flex-direction: column; } }
      .p-about__zoo--savanna-mainimg {
        flex-basis: 58%; }
        @media (max-width: 767px) {
          .p-about__zoo--savanna-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--savanna-mainimg img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .p-about__zoo--savanna-summary {
        flex-basis: 42%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--savanna-summary {
            padding: 15px 15px; } }
        .p-about__zoo--savanna-summary-inner {
          max-width: 410px;
          background: rgba(225, 128, 30, 0.8) url("../img/about/bg-txt-zoo03.png") no-repeat right top;
          padding: 36px 31px;
          color: #ffffff;
          position: absolute;
          left: -13.51%;
          top: 0;
          transform: translateY(-4.3%);
          /*top: -4.3%;*/
          width: 100%; }
          @media (max-width: 1300px) {
            .p-about__zoo--savanna-summary-inner {
              max-width: none;
              padding: 26px 21px 10px 21px;
              width: calc(112.51% - 15px);
              /*top: -18%;*/ } }
          @media (max-width: 1000px) {
            .p-about__zoo--savanna-summary-inner {
              /*top: -25%;*/ } }
          @media (max-width: 767px) {
            .p-about__zoo--savanna-summary-inner {
              position: inherit;
              left: auto;
              top: auto;
              width: 100%;
              transform: translateY(0); } }
          .p-about__zoo--savanna-summary-inner:before {
            content: "";
            display: block;
            background: url("../img/about/img-point-zoo03.png") no-repeat left top;
            width: 149px;
            height: 141px;
            background-size: cover;
            position: absolute;
            bottom: -110px;
            right: 23px; }
    .p-about__zoo--jungle {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 767px) {
        .p-about__zoo--jungle {
          margin-top: 20px;
          margin-bottom: 20px; } }
      .p-about__zoo--jungle-wrap {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .p-about__zoo--jungle-wrap {
            flex-direction: column; } }
      .p-about__zoo--jungle-mainimg {
        flex-basis: 58%; }
        @media (max-width: 767px) {
          .p-about__zoo--jungle-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--jungle-mainimg img {
          object-fit: cover;
          width: 100%;
          /*height: 100%;*/ }
          @media (max-width: 767px) {
            .p-about__zoo--jungle-mainimg img {
              /*height: auto;*/ } }
        .p-about__zoo--jungle-mainimg .jungle-catch {
          color: rgba(49, 156, 59, 0.8);
          font-size: 25px;
          font-weight: 900;
          padding-left: 12.51%; }
          @media (max-width: 767px) {
            .p-about__zoo--jungle-mainimg .jungle-catch {
              padding-left: 0; } }
      .p-about__zoo--jungle-summary {
        flex-basis: 42%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--jungle-summary {
            padding: 15px 15px; } }
        .p-about__zoo--jungle-summary-inner {
          max-width: 410px;
          background: rgba(49, 156, 59, 0.8) url("../img/about/bg-txt-zoo04.png") no-repeat left top;
          padding: 36px 31px;
          color: #ffffff;
          position: absolute;
          right: -12.51%;
          /*top:1.42%;*/
          top: 0;
          transform: translateY(-1.42%);
          width: 100%; }
          @media (max-width: 1300px) {
            .p-about__zoo--jungle-summary-inner {
              max-width: none;
              padding: 26px 21px 10px 21px;
              width: calc(112.51% - 15px); } }
          @media (max-width: 767px) {
            .p-about__zoo--jungle-summary-inner {
              position: inherit;
              right: auto;
              top: auto;
              transform: translateY(0);
              width: 100%; } }
          .p-about__zoo--jungle-summary-inner .zoo-ttl01 {
            padding-left: 30%; }
      .p-about__zoo--jungle-event {
        margin: 23px auto 0;
        /*flex-basis: 58%;*/ }
        @media (max-width: 767px) {
          .p-about__zoo--jungle-event {
            padding: 0 15px;
            margin-top: 0;
            /*	.img-list {
            	flex-direction: column;
            }*/ } }
        .p-about__zoo--jungle-event .jungle-event-img {
          margin-bottom: 23px; }
        .p-about__zoo--jungle-event .jungle-event-ttl {
          display: flex;
          font-size: 25px;
          font-weight: 900;
          color: #319c3b;
          /*width: 95%;*/ }
          .p-about__zoo--jungle-event .jungle-event-ttl:before {
            content: url("../img/about/ttl-Jungle-event.png");
            margin-right: 17px; }
        .p-about__zoo--jungle-event .jungle-event-time {
          margin: 9px 0 22px;
          border: 1px solid #319c3b;
          border-radius: 20px;
          display: table;
          background: #ffffff;
          overflow: hidden;
          width: 100%; }
          @media (max-width: 767px) {
            .p-about__zoo--jungle-event .jungle-event-time {
              width: 100%;
              max-width: none; } }
          .p-about__zoo--jungle-event .jungle-event-time dt {
            background: #319c3b;
            color: #ffffff;
            font-size: 18px;
            padding: 5px 12px 5px 22px;
            white-space: nowrap;
            display: table-cell;
            width: 4em;
            vertical-align: middle; }
          .p-about__zoo--jungle-event .jungle-event-time dd {
            display: table-cell;
            vertical-align: middle;
            font-size: 14px;
            margin: 0;
            line-height: 1;
            padding: 5px 12px 5px 8px; }
        .p-about__zoo--jungle-event .jungle-event-summary {
          max-width: 500px; }
          @media (max-width: 767px) {
            .p-about__zoo--jungle-event .jungle-event-summary {
              width: 100%;
              max-width: none; } }
    .p-about__zoo--children-zoo {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 767px) {
        .p-about__zoo--children-zoo {
          margin-top: 20px;
          margin-bottom: 20px; } }
      .p-about__zoo--children-zoo-wrap {
        display: flex;
        flex-direction: row-reverse; }
        @media (max-width: 767px) {
          .p-about__zoo--children-zoo-wrap {
            flex-direction: column; } }
      .p-about__zoo--children-zoo-mainimg {
        flex-basis: 53%; }
        @media (max-width: 767px) {
          .p-about__zoo--children-zoo-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--children-zoo-mainimg img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .p-about__zoo--children-zoo-summary {
        flex-basis: 47%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--children-zoo-summary {
            padding: 15px 15px; } }
        .p-about__zoo--children-zoo-summary-box {
          max-width: 410px;
          width: 100%;
          position: absolute;
          right: -4.8%;
          top: 0;
          transform: translateY(-12%); }
          @media (max-width: 1300px) {
            .p-about__zoo--children-zoo-summary-box {
              max-width: none;
              width: calc(104.8% - 15px); } }
          @media (max-width: 767px) {
            .p-about__zoo--children-zoo-summary-box {
              position: inherit;
              right: auto;
              top: auto;
              transform: translateY(0%);
              width: 100%; } }
        .p-about__zoo--children-zoo-summary-inner {
          /*max-width: 410px;*/
          background: rgba(0, 147, 220, 0.8) url("../img/about/bg-txt-zoo05.png") no-repeat left top;
          padding: 56px 31px 32px;
          color: #ffffff; }
          @media (max-width: 1300px) {
            .p-about__zoo--children-zoo-summary-inner {
              /*max-width: none;*/
              padding: 26px 21px 10px 21px;
              /*	width: calc(112.51% - 15px);*/ } }
          .p-about__zoo--children-zoo-summary-inner .zoo-ttl01 {
            padding-left: 24%; }
        .p-about__zoo--children-zoo-summary-img {
          margin: 30px 0;
          padding-right: 16.8%;
          text-align: center; }
          @media (max-width: 767px) {
            .p-about__zoo--children-zoo-summary-img {
              padding-right: 0;
              margin: 20px auto 0; } }
          .p-about__zoo--children-zoo-summary-img img {
            width: 100%;
            height: auto; }
            @media (max-width: 1100px) {
              .p-about__zoo--children-zoo-summary-img img {
                width: auto; } }
  @media (max-width: 1100px) and (max-width: 767px) {
    .p-about__zoo--children-zoo-summary-img img {
      width: 84%; } }

    .p-about__zoo--science-museum {
      margin-top: 80px;
      margin-bottom: 125px; }
      @media (max-width: 991px) {
        .p-about__zoo--science-museum {
          margin-bottom: 250px; } }
      @media (max-width: 767px) {
        .p-about__zoo--science-museum {
          margin-top: 20px;
          margin-bottom: 30px; } }
      .p-about__zoo--science-museum-wrap {
        display: flex; }
        @media (max-width: 767px) {
          .p-about__zoo--science-museum-wrap {
            flex-direction: column-reverse; } }
      .p-about__zoo--science-museum-mainimg {
        flex-basis: 53%; }
        @media (max-width: 767px) {
          .p-about__zoo--science-museum-mainimg {
            padding: 0 15px; } }
        .p-about__zoo--science-museum-mainimg img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .p-about__zoo--science-museum-summary {
        flex-basis: 47%;
        position: relative; }
        @media (max-width: 767px) {
          .p-about__zoo--science-museum-summary {
            padding: 15px 15px; } }
        .p-about__zoo--science-museum-summary-box {
          max-width: 440px;
          width: 100%;
          position: absolute;
          left: -4.8%;
          top: 0;
          transform: translateY(-16%);
          width: 100%; }
          @media (max-width: 1300px) {
            .p-about__zoo--science-museum-summary-box {
              max-width: none;
              transform: translateY(-10%);
              width: calc(104.8% - 15px); } }
          @media (max-width: 767px) {
            .p-about__zoo--science-museum-summary-box {
              position: inherit;
              left: auto;
              top: auto;
              transform: translateY(0%);
              width: 100%; } }
        .p-about__zoo--science-museum-summary-inner {
          background: rgba(225, 128, 30, 0.8) url("../img/about/bg-txt-zoo06.png") no-repeat left top;
          padding: 56px 31px 32px;
          color: #ffffff; }
          @media (max-width: 1300px) {
            .p-about__zoo--science-museum-summary-inner {
              padding: 26px 21px 10px 21px; } }
          @media (max-width: 1000px) {
            .p-about__zoo--science-museum-summary-inner {
              /*top: -25%;*/ } }
          @media (max-width: 767px) {
            .p-about__zoo--science-museum-summary-inner {
              position: inherit;
              left: auto;
              top: auto;
              width: 100%;
              transform: translateY(0); } }
          .p-about__zoo--science-museum-summary-inner .zoo-ttl01 {
            padding-left: 24%; }
      .p-about__zoo--science-museum-txt {
        margin: 30px 0 0 21%; }
        @media (max-width: 1000px) {
          .p-about__zoo--science-museum-txt {
            margin-left: 15%; } }
        @media (max-width: 767px) {
          .p-about__zoo--science-museum-txt {
            margin-left: 0; } }
        .p-about__zoo--science-museum-txt .science-museum-catch {
          color: #e1801e;
          font-size: 25px;
          font-weight: 900;
          margin-bottom: 12px; }
  .p-about__event {
    /*	background: #eaf6ec;*/
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-bottom: 50px; }
    .p-about__event--mainvisual .mainvisual-ttl img {
      position: absolute;
      left: 0;
      bottom: -5%; }
      @media (max-width: 1300px) {
        .p-about__event--mainvisual .mainvisual-ttl img {
          width: 86px;
          left: 15px;
          bottom: -29%; } }
      @media (max-width: 991px) {
        .p-about__event--mainvisual .mainvisual-ttl img {
          width: 62px;
          left: auto;
          right: 25px; } }
      @media (max-width: 767px) {
        .p-about__event--mainvisual .mainvisual-ttl img {
          bottom: -34%;
          width: 44px; } }
    .p-about__event--inner-wrap {
      max-width: 1000px;
      margin: 60px auto;
      width: calc(100% - 30px); }
      @media (max-width: 767px) {
        .p-about__event--inner-wrap {
          margin: 20px auto; } }
    .p-about__event--lead {
      padding: 0 0 0 14%;
      margin-bottom: 60px; }
      @media (max-width: 991px) {
        .p-about__event--lead {
          padding: 0 16% 0 0; } }
    .p-about__event--list .imglink-list-txt {
      color: #e1801e; }
    .p-about__event--funtime {
      margin-top: 123px;
      /* コロナ注意文 */ }
      .p-about__event--funtime-ttl {
        position: relative; }
        .p-about__event--funtime-ttl .c-ttl01.bt {
          color: #e1801e;
          margin-bottom: 0; }
          .p-about__event--funtime-ttl .c-ttl01.bt:after {
            background: #e1801e; }
        .p-about__event--funtime-ttl:after {
          content: "";
          display: block;
          background: url("../img/about/ttl-fun-time.png") no-repeat left top;
          background-size: cover;
          width: 250px;
          height: 109px;
          position: absolute;
          right: 0;
          bottom: -20px;
          z-index: -1; }
          @media (max-width: 767px) {
            .p-about__event--funtime-ttl:after {
              display: none; } }
        .p-about__event--funtime-ttl .funtime-lead {
          text-align: center;
          font-size: 18px;
          color: #e1801e;
          font-weight: bold;
          margin-bottom: 47px; }
      @media (max-width: 767px) {
        .p-about__event--funtime .img-list li {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; } }
      @media (max-width: 767px) {
        .p-about__event--funtime .img-list .funtime-event-img {
          flex-basis: 46%; } }
      @media (max-width: 767px) {
        .p-about__event--funtime .img-list .funtime-event-txt {
          flex-basis: 50%; } }
      .p-about__event--funtime .img-list .funtime-event-ttl {
        font-size: 25px;
        font-weight: 900;
        margin: 27px 0 16px;
        text-align: center;
        color: #e1801e; }
        @media (max-width: 767px) {
          .p-about__event--funtime .img-list .funtime-event-ttl {
            text-align: left;
            margin: 0 0 16px; } }
      .p-about__event--funtime .img-list .funtime-event-summary {
        font-size: 16px; }
      .p-about__event--funtime .attention-txt {
        font-size: 18px;
        font-weight: bold;
        display: table;
        margin: 60px auto;
        max-width: 80%;
        line-height: 1.5; }
        .p-about__event--funtime .attention-txt span {
          border-bottom: 1px solid #e1801e;
          padding-bottom: 5px; }
          @media (max-width: 767px) {
            .p-about__event--funtime .attention-txt span {
              padding-bottom: 0; } }
        @media (max-width: 767px) {
          .p-about__event--funtime .attention-txt {
            margin: 30px auto; } }
  .p-about__walk {
    background: #eaf5eb;
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw); }
    .p-about__walk--mainvisual .mainvisual-ttl img {
      position: absolute;
      right: 0;
      bottom: -5%; }
      @media (max-width: 1300px) {
        .p-about__walk--mainvisual .mainvisual-ttl img {
          width: 86px;
          right: 15px; } }
      @media (max-width: 991px) {
        .p-about__walk--mainvisual .mainvisual-ttl img {
          width: 62px; } }
      @media (max-width: 767px) {
        .p-about__walk--mainvisual .mainvisual-ttl img {
          bottom: -34%;
          width: 44px; } }
    .p-about__walk--mainvisual .mainvisual-lead {
      top: auto;
      bottom: 0; }
    .p-about__walk--bg-wrap {
      background: url("../img/about/bg-walk.png") no-repeat center bottom;
      background-size: auto 100%;
      padding: 10px 0; }
      @media (max-width: 767px) {
        .p-about__walk--bg-wrap {
          background: none; } }
    .p-about__walk--inner-wrap {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 0 60px;
      width: calc(100% - 30px); }
      @media (max-width: 767px) {
        .p-about__walk--inner-wrap {
          padding: 20px 0; } }
    .p-about__walk--lead {
      display: flex;
      justify-content: space-between;
      margin: 106px auto 127px;
      max-width: 88%; }
      @media (max-width: 767px) {
        .p-about__walk--lead {
          flex-direction: column;
          margin: 26px auto 30px; } }
      .p-about__walk--lead-img {
        flex-basis: 50%; }
        @media (max-width: 767px) {
          .p-about__walk--lead-img {
            margin-bottom: 20px; } }
      .p-about__walk--lead-txt {
        flex-basis: 45.5%;
        align-self: flex-end; }
      .p-about__walk--lead-ttl {
        font-size: 25px;
        font-weight: 900;
        color: #7aa943; }
    .p-about__walk--list .imglink-list-txt {
      color: #7aa943; }
  .p-about__picnic {
    /*	background: #eaf6ec;*/
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-bottom: 50px;
    background: url("../img/about/bg-picnic.png") no-repeat left bottom;
    		/*		&--lead {
    			padding: 0 0 0 14%;
    			margin-bottom: 60px;
    			@media (max-width: $screen-sm-max) {
    				padding: 0 15% 0 0;
    			}
    		}
    		&--list {
    
    			.imglink-list-txt {
    
    				color: #e1801e;
    
    			}
    		}*/ }
    @media (max-width: 767px) {
      .p-about__picnic {
        background: none; } }
    .p-about__picnic--mainvisual .mainvisual-ttl img {
      position: absolute;
      left: 0;
      bottom: -5%; }
      @media (max-width: 1300px) {
        .p-about__picnic--mainvisual .mainvisual-ttl img {
          width: 86px;
          left: 15px; } }
      @media (max-width: 991px) {
        .p-about__picnic--mainvisual .mainvisual-ttl img {
          width: 62px; } }
      @media (max-width: 767px) {
        .p-about__picnic--mainvisual .mainvisual-ttl img {
          width: 44px;
          bottom: -16%; } }
    .p-about__picnic--mainvisual .mainvisual-lead {
      top: auto;
      bottom: 0;
      left: auto;
      right: 50px; }
    .p-about__picnic--inner-wrap {
      max-width: 1000px;
      margin: 100px auto 60px;
      width: calc(100% - 30px); }
      @media (max-width: 767px) {
        .p-about__picnic--inner-wrap {
          margin: 50px auto 0; } }
    .p-about__picnic--funtime {
      /*		margin-top: 96px;*/ }
      .p-about__picnic--funtime .img-list li {
        flex-basis: 47%; }
        @media (max-width: 767px) {
          .p-about__picnic--funtime .img-list li {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px; } }
      @media (max-width: 767px) {
        .p-about__picnic--funtime .img-list .funtime-picnic-img {
          flex-basis: 46%; } }
      @media (max-width: 767px) {
        .p-about__picnic--funtime .img-list .funtime-picnic-txt {
          flex-basis: 50%; } }
      .p-about__picnic--funtime .img-list .funtime-picnic-ttl {
        font-size: 25px;
        font-weight: 900;
        margin: 27px 0 16px;
        text-align: center;
        color: #0071a7; }
        @media (max-width: 767px) {
          .p-about__picnic--funtime .img-list .funtime-picnic-ttl {
            text-align: left;
            margin: 0 0 16px; } }
      .p-about__picnic--funtime .img-list .funtime-picnic-summary {
        font-size: 16px; }
  .p-about__more {
    background: #efefef;
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-bottom: 50px; }
    .p-about__more--mainvisual .mainvisual-ttl img {
      position: absolute;
      left: 0;
      top: 35%; }
      @media (max-width: 1300px) {
        .p-about__more--mainvisual .mainvisual-ttl img {
          width: 66px;
          left: 15px; } }
      @media (max-width: 991px) {
        .p-about__more--mainvisual .mainvisual-ttl img {
          width: 56px; } }
      @media (max-width: 767px) {
        .p-about__more--mainvisual .mainvisual-ttl img {
          width: 55px;
          top: auto;
          bottom: -5%; } }
    .p-about__more--inner-wrap {
      max-width: 1000px;
      margin: 60px auto 60px;
      width: calc(100% - 30px);
      padding-left: 100px; }
      @media (max-width: 1300px) {
        .p-about__more--inner-wrap {
          padding-left: 94px; } }
      @media (max-width: 991px) {
        .p-about__more--inner-wrap {
          padding-left: 84px; } }
      @media (max-width: 767px) {
        .p-about__more--inner-wrap {
          margin: 50px auto 0;
          padding-left: 0; } }
    .p-about__more--ttl {
      font-size: 25px;
      font-weight: 900;
      color: #0071a7;
      text-align: center;
      margin: 14px auto 20px; }
    .p-about__more--link-list {
      display: flex;
      flex-wrap: wrap; }
      .p-about__more--link-list-item {
        flex-basis: 24%;
        margin-bottom: 25px;
        text-align: center; }
        @media (max-width: 767px) {
          .p-about__more--link-list-item {
            margin-bottom: 20px; } }
        .p-about__more--link-list-item:not(:nth-child(4n)) {
          margin-right: calc(4% / 3); }
        .p-about__more--link-list-item a {
          background: #ffffff;
          color: #0071a7;
          text-decoration: none;
          display: block;
          padding: 16px;
          height: 100%; }
          @media (max-width: 767px) {
            .p-about__more--link-list-item a {
              padding: 11px; } }
          .p-about__more--link-list-item a:hover {
            opacity: 0.7; }
        @media (max-width: 767px) {
          .p-about__more--link-list-item {
            flex-basis: 48%;
            margin-right: 1%;
            margin-left: 1%; }
            .p-about__more--link-list-item:not(:nth-child(4n)) {
              margin-right: 1%; } }
      .p-about__more--link-list-img {
        margin-bottom: 20px; }
        .p-about__more--link-list-img img:hover {
          opacity: 1; }
        @media (max-width: 767px) {
          .p-about__more--link-list-img {
            margin-bottom: 10px;
            max-height: 100%; } }
      .p-about__more--link-list-txt {
        font-weight: bold;
        text-align: center; }
        .p-about__more--link-list-txt p {
          font-size: 16px;
          margin: 0;
          line-height: 1.35; }
          @media (max-width: 767px) {
            .p-about__more--link-list-txt p {
              font-size: 14px; } }

/* 検索結果ページ */
.p-search__ttl {
  color: #319C3B;
  font-size: 30px; }

/* 検索結果ページ */
.p-search__ttl {
  color: #319C3B;
  font-size: 30px; }

.p-search__item--ttl {
  font-size: 24px;
  font-weight: bold; }
