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

/*__ header */
#header { padding-bottom: 0; }
#header .logo_area { width: 960px; margin: 0 auto; }
#header #spmenu_area { display: block; background: #f7f6e8; }
#navi_area { margin-top: 34px; }
#gnavi li span:first-child {min-height: 3em;}


h1 { color: #0f840c; margin: 0 0 12px;  }
.main_area h2,
#enq legend {
  font-size: 120%;
	background: #f0edc0 url(../c_img/h2_bg.png)no-repeat 14px 50%;
	padding: 12px 36px 10px;
	margin: 1.5em 0 1em;
	border-radius: 4px;
	overflow: hidden;
  font-weight: bold;
}

.main_area h2:first-child { margin-top: 0; }
.main_area h2 a,
.main_area h3 a { color: #333; }

.main_area h3 {
  background: #f2f2e9 url(../c_img/h3_bg.png)no-repeat 14px 50%;
	padding: 8px 28px 6px;
	margin-bottom: 1em;
	overflow: hidden;
}

.main_area .honbun p, .main_area .honbun figure { margin: 1em 0 1.5em; }

.page_info { float: left; font-size: 82%; margin-bottom: 1em; }

.ph_area { clear: both; text-align: center; margin: 40px 0; }


/*__ SNS __________*/
.sns_box {
  float: right;
	margin-bottom: 10px;
}

.sns_box .fixedsize { display: none; }

.print_btn { float: left; }
.sns_box p {
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 1px 10px;
	font-size: 74%;
	margin-top: -4px;
	margin-right: 6px;
}

.sns_box p a {
  display: block;
	background: url(../c_img/icon_print.png)no-repeat 0 50%;
	padding-left: 24px;
	color: #333;
}

.sns_box ul {
  float: left;
  margin-top: -6px;
  padding-top: 0;
}
.sns_box li { float: left; }
.sns_box li a { display: block; width: 24px; margin-left: 4px; }
.sns_box li a img { width: 100%; height: auto; }

/*__ table 表組 __________*/
.honbun .table-scroll { margin-bottom: 2em; }
.honbun table caption {
  text-align: left;
	font-weight: bold;
	background: url(../c_img/icon_table.png)no-repeat 0 0.2em;
	padding-left: 14px;
	font-size: 88%;
}

.honbun table {
  border-collapse: collapse;
	width: 100%;
}

.honbun table th, .honbun table td {
  padding: 0.4em;
	border: 1px solid #cccccc;
}

.honbun table th {
  background: #f7f6e8;
}

.honbun table .center { text-align: center; }
.honbun table .right { text-align: right; }
.honbun table .left { text-align: left; }

.honbun table .c10 { width: 10%; }
.honbun table .c20 { width: 20%; }
.honbun table .c30 { width: 30%; }
.honbun table .c40 { width: 40%; }
.honbun table .c50 { width: 50%; }
.honbun table .c60 { width: 60%; }
.honbun table .c70 { width: 70%; }
.honbun table .c80 { width: 80%; }
.honbun table .c90 { width: 90%; }

/* 水平方向揃え（halign） */
.tcell_align_left,
table .textleft {
	text-align: left !important;
}

.tcell_align_hcenter,
table .textcenter {
	text-align: center !important;
}

.tcell_align_right,
table .textright {
	text-align: right !important;
}
/* 垂直方向揃え（valign） */
.tcell_align_top {
	vertical-align: top !important;
}

.tcell_align_vcenter {
	vertical-align: middle !important;
}

.tcell_align_bottom {
	vertical-align: bottom !important;
}

/* 改行禁止 */
.tcell_nowrap {
	white-space: nowrap !important;
}

/*__ 画像 __________*/

.imgTopBot1, .imgTopBot2{
  float: left;
  width: 48%;
}
.imgTopBot1{ margin-right: 4%; }

.imgTopBot1 img, .imgTopBot2 img { width: 100%; margin-bottom: 4px; }




/*__ 画像テンプレート __________*/

.imgLeftS{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
.imgLeftS .imgBox{
	width: 230px;
	margin: 0 18px 5px 0;
	padding: 0;
	float: left;
}


p.captionLeft{
	font-size: 88%;
	margin: 0;
	padding: 0;
	display: block;
	clear:both;
	text-align:center;
}
span.caption,
figcaption.caption {
	font-size: 88%;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	text-align: left;
}

.center span.caption,
.center figcaption.caption {
  text-align: center;
}


.imgLeftS .txtBox{
	width: 410px;
	float: left;
	margin: 0;
	padding: 0;
}
.imgLeftS .txtBox p, .imgRightS .txtBox p, .imgRightM .txtBox p, .imgLeftM .txtBox p
{
  margin-top: 0;
}

.imgLeftM{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
.imgLeftM .imgBox{
	width: 352px;
	margin: 0 18px 5px 0;
	padding: 0;
	float: left;
}
.imgLeftM .txtBox{
	width: 290px;
	float: right;
	margin: 0;
	padding: 0;
}

.imgRightS{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
.imgRightS .imgBox{
	width: 230px;
	margin: 0 0 5px 18px;
	padding: 0;
	float: right;
}
.imgRightS .txtBox{
	width: 410px;
	margin: 0;
	padding: 0;
	float: left;
}

.imgRightM{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
.imgRightM .imgBox{
	width: 352px;
	margin: 0 0 5px 18px;
	padding: 0;
	float: right;
}
.imgRightM .txtBox{
	width: 290px;
	margin: 0;
	padding: 0;
	float: left;
}

.imgAllS{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
.imgAllS .imgBox{
	width: 32%;
	margin: 0 0 0 2%;
	padding: 0;
	float: left;
}
.imgAllS .imgBox:first-child{
	margin-left: 0;
}

.imgAllM{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
.imgAllM .imgBox{
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}
.imgAllM .imgBox:first-child{
	margin-right: 4%;
}

.imgAllS .imgBox img,
.imgAllM .imgBox img {
  max-width: 100%;
	height: auto;
}

/*__ リスト __________*/
.honbun ul,
.honbun ol { margin-bottom: 1.5em; }
.honbun ul li {
  background: url(../c_img/icon_ul_dot.png)no-repeat 0 0.4em;
	padding-left: 16px;
}

.honbun ul ol li {
  background: none;
	padding-left: 0;
}

*::-ms-backdrop, .honbun ol li {
  list-style-position: inside;
  text-indent: -1.4em;
}

.honbun ol li p,
.honbun ol li table {
  text-indent: 0;
}

.honbun dl { margin-bottom: 1.5em; }

/*__ 添付ファイル 関連リンク 問い合わせ　アンケート __________*/
#file, #related, #contact, #faq {
  clear: both;
  border: 2px solid #DDDBAC;
  border-radius: 4px;
	padding: 24px 18px;
	margin-bottom: 20px;
}

.honbun .getpdf {
  background: #f6f6f6;
  padding: 1px 20px;
  font-size: 88%;
	margin-bottom: 20px;
}

.honbun .getpdf img {
  float: left;
  margin: 0 10px 0 0;
}

#related h2 {
  background: transparent url(../c_img/icon_link.png)no-repeat 0 50%;
	padding: 0 0 0 24px;
	margin-top: 0;
	margin-bottom: 1em;
}
#contact h2 {
  background: transparent url(../c_img/icon_contact.png)no-repeat 0 50%;
	padding: 0 0 0 24px;
	margin-top: 0;
	margin-bottom: 1em;
}

#faq h2 {
  background: transparent url(../c_img/icon_faq_d.png)no-repeat 0 50%;
	padding: 0 0 0 24px;
	margin-top: 0;
	margin-bottom: 1em;
}


#related li, #contact li, #faq li {
  float: left;
  padding: 0 0 0 16px;
  background: url(../c_img/icon_arw_green.png)no-repeat 0 0.4em;
  margin-right: 2em;
}
#contact p { margin: 0; }

#contact .btn_to_contact {
  font-size: 100%;
  padding: 10px 20px 10px 30px;
  margin: 10px auto;
  background: #fff url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
   color: #333;
}

#enq {
  background: #EEEEEE;
	padding: 10px 20px 20px;
	text-align: center;
	margin-bottom: 20px;
}
#enq fieldset {
  margin: 0;
  border: none;
  display: contents;
}
#enq h2, #enq legend { background: transparent; background-image: none; }
#enq .radio {
  background: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
	position: relative;
	font-size: 88%;
}

#enq .radio span {
  white-space: nowrap;
}

#enq .radio:after {
position: absolute;
content: '';
top: -30px;
left: 48%;
border: 15px solid transparent;
border-bottom: 15px solid #fff;
width: 0;
height: 0;
}

#enq .radio label { margin: 0 1em 0 4px;}

#enq li {
  text-align: left;
  font-size: 88%;
  background: url(../c_img/dot.png)no-repeat 0 0.4em;
	padding-left: 10px;
	margin-bottom: 0.5em;
}
#enq textarea {
  width: 100%;
	border-radius: 6px;
  border: none;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
	border-top: 2px solid #d6d6d6;
}
#enq .btn {
  -webkit-appearance: none;
  background: #fff url(../c_img/icon_arw_green.png)no-repeat 10px 50%;
	border: none;
	border-radius: 6px;
	border-bottom: 2px solid #d6d6d6;
	padding: 10px 10px 10px 30px;
	font-size: 100%;
  cursor: pointer;
  color: #333;
}

#sub_info {
  margin-bottom: 20px;
	background: #f7f6e8;
	padding: 20px;
	border-radius: 6px;
}

#sub_info h2 {
  color: #776300;
  margin: 0;
  float: left;
  background: none;
  padding: 0;
}

#sub_info .box {
  background: #fff;
	border-radius: 6px;
	padding: 15px;
	margin-top: 10px;
}

#sub_info .list {
  border-bottom: 1px dotted #aaa;
  padding: 10px 0;
}
#sub_info .list:last-child {
  border-bottom: none;
	padding-bottom: 0;
}
#sub_info .list img {
 float: right;
 width: 150px;
 margin: 0 0 8px 8px;
}

#sub_info .list a { display: block; }
#sub_info .list .text { float: left; width: 420px; line-height: 1.4; background: #fff url(../c_img/icon_arw_green.png)no-repeat 0 0.4em; padding-left: 14px; }
#sub_info .list .text span { display: block; font-size: 88%; color: #333;}

#sub_info .more {
  background: #fff;
  border-radius: 4px;
  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: 0;
	text-align: left;
	float: right;
	font-size: 88%;
}
#sub_info .more a {
  padding: 4px;
  display: block;
}
#sub_info .more a span { background: url(../c_img/icon_arw_green.png)no-repeat 0 50%; padding-left: 16px; }

/*__ サブエリア __________*/
.sub_area { position: relative; font-size: 88%; }

/*___ サブエリア　緊急 ___*/
.sub_area #weather {
  background: #FFF19B;
	border-radius: 6px;
	padding: 8px 10px;
	margin-bottom: 20px;
}

.sub_area #weather h2 {
  color: #333;
	font-size: 130%;
}

.sub_area #emergency {
  background: #CD1836;
	border-radius: 6px;
	padding: 8px 10px;
	margin-bottom: 20px;
}
.sub_area #emergency .more {
  margin: 6px 0;
}
.sub_area #emergency .more a {
  color: #fff;
}
.sub_area #emergency .more a::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 10px 0 0;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}
.sub_area #emergency h2 {
  color: #fff;
	font-size: 130%;
	padding: 3px 0 0 40px;
	background: url(../c_img/icon_em.png) no-repeat 0 -2px;
}

.sub_area #search_area {
  margin-bottom: 20px;
	background: #f7f6e8;
	padding: 14px 10px 20px 10px;
}
.sub_area #search_area p { margin-bottom: 8px;}

#search_area input {
  background: #fff;
  min-height: 36px;
  border: none;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
}

#search_area 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: 186px;
  padding: 0 20px;
  font-size: 100%;
  margin-right: 0;
	float: left;
  height: 2.5em;
}
#search_area input.text_box:focus {
  outline: 2px solid #007f04;
  border: none;
}

#search_area input.button {
  background: #007f04;
  color: #fff;
  border-radius: 4px;
  padding: 0 6px;
  border-top: 8px solid #007f04;
  box-shadow: 0px 3px 1px -1px rgba(0,102,3,1);
  -webkit-box-shadow: 0px 3px 1px -1px rgba(0,102,3,1);
  -moz-box-shadow: 0px 3px 1px -1px rgba(0,102,3,1);
  float: left;
}

.sub_area #search_area input[type="submit"].button,
.faq #contents_area input[type="submit"].button {
  background: #007f04;
  color: #fff;
  border-radius: 4px;
  border: none;
  border-top: 8px solid #007f04;
  box-shadow: 0px 3px 1px -1px rgba(0,102,3,1);
  background-image: url(/c_img/icon_loope.png);
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  padding: 0 9px;
}

.sub_area .event {
  margin-bottom: 20px;
	background: #eee8ff;
	padding: 10px 10px;
	border-radius: 6px;
	position: relative;
}
.sub_area .event .deco {
  position: absolute;
  right: 0;
  top: -10px;
}

.sub_area .event h2 { color: #645397; margin: 4px 0 12px 10px; }

.sub_area .box {
  background: #fff;
	border-radius: 6px;
	padding: 10px;
}


.sub_area .lasted {
  clear: both;
  border: 2px solid #DDDBAC;
  border-radius: 4px;
	padding: 24px 18px;
	margin-bottom: 20px;
}

.sub_area .adbox {
  clear: both;
  border: 1px solid #aaa;
	margin-bottom: 20px;
	position: relative;
}

.sub_area .adbox .lavel {
  background: #585959;
  margin: 0;
  position: absolute;
  font-size: 88%;
  color: #fff;
  padding: 1px 2px;
}
.sub_area .adbox a {
    display: block;
    margin: 20px 15px 15px 15px;
		text-align: center;
}
.sub_area .adbox a span {
  text-align: left;
	display: block;
	font-size: 88%;
	margin-top: 4px;
}

.sub_area .sub_recommend {
  margin-bottom: 20px;
	background: #f7f6e8;
	padding: 10px 10px;
	border-radius: 6px;
}

.sub_area .sub_recommend h2 { color: #776300; margin: 4px 0 12px 10px; }

.sub_area .event .list,
.sub_area .sub_recommend .list {
  border-bottom: 1px dotted #aaa;
  padding: 10px 0;
}


.sub_area .event .list:last-child,
.sub_area .sub_recommend .list:last-child {
  border-bottom: none;
	padding-bottom: 0;
}

.sub_area .event .list img,
.sub_area .sub_recommend .list img {
 float: right;
 width: 70px;
 margin: 0 0 8px 8px;
}

.sub_area .event .list a,
.sub_area .sub_recommend .list a {
  display: block;
}

.sub_area .event .list .text,
.sub_area .sub_recommend .list .text { float: left; width: 140px; line-height: 1.4; background: url(../c_img/icon_arw_green.png)no-repeat 0 0.4em; padding-left: 14px;}

.sub_area .event .list .text span,
.sub_area .sub_recommend .list .text span { display: block; font-size: 88%; color: #333;}


/*___　カレンダー ____*/
.sub_area .calender_area {
	border-top: 5px solid #a699cf;
	background: #fff;
	width: 100%;
	padding:15px;
	margin-bottom: 10px;
}

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

.sub_area .calender_area p.next { float: right; }

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

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

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

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

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

.sub_area .event .more {
  background: #fff;
  border-radius: 4px;
  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: 10px 0;
	text-align: center;
}
.sub_area .event .more a {
  padding: 10px;
  display: block;
  padding: 10px 0;
}
.sub_area .event .more a span { background: url(../c_img/icon_arw_green.png)no-repeat 0 50%; padding-left: 16px; }

.sub_area #special {
  background: #f7f6e8;
	padding: 10px;
	border-radius: 6px;
}

.sub_area #special a {
  display: block;
	overflow: hidden;
}

.sub_area #special img {
  width: 100%;
  /* max-width: 150%;
  margin-left: -25%; */
  height: auto;
}


/*__ アンケート __________*/
#enqform fieldset {
  display: contents;
  border: none;
}
#enqform legend {
  display: contents;
  width: 100%;
}
.form_parts { margin-bottom: 2em; }
.form_parts label { display: block; }
.form_parts input[type="radio"],.form_parts input[type="checkbox"] { margin-right: 4px; position: relative; top: -2px; }
form .enqbutton {
  text-align: center;
	width: 40%;
	margin: 0 auto;
}
form .enqbutton input {
  background: #007f04;
	margin: 1em auto;
	width: 100%;
	padding: 10px;
	color: #fff;
	font-size: 100%;
	border: none;
	border-radius: 6px;
}


/*__ イベント __________*/

ul.status { display: flex; margin: 0.5em 0; }
ul.status li { border-radius: 4px; padding: 4px 10px; font-size: 88%; margin-right: 4px; }
ul.status li.st01 { background: #83D6CF; }
ul.status li.st02 { background: #D6D6D6; }
ul.status li.st03 { background: #F8DA4C; }
ul.status li.st04 { background: #D6D6D6; }

.eventdata { margin: 1em 0; }
.eventdata dl { display: flex; flex-wrap: wrap; }
.eventdata dt { width: 15%; font-weight: normal; border-left: 2px solid #0F840C; margin-bottom: 10px; padding: 2px 8px; }
.eventdata dd { width: 85%; border-bottom: 1px dotted #D6D6D6; margin-left: 0; margin-bottom: 10px; padding: 2px 4px; }

.note {
  border-radius: 4px;
  padding: 10px;
  margin: 1em 0;
  border: 2px solid #ddd;
}

.event-more {
  display: blocK;
  padding: 10px 20px;
  margin: 10px auto 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
}

/*__ パブコメ・メールフォーム __________*/

#pubcome .offer {
  padding: 10px;
  margin: 0 20px;
  border: 4px solid #F2F2E9;
}

#pubcome .offer dt {
  background: url(../c_img/icon_ul_dot.png)no-repeat 0 0.4em;
  padding-left: 14px;
  margin-bottom: 0.5em;
}
#pubcome .offer dd {
  margin-bottom: 1em;
}
#pubcome .offer dd {
  margin-bottom: 1em;
}
#pubcome .topagetop { text-align: right; font-size: 88%; margin-right: 1em; }
#pubcome .topagetop a {
  background: url(../c_img/icon_gotop.png)no-repeat 0;
  padding-left: 20px;
}

#pubcome .bold {
  font-weight: bold;
}

.mailform dl.commentform,
#pubcome dl.commentform {
  border-bottom: solid 1px #CCCCCC;
  width: 100%;
  margin: 0 0 10px 0;
	overflow: hidden;
}

dl.commentform dd input#username, dl.commentform dd input#email, dl.commentform dd input#tel, dl.commentform dd input#addr_etc,
dl.commentform dd input#name, dl.commentform dd input#address, dl.commentform dd input#mail {
  width: 250px;
}

.mailform dl.commentform dt,
#pubcome dl.commentform dt {
  clear: both;
  float: left;
  width: 30%;
  padding: 10px 0 !important;
  border-top: 1px solid #ccc;
  display: inline;
  text-indent: 5px;
	box-sizing: border-box;
}

.mailform dl.commentform dd,
#pubcome dl.commentform dd {
  float: left;
	width: 70%;
  padding: 10px;
  border-top: 1px solid #ccc;
  margin:0;
}

.mailform dl.commentform p,
#pubcome dl.commentform p {
  margin: 0.4em 0;
}

dl.commentform dd textarea {
  width: 400px;
  height: 80px;
}

.mailform textarea {
  width: 70%;
  min-height: 7em;
  resize: vertical;
}

.mailform .exp,
#pubcome .exp {
  text-align: center;
}
.mailform .exp input,
#pubcome .exp input {
  width: 300px;
	margin: 0 auto;
	color: #0f840c;
	font-weight: bold;
  border: 2px solid #0f840c;
  border-radius: 6px;
  padding: 10px;
  font-size: 100%;
	background: #fff;
}

#pubcome .summary_area {
  border-radius: 4px;
  padding: 10px 10px 0 10px;
  margin: 0 1em 1em 1em;
  border: 2px solid #ddd;
}

#pubcome .iken {
  font-size: 88%;
}
#pubcome .iken label {
  margin-left: 4px;
	margin-right: 1em;
}

.mailform .errorarea,
#pubcome .errorarea {
  color: #9f0000;
  font-weight: bold;
  margin: 0 auto 1.2em;
  background: #fff9e4 url("../c_img/icon_warning.png") 8px 8px no-repeat;
  width: 100%;
  padding: 8px 40px;
}

.mailform div.errorarea,
#pubcome div.errorarea {
  border: 1px solid #9f0000;
}

.mailform .errorarea p,
#pubcome .errorarea p {
  margin: 0;
}

.mailform .attention,
#pubcome .attention {
  color: #c00;
}

/*__ FAQ __________*/

.faq_p {
  padding-bottom: 1em;
}

.keyword_box {
  border-top: 4px solid #d6d6d6;
  border-radius: 4px;
  width: 30em;
  max-width: 80%;
  padding: 0 20px;
  font-size: 100%;
  margin-right: 0;
  min-height: 2.5em;
  float: left;
}

.keyword_btn {
  background: #007f04;
  color: #fff;
  border-radius: 4px;
  padding: 0 6px;
  border-top: 6px solid #007f04;
  border-bottom: 6px solid #007f04;
  box-shadow: 0px 3px 1px -1px rgba(0,102,3,1);
  min-height: 2.5em;
  float: left;
}

.faq_top_dl dd {
  margin-bottom: 1em;
}

.faq .sub_area .sub_recommend .list .text {
  float: none;
  width: auto;
  display: block;
}

.other #bunrui_menu h2 a {
 padding: 10px;
}

.main_area h2.faq_q_h2 {
  background: url(../c_img/mk_question.png)no-repeat 14px 50%;
  border-bottom: 1px solid #d6d6d6;
  padding: 12px 45px 10px;
  border-radius: 0;
}

.main_area h2.faq_a_h2 {
  background: url(../c_img/mk_answer.png)no-repeat 14px 50%;
  border-bottom: 1px solid #d6d6d6;
  padding: 12px 45px 10px;
  border-radius: 0;
}

/*__ 市報こだいら __________*/

.shihou_top_ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.middle_menu_box .shihou_top_li {
  width: calc( 100% / 3 );
  padding: .5em;
  text-align: center;
  font-size: 90%;
}

.other .middle_menu_box .shihou_top_li a {
  background: none;
  padding-left: 0;
  text-decoration: underline;
}

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

/*__ 市報音声版「声のたより」 __________*/

.shihou_audio {
  margin: .5em 0;
}

.shihou_voice_wrap {
  margin-bottom: 1em;
}


/*__ 緊急情報ページ __________*/
.emergency h1 {
  color: #333;
	border-top: 2px solid #AC2A02;
	border-bottom: 2px solid #AC2A02;
	background: url(../c_img/icon_warning.png)no-repeat 0 0.4em;
	padding-left: 30px;
}

.emergency .sub_recommend li {
	padding-left: 16px;
	margin-bottom: 0.5em;
}

.emergency .emergency_menu li {
  background-image: none;
  border-bottom: 1px dotted #aaa;
	padding: 8px 0;
}
.emergency .emergency_menu li a {
  background: url(../c_img/dot.png)no-repeat 0 0.4em;
	padding-left: 16px;
	text-decoration: none;
}

.emergency .emergency_sub li {
  background: url(../c_img/icon_arw_green.png)no-repeat 0 0.4em;
	padding-left: 16px;
}
.emergency .emergency_sub .no_mark {
	background: none;
}
.emergency .main_area .honbun .more_btn {
  width: 60%;
	margin: 10px auto 20px;
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #aaa;
	text-align: center;
}

.main_area .pager {
  clear: both;
  margin: 1em auto 2em auto;
}
.main_area .pager ul {
  text-align: center;
}
.main_area .pager li {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #cccccc;
	background-image: none;
	padding: 0;
}
.main_area .pager li a {
  display: block;
  padding: 4px 8px;
  min-width: 2.5em;
}
.main_area .pager li.current a {
    background: #f7f7f7;
    color: #222;
}
.main_area .pager li.prev, .main_area .pager li.next {
  border: none;
}
.main_area .pager li.prev {
  padding-left: 12px;
  background: url(../c_img/icon_arw_green2.png)no-repeat left 50%;
  margin-right: 10px;
}
.pager li.next {
  padding-right: 12px;
  background: url(../c_img/icon_arw_green.png)no-repeat right 50%;
  margin-left: 10px;
}


/*__ お知らせ一覧 __________*/
.notice_list dt {
    background: url(../c_img/arrow_gikai.png)no-repeat 0 0.3em;
    padding-left: 20px;
    font-weight: normal;
}

.notice_list dd {
    margin: 0 0 1em 20px;
}

.notice_list .news_list dt {
    background: none;
    padding-left: 0;
    margin-left: 2em;
}

.notice_list .news_list dd {
    margin: 0 0 1em 2em;
}

.news_list a img {
    width: 1.5em;
    height: auto;
    margin-right: .5em;
    margin-left: -2em;
}

/*__ 施設（地図） __________*/
.facility_map h1 {
	color: #333;
	font-weight: normal;
	border-left: 20px #F47B03 solid;
	padding: 10px;
}


/*__ ツールチップ __________*/
.tooltip {
	position:absolute;
	z-index:9999;
	display:block;
	color:#fff;
	font-size:87%;
	line-height:1.2;
}
.tooltip__body {
	position:relative;
	top:-15px;
	padding:10px;
	background:#222;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
	-ms-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
	box-shadow:0 2px 4px rgba(0, 0, 0, .4);
}
.tooltip__body:after {
	content:"";
	position:absolute;
	bottom:-5px;
	left:50%;
	display:block;
	width:0;
	height:0;
	margin-left:-5px;
	border-width:5px 5px 0 5px;
	border-style:solid;
	border-color:#222 transparent transparent transparent;
}


/*__ 重要なお知らせ __________*/
#contents_area .sub_area #emergency .inner li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}


/*__ カレンダーに登録 __________*/
#icaldownload{
	float: right;
}
#event_download{
	padding: 2px 7px;
	cursor: pointer;
	float: right;
	border-radius: 4px;
	border: 2px solid #ddd;
}

/*__ 申請書ダウンロード __________*/
.down_ul {
    display: flex;
    flex-wrap: wrap;
    list-style-image: url(../c_img/arrow_gikai.png);
}

.down_ul li {
    background: none;
    padding-left: 0;
    margin-left: 1.5em;
    padding-right: 1em;
    margin-bottom: .5em;
    font-size: 90%;
}

/*__ googleマイマップ・カレンダー __________*/
.gwrap {
    max-width: 660px;
    margin: 0 auto 1em;
    padding: 0 40px;
}

.giframe {
    /* position: relative; */
    overflow: hidden;
    height: 600px;
    /* padding-bottom: 600px; */
}

.giframe iframe {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 600px;
}

/*__ 検索システムへのリンク追加 __________*/
.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;
}