@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:768px) {
  .tsutaeru-menu {
    overflow: unset !important;
  }
}
@media screen and (max-width:670px) {

body { min-width: auto; }

.inner, #top_navi_area #weather_box .inner {
  clear: both;
	width: 90%;
	float: none;
	margin: 0 auto;
}

#menu {
  display: none;
}

#header { padding: 0; width: auto; position: fixed; z-index: 2100; top: 0;}
#header .inner { width: 100%; }
/* #header h1 { width: 50%; margin: 0 0 0 10px; } */
#header h1 img { width: 100%;}

#header #spmenu_area {display: block;/* float: right; *//* width: 20%; */}
#header #spmenu_area .sp a { text-align: center; display: block; width: 100%; }
#header #spmenu_area .search2 {
  background: #0f840c;
	color: #fff;
	width: 20%;
  position: absolute;
  right: 20%;
}

#header #spmenu_area .search2 a {
  background: url(../c_img/icon_loope.png)no-repeat 50% 8px;
	padding: 30px 0 8px 0;
	color: #fff;
}

#header #spmenu_area #spmenu {
  background: #ebe793;
  color: #fff;
  float: left;
  width: 100%;
}
#header #spmenu_area #spmenu .sp a {
 background: url(../c_img/icon_menu.png)no-repeat 50% 8px;
 padding: 30px 0 8px 0;
 color: #000;
}

#spmenu_serch.sp_serch_on {
  flex-direction: column;
}

#spmenu_serch.sp_serch_off {
  display: none;
}

/*__ accordion ___*/

.search2,  #spmenu .sp, #top_head_gnavi { display: inherit; }


#header #spmenu_area {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2050;
}

#header #spmenu_area #spmenu { background: #fff; position: static;}
#header #spmenu_area #spmenu p {background: #ebe793;width: 20%;margin-left: auto;}
#header .logo_area { margin: 0 15px; max-width: 160px; float: left; position: relative; z-index: 2100;}
#header .logo img { width: 100%; }

#header .navioff #navi_area {
  display: none;
}

#header .navi #navi_area {
    width: 100%;
    position: static;
    left: 0;
    z-index: 7000;
    padding: 0;
    border-top: 2px solid #dadada;
    border-bottom: 2px solid #dadada;
}

#header #menu {
    position: static;
    width: 100%;
    margin: 0;
    background: #f2f2f2;
    min-height: 2em;
    /* display: flex;
    justify-content: flex-end;
    padding: .5em 0; */
    display: block;
    text-align: right;
    padding: 0;
}

/* #header #spmenu_area #spmenu .menu_maplink {
   background: url(../c_img/icon_arw_green.png)no-repeat 0 14px #f2f2f2;
    width: 7.5em;
    display: inline-flex;
} */

.disabilities {
  margin-top: .5em;
  display: inline-block;
}

#assist ul {
  justify-content: flex-end;
  flex-wrap: wrap;
}

#gnavi {
  clear: both;
  margin: 0;
  position: relative;
  width: 100%;
}

#top_head_gnavi > ul { display: flex; flex-wrap: wrap; background-color: #f7f6e8; }
#top_head_gnavi > ul > li {
  float: none;
	width: 50%;
	text-align: left;
	border-bottom: 1px solid #dadada;
	line-height: 1.4;
}

#top_head_gnavi li.navi01 > a { background: #f7f6e8 url(../c_img/icon_navi01.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi02 > a { background: #f7f6e8 url(../c_img/icon_navi02.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi03 > a { background: #f7f6e8 url(../c_img/icon_navi03.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi04 > a { background: #f7f6e8 url(../c_img/icon_navi04.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi05 > a { background: #f7f6e8 url(../c_img/icon_navi05.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi06 > a { background: #f7f6e8 url(../c_img/icon_navi06.png)no-repeat 6px 50%; background-size: 40px auto;}
#top_head_gnavi li.navi07 > a { background: #f7f6e8 url(../c_img/icon_navi07.png)no-repeat 6px 50%; background-size: 40px auto;}

