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

* {
  margin: 0;
	padding: 0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
}

body {
	margin:0; /* 変更しない */
	padding:0; /* 変更しない */
	font-size:87.5%; /* 14pxのとき */
	line-height:1.6; /* 変更しない */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
-webkit-text-size-adjust: 100%;
  width: 100%;
	height: 100%;
	background: #FFFFFFF;
  word-wrap: break-word;
/* iPadでの背景色切れ対応 */
	min-width: 960px;
}

ul { list-style: none; }
a { text-decoration: none; color: #0c67d7; }
a:hover { color: #C94324;	 }

img {vertical-align: bottom; border-style: none; }
/* =============================
common
===============================*/
.inner { width: 960px; margin: 0 auto; }

#header {padding: 8px 0 0;font-size: 87.5%;position: relative;}
#header .logo_area {
  width: 960px;
  margin: 0 auto;
}

#header h1,
#header .logo {
  float: left;
	margin: 0;
}

#header #navi_area {
	padding: 0;
}

#spmenu {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#header #menu {/* float: right; *//*	width: 614px; *//*	margin-top: 18px; */position: absolute;right: 0;/* top: 22px; */display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: flex-end;z-index: 1000;max-width: 777px;width: 33em;align-items: center;top: -70px;}
#header #menu a { color: #000; }

#header #menu p { /*float: left;*/ padding: 8px 0 0 14px; background: url(../c_img/icon_arw_green.png)no-repeat 0 14px; margin-right: 10px;width: 14em;}

.disabilities {
  flex-shrink: 0;
  margin-right: 1em;
  background: url(../c_img/icon_arw_green.png)no-repeat 0 50%;
  padding-left: 1em;
}

/* #header #menu #assist { float: right; } */
#assist {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: 95%;
    background-color: #f2f2f2;
}
#header #menu #assist ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
/* #header #menu #assist li { float: left; } */
#header #menu #assist a { display: block; padding: 6px 16px 6px 26px;}

#header #menu #assist li.text a {background: #f2f2f2 url(../c_img/icon_ua01.png)no-repeat 8px 50%; padding-left: 32px; }
#header #menu #assist li.sound a {background: #f2f2f2 url(../c_img/icon_ua02.png)no-repeat 0 50%; }
#header #menu #assist li.language a {background: #f2f2f2 url(../c_img/icon_ua03.png)no-repeat 0 50%; }
#header #menu #assist a:hover,
#header #menu p a:hover,
#header #menu #assist li.mobile a:hover { color: #E64B19;	 text-decoration: underline;}
/* li.language {
    width: 25%;
}

li.text {
    width: 45%;
}

li.sound {
    width: 34%;
}

li.mobile {
    width: 21%;
}
 */
.search2, #spmenu .sp, #top_head_gnavi { display: none; }

	#key {
	width: 640px;
}
/* =============================
スライダー
===============================*/
/*
Slider
___________________________________________________________________*/
#key_slide {
  position: relative;
}

.carousel__item {
  background-color: #fff;
  overflow: hidden;
}

.carousel__item img {
  width: 100%;
}

.carousel__item a:focus {
  border: solid 2px #000;
}

.carousel__control {
  display: inline-flex;
  position: absolute;
  z-index: 2000;
  overflow: hidden;
  align-items: center;
  right: 0;
  bottom: 1em;
}

.carousel__control button {
  border: none;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
}

.carousel__pager {
  order: 1;
  display: flex;
  width: 6.5em;
  justify-content: flex-start;
}

.carousel__pager li {
  min-height: 12px;
}

.carousel__pager button {
  background: #666;
  width: 10px;
  height: 10px;
  margin: 2px 5px;
  border-radius: 5px;
  color: #fff;
}

.carousel__pager button:disabled,
.carousel__pager button:hover {
  background: #000;
  box-shadow: 0 0 0 2px #fff;
}

.carousel__pager button:not([disabled]) {
  opacity: 1;
}

.carousel__control__right {
  float: none;
  margin: 0 .6em 0 0;
  display: flex;
}

.carousel__control__right > button {
  width: 30px;
  height: 30px;
  margin: 0 3px;
  border-radius: 0;
}

#key_slide .carousel__autoPlayOnButton {
  background: url(../c_img/controls.png) -86px -30px no-repeat;
}

