@charset "UTF-8";
/*-----------------------------------------------
 * color
 * --------------------------------------------*/
/*-----------------------------------------------
 * break point
 * --------------------------------------------*/
/*-----------------------------------------------
 * font-size(base:16px)
 * --------------------------------------------*/
/*-----------------------------------------------
 * font-family
 * --------------------------------------------*/
/* 小塚ゴシック */
/* 游ゴ */
/* Futura */
/*-----------------------------------------------
 * bootstrap3 class 
 * --------------------------------------------*/
.img-responsive {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto;
  max-width: 100%; }

.img-responsive-inline {
  display: inline-block;
  height: auto;
  max-width: 100%; }

ul.list-inline li {
  display: inline-block; }
  ul.list-inline li:not(:last-child) {
    margin-right: .5rem; }

/*****************************************************************************************
 * common
 ****************************************************************************************/
html,
body {
  height: 100%; }

body {
  font-family: meiryo, "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #222; }

a {
  color: #006bdd; }
  a:focus, a:hover {
    color: #c7000b; }

a:not(.btn) {
  text-decoration: underline; }

/*
//アクセシビリティ対応
.btn-primary {
	color: #fff;
	background-color: #006bdd;
	border-color: #006bdd;
}
*/
/*-----------------------------------------------
 * ぱんくずリスト
 * --------------------------------------------*/
.breadcrumb {
  background: none;
  font-size: 0.8125rem;
  background: none;
  padding: 0; }
  .breadcrumb a {
    color: #088100;
    text-decoration: none; }
    .breadcrumb a:hover, .breadcrumb afocus {
      color: #c7000b; }
  @media (max-width: 991px) {
    .breadcrumb {
      display: none; } }

/*-----------------------------------------------
 * grid
 * --------------------------------------------*/
@media (max-width: 991px) {
  div[class*=col-] {
    margin-bottom: 15px; } }
/*-----------------------------------------------
 * contactform
 * --------------------------------------------*/
.wpcf7-form label sup {
  color: red; }
.wpcf7-form .form-control[readonly] {
  font-size: 0.8125rem; }
@media (min-width: 992px) {
  .wpcf7-form {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; } }

/*-----------------------------------------------
 * Meta Slider
 * --------------------------------------------*/
.metaslider .flexslider {
  margin-bottom: 0 !important; }
  @media (min-width: 992px) {
    .metaslider .flexslider .flex-control-nav {
      bottom: 20px !important;
      z-index: 2; } }
  @media (max-width: 991px) {
    .metaslider .flexslider .flex-control-nav {
      display: none; } }
  .metaslider .flexslider .flex-direction-nav .flex-prev {
    left: 0 !important; }
  .metaslider .flexslider .flex-direction-nav .flex-next {
    right: 0 !important; }

/*****************************************************************************************
 * content
 ****************************************************************************************/
/*-----------------------------------------------
 * 見出し
 * --------------------------------------------*/
#postTitleBox h1,
#postContent h2.h1 {
  font-size: 1.5rem;
  color: #fff;
  background-color: #4c844c;
  padding: 8px;
  border: none; }

h2 {
  font-size: 1.875rem;
  font-weight: bold;
  border-bottom: solid #088100 5px;
  margin-bottom: 30px;
  margin-top: 0px; }
  h2 span {
    font-size: 15px;
    padding-left: 20px;
    color: #4c844c;
    font-size: 0.875rem;
    margin-bottom: 30px; }

h3 {
  padding-top: 5px;
  padding-bottom: 8px;
  font-size: 1.625rem; }
  h3 span {
    font-size: 15px;
    padding-left: 20px;
    color: #4c844c;
    font-size: 0.875rem;
    margin-bottom: 30px; }

#postContent h3 {
  font-weight: bold;
  border-bottom: 5px solid #B9D8B6; }
  #postContent h3 + h4 {
    color: #4c844c;
    font-size: 0.875rem;
    margin-bottom: 30px; }

h4 {
  font-size: 1.25rem;
  font-weight: bold; }

/*-----------------------------------------------
 * 続きを読むリンク
 * --------------------------------------------*/
.more_link {
  font-size: 0.8125rem; }

ul.pagination a {
  text-decoration: none;
  color: #4c844c; }
ul.pagination .page-item.active .page-link {
  background: #539f4c;
  border-color: #4c844c; }

/*-----------------------------------------------
 * 記事一覧（サムネイル付き）
 * --------------------------------------------*/
#postList {
  margin-bottom: 45px; }
  #postList .li_box {
    margin-bottom: 30px; }
  #postList .li_box:hover {
    opacity: 0.8; }
  #postList .li_thumbnail {
    position: relative;
    background: #EEE !important; }
    @media (min-width: 992px) {
      #postList .li_thumbnail {
        height: 130px;
        overflow: hidden; } }
    #postList .li_thumbnail .li_cat {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      background: #088100; }
      #postList .li_thumbnail .li_cat a {
        text-decoration: none;
        color: #fff; }
  #postList .li_date {
    font-size: 0.9375rem;
    font-weight: bold;
    margin-top: 8px; }
  #postList .li_title {
    font-size: 0.9375rem;
    font-weight: bold;
    margin-bottom: 15px; }
    #postList .li_title a {
      text-decoration: none;
      color: #222; }
  #postList .li_detail {
    font-size: 0.8125rem; }
  #postList .li_more {
    margin-top: 8px;
    font-size: 0.9375rem;
    text-align: right; }

/*-----------------------------------------------
 * 記事一覧（テキスト）
 * --------------------------------------------*/
#Information {
  background-color: #ECF4EC;
  padding: 15px;
  font-size: 0.875rem;
  margin-bottom: 45px; }
  #Information dt {
    font-weight: normal;
    white-space: nowrap; }
  #Information dd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

/*-----------------------------------------------
 * ページトップへ
 * --------------------------------------------*/
#pagetop {
  padding: 15px; }
  #pagetop a {
    text-decoration: none;
    color: #222;
    font-weight: bold; }
    #pagetop a:focus, #pagetop a:hover {
      color: #088100; }

/*****************************************************************************************
 * nav
 ****************************************************************************************/
#headerNavBox {
  margin-bottom: 30px; }
  #headerNavBox nav {
    background-color: #539f4c !important;
    background-image: url("../images/bg.png");
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0; }
    #headerNavBox nav .navbar-brand {
      text-decoration: none; }
    #headerNavBox nav li a {
      padding-top: 15px;
      padding-bottom: 15px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%; }
      #headerNavBox nav li a:focus, #headerNavBox nav li a:hover {
        background: rgba(255, 255, 255, 0.3);
        display: block; }
  @media (min-width: 992px) {
    #headerNavBox nav li a span {
      display: block;
      border-left: #fff solid 3px; }
    #headerNavBox nav li:last-child a span {
      border-right: #fff solid 3px; }
    #headerNavBox nav li:focus, #headerNavBox nav li:hover, #headerNavBox nav li.active {
      background-color: #fff; }
      #headerNavBox nav li:focus a, #headerNavBox nav li:hover a, #headerNavBox nav li.active a {
        color: #000; }
      #headerNavBox nav li:focus:not(:last-child) a, #headerNavBox nav li:hover:not(:last-child) a, #headerNavBox nav li.active:not(:last-child) a {
        border-left: #fff solid 3px; }
      #headerNavBox nav li:focus + li a span, #headerNavBox nav li:hover + li a span, #headerNavBox nav li.active + li a span {
        border-left: 0px; } }
  @media (max-width: 991px) {
    #headerNavBox nav {
      padding: 4px 8px; }
    #headerNavBox .container {
      max-width: 100% !important; }
    #headerNavBox .navbar-dark .navbar-toggler {
      color: white;
      border-color: white; } }

/*****************************************************************************************
 * header
 ****************************************************************************************/
#headerBorderBox {
  background: #539f4c;
  background-image: url("../images/bg.png");
  height: 18px; }

#headerTitleBox {
  padding-top: 5px;
  margin-bottom: 15px; }
  #headerTitleBox a {
    text-decoration: none;
    color: #222; }
  #headerTitleBox .site-title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding-top: 15px; }
  #headerTitleBox .header_detail {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: center;
    font-size: 1.375rem;
    line-height: 100%; }
    #headerTitleBox .header_detail span {
      display: block;
      color: #088100;
      font-size: 1.125rem; }
  #headerTitleBox .header_link a {
    font-size: 0.8125rem;
    text-decoration: none;
    color: #222; }
    #headerTitleBox .header_link a:hover, #headerTitleBox .header_link a:focus {
      color: #088100;
      text-decoration: underline; }
  #headerTitleBox .search-form input[type="text"] {
    font-size: 0.75rem;
    background: #B9D8B6;
    border: 1px solid #4c844c;
    padding: .25rem .5rem; }
    #headerTitleBox .search-form input[type="text"]::placeholder {
      color: #4c844c;
      text-decoration: underline; }
  #headerTitleBox .search-form button {
    font-size: 0.75rem;
    color: #fff;
    background: #4c844c;
    padding: .25rem .5rem; }

/*****************************************************************************************
 * footer
 ****************************************************************************************/
#footerBox {
  margin-top: 45px; }
  #footerBox #footerContent {
    background: #539f4c;
    background-image: url("../images/bg.png");
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px; }
    #footerBox #footerContent a {
      color: #fff;
      padding: 0 2px; }
      #footerBox #footerContent a:hover, #footerBox #footerContent a:focus {
        color: #088100;
        background: #fff; }
    #footerBox #footerContent h2 {
      font-size: 1.875rem;
      line-height: 1.875rem;
      font-weight: bold;
      display: inline-block;
      text-align: center;
      margin-bottom: 15px; }
      #footerBox #footerContent h2 small {
        font-size: 0.9375rem;
        line-height: 0.9375rem;
        display: block; }
    #footerBox #footerContent h3 {
      font-size: 1.5rem; }
    #footerBox #footerContent ul {
      padding-left: 0;
      font-size: 0rem; }
      #footerBox #footerContent ul li {
        font-size: 0.875rem;
        display: inline-block;
        width: 33.3%; }
  #footerBox #footerLink {
    padding-top: 15px; }
    #footerBox #footerLink ul li a {
      font-size: 0.875rem;
      text-decoration: none;
      color: #222; }
      #footerBox #footerLink ul li a:hover, #footerBox #footerLink ul li a:focus {
        color: #088100; }
      #footerBox #footerLink ul li a::before {
        content: '▼';
        color: #088100; }
  #footerBox #copyright {
    text-align: right;
    font-size: 0.75rem;
    margin-bottom: 5px;
    margin-right: 5px; }

/*****************************************************************************************
 * sidebar
 ****************************************************************************************/
#side .box {
  margin-bottom: 30px;
  font-size: 0.8125rem; }
  #side .box .bnr {
    margin-bottom: 15px; }
  #side .box .li_title a {
    font-size: 0.9375rem;
    margin-bottom: 8px; }
  #side .box .li_more {
    text-align: right; }
    #side .box .li_more a {
      padding: 2px 4px;
      color: #088100;
      border: 1px solid #088100;
      text-decoration: none; }
      #side .box .li_more a:hover, #side .box .li_more a:focus {
        color: #fff;
        background-color: #088100; }
#side iframe {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }
#side a img:hover {
  opacity: 0.9; }
#side .leaflet {
  text-align: center;
  background: #EEE;
  border-radius: 10px;
  padding: 20px; }
  #side .leaflet img {
    width: 200px; }

/*****************************************************************************************
 * index
 ****************************************************************************************/
#indexHeaderContentBox .widget_text {
  padding: 15px;
  background: #ffdddd;
  margin-bottom: 45px; }
  #indexHeaderContentBox .widget_text p:last-of-type {
    margin-bottom: 0; }

#indexContentBox #pageContent .container.mb [class^="col-"] {
  margin-bottom: 30px; }
  #indexContentBox #pageContent .container.mb [class^="col-"] img {
    margin-bottom: 15px; }

#indexFooterWidgetsBox {
  background: #EFEFEF;
  font-size: 0.875rem;
  padding-top: 30px;
  padding-bottom: 30px; }
  #indexFooterWidgetsBox .side_rss {
    border-top: 3px solid #088100;
    border-bottom: 3px solid #088100;
    padding-top: 15px; }
    #indexFooterWidgetsBox .side_rss .ttl {
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 15px; }
    #indexFooterWidgetsBox .side_rss ul li {
      margin-bottom: 4px; }
      #indexFooterWidgetsBox .side_rss ul li .bg_green {
        font-size: 0.8125rem;
        color: #fff;
        background: #088100;
        padding: 2px 4px;
        text-align: center;
        width: 120px; }
      #indexFooterWidgetsBox .side_rss ul li a {
        color: #222; }
        #indexFooterWidgetsBox .side_rss ul li a:focus, #indexFooterWidgetsBox .side_rss ul li a:hover {
          color: #c7000b; }

#indexFooterWidgetsBox + #footerBox {
  margin-top: 0; }

.top_about {
  background: #ECF4EC; }
  .top_about h3 {
    padding: 0 15px;
    margin-top: 15px;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px; }
  .top_about p {
    padding: 0 15px;
    padding-bottom: 10px; }

/*****************************************************************************************
 * page/single/archive
 ****************************************************************************************/
#postTitleBox {
  margin-bottom: 45px; }

#singleContentBox .date {
  text-align: right;
  margin-bottom: 30px; }
#singleContentBox #postContent {
  margin-bottom: 45px; }

.content .box {
  margin-top: 30px;
  margin-bottom: 60px; }
.content p {
  line-height: 1.8;
  margin-bottom: 1.6rem; }
.content ul li,
.content ol li {
  margin-bottom: 4px; }

/******/
#singleContentBox.facility .frame {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  padding: 15px;
  margin: 30px 0;
  border: 3px solid #B9D8B6; }

#singleContentBox.faq .q {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px; }
  #singleContentBox.faq .q:before {
    content: 'Q';
    font-size: 1.25rem;
    font-weight: bold;
    background: #F5BA42;
    background: #cc4422;
    padding: 2px 8px;
    margin-right: 4px;
    color: #FFF; }
#singleContentBox.faq .answer {
  background: #F5F5F5;
  padding: 10px;
  border-radius: 5px;
  margin-left: 35px; }

#singleContentBox.report_backnumber table tr th {
  background: #efefef; }
#singleContentBox.report_backnumber table tr td {
  font-size: 0.875rem; }
  #singleContentBox.report_backnumber table tr td:first-child {
    white-space: nowrap; }

/*****************************************************************************************
 * parts
 ****************************************************************************************/
.wp-caption {
  max-width: 100% !important; }

.label {
  background: #F1F1F1;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px; }

@media (min-width: 992px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
    color: #333; } }