#top_head_gnavi li.navi08 {
  display: block;
	border-bottom: none;
	position: relative;
}

#top_head_gnavi li.navi08 > a img { position: absolute; bottom: 0; left:50%; }

#top_head_gnavi li.navi01, #top_head_gnavi li.navi02 { border-top: 1px solid #dadada; }
#top_head_gnavi > ul > li:nth-child(odd) { border-right: 1px solid #dadada; }

#top_head_gnavi > ul > li > a {
    width: 100%;
    padding: 6px 18px 6px  48px;
    min-height: 50px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border: none;
    position: relative;
    color: #000;
    font-weight: bold;
}

#top_head_gnavi .sub_gnavi {
  width: 200%;
  background-color: #f7f6e8;
  padding: .5em 1.5em 1em;
  position: relative;
}

#top_head_gnavi .sub_gnavi::before {
  content: "";
  width: 50%;
  height: 1px;
  display: block;
  background-color: #dadada;
  position: absolute;
  top: 0;
  right: 0;
}

#top_head_gnavi .sub_gnavi a {
  padding: .3em 0 .3em 20px;
  display: inline-block;
}

#top_head_gnavi ul > li:nth-child(2n) ul, #gnavi ul > li:nth-child(2n) ul {
  margin-left: -100%;
}

#top_head_gnavi ul > li:nth-child(2n) ul::before {
  right: auto;
  left: 0;
}

/*_________________________________________________*/
.carousel__control {
  overflow: inherit;
  top: 0;
}

.carousel__pager {
  position: absolute;
  right: 0;
  bottom: 0em;
  z-index: 2000;
}

.carousel__control__right {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2000;
}

/*_________________________________________________*/
.read_control {
  padding-top: 3.8em;
}

#emergency_area {
  width: 100%;
  padding: 0 4% 1.5em;
  margin-bottom: 0;
}

#emergency_box {
  flex-direction: column;
}

#emergency h2 {
  font-size: 120%;
  width: 100%;
	float: none;
  padding: 0 0 0 40px;
  background: url(../c_img/icon_em.png) no-repeat 0 50%;
}

#emergency div.text { float: none; width: 100%; display: block; }

.emergency_to_list {
  width: 100%;
  border-top: 1px dotted #AC2A02;
  border-left: none;
}

#weather_box {
	margin: 0;
	order: 0;
	width: 100%;
}

#weather_box h2 {
  font-size: 137.1425%;
  width: 100%;
	float: none;
  padding: 0 0 0 40px;
  background: url(../c_img/icon_em_weather.png) no-repeat 0 -6px;
	min-height: 36px;
}

#weather_box div.text { float: none; width: 100%; display: block; }

/*_________________________________________________*/
#key {
  max-width: 100%;
}

#top_navi_area .iza {
  width: 92%;
  border-radius: 10px;
  padding: 5px;
  margin: 1em auto;
  order: unset;
}

#top_navi_area .iza ul {
    float: none;
    display: table;
    border-radius: 8px;
    background: #fff;
    width: 100%;
}

#top_navi_area .iza li {
    float: none;
    background: transparent;
    text-align: center;
    width: 33%;
    display: table-cell;
		vertical-align: middle;
		padding: 8px;
}

#top_navi_area .iza li:last-child {
  border-radius: none;
	width: 33%;
	padding-right: 0;
}

#top_navi_area .iza li span {
  display: block;
	font-size: x-small;
}

#top_navi_area .iza li .sp_block {
  font-size: inherit;
}

/*_________________________________________________*/
#top_navi_area {background: #fff;margin-top:0;width:100%;padding-bottom: 0;}
#top_navi_area .inner { width: 100%; }
#gnavi > ul { display: flex; flex-wrap: wrap; }
#gnavi > ul > li {
  float: none;
	width: 50%;
	text-align: left;
	border-bottom: 1px solid #dadada;
	line-height: 1.4;
  background-color: #f7f6e8;
}
/* #gnavi ul::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0em;
    background: url(/c_img/burube01s.png) no-repeat right bottom;
    width: 64px;
    height: 64px;
} */
#gnavi li.navi01 > a { background: #f7f6e8 url(../c_img/icon_navi01.png)no-repeat 6px 50%; background-size: 40px auto;}
#gnavi li.navi02 > a { background: #f7f6e8 url(../c_img/icon_navi02.png)no-repeat 6px 50%; background-size: 40px auto;}
#gnavi li.navi03 > a {background: #f7f6e8 url(../c_img/icon_navi03.png)no-repeat 6px 50%;background-size: 40px auto;/* height: 100%; */}
#gnavi li.navi04 > a { background: #f7f6e8 url(../c_img/icon_navi04.png)no-repeat 6px 50%; background-size: 40px auto;}
#gnavi li.navi05 > a { background: #f7f6e8 url(../c_img/icon_navi05.png)no-repeat 6px 50%; background-size: 40px auto;}
#gnavi li.navi06 > a { background: #f7f6e8 url(../c_img/icon_navi06.png)no-repeat 6px 50%; background-size: 40px auto;}
#gnavi li.navi07 > a { background: #f7f6e8 url(../c_img/icon_navi07.png)no-repeat 6px 50%; background-size: 40px auto;}

#gnavi li.navi08 {
  display: block;
	border-bottom: none;
	position: relative;
}

#gnavi li.navi08 img { position: absolute; bottom: 0; left:50%; }

#gnavi li.navi01, #gnavi li.navi02 { border-top: 1px solid #dadada; }
#gnavi > ul > li:nth-child(odd) { border-right: 1px solid #dadada; }

#gnavi > ul > li > a {
    width: 100%;
    padding: 6px 20px 6px  48px;
    min-height: 50px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border: none;
    font-size: 1.1em;
}

#gnavi .sub_gnavi {
  position: relative;
  width: 200%;
  border-radius: 0;
  box-shadow: none;
  background-color: #f7f6e8;
  left: 0;
  top: 0;
}
/*_________________________________________________*/
#spmenu_serch input.button {
   background: #007f04;
  color: #fff;
  border-radius: 4px;
  padding: 0 6px;
  float: left;
}

#spmenu_serch {
  background: #fff;
  background-image: none;
  /* display: block; */
  width: 100%;
  clear: both;
  /*   background: #f7f6e8; */
  padding: 1em;
  z-index: 7000;
  border-top: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  padding: 0 1em;
  box-sizing: border-box;
}

#spmenu_serch form {
    float: none;
    background-image: none;
    min-height: 70px;
    padding: 0;
    justify-content: center;
    width: 100%;
}

#spmenu_serch input.text_box {
    width: 70%;
    font-size: 100%;
    margin: 10px;
    max-width: calc(100% - 4.5em);
    box-sizing: border-box;
    border-radius: 4px;
    width: 30em;
    padding: 0 20px;
    font-size: 100%;
    margin-left: 0;
    /* float: left; */
    /* min-height: 36px; */
}

#spmenu_serch input.button {
    font-size: 100%;
    background: #007f04 url(../c_img/icon_loope.png)no-repeat 50% 0;
    padding: 20px 10px 4px 10px;
    width: 3.5em;
}

#spmenu_serch .hint_box {
    float: none;
    clear: both;
    margin: 0 auto 20px auto;
}


/*_________________________________________________*/
#service_area { margin-bottom: 0; }
#service_area .life,
#service_area .s_right
{
    float: none;
    width: 100%;
    margin-bottom: 1em;
}

#service_area .life ul:not([class]) li:not(:nth-child(4n+1)) {
  margin-left: 0;
}

#service_area .life ul:not([class]) li {
    width: 49%;
    margin: 0 0 8px 0;
}
#service_area .life ul:not([class]) li:nth-child(2n) { margin-left:2% ; }
/* #service_area .life li a { min-height: 4em; } */

#service_area .life01 a { background: #ffd0d6 url(../c_img/bg_life01.png)no-repeat  right bottom;background-position: 95% center;}
#service_area .life02 a { background: #ffe68e url(../c_img/bg_life02.png)no-repeat  right bottom;background-position: 95% center;}
#service_area .life03 a { background: #aee2f6 url(../c_img/bg_life03.png)no-repeat  right bottom;background-position: 95% 0;}
#service_area .life04 a { background: #aef09c url(../c_img/bg_life04.png)no-repeat  right bottom;background-position: 95% center;}
#service_area .life05 a { background: #efd4f9 url(../c_img/bg_life05.png)no-repeat  right bottom;background-position: 95% center;}
#service_area .life06 a { background: #ffdcba url(../c_img/bg_life06.png)no-repeat  right bottom;background-position: 95% center;}

#service_area .life .rbox a {
  height: auto;
  min-height: 3em;
  background-size: 2em;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.life_banner {
  flex-direction: column;
  align-items: center;
}

.life_banner li {
  width: 100%;
  max-width: 260px;
}

/*
.life_banner li:nth-child(2n) {
  margin-left: 0;
  margin-top: .5em;
}
*/

#service_area .s_right {
    position: static;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#service_area .faq {
	background: #ddd64b;
	text-align: center;
	box-shadow: 0px -3px 1px -1px #999 inset;
	-webkit-box-shadow: 0px -3px 1px -1px #999 inset;
	-moz-box-shadow: 0px -3px 1px -1px #999 inset;
	position: static;
	top: 10px;
  margin-bottom: 0;
	}
#service_area .faq h2 {
    background-image: none;
		margin-bottom: 0;　
}
#service_area .faq h2 a { width: 100%; color: #000; margin-left: -24px; }
#service_area .faq h2 span {
    background: url("../c_img/icon_faq_s.png") no-repeat 0 50%;
		padding-left: 32px;
}

#service_area .faq p { display: none; }

#service_area .online {
    margin: 0 0 1em;
    box-shadow: 0px -3px 1px -1px #999 inset;
    -webkit-box-shadow: 0px -3px 1px -1px #999 inset;
    -moz-box-shadow: 0px -3px 1px -1px #999 inset;
    position: static;
    top: 80px;
    /* z-index: 3000; */
    display: block;
}
#service_area h2 { cursor: pointer; }
#service_area .online h2 {
  color: #000; display: block; width: 100%;
  /* background: url("../c_img/icon_tri_down.png") no-repeat right center, */
  background: url(../c_img/icon_online.png) no-repeat 0 50%;
  padding-right: 20px;
  position: relative;
}
/* #service_area .navi h2 { color: #000; display: block; width: 100%; background: url("../c_img/icon_tri_up.png") no-repeat right center,url(../c_img/icon_online.png) no-repeat 0 50%; padding-right: 20px; } */
.online_btn {
  display: block;
  position: absolute;
  white-space: nowrap;
  text-indent: 200%;
  width: 1.1rem;
  height: .6em;
  right: 0;
  top: calc(50% - .3em);
  overflow: hidden;
}
.navioff .online_btn {
  background: url("../c_img/icon_tri_down.png") no-repeat center;
}
.navi .online_btn {
  background: url("../c_img/icon_tri_up.png") no-repeat center;
}
#service_area .navioff div { display: none; }

#service_area .online li {
    float: none;
    width: 100%;
    margin: 0 0 8px 0;
}

#service_area .online div {
  padding: 0 !important;
}

#service_area .online .border {
  border-right: none;
  margin-bottom: 16px;
}

/*_________________________________________________*/
#contents_area { margin: 0; padding: 0; }
#contents_area .main_area {
    float: none;
    width: 100%;
}

#contents_area .inner { width: 100%; }

#contents_area .recommend_box,
#contents_area .news_box { margin: 0; }
#contents_area .news_box { position: relative; padding-bottom: 60px;}
#contents_area .news_box .golist {
  position: absolute;
	bottom: 10px;
	float: none;
	width: 92%;
	text-align: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5em;
}
#contents_area .news_box .sbox span.date {
  display: block;
  margin-right: 0;
}
#contents_area .news_box .golist span {
  display: inline-block;
}
#contents_area .news_box .golist .news_voice {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  text-indent: 2000px;
  white-space: nowrap;
}
#contents_area .news_box .golist .news_close span {
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
#contents_area .news_box .golist .news_close span::before {
  content: '';
  display: inline-block;
  background: transparent url(../c_img/icon_arw_green.png)no-repeat center;
  width: 8px;
  height: 12px;
  transform: rotate(-90deg);
  margin-right: 8px;
}

.news_more {
  grid-column: 1 / 3;
}

#contents_area .news_box .golist .news_more span {
  background: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news_more span::before {
  content: "";
  width: .5em;
  height: 1.2em;
  display: inline-block;
  margin-right: .5em;
  background: transparent url(../c_img/icon_arw_green.png) no-repeat left center;
  transform: rotate(90deg);
}

/*_________________________________________________*/

#contents_area .event_box h2 { text-align: left; }
.event_box .calender_area {
    display: none;
}

#contents_area #event_area {
background: #eee8ff url(../c_img/bg_event_tops.png)no-repeat right top;
position: relative;
padding-bottom: 60px;
margin-bottom: 2em;
}

.event_box .left_area {
	width: 100%;
}

.event_box .left_area .golist {
  position: absolute;
	bottom: 10px;
	float: none;
	width: 92%;
	text-align: center;
}

#contents_area .event_box {
  background-image: none;
  background-color: transparent;
  margin-bottom: 0;
}

.event_box .list_box {
    float: none;
    width: 100%;
}

#event_area .burube {
  display: none;
}

#event_area .sns_btns {
  margin-top: -30px;
  margin-right: 15px;
}

#contents_area .recommend_box .sbox {
    background-image: none;
		padding: 16px 0;
}

#contents_area .recommend_box li {
    float: left;
    width: auto;
		margin: 0 10px 0.5em;
		font-size: 90%;
}

/*_________________________________________________*/
#ad_area {
  float: none;
  width: auto;
}
#ad_area p { margin: 0 4%;}
#ad_area ul { width: 90%; margin: 0 auto; }
#ad_area li {
    margin: 0 0 10px 0;
    width: 48%;
}
#ad_area li img { width: 100%; }

#ad_area li:nth-child(3n+1) {
    margin-left: 0;
}

#ad_area li:nth-child(even) {
    margin-left: 4%;
}

/*_________________________________________________*/
#contents_area .sub_area {
    float: none;
    width: 100%;
		clear: both;
}

.sub_area .base li a { padding: 16px 0 16px 26px; }


.sub_area .base li.mayor {
    background-size: 50px auto;
}

#tab-box div.twitter iframe {
  width: 100% !important;
}
#tab-box div.facebook { width: 100%; }
/*#tab-box div.facebook .fb_iframe_widget iframe,
#tab-box div.facebook .fb_iframe_widget span {
  width: 100% !important;
}

._2p3a {
  width: 100% !important;
}*/

/* .sub_area .midokoro { width: 90%; margin: 0 auto; }
.sub_area .midokoro p,
.sub_area .midokoro p img { width: 100%; } */

/* 190424 ボタン背景色用追記ここから
  .sub_area .midokoro {
    width: 100%;
  }

  .sub_area .midokoro p {
    width: 90%;
    margin: 0 auto 20px;
  }
 190424 ボタン背景色用追記ここまで */

 .midokoro ul {
   display: block;
 }

 .midokoro li {
   width: 100%;
 }

 .midokoro li:nth-child(2n) {
   margin-left: 0;
}

.share {
  margin-right: .5em;
}
.sub_area .goiken ul { display: grid; width: 90%; margin: 0 auto 20px; grid-template-columns: repeat(3, 1fr); }
.sub_area .goiken li { display: flex; border-left: 1px solid #e3e3e3; align-items: center; justify-content: center; }
.sub_area .goiken li:first-child { border-left: none; }
.sub_area .goiken li a {
  text-align: center;
}
.goiken a span {
  display: inline-block;
}
.sub_area .population {
    width: 90%;
    margin: 0 auto;
}
.sub_area .population  p { float: right;}
.sub_area .population  .sns_box { clear: both; }

.sub_area .follow {
  clear: both;
}

/*__ 191106 検索システムへのリンク追加 __________*/
.dl_link {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    margin-top: 1em;
}

.dl_link a {
    line-height: 1.4;
    background: url(../c_img/icon_arw_green.png)no-repeat 0 0.4em;
    padding-left: 14px;
}

.dl_link .list {
    border-bottom: 1px dotted #aaa;
    padding: 10px 0;
}

.dl_link .list:last-child {
    border-bottom: none;
}

.sns_links {
  margin: 0 auto 1em;
  justify-content: center;
  max-width: min(100% - 2em, 360px + 2em)
}

.sns_links li {
  width: calc(33% - .67em);
  max-width: 120px;
}

/*
.sns_links li:nth-child(3n) {
  margin-left: 1em;
}
*/

.sns_links a {
  padding: .75em;
}

/*_________________________________________________*/
#footer_area {
    background: #fff url(../c_img/bg_footer_s.png)no-repeat center bottom;
    border-top: 1px solid #ccc;
		background-size: contain;
}

#footer_area .inner { width: 100%;}

#footer {
    clear: both;
    background-image: none;
    padding: 20px 0 0;
    text-align: center;
}
#footer_area #footer .inner { width: 90%;}

.footer_deco {
  display: none;
}

#footer .text { float: none; margin: 0 0 20px 0;}
.footer_link {
    float: none;
    margin: 0;
}

.footer_link ul { display: flex; }

.footer_link li {
  float: none;
  min-width: auto;
  width: 33%;
	padding: 0;
}
.footer_link li:nth-child(2n+1) { margin-left: 10px; }
.footer_link li:first-child { margin-left: 0; }


.footer_link li a {
	width: 100%;
	min-width: auto;
	padding: 32px 0 8px 0;
}

.footer_link li.mado a { background: url(../c_img/icon_mado.png)no-repeat center 8px; }
.footer_link li.trans a { background: url(../c_img/icon_trans.png)no-repeat center 8px; }
.footer_link li.mail a { background: url(../c_img/icon_mail.png)no-repeat center 8px; }

#footer_area .footer_navi {
    padding: 0;
    width: 90%;
    margin: 0 auto 100px;
}
#footer_area .footer_navi li {
  padding: 4px 0 0 16px;
    margin: 0 5% 0 0;
    width: 45%;
}

#footer_area .footer_navi p { clear: both; display: block; text-align: center; margin: 10px auto;}
#footer_area .footer_navi p a {
  display: block;
	background: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 8px;
	border: 1px solid #e3e3e3;
	box-shadow: 0px -1px 1px -1px #999 inset;
  -webkit-box-shadow: 0px -1px 1px -1px #999 inset;
  -moz-box-shadow: 0px -1px 1px -1px #999 inset;
	min-height: 40px;
}
#footer_area .footer_navi p a span {
  background: transparent url(../c_img/icon_pc.png)no-repeat 0 50%;
	padding: 8px 0 8px 38px;
}

p.copyright { text-align: center; }

  .tsutaeru-menu {
    padding-top: 4.5em !important;
  }

} /*__ 終了 __*/

/*==================================
100.others
==================================*/
@media (max-width: 470px) {
#gotoTop img {
	width: 60px;
}
#gotoTop {
	bottom: 10px;
	right: 10px;
}
}