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

@media screen and (max-width:670px) {

#path_area {/* display: none; */ padding-top: calc(5em + 12px);}

h1 {
  background: #eee8ff;
  border-top: 1px solid #e3e3e3;
  color: #333;
  font-size: 150%;
  padding: 15px 40px 30px 15px;
  font-weight: normal;
	min-height: 2.5em;
	background-size: contain;
}
h1.brube {
  background: #eee8ff url(../c_img/h1_bg_sp.jpg)no-repeat right bottom;
}

h1 span {
  /*background: url(../c_img/icon_h1_burube.png)no-repeat right bottom;
  display: block;
  width: 90%;
  position: absolute;
  padding: 0 0 0.6em 0;*/
}

.page_info {
  float: none;
  text-align: right;
	margin: 0 15px;
}
.page_info span { display: block; }

.sns_box {
  clear: both;
  float: right;
	margin: 10px 15px;
}
.print_btn { display: none; }
.sns_box li { width: 80px; margin-left: 8px; border-radius: 4px; }
.sns_box li a { width: 32px; margin: 0 auto; }
.sns_box li.tw { background: #1DA1F2; }
.sns_box li.fb { background: #3B5998; }
.sns_box li.ln { background: #00C300; }

.pc { display: none; }
.sp { display: block; }

.ph_area { margin: 40px 15px; }
.ph_area img { width: 100%; height: auto; }

.main_area h2 { background-color: #ececec; background-position: 15px 1em; border-radius: 0; }
.main_area h3 { background: #fff url(../c_img/h3_bg.png)no-repeat 14px 50%; border-bottom: 2px solid #ececec; }
.main_area .honbun p,
.main_area .honbun dl { margin: 1em 15px 1.5em;}
.main_area .honbun ul { margin: 0 15px 1em;}
.main_area .honbun ol { margin: 0 15px 1em; padding-left: 30px; }

/* 表組み table */
.honbun .table-scroll {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
padding: 0 15px;
}
.honbun table{
border-collapse: collapse;
}
.honbun th,td{
border: solid 1px #ccc;
padding: 8px;
white-space: nowrap;
}
.honbun th{
background: #aaa;
}

#file, #related, #contact, #faq { margin: 0 15px 2em 15px; }

#file .getpdf img {
  float: none;
  margin: 10px 0;
}

#contact .btn_to_contact { background-color: #ebe793; width: 100%; 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;}

#related ul, #contact ul { margin: 0 !important; }
#related li, #contact li { float: none; margin-right: 0; }

#enq h2, #enq legend { font-weight: normal; font-size: 88%; text-align: left; padding: 0;}

#enq .radio:after {
  border: none;
}
#enq .radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: .5em 0 0;
}
#enq .radio span { width: 14em; padding: 4px; text-align: center; font-size: 88%; margin-bottom: .5em; max-width: 100%; }
/* #enq .radio span input { display: block; margin: 0 auto; } */
#enq p { font-size: 88%; margin: 1em 0; text-align: left; }
#enq .radio label { margin: 0; }

#sub_info {
  border-radius: 0;
  position: relative;
  padding-bottom: 60px;
}
#sub_info .list img { width: 30%;}
#sub_info .list .text { width: 65%; }
#sub_info .more {
  position: absolute;
  bottom: 10px;
  float: none;
  background: inherit;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5em;
  border: none;
  width: calc(100% - 40px);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
}
#sub_info .more a {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  text-align: center;
}
#sub_info .more .info_btn:hover {
  color: #0c67d7;
}
#sub_info .more .info_more {
  grid-column: 1 / 3;
}
#sub_info .more a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#sub_info .more .info_btn span {
  background: none;
  padding-left: 0;
}
#sub_info .more .info_btn span::before {
  content: "";
  display: inline-block;
  background: transparent url(../c_img/icon_arw_green.png) no-repeat left center;
}
#sub_info .more .info_more span::before {
  width: .5em;
  height: 1.2em;
  transform: rotate(90deg);
  margin-right: .5em;
}
#sub_info .more .info_cls span::before {
  width: 8px;
  height: 12px;
  transform: rotate(-90deg);
  margin: 0 8px 1px 0;
}
.sub_area #search_area { display: none;}

.sub_area .adbox { border: none; border-top: 1px solid #fff;}

.sub_area .sub_recommend,
.sub_area .event { border-radius: 0; margin-bottom: 0; }
.sub_area .event .list img, .sub_area .sub_recommend .list img { width: 30%; }
.sub_area .event .list .text, .sub_area .sub_recommend .list .text { width: 65%; }


/*__ アンケート __________*/

.form_parts { margin-left: 15px; margin-right: 15px; }
.form_parts input[type="text"], .form_parts textarea { width: 100%; }


/*__ イベント __________*/

ul.status { margin: 0.5em 15px; }

.eventdata { margin: 1em 15px; }
.eventdata dl { display: block; flex-wrap: wrap; }
.eventdata dt { width: 100%; padding-bottom: 0; padding-top: 0; }
.eventdata dd { width: 100%; margin-bottom: 20px; padding-left: 10px; }

/*__ FAQ __________*/

.keyword_box {
  margin-left: .5em;
}

.faq_p,
.faq_top_dl {
  width: calc( 100% - 1em);
  margin: 0 auto;

}


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

.imgLeftS .imgBox,
.imgLeftM .imgBox,
.imgRightS .imgBox,
.imgRightM .imgBox,
.imgAllS .imgBox
{
	width: 100%;
	margin: 1em 0 1.5em;
	padding: 0 15px;
	float: none;
}

.imgLeftS .imgBox img,
.imgLeftM .imgBox img,
.imgRightS .imgBox img,
.imgRightM .imgBox img,
.imgAllS .imgBox img { width: 100%; height: auto; }

.imgLeftS .txtBox,
.imgLeftM .txtBox,
.imgRightS .txtBox,
.imgRightM .txtBox
{
	width: 100%;
	float: none;
}


/*__ パブコメ・メールフォーム __________*/
#pubcome .summary_area {
  padding: 0;
}

#pubcome .iken span {
  display: block;
}
.mailform dl.commentform,
#pubcome dl.commentform {
  width: 90%;
	margin: 0 auto;
}
.mailform dl.commentform dt,
.mailform dl.commentform dd,
#pubcome dl.commentform dt,
#pubcome dl.commentform dd {
  float: none;
  width: 100%;
  display: block;
}
.mailform dl.commentform dd,
#pubcome dl.commentform dd {
   border: none;
}

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: 100%;
}

dl.commentform dd textarea {
  width: 100%;
}

.mailform .exp input,
#pubcome .exp input {
  margin: 0 auto 20px;
}

.mailform textarea {
  width: 90%;
  margin: 0 auto 1em;
  display: block;
}


/*__ FAQ __________*/

.keyword_box {
  margin-left: .5em;
}

.faq_p,
.faq_top_dl {
  width: calc( 100% - 1em);
  margin: 0 auto;

}

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

.shihou_top_ul {
  align-items: baseline;
}

.middle_menu_box .shihou_top_li {
  width: 50%;
  border-bottom: none;
}

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

.shihou_voice_wrap p,
.shihou_audio {
  padding: 0 .5em;
}

.emergency h1 {
  color: #333;
  background: url(../c_img/icon_warning.png)no-repeat 10px 1em;
  padding-left: 36px;
}


/*__ 施設（地図） __________*/
.facility_map h1 {
  background: none;
}

.facility_map .imgAllS .imgBox {
  width: 100%;
	float: none;
	margin-left: 0;
}

/*__ googleマイマップ・カレンダー __________*/
.giframe,
.giframe iframe {
  height: 450px;
}

} /*__ 終了 __*/

@media screen and (max-width:400px) {
  /*__ googleマイマップ・カレンダー __________*/
  .giframe,
  .giframe iframe {
    height: 300px;
  }

}