#key_slide .carousel__autoPlayOnButton:disabled,
#key_slide .carousel__autoPlayOnButton:hover {
  background-position: -86px 0;
}

#key_slide .carousel__autoPlayOffButton {
  background: url(../c_img/controls.png) -86px -90px no-repeat;
}

#key_slide .carousel__autoPlayOffButton:disabled,
#key_slide .carousel__autoPlayOffButton:hover {
  background-position: -86px -60px;
}

/* =============================
緊急
===============================*/

/*__ 重要なお知らせ __*/
#emergency {
  background: #cd1836;
	padding: 8px 0;
	font-size:87.5%;
}

#emergency h2 { color: #fff; float: left; font-size: 125%; width: 20%; padding: 6px 0 0 40px; background:url(../c_img/icon_em.png) no-repeat 0 50%;}
#emergency div.text { color: #cd1836; float: left; background: #fff; border-radius: 4px; padding: 10px; width: 80%; }
#emergency div.text li { margin-top: 0.5em; }
#emergency div.text li:first-child { margin-top: 0; }


/*__ 気象情報 __*/
#weather_box {
  background: #FFF19B;
  padding: 8px 0;
  font-size:87.5%;
  width: calc(100vw - 10px);
  order: 1;
  margin: 0 calc(-50vw + 480px);
  padding: 8px calc(50vw - 480px);
}

#weather_box h2 { float: left; font-size: 142.87%; width: 20%; padding: 6px 0 0 40px; background:url(../c_img/icon_em_weather.png) no-repeat 0 50%;}
#weather_box div.text { float: left; background: #fff; border-radius: 4px; padding: 10px; width: 80%; font-size: 114.3%}

/*__ 緊急災害情報 __*/
#emergency_area {
  background: #F7F6E8;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 1.5em;
}

#emergency_box {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  border: 2px solid #AC2A02;
  background-color: #fff;
  border-radius: 5px;
}
#emergency_box .inner {
	padding: 16px;
	width: 640px;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	margin-bottom: 0;
	border: none;
	background: inherit;
	border-radius: 0;
}

#emergency_box h2 {
  color: #AC2A02;
	font-size: 120%;
	background: url(../c_img/icon_warning.png)no-repeat 0 0.2em;
	padding-left: 30px;
	margin-bottom: 8px;
}
#emergency_box .inner .info {
    border-bottom: none;
    margin-bottom: 0;
}

#emergency_box .inner .info li {
  background: url(../c_img/icon_ul_dot.png)no-repeat 4px 0.5em;
	padding-left: 20px;
	margin-bottom: 0.5em;
}

#emergency_box .list {
    margin-top: auto;
    margin-left: auto;
}
#emergency_box .list li {
  margin-left: 20px;
}

#emergency_box .list li a::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 10px 0 0;
  border: solid #AC2A02;
  border-width: 2px 2px 0 0;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

.emergency_to_list {
    width: 290px;
    padding: 1em;
    display: flex;
    /* align-items: flex-end; */
    /* justify-content: flex-end; */
    border-left: 1px dotted #AC2A02;
}

.emergency_to_list > a {
    display: inline-block;
    margin-right: .5em;
    padding: .5em;
    background-color: #AC2A02;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

.emergency_to_list a {
	background: url(../c_img/icon_arw_green.png)no-repeat 0 50%;
	padding-left: 1em
}


/* =============================
ナビエリア
===============================*/
#top_navi_area {
  clear: both;
  background: #f7f6e8;
  padding: 10px calc(50% - 480px) 15px;
  font-size:87.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#top_navi_area .iza {
  background: #ede50e;
  border-radius:30px;
  padding: 4px 0 4px 15px;
  color: #746a42;
  order: 1;
  margin-top: 10px;
  width: 100%;
}
#top_navi_area .iza .title { float: left; color: #655D40; background:url(../c_img/icon_iza.png)no-repeat 0 50%; padding: 8px 0 0 52px; min-height: 50px; font-weight: bold; font-size: 100%;}
#top_navi_area .iza .title span { display: block; font-size: 88%; font-weight: normal}
#top_navi_area .iza ul { float: left; }
#top_navi_area .iza li { float: left; background: #fff; text-align: center; width: 227px; padding: 15px 8px; border-left: 1px solid #dadada;}
#top_navi_area .iza li a { color: #746a42; }
#top_navi_area .iza li a:hover { color: #E64B19; }
#top_navi_area .iza li:last-child {
  border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding-right: 30px;
	width: 270px;
}

#gnavi {
  clear: both;
  width: 290px;
}

/* #gnavi li { float: left; text-align: center; } */
#gnavi > ul > li {
  position: relative;
}
#gnavi > ul > li.navi01 > a { background-image: url(../c_img/icon_navi01.png); }
#gnavi > ul > li > a:hover {color: #E64B19;}
#gnavi > ul > li.navi02 > a { background-image: url(../c_img/icon_navi02.png); }
#gnavi > ul > li.navi03 > a { background-image: url(../c_img/icon_navi03.png); }
#gnavi > ul > li.navi04 > a { background-image: url(../c_img/icon_navi04.png); }
#gnavi > ul > li.navi05 > a { background-image: url(../c_img/icon_navi05.png); }
#gnavi > ul > li.navi06 > a { background-image: url(../c_img/icon_navi06.png); }
#gnavi > ul > li.navi07 > a { background-image: url(../c_img/icon_navi07.png); }
#gnavi > ul > li.navi08 { display: none; }
#gnavi > ul > li > a {
  display: flex;
  /* width: 136px; */
  padding: .5em 0 .5em 3.5em;
  /* border-left: 1px solid #dadada; */
  font-weight: 700;
  color: #000;
  background-size: 2em;
  background-position: 1em center;
  background-repeat: no-repeat;
  min-height: calc(263px / 8);
  align-items: center;
  position: relative;
  font-size: 1.2em;
  }

  #gnavi > ul > li:not(:first-child) {
    border-top: 1px solid #dadada;
  }


  .navi01 ul a {
    background: url(../c_img/arrow_sub01.png)no-repeat 0 0.45rem;
  }
  .navi02 ul a {
    background: url(../c_img/arrow_sub02.png)no-repeat 0 0.45rem;
  }
  .navi03 ul a {
    background: url(../c_img/arrow_sub03.png)no-repeat 0 0.45rem;
  }
  .navi04 ul a {
    background: url(../c_img/arrow_sub04.png)no-repeat 0 0.45rem;
  }
  .navi05 ul a {
    background: url(../c_img/arrow_sub05.png)no-repeat 0 0.45rem;
  }
  .navi06 ul a {
    background: url(../c_img/arrow_sub06.png)no-repeat 0 0.45rem;
  }
  .navi07 ul a {
    background: url(../c_img/arrow_sub07.png)no-repeat 0 0.45rem;
  }

  #top_head_gnavi .sub_gnavi .sub_gnavi_close,
  #gnavi .sub_gnavi .sub_gnavi_close {
    background: url(../c_img/arrow_cls.png)no-repeat 0 0.45rem;
    background-size: .85em;
  }

  #gnavi .sub_gnavi {
    padding: .7em;
    position: absolute;
    top: 2.5em;
    left: 2em;
    background-color: #fff;
    z-index: 1;
    width: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 15px -5px #777777;
  }

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

  .sub_gnavi_menu {
    display: block;
    width: 10px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
    white-space: nowrap;
    text-indent: 200%;
    background: url(../c_img/icon_arw_green.png) no-repeat center;
    overflow: hidden;
  }

  .sub_gnavi_on {
    transform: rotate(-90deg);
  }

  .sub_gnavi_off {
    transform: rotate(90deg);
  }

/* =============================
検索エリア
===============================*/
#spmenu_serch {
  clear: both;
  background: #f7f6e8;
  font-size:87.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
}

#spmenu_serch form {
  /* float: left; */
  background: url(../c_img/burube01.png)no-repeat left 50%;
  min-height: 70px;
  padding: 10px 0 10px 80px;
  display: flex;
  align-items: center;
}

#spmenu_serch input {
    background: #fff;
    min-height: 50px;
    border: none;
}

#spmenu_serch input.text_box {
    border-top: 2px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-radius: 4px;
    width: 560px;
    padding: 0 20px;
    font-size: 120%;
		margin-right: 10px;
    z-index: 1000;
}
#spmenu_serch input.text_box:focus {
    outline: 2px solid #007f04;
    border: none;
}
#spmenu_serch input.button {
    font-size: 120%;
    background: #007f04 url(../c_img/icon_loope.png)no-repeat 10px 50%;
    color: #fff;
    border-radius: 4px;padding: 0 10px 0 40px;
    z-index: 1000;
}

#spmenu_serch .hint_box {
	background: #f7f094 url(../c_img/icon_hint.png)no-repeat 6px 50%;
	padding: 10px 10px 10px 36px;
	border-radius: 4px;
	box-shadow: 0px 3px 1px -1px rgba(198,192,118,1);
  -webkit-box-shadow: 0px 3px 1px -1px rgba(198,192,118,1);
  -moz-box-shadow: 0px 3px 1px -1px rgba(198,192,118,1);
	margin-left: 16px;
	z-index: 1000;
}

/* =============================
サービスエリア
===============================*/
#service_area {
  clear: both;
	padding: 20px 0;
	margin-bottom: 20px;
  background: #f9f5b8 url(../c_img/bg_service.png)no-repeat center bottom;
	font-size:87.5%;
}

#service_area .rbox {
  background: #fff;
	border-radius: 4px;
	padding: 16px;
	width: 100%;
  margin-bottom: 1em;
}

#service_area .life { float: left; width: 470px;}
#service_area .s_right { float: right; width: 470px; }
#service_area .online {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#service_area h2 { font-size: 120%; padding-left: 30px; margin-bottom: 8px;}

#service_area .life h2 { background: url(../c_img/icon_life.png) no-repeat 0 50%; }
#service_area .online h2 { background: url(../c_img/icon_online.png) no-repeat 0 50%; grid-column: 1 / 3; }
#service_area .faq h2 { background: url(../c_img/icon_faq.png) no-repeat 0 50%; }

#service_area .life ul:not([class]) {
  display: flex;
  flex-wrap: wrap;
}

#service_area .life ul:not([class]) li { width: 105px; margin-bottom: 12px;}
#service_area .life ul:not([class]) li:not(:nth-child(4n+1)) {
  margin-left: 6px;
}
#service_area .life .rbox a {
	width: 100%;
	border-radius: 4px;
	height: 100px;
	min-height: 100px;
	color: #000;
	display: flex;
  flex-direction: column;
	align-items: flex-start;
  justify-content: center;
	font-weight: 700;
	font-size: 105%;
	padding-left: 12px;
	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;
}
#service_area .life .rbox a:hover { opacity:0.6; }

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

#service_area .life01 a {background: #ffd0d6 url(../c_img/bg_life01.png)no-repeat  right bottom;background-size: 27%;}
#service_area .life02 a {background: #ffe68e url(../c_img/bg_life02.png)no-repeat  right bottom;background-size: 27%;}
#service_area .life03 a {background: #aee2f6 url(../c_img/bg_life03.png)no-repeat  right bottom;background-size: 25%;}
#service_area .life04 a {background: #aef09c url(../c_img/bg_life04.png)no-repeat  right bottom;background-size: 42%;}
#service_area .life05 a {background: #efd4f9 url(../c_img/bg_life05.png)no-repeat  right top;background-size: 35%;}
#service_area .life06 a {background: #ffdcba url(../c_img/bg_life06.png)no-repeat  right bottom;background-size: 38%;}
#service_area .life07 a { background: #fdeada;}
#service_area .life08 a { background: #ffff70;}
#service_area .life09 a { background: #7dd266;}

.life_banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px .5em;
}

.life_banner li {
  width: 49%;
}

/*
.life_banner li:nth-child(2n) {
  margin-left: 2%;
}
*/

.life_banner img {
  width: 100%;
  height: auto;
}

#service_area .online .border {
  border-right: 1px solid #dadada;
  padding-right: 16px;
}

#service_area .online div:not([class]) {
  padding-left: 16px;
}

#service_area .online li {
  /* float: left;
	width: 48%; */
	margin: 0 0 8px 0;
	background: url(../c_img/icon_arw_gold.png) no-repeat 0 .25em;
	padding-left: 24px;
}

#service_area .online li:last-child {
  margin-bottom: 0;
}

#service_area .online h3 {
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: bold;
}

#service_area .online .online_one {
	width: 100%;
}

.online a span {
  display: inline-block;
}

#service_area .faq p.link { text-align: right;}
#service_area .faq p.link a { 	background: url(../c_img/icon_arw_gold.png) no-repeat 0 50%;	padding-left: 24px;}
#service_area .faq p { display: block; }

/* =============================
コンテンツエリア
===============================*/
#contents_area {
  clear: both;
	padding: 20px 0;
  background: #fff;
	font-size:87.5%;
}

#contents_area .sbox {
  clear: both;
  background: #fff;
	border-radius: 4px;
	padding: 16px;
}
#contents_area .main_area {
  float: left;
	width: 660px;
}

#contents_area .sub_area {
  float: right;
	width: 260px;
}

#contents_area .news_box {
  background: #f7f6e8;
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 20px;
}

#contents_area .news_box h2 { float: left; color: #776300; background:url(../c_img/icon_news.png)no-repeat 0 50%; padding: 6px 0 0 50px; min-height: 50px;}
#contents_area .news_box .golist {float: right;}

#contents_area .news_box .golist a {
  display: block;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	box-shadow: 0px -2px 1px -1px #999 inset;
  -webkit-box-shadow: 0px -2px 1px -1px #999 inset;
  -moz-box-shadow: 0px -2px 1px -1px #999 inset;
	padding: 10px;
}

#contents_area .news_box .golist span {
	background: transparent url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
	padding-left: 26px;
}

#contents_area .news_box .golist .news_voice {
  background: none;
  padding-left: 0;
}
#contents_area .news_box li {
   border-bottom: 1px dotted #aaaaaa;
	 padding: 16px 0 16px 26px;
	 background: #fff url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
}
#contents_area .news_box .sbox span.date {
  margin-right: 1em;
}
#contents_area .news_box .sbox span.new {
   color: #303030;
   font-weight: bold;
	 background: #f68b2c;
	 border-radius: 15px;
	 padding: 2px 8px 0;
	 margin-left: 1em;
	 font-size: 88%;
}

#contents_area .news_box .sbox img {
    width: 1.5em;
    height: auto;
    margin-right: .5em;
    margin-left: -2em;
}

#contents_area .news_box .sbox li {
    background: #fff;
    padding: 16px 0 16px 10px;
}

#contents_area .news_box .sbox a {
    margin-left: 2em;
}

#contents_area .recommend_box {
  background: #ffe8eb;
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 20px;
}

#contents_area .recommend_box .sbox {
  background:  #fff url(../c_img/bg_recommend.png) no-repeat right bottom;
}

#contents_area .recommend_box  h2 { color: #c53346; background:url(../c_img/icon_recommend.png)no-repeat 0 50%; padding-left: 58px;}
#contents_area .recommend_box  li { float: left; width: 46%; background:url(../c_img/icon_arw_pink.png)no-repeat 0 50%; padding-left: 20px;}

#contents_area .event_box {
  background: #eee8ff url(../c_img/bg_event_top.png)no-repeat center top;
  padding: 16px 16px 24px;
  border-radius: 4px;
/*  margin-bottom: 75px; */
}

#contents_area .event_box h2 { text-align: center; color:#645397; margin-top: 10px; }
.event_box .left_area {
  display: block;
  float: left;
	width: 230px;
	margin-top: 20px;
}

#contents_area .calender_area {
  float: left;
	border-top: 5px solid #a699cf;
	background: #fff;
	width: 100%;
	padding:15px;
	margin-bottom: 10px;
}

#contents_area .calender_area p.prev,
#contents_area .calender_area p.next {
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 8px;
}

#contents_area .calender_area p.next { float: right; }

#contents_area .calender_area p.month { text-align: center; }
#contents_area .calender_area p.month span { color: #645397; font-size: 150%;}

#contents_area .calender_area table {
  border-radius: 4px;
	border-collapse: collapse;
	width: 100%;
	margin-top: 14px;
}

#contents_area .calender_area th { background-color: #f7f6e8;}
#contents_area .calender_area th.sun { background-color: #f4daba;}
#contents_area .calender_area th.sat { background-color: #cce8e3;}

#contents_area .calender_area td { text-align:center; vertical-align: middle; height: 2em;}
#contents_area .calender_area td:nth-child(6n+1) { background-color: #e8f9ff;}
#contents_area .calender_area td:nth-child(7n+1) { background-color: #ffefe0;}
#contents_area .calender_area td a { text-decoration: underline; display: block; width: 100%; height: 100%;}

#contents_area .calender_area td a.today { background: #f5d742; color: #0852AB; -webkit-border-radius: 50%;/* 50%でもOK */ -moz-border-radius: 50%; border-radius: 50%;}

.event_box .golist { clear:both; }
.event_box .golist a {
  display: block;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	box-shadow: 0px -2px 1px -1px #999 inset;
  -webkit-box-shadow: 0px -2px 1px -1px #999 inset;
  -moz-box-shadow: 0px -2px 1px -1px #999 inset;
}

.event_box .golist span {
	background: transparent url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
	padding: 26px;
}

.event_box .list_box { float: right; width: 370px; background: #fff; margin-top: 20px; }
.event_box dt { padding: 4px; background: #fdf1b6; }
.event_box .list_box .today { background: #f5d742; }
.event_box .list_box dd  {border-bottom: 1px dotted #aaaaaa; }
.event_box .list_box dd:last-child  { border-bottom: none; }
.event_box .list_box dd a {
  display: block;
  padding: 8px 0 8px 26px;
  background: url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
}

#event_area {
  position: relative;
  margin-bottom: 90px;
}

#event_area .burube {
  display: block;
  /*position: relative;
  margin-top: -96px;*/
	position: absolute;
	bottom: -75px;
	float: left;
	width: 200px;
}

#event_area .sns_btns {
  float: right;
}

#event_area .sns_btns li {
  float: left;
	width: 80px;
	margin-left: 8px;
	border-radius: 4px;
	text-align: center;
}

#event_area .sns_btns li.tw { background: #1DA1F2; }
#event_area .sns_btns li.fb { background: #3B5998; }
#event_area .sns_btns li.ln { background: #00C300; }

#event_area .sns_btns li a {
  display: block;
	color: #fff;
	text-shadow: #000 1px 1px 1px;
}

#ad_area { margin: 40px 0 0 0; padding-top: 40px; border-top: 1px solid #cccccc; width: 660px; float: left;}
#ad_area p.left { float: left; }
#ad_area p.right { float: right; }
#ad_area p.right a { text-decoration: underline;}
#ad_area ul { clear: both; padding-top: 20px;}
#ad_area li {
  float: left;
	margin: 0 0 10px 10px;
}
#ad_area li:nth-child(3n+1) {margin-left: 0;}

/* =============================
sub
===============================*/

.bbox{
  background:#f7f6e8;
	padding: 16px 10px;
	border-radius: 4px;
	margin-bottom: 20px;
}

#contents_area .sub_area .base {
  background: #fff;
	border-radius: 4px;
	padding: 0;
	margin-bottom: 10px;
}

.sub_area .base li { border-bottom: 1px dotted #aaaaaa; }
.sub_area li:last-child { border-bottom: none; }

.sub_area .base li.mayor { background: url(../c_img/photo_mayor.png)no-repeat right bottom; }

.sub_area .base li a {
  display: block;
  padding: 8px 0 8px 26px;
  background: url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
}

#contents_area .sub_area .koho {
  background: #fff;
	border-radius: 4px;
	padding: 0;
	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;
}

#contents_area .sub_area .koho .paper{
  background: url(../c_img/icon_paper.png)no-repeat 10px 50%;
  padding: 8px 0 8px 34px;
	border-bottom: 1px solid #e3e3e3;
}
#contents_area .sub_area .koho .app{
  background: url(../c_img/icon_app.png)no-repeat 10px 50%;
  padding: 8px 0 8px 34px;
  border-bottom: 1px solid #e3e3e3;
}
#contents_area .sub_area .koho .press{
  background: url(../c_img/icon_press.png)no-repeat 10px 50%;
  padding: 8px 0 8px 34px;
}

.sub_area h2 {
  color: #605e3d;
	padding-left: 26px;
	font-size: 110%;
	margin-bottom: 10px;
}

.midokoro h2 {
  color: #605e3d;
	padding-left: 26px;
	font-size: 110%;
	margin-bottom: 10px;
  background: url(../c_img/icon_camera.png)no-repeat 0 50%;
}
.midokoro ul, .midokoro p { margin-bottom: 20px;}

.midokoro ul {
  display: flex;
  flex-wrap: wrap;
}

.midokoro li {
  background: #fff;
	border-radius: 4px;
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
	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;
	margin-bottom: 10px;
	height: 60px;
	min-height: 60px;
	justify-content: center;/* 3 */
  align-items: center;    /* 4 */
  width: calc(50% - .8em);
}

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

/* 190424 ボタン背景色用追記ここから */
.midokoro ul {
    padding: 16px 10px;
    background-color: #E3F9DE;
    border-radius: 4px;
}

.midokoro li {
    border: 1px solid rgba(154,184,147,1);
}

.midokoro li a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
/* 190424 ボタン背景色用追記ここまで */

.share {
  display: flex;
  justify-content: flex-end;
}

.fb-share-button span {
  vertical-align: middle !important;
}

.share li:not(:first-child) {
  margin-left: 1em;
}

.sub_area .goiken ul {
  background: #fff;
	border-radius: 4px;
	padding: 0;
	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;
	margin-bottom: 20px;
}

.sub_area .goiken li {
  border-bottom: 1px solid #e3e3e3;
	padding: 8px 14px;
}

.shiho {
  background-color: #E3F9DE;
  padding: 16px 10px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.shiho h2 {
  float: left;
  width: 7em;
  padding-left: 0;
}

.shiho p {
  margin-top: .2em;
  margin-left: auto;
}

.shiho .shiho_img {
  display: block;
  width: 80%;
  margin: 0 auto 10px;
}

.shiho img {
  width: 100%;
  height: auto;
}

.shiho .shiho_back {
  padding-left: 26px;
  background: url(../c_img/icon_arw_green.png)no-repeat 10px 40%;
  margin-left: auto;
}

.sns_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
  margin-bottom: 1em;
}

.sns_links li {
  width: 40%;
/*  margin-bottom: 1em; */
}

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

.sns_links li:nth-child(2) img {
  margin-top: .3em;
  width: 90%;
}

.sns_links li:nth-child(4) img {
  margin-top: .4em;
}

.sns_links a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  border: 2px solid #007f04;
  border-radius: 10px;
  flex-direction: column;
  color: #333;
}

.sns_links span {
  margin-top: auto;
  display: block;
}

.sns_links img {
  max-width: 100%;
}

.population h2 {
  color: #000;
	padding: 0;
	float: left;
}

.population .date {
  float: right;
}

.population .box {
  clear: both;
  border: 1px solid #e3e3e3;
	padding: 16px 20px;
	color: #666666;
	font-size: 110%;
}

.population .hito {
  float: left;
  background: url(../c_img/icon_hito.png) no-repeat center 0;
	width: 45%;
	text-align: center;
	padding: 26px 0 0 0;
}

.population .setai {
  float: right;
  background: url(../c_img/icon_setai.png) no-repeat center 0;
	width: 45%;
	text-align: center;
	padding: 26px 0 0 0;
}

.population span { font-weight: 700; color: #000; }

.population .about {;
  padding: 8px 0 8px 16px;
  background: url(../c_img/icon_arw_green.png)no-repeat 0 50%;
}

.goiken .title { background: url(../c_img/bg_pencil.png)repeat-x 0 50%; }
.goiken h2 { text-align: center;  padding-left: 0; }
.goiken h2 span { background: #fff url(../c_img/icon_pencil.png)no-repeat 0 50%; padding: 4px 4px 4px 32px; }

/* タブメニュー */
#tab-menu {
	list-style: none;
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	background: url(/img/top/tabmenu_bg.png)repeat-x 0 bottom;
	}

#tab-menu li {
	display: table-cell;
	padding: 0 8px 0 0;
	width: 50%;
}

#tab-menu li.facebook { padding-right: 0; }

#tab-menu li a {
	display: inline-block;
	color: #fff;
	padding: 8px 0;
	background: #f6d343;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    width: 100%;
}

#tab-menu li.twitter a { /*background: #1da1f2;*/ background: #000; cursor: pointer; }
#tab-menu li.facebook a { background: #3b5998; cursor: pointer; }

/* タブの中身 */
#tab-box div { display: none; }

#tab-box div.active { display: block; background: #fff; }
#tab-box div.twitter { /*border-top: #1da1f2*/ border-top: #000 6px solid; }
#tab-box div.twitter iframe a { color: #1478B5 !important; }
#tab-box div.facebook { border-top: #3b5998 6px solid; width: 240px; }
#tab-box div.facebook .fb_page_plugin_area { width: 240px; }

.sns_box .link { margin-top: 10px; text-align: right;}
.sns_box .link a { color: #000; background: url(../c_img/icon_arw_green.png) no-repeat 0 50%; padding-left:16px; }

#tab-box div.facebook > div { display: block; }

.follow { margin-bottom: 16px; }

.twitter > div, .twitter iframe { width: 100% !important; }

/* =============================
Footer
===============================*/
#footer_area {
  background: #f0edc0;
	padding: 0 0 30px 0;
	font-size:87.5%;
}
#footer {
  clear: both;
  background: #fff url(../c_img/bg_footerline.png)repeat-x center bottom;
	padding: 0 0 50px;
}

#footer .text { float: left; }
.footer_link {
  float: left;
	margin: 40px 0 0 30px;
	}

#footer p.tel {
  min-height: 30px;
	font-weight: 700;
	font-size: 120%;
	}

#footer p.tel span {
  background: url(../c_img/icon_tel.png)no-repeat 0 2px;
  font-weight: normal;
	font-size: 100%;
	  padding-left: 24px;
}

.footer_link li {
	float: left;
	margin: 0 0 10px 10px;
}

.footer_link li a {
  display: block;
  background: #fff;
	border-radius: 4px;
	min-width: 140px;
	padding: 8px 8px 8px 38px;
	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;
}

.footer_link li:nth-child(odd){
  clear: both;
	margin-left: 0;
}

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

#footer .inner { position: relative;}
.footer_deco {
  display: block;
  position: absolute;
	right: 0;
	bottom: -103px;
}

#footer .logo span {
  background: #fff url(../c_img/logomark.png)no-repeat left 0;
	min-height: 32px;
	font-weight: 700;
	font-size: 150%;
	padding: 6px 0 0 40px;
}

#footer_area .footer_navi {
  padding: 20px 0;
}

#footer_area .footer_navi li {
  float: left;
  padding: 8px 0 8px 16px;
  background: url(../c_img/icon_arw_green.png)no-repeat 0 50%;
	margin-right: 30px;
}

#footer_area .footer_navi p { display: none; }

#footer_area p {
  clear: both;
}

#footer_area .footer_navi li a {
    color: #006CBF;
}


/* =============================
other
===============================*/
.goTop { text-align: right; margin: 16px 0; font-size: 88%; }
.goTop a {background: url(../c_img/icon_arw_green.png) no-repeat 0 50%; padding-left:16px; }

#gotoTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#gotoTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	text-decoration: none;
	text-align: center;
}
#gotoTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* サウンドナビゲーション
=============================================================================================*/
.voice {
	position: relative;
	z-index: 100;
	top: 0px;
	right: 0px;
	display: run-in;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-style: none;
	overflow: hidden;
}

/* =============================
noscript
===============================*/
.noscript {
  background-color: #f2f2f2;
  text-align: center;
  padding: .3em 0;
}


/* =============================
スキップリンク
===============================*/
.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: #f7f6e8;
}

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


/* 画面色（全ページ共通）
=============================================================================================*/
.nonebg, .nonebg #header_whole,
.nonebg #footer,
.nonebg h2,
.nonebg .wrap_box > div {
	background-image: none;
}

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

body.black,
.black #header_zone,
.black #footer_zone,
.black #glonavi li {
  background-image: none;
  background-color: #000;
}

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

.black h2,
.black h2 span,
.black h2 a,
.black .resp-tab-active span{
  background-color: #FFF !important;
  color: #000 !important;
}

/* 画面色　青 */

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

body.blue,
.blue #header_zone,
.blue #footer_zone,
.blue #glonavi li {
  background-image: none;
  background-color: #00F;
}

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

.blue h2,
.blue h2 span,
.blue h2 a,
.blue .resp-tab-active span{
  background-color: #FF0 !important;
  color: #00F !important;
}