@charset "UTF-8";
/********************** 下層ページのスタイル **********************/
body.inbody {}
/**** 緊急情報のスタイル ****/
.emergency {
  margin-top: 24px;
}
/**** 画像リストのスタイル ****/
.ilist {
  margin-top: 24px;
}
/**** 画像リスト2のスタイル ****/
.ilist2 {
  margin-top: 24px;
}
/**** 分類のスタイル ****/
.category {
  margin-top: 24px;
}
.category2 {
  margin-top: 24px;
}
.category3 {
  margin-top: 24px;
}
.category4 {
  margin-top: 24px;
}
.category5 {
  margin-top: 24px;
}
/**** 各課の窓口のスタイル ****/
.kakuka {
  margin-top: 24px;
}
/**** 催し物・講座のスタイル ****/
.event {
  margin-top: 24px;
}
/**** イベントカレンダーのスタイル ****/
.calendar {
  margin-top: 24px;
}
/**** 新着情報のスタイル ****/
.new {
  margin-top: 24px;
}
/**** トピックスのスタイル ****/
.topics {
  margin-top: 24px;
}
/**** ピックアップ1のスタイル ****/
.pickup {
  margin-top: 24px;
}
/**** ピックアップ2のスタイル ****/
.pickup2 {
  margin-top: 24px;
}
/**** ランキングのスタイル ****/
.ranking {
  margin-top: 24px;
}
/**** 人口・世帯数のスタイル ****/
.j_s {
  margin-top: 24px;
}
/**** バナー広告のスタイル ****/
.bana {
  margin-top: 24px;
}
.bana_h2 {
  /* background: #007bbb; */
  display: flex;
  flex-wrap: wrap;
  padding: 10px 4px 8px;
  align-items: center;
  border-bottom: 4px solid #E0E0E0;
  position: relative;
}
.bana_h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  background: #e9024f;
  height: 4px;
  width: 24%;
}
.bana_h2 h2 {
  padding: 0;
}
.bana_h2 p {
  color: #333;
  margin-left: 8px;
  margin-top: 0;
  font-size: 85%;
}
.bana_lower {
  border: 2px solid #007bbb;
  border-top: none;
  padding: 4px 16px 16px;
  text-align: center;
}
.bana .bana_img {
  display: inline-block;
}
.bana .bana_img img {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .bana_h2 p {
    margin-left: 0px;
  }
}
/**** RSSのスタイル ****/
.rss {
  margin-top: 24px;
}
.rss .rss_lower {
  border: 2px solid #007bbb;
  border-top: none;
  padding: 4px 16px 16px;
}
/**** 外部RSSのスタイル ****/
.rssfide {
  margin-top: 24px;
}
.rssfide .rssfide_lower {
  border: 2px solid #007bbb;
  border-top: none;
  padding: 4px 16px 16px;
}
.rssfide .rssfide_management {
  background: #efefef;
  font-size: 85%;
  padding: 8px;
  margin-top: 12px;
}
.rssfide .rssfide_management .title {
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #aaa;
}
.rssfide .rssfide_management .rssfide_copy {
  margin-top: 6px;
}
/**** リンク・画像領域（画像）のスタイル ****/
.image {
  text-align: center;
  margin-top: 24px;
}
.image .image_img {
  display: block;
}
/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
  margin-top: 24px;
}
/**** RSS一覧のスタイル ****/
.rss_list {
  margin-top: 24px;
}
/**** オプションのスタイル ****/
.option {
  margin-top: 24px;
}
/**** FAQ（よくある質問）のスタイル ****/
.faq {
  margin-top: 24px;
}
/**** 新着FAQ ****/
.faq_new {
  margin-top: 24px;
}
/**** 見られているFAQのスタイル ****/
.popular {
  margin-top: 24px;
}
/**** パンくずリスト・あしあとのスタイル ****/
.pankuzu {
  margin-top: 12px;
}
.footstep {
  margin-bottom: 12px;
}
.pankuzu_lower, .footstep_lower {
  font-size: 85%;
  display: flex;
  align-items: flex-start;
  margin: 8px auto;
  padding: 0 10px;
  max-width: 980px;
  width: 100%;
}
.pankuzu_tit, .footstep_tit {
  background: #FEEBE7;
  border-radius: 2px;
  flex-shrink: 0;
  display: inline-block;
  font-size: 85%;
  padding: 3px;
  text-align: center;
  margin: 4px 12px 4px 0;
  width: 72px;
}
.pankuzu li, .footstep li {
  margin: 6px 8px 6px 0;
  padding: 0 24px 0 0;
  border: 0;
  list-style-type: none;
  background: none;
  display: inline-block;
  height: auto;
  position: relative;
}
.pankuzu li::after, .footstep li::after {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: .7em;
  right: 7px;
  transform: translateY(-50%);
}
.pankuzu li:last-child::after, .footstep li:last-child::after {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .pankuzu {
    overflow: hidden;
    background: #fff;
    margin-top: 3px;
    padding-top: 9px;
  }
  .pankuzu_lower {
    flex-wrap: wrap;
    margin: 16px 0;
    padding: 0 10px;
    width: 100%;
  }
  .footstep {
    display: none;
  }
}
/**** 中ページメインのスタイル ****/
.main_naka_h1 {
  margin: 12px auto;
  max-width: 980px;
  padding: 0 10px;
  width: 100%;
}
.main_naka {
  margin: 0 auto 24px;
  max-width: 980px;
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
}
.main_naka_h1 h1 {
  margin: 20px 0 24px 0;
  background: #FEEBE7;
  border: 1px solid #ccc;
  border-top: 4px solid #e9024f;
  padding: 12px 18px 10px;
  font-size: 162.5%;
  line-height: 1.3;
}
.main_naka h2, .design .main_naka .cate_post01 > a, .design .main_naka .cate_post02 > a {
  font-size: 136%;
  width: 100%;
  padding: 2px;
  margin: 16px 0 0;
  position: relative;
  border-bottom: 4px solid #E0E0E0;
  display: block;
}
.main_naka h2::after, .design .main_naka .cate_post01 > a::after, .design .main_naka .cate_post02 > a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 4px;
  background-color: #e9024f;
}
.main_naka h3 {
  margin: 16px 0 0;
  padding: 2px 2px 2px 12px;
  border-left: 4px solid #007bbb;
  font-size: 120%;
}
.main_naka h4 {
  margin: 16px 0 0;
  padding: 2px;
  border-bottom: 2px solid #007bbb;
  font-size: 110%;
}
.main_naka h5 {
  margin: 16px 0 0;
  padding: 4px 8px;
  background-color: #e8f4f9;
}
.main_naka h6 {
  margin: 16px 0 0;
}
.main_naka li {
  position: relative;
  padding-left: 16px;
}
.main_naka li::before {
  content: '';
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: 4px;
  transform: translateY(-50%);
}
.main_naka li p {
  margin-top: 4px;
  font-size: 85%;
}
.main_naka li .list_icon img {
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 4px;
  max-height: 18px;
}
@media only screen and (max-width: 1024px) {
  .main_naka_h1 {
    padding: 0 10px;
    width: 100%;
  }
  .main_naka {
    padding: 0 12px;
    width: 100%;
    background: #fff;
    position: relative;
  }
}
/* ページャーのスタイル */
.main_naka .page_head {
  margin-top: 24px;
  padding: 6px 16px 16px;
  background-color: #eee;
  font-size: 85%;
}
.main_naka .page_head .pager p {
  display: inline-block;
}
.main_naka .page_head .pager ul {
  display: inline-block;
}
.main_naka .page_head .pager ul li {
  border-left: 1px solid #999;
  display: inline-block;
  margin: 0 8px 0 0;
  padding-left: 8px;
}
.main_naka .page_head .pager ul li:first-child {
  border: 0;
}
.main_naka .page_head .pager ul li::before {
  display: none;
}
/**** 新着情報のスタイル ****/
.design .main_naka .main_naka_new {
  border: 1px solid #ccc;
  padding: 16px;
  margin-top: 24px;
  border-radius: 4px;
}
.design .main_naka .main_naka_new h2 {
  margin-top: 0;
  margin: 0 0 12px 0;
}
.design .main_naka .main_naka_new.cat_new h2::after {
  background: #005792;
}
.design .main_naka .main_naka_new li {
  overflow: hidden;
  margin: 6px 4px;
  padding: 0 0 2px 20px;
  border-bottom: 1px dotted #ccc;
}
.design .main_naka .main_naka_new li::before {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #005792;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: 4px;
  transform: translateY(-50%);
}
.design .main_naka .main_naka_new .date {
  display: block;
  float: left;
  margin-top: 2px;
  margin-left: 0;
  width: 7em;
  font-size: 85%;
}
.design .main_naka .main_naka_new .list {
  padding-left: 82px;
}
@media only screen and (max-width: 1024px) {
  .design .main_naka .main_naka_new .date {
    float: none;
    width: 100%;
  }
  .design .main_naka .main_naka_new .list {
    padding-left: 0;
    float: none;
    width: 100%;
  }
}
/**** 注目情報のスタイル ****/
.design .main_naka .main_naka_new.cat_notice {}
.design .main_naka .main_naka_new.cat_notice h2::after {
  background: #fe5a0a;
}
.design .main_naka .main_naka_new.cat_notice li::before {
  content: '';
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fe5a0a;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 14px;
  left: 4px;
  transform: translateY(-50%);
}
/**** 緊急情報のスタイル ****/
.design .main_naka .main_naka_eme {
  margin-top: 24px;
}
.design .main_naka .main_naka_eme h2 {
  background: #a90000;
  color: #fff;
  border: 0;
  padding: 14px 16px;
}
.design .main_naka .main_naka_eme h2::after {
  display: none;
}
.design .main_naka .main_naka_eme .h2 {
  border: 0;
  background: #a90000;
  overflow: hidden;
}
.design .main_naka .main_naka_eme .h2 h2 {
  float: left;
  margin: 0;
  width: auto;
}
.design .main_naka .main_naka_eme .h2 p {
  float: right;
  padding: 15px 16px 14px 8px;
  margin: 0;
}
.design .main_naka .main_naka_eme ul {
  border: 2px solid #a90000;
  border-top: none;
  overflow: hidden;
  padding: 4px 16px 16px;
  margin: 0;
}
/**** 各課のホームページ・カテゴリごとの緊急情報のスタイル ****/
.design .main_naka .emergency {
  margin-top: 24px;
}
.design .main_naka .emergency .h2 {
  background: #a90000;
  color: #fff;
}
.design .main_naka .emergency h2 {
  color: #fff;
  padding: 8px 16px 6px;
  margin: 0;
  border-bottom: none;
  width: auto;
  float: left;
}
.design .main_naka .emergency h2::after {
  display: none;
}
.design .main_naka .emergency .h2 a {
  float: right;
  margin: 10px 16px 10px 8px;
}
.design .main_naka .emergency .h2 img {
  vertical-align: middle;
}
.design .main_naka .emergency .emergency_lower {
  border: 2px solid #a90000;
  border-top: none;
  padding: 4px 16px 16px;
}
/**** 分類のスタイル ****/
.design .main_naka_cat {
  overflow: hidden;
  margin-bottom: 24px;
}
.design .main_naka .category_p01 {
  margin-top: -8px;
}
.design .main_naka .page_left {
  margin: 24px 0 0;
  width: 100%;
}
.design .main_naka .page_left_box {
  float: left;
  width: calc(100% - 280px);
  overflow: hidden;
}
.cate_post {
  position: relative;
  background: #fff;
}
.cate_post h2 {
  position: absolute;
  z-index: -1;
  padding: 8px;
  border: none;
  background: transparent;
  margin: 0;
}
.cate_post h2::before, .cate_post h2::after {
  display: none;
}
.design .main_naka .page_left_box .cate_post01, .design .main_naka .page_left_box .cate_post02 {
  margin: 24px 0;
  padding: 0;
}
.design .main_naka .page_left_box .cate_post01::before, .design .main_naka .page_left_box .cate_post02:before {
  display: none;
}
.design .main_naka .page_left_box .cate_post01:first-child, .design .main_naka .page_left_box .cate_post02:first-child {
  margin-top: 0;
}
.design .main_naka .page_left_box .cate_post01:last-child, .design .main_naka .page_left_box .cate_post02:last-child {
  margin-bottom: 0;
}
.design .main_naka .page_left .page_left_float ul {
  display: flex;
  flex-wrap: wrap;
}
.design .main_naka .page_left .page_left_float .cate_post01 {
  border: none;
  margin-top: 0;
  margin-bottom: 24px;
  margin-right: 2%;
  width: 49%;
  padding: 0;
}
.design .main_naka .page_left .page_left_float .cate_post01:nth-child(even) {
  margin-right: 0;
}
.design .main_naka .page_left .page_left_float .cate_post01:nth-last-of-type(1), .design .main_naka .page_left .page_left_float .cate_post01:nth-last-of-type(2) {
  margin-bottom: 16px;
}
.design .main_naka .page_left .page_left_float .cate_post01 > a {
  background: none;
  border-bottom: 4px solid #E0E0E0;
  margin: 0;
  padding: 10px 4px;
  display: block;
  font-size: 136%;
}
.design .main_naka .page_left .page_left_float .cate_post01 > a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  background: #e9024f;
  height: 4px;
  width: 40%;
}
.design .main_naka .page_left .page_left_float .cate_post01::before {
  display: none;
}
.design .main_naka .page_left .page_left_float .category_p02 {
  padding: 0 16px 8px;
  margin-top: 16px;
}
.design .main_naka .page_left .page_left_float .category01 {
  padding: 0 16px 16px;
}
.design .main_naka .page_right {
  float: right;
  width: 240px;
  margin-top: 24px;
  position: relative;
  background: #fff;
  border-top: 1px solid #ccc;
}
.design .main_naka .page_right h2 {
  margin-top: 0;
  border-bottom: 0;
  /* background: #FEEBE7;*/
  /* color: #222;*/
  font-size: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  background: none;
  color: inherit;
  z-index: -10;
  position: absolute;
}
.design .main_naka .page_right h2:after {
  display: none;
}
.design .main_naka .page_right ul {
  margin-top: 0px;
  border-top: 0;
}
.design .main_naka .page_right ul:first-child {
  margin-top: 0;
}
.design .main_naka .page_right ul li {
  padding: 10px 10px 10px 20px;
  margin-top: 0px;
  border: 1px solid #ccc;
  border-top: 0;
}
.design .main_naka .page_right ul li::before {
  content: '';
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 22px;
  left: 8px;
  transform: translateY(-50%);
}
.design .main_naka .page_right ul li:hover {
  background: #feebe7;
}
.design .main_naka .category01 li {
  display: inline-block;
  margin-right: 18px;
}
.design .main_naka .category_p02 {
  font-size: 85%;
  margin: 12px 0 24px;
  overflow: hidden;
}
.design .main_naka .category_p02 p {
  margin-top: 0;
  font-size: 100%;
}
.design .main_naka .cate_post02 > ul > li {
  padding-left: 20px;
}
.design .main_naka .cate_post02 > ul > li ::before {
  content: '';
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: 6px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .design .main_naka .page_left {
    margin-right: 0;
  }
  .design .main_naka .page_left_box {
    float: none;
    width: 100%;
  }
  .design .main_naka .page_left .page_left_float {
    margin-bottom: 0;
  }
  .design .main_naka .page_left .page_left_float .cate_post01 {
    width: 100%;
    margin-right: 0;
  }
  .design .main_naka .page_left .page_left_float .cate_post01:last-child {
    margin-bottom: 0;
  }
  .design .main_naka .page_right {
    float: none;
    width: 100%;
  }
}
/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
  margin-right: 112px;
}
.design .main_naka .category_p02 .cat_img {
  float: right;
  width: 96px;
  margin-top: 0;
}
/* 分類（先頭ページ以下）のスタイル */
.design .main_naka li.cate_post02 {
  padding: 0;
  margin-top: 0;
}
.design .main_naka li.cate_post02::before {
  display: none;
}
.design .main_naka .cate_post02 li, .design .main_naka .category_end li {
  border-bottom: 1px dashed #bbb;
  margin-top: 16px;
  padding: 0 0 16px;
  overflow: hidden;
}
.design .main_naka .cate_post02 li::before, .design .main_naka .category_end li::before {
  display: none;
}
.design .main_naka .category_end li {
  padding-left: 20px;
}
.design .main_naka .category_end li::before {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: 6px;
  transform: translateY(-50%);
}
.design .main_naka .category_end li:first-child {
  margin-top: 0;
}
.design .main_naka li.cate_post02 .window {
  font-size: 60%;
}
.design .main_naka li.cate_post02 .date {
  font-size: 70%;
}
.design .main_naka .category_end .cat_lst {
  margin-right: 112px;
}
.design .main_naka .category_end .catch_lst .cat_img {
  float: right;
  width: 96px;
  margin-top: 0;
}
/* 分類に関連するスタイル */
.design .main_naka .cat_aside {
  background: #fff;
  margin-bottom: 24px;
  border: 1px solid #ccc;
  padding: 1px 10px 5px;
  border-radius: 4px;
}
.design .main_naka .cat_aside h2 {
  background: none;
  border: 0;
  color: #222;
  padding: 10px 4px 8px;
  margin-top: 0;
  font-size: 100%;
  border-bottom: 4px solid #E0E0E0;
}
.design .main_naka .cat_aside h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  background: #e9024f;
  height: 4px;
  width: 24%;
}
.design .main_naka .cat_aside_lower {
  padding: 0 8px 16px;
}
@media only screen and (max-width: 1024px) {
  .design .main_naka .cat_aside h2 {
    padding-right: 70px;
  }
}
/* バナー広告 */
.design .main_naka .bana {
  margin-top: 24px;
  border: 1px solid #ccc;
  padding: 1px 10px 5px;
  border-radius: 4px;
}
.design .main_naka .bana h2 {
  border-bottom: 0;
  color: #222;
  padding: 0;
  margin-top: 0;
  width: auto;
  font-size: 100%;
}
.design .main_naka .bana h2::after {
  display: none;
}
.design .main_naka .bana_lower {
  text-align: center;
  border: 0;
}
.design .main_naka .bana .bana_img {
  display: inline-block;
}
.design .main_naka .bana .bana_img img {
  width: 100%;
}
.design .main_naka .bana ul {
  display: flex;
  flex-wrap: wrap;
}
.design .main_naka .bana li {
  width: 160px;
  margin-right: 8px;
  padding-left: 0;
}
.design .main_naka .bana li::before {
  display: none;
}
.design .main_naka .bana li:nth-of-type(6n) {
  margin-right: 0;
}
.design .main_naka .bana li .window {
  margin-top: 5px;
}
/**** 新着情報のスタイル ****/
.innew .design .main_naka .new_post {
  margin-top: 24px;
}
.innew .design .main_naka .new_post:first-child {
  margin-top: 0;
}
.innew .design .main_naka .new_post li {
  border-bottom: 1px dashed #bbb;
  margin-top: 16px;
  padding: 0 0 16px 0;
  overflow: hidden;
}
.innew .design .main_naka .new_post li::before {
  display: none;
}
.innew.insub .design .main_naka .new_post li {
  border-bottom: 1px dashed #bbb;
  margin-top: 16px;
  padding: 0 0 16px 16px;
  overflow: hidden;
}
.innew.insub .design .main_naka .new_post li::before {
 content: '';
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #e9024f;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: 4px;
  transform: translateY(-50%);
}
/* アイキャッチあり */
.innew .design .main_naka .catch_lst .new_lst {
  margin-right: 110px;
}
.innew .design .main_naka .catch_lst .new_img {
  float: right;
  width: 96px;
  margin-top: 0;
}
/**** ピックアップのスタイル ****/
.design .main_naka .pickup_post {
  margin-top: 24px;
}
.design .main_naka .pickup_post .category_p01 {
  margin-top: 0;
}