@charset "utf-8";
/* CSS Document */
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .selector {
  property: value;
}
/*----------------------------------------------------
 リセット部
------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
address, em, img, small, strong,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, form, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: bottom;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.5em;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------
 共通
------------------------------------------------------*/
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #222;
  background-color: #fff;
  word-wrap: break-word;
  width: 100%;
  height: 100%;
}

.clearfix:after,
.clearfix:before {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearboth {
  clear: both;
}

a {
  color: #333;
}

.pc {
	display: none;
}

.spn_br {
  display: block;
}

/*noscript指定*/
.noscript {
  margin: 0 auto .3em;
  padding: .3em 1em;
  background-color: #eee;
  font-size: 80%;
}

/* スキップリンク */
.skip {
  text-align: center;
  padding: .3em 0;
  top: auto;
  width : 1px;
  font-size: .1%;
  line-height: .1;
  position: absolute;
  left: -100%;
  z-index: 9999;
  background-color: #d2ecd2;
  color: #1c4a9e;
}

.skip:focus {
  display: block;
  width: 100%;
  font-size: 100%;
  line-height: 1.5em;
  top: 0;
  left: 0;
}

/*カラーパターン*/
.color_bg01, .color_bg_saitamasuijo, .color_bg_shirakobatosuijo, .color_bg_kawagoesuijo, .color_bg_suizokukan, .color_bg_suizokukan, .color_bg_kazohanasaki {
  background-color: #bce9f9;
}
.color_bg02, .color_bg_tokorozawa-kokuu, .color_bg_chikozan, .color_bg_kumagaya {
  background-color: #bfedb5;
}
.color_bg03, .color_bg_sczoo, .color_bg_toda {
  background-color: #e0e791;
}
.color_bg04, .color_bg_misato, .color_bg_fukushimura, .color_bg_oomiya2-3 {
  background-color: #fadaec;
}
.color_bg05, .color_bg_omiyazoo {
  background-color: #ffd1da;
}
.color_bg_none {
  background-color: #dedede;
}
.color_bg_association {
  background-color: #ffe19e;
}

/* サイト内検索 */
.search_btn {
  width: calc(3em / 0.9);
  height: calc(3em / 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 90%;
  font-weight: bold;
  background-image: url(/exis/img/search_ico.png);
  background-repeat: no-repeat;
  background-position: center 6px;
  padding-top: 24px;
}

.search_txt {
  width: calc(100% - 3.5em);
  background-color: #f5f5f5;
  border-radius: 1.5em;
  height: 3em;
  box-shadow:0px 2px 0px 1px #dcdcdc inset;
  padding: 0 1em;
}

.site_search .search_btn {
  background-color: #ffd670;
}

.assist li::before {
  content: url(/exis/img/ico_arr_01.png);
  display: inline-block;
  padding-right: .5em;
}

/* footer */
.goTop_wrap {
  position: relative;
  z-index: 100;
}

#gotoTop {
  position: absolute;
  width: 60px;
  height: 108px;
  bottom: -5.5em;
  right: .5em;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/exis/img/gotop.png) no-repeat top center;
  background-size: contain;
  background-position: right center;
  cursor: pointer;
}
footer {
  background: url(/exis/img/footer_border.png) top center repeat-x #fde884;
  padding-top: 3em;
}

.footer_logo {
  display: block;
  margin: 0 auto 2em;
}

.footer_nav {
  margin: 0 1em 2em;
}

.footer_nav li {
  margin-bottom: 1em;
}

.footer_nav a {
  color: #222;
  text-decoration: none;
  font-weight: bold;
}

.footer_nav a::before {
  content: url(/exis/img/ico_arr_04.png);
  display: inline-block;
  padding-right: .5em;
}

.copyright {
  text-align: center;
  font-size: 90%;
  padding-bottom: 3em;
}

.copyright a {
  text-decoration: none;
}

/* 画像トリミング表示
------------------------------------------------------*/
.ob_fit {
  object-fit: cover;
  object-position: top;
  backface-visibility: hidden;
  font-family: 'object-fit:cover;object-position: top;'
}

/* トップページイベント情報 */
body img.ob_top_event {
  height: 28vw;
}
/* イベントリスト・詳細ページイベント情報 */
body img.ob_event_list {
  height: 55vw;
}
/* トップページ・詳細ページ　お知らせ */
body img.ob_news_list {
  height: 80px;
}
/* 動物園からのお知らせ */
body ul img.ob_zoo_info {
  height: 80px;
}

/*----------------------------------------------------
 pc表示
------------------------------------------------------*/
@media screen and (min-width:671px) {
  body {
    min-width: 1050px;
  }
  .pc {
    display: block;
  }
  
  .sp {
    display: none;
  }
  
  #gotoTop {
    width: 100px;
  }

/*
  footer {
    margin-top: 3em;
  }
*/
  
  .footer_inner {
    display: flex;
    flex-wrap: wrap;
    width: 1050px;
    margin: 0 auto;
    align-items: flex-start;
  }
  
  .footer_logo {
    margin: 0;
  }
  
  .footer_nav {
    width: 780px;
    margin-right: 0;
    margin-left: 2em;
    display: flex;
    flex-wrap: wrap;
  }
  
  .footer_nav li {
    width: 33%;
  }
  
/* フッターリンク5項目になったら下記に戻す
  .footer_nav li:nth-child(3n+1) {
    width: 10em;
  }
  
  .footer_nav li:nth-child(3n+2) {
    width: 15em;
  }
  
  .footer_nav li:nth-child(3n) {
    width: 18em;
  }
*/
  
  .copyright {
    margin-left: auto;
    margin-top: -.5em;
  }
  
  #tinymce .footer_inner {
    max-width: 100%;
  }

  /* 画像トリミング表示
  ------------------------------------------------------*/
  body img.ob_top_event {
    height: 150px;
  }
  body .top_main img.ob_top_event,
  body img.ob_event_list {
    height: 230px;
  }
  body img.ob_news_list {
    height: 90px;
    width: 90px;
  }
  body ul img.ob_zoo_info {
    height: 140px;
  }
}

/* 文字サイズ・色合いの変更（設定）
=============================================================================================*/
.fsize ul,
.bgcolor ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1em 0 2em;
}

.fsize a,
.bgcolor a {
    padding: .3em 2em;
    border: 1px solid #666;
    border-radius: 5px;
    display: block;
    min-width: 8em;
    text-align: center;
}

.main .fsize a::before,
.main .bgcolor a::before {
  content: none;
}

.fsize li,
.bgcolor li {
    margin-right: 1.5em;
}

.bt2 a {
    background-color: #000;
    color: #fff;
}

.bt3 a {
    background-color: #00f;
    color: #ff0;
}

/* 画面色（全ページ共通）
=============================================================================================*/
.nonebg footer,
.nonebg h2,
.nonebg .top_main h2,
.nonebg .movie {
	background-image: none;
}

/* 画面色　黒 */
.black * {
  color: #FFF !important;
  background-color: #000 !important;
  border-color: #fff !important;
}

body.black {
  background-image: none;
  background-color: #000;
}

.black #main_vis .inner { background-color: transparent !important;}

.black h2
.black h2 a {
  background-color: #FFF !important;
  color: #000 !important;
}

/* 画面色　青 */

.blue * {
  color: #FF0 !important;
  background-color: #00F !important;
  border-color: #FF0 !important;
}

body.blue {
  background-image: none;
  background-color: #00F;
}

.blue h2 a {
  background-color: #FF0 !important;
  color: #00F !important;
}