@charset "utf-8";

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

/* =============================================================

　　スマホ画面  個別設定

============================================================= */


/*  TOP : トップページ 設定
--------------------------------------------------------------*/

/*　コンテンツ　設定
--------------------------------------------- */

.home #content {
  padding-bottom: 0;
}

/*  Content Top
-----------------------------------*/

.home #contentTop {
  overflow: hidden;
}

/* -------- メインビジュアル -------- */

#mainvisual-pc{
  position: absolute;
  width: 300px;
  height: 200px;
  visibility: hidden;
}

#mainvisual-sp {
  position: inherit;
  width: 100%;
  height: 100%;
  visibility: inherit;
}

.boxMainVisual .boxSlideAll {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.boxMainVisual .boxSlideWrap {
  width: 100%;
  position: inherit;
  left: auto;
  margin-left: 0;
  text-align: center;
}

.boxMainVisual .slide_body {
  width: 100%;
}

.boxMainVisual .slide {
  width: 100%;
}

.boxMainVisual .slide img {
  width: 100%;
  vertical-align: bottom;
}

/* ---- コントロール ---- */

/* -- 20160309 DEL
.boxMainVisual .bx-controls {
  position: inherit;
  top: 0;
  width: 100%;
  height: 40px;
  background: none;
  padding: 10px 0;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .bx-controls {
  display: inline-block;
  position: inherit;
  top: 0;
  width: auto;
  height: 40px;
  background: none;
  padding: 10px 0;
}
/* -- 20160309 ADD-END -- */

/* -- PREV＆NEXTボタン -- */

/* 2016525 スライド不具合対応 DEL-END */
.boxMainVisual .bx-controls-direction {
/*  position: absolute; */
/*  top: 50%; */
/*  left: 0; */
/*  margin-top: -30px; */
/*  z-index: 300; */
/*  width: 100%; */
/*  margin-left: 0; */
}

.boxMainVisual .bx-controls-direction .bx-prev,
.boxMainVisual .bx-controls-direction .bx-next {
/* 20160525 スライド不具合対応 ADD-START */
  top: 50%;
  margin-top: -30px;
/* 20160525 スライド不具合対応 ADD-END */
  width: 30px;
  height: 30px;
  background-size: 30px;
}

/* 20160525 スライド不具合対応 ADD-START */
.boxMainVisual .bx-controls-direction .bx-prev { left: 0px; }
.boxMainVisual .bx-controls-direction .bx-next { right: 0px; }
/* 20160525 スライド不具合対応 ADD-END */

/* -- コントロール・ページング -- */

/* -- 20160309 DEL
.boxMainVisual .bx-pager {
  overflow: hidden;
  display: inline-block;
  float: none;
  vertical-align: top;
  padding-top: 2px;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .bx-pager {
  overflow: hidden;
  display: block;
  float: right;
  vertical-align: top;
  padding-top: 2px;
}
/* -- 20160309 ADD-END -- */

/* -- 再生・停止 -- */

/* -- 20160309 DEL
.boxMainVisual .bx-controls-auto {
  position: relative;
  top: 2px;
  display: inline-block;
  float: none;
  margin-left: -180px;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .bx-controls-auto {
  position: relative;
  top: 2px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}
/* -- 20160309 ADD-END -- */

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-start,
.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-stop {
  background-size: 100%;
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-start {
  background-image: url(/share/imgs/main-index-mainvisual-btn-start-off-sp.png);
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-start.active {
  background-image: url(/share/imgs/main-index-mainvisual-btn-start-on-sp.png);
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-stop {
  background-image: url(/share/imgs/main-index-mainvisual-btn-stop-off-sp.png);
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-stop.active {
  background-image: url(/share/imgs/main-index-mainvisual-btn-stop-on-sp.png);
}

/* -------- お問い合わせボタン -------- */

.boxMainVisual .boxGuide .btnClose {
  cursor: pointer;
}

/* -- 20160309 DEL
.boxMainVisual .btnContactBnr {
  position: inherit;
  bottom: auto;
  left: auto;
  width: 100%;
  margin-left: 0;
  padding: 10px 10px 12px;
  border-top: 1px solid #a18f85;
  text-align: center;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .btnContactBnr {
  position: inherit;
  bottom: auto;
  left: auto;
  width: 100%;
  margin-left: 0;
  padding: 0;
  border-top: 1px solid #a18f85;
  text-align: center;
}
/* -- 20160309 ADD-END -- */

/* -- 20160309 DEL
.boxMainVisual .btnContactBnr > a {
  float: none;
  border: none;
  box-shadow: none;
  padding: 0;
  color: #2d4485;
  font-size: 1em;
  text-decoration: underline !important;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .btnContactBnr > a {
  display: block;
  float: none;
  border: none;
  box-shadow: none;
  padding: 10px 10px 12px;
  color: #2d4485;
  font-size: 1em;
  text-decoration: underline !important;
}
/* -- 20160309 ADD-END -- */

/* -- 20160309 DEL
.boxMainVisual .btnContactBnr > a:hover {
  color: #2d4485;
  text-decoration: none !important;
}
*/

/* -- 20160309 ADD -- */
.boxMainVisual .btnContactBnr > a:hover {
  border: none;
  border-radius: 0;
  background: none;
  color: #2d4485;
  text-decoration: none !important;
}
/* -- 20160309 ADD-END -- */

/* -------- カテゴリーリスト -------- */

.boxCategoryList {
  padding: 15px 15px 20px;
  border-bottom: 3px solid #2b5493;
  background-image: none;
}

.boxMainVisual + .boxCategoryList {
  border-top: 3px solid #2b5493;
}

.boxCategoryList dt {
  width: 100%;
  padding: 0 0 10px;
  font-size: 1.1em;
  text-align: center;
}

.boxCategoryList dt br {
  display: none;
}

.boxCategoryList dd {
  width: 100%;
}

.boxCategoryList .boxCategoryIcon {
  overflow: visible;
  margin-bottom: 0;
}

.boxCategoryList .boxCategoryIcon li,
.boxCategoryList .boxCategoryBnr li {
  display: block;
  float: left;
  width: 33%;
}

.boxCategoryList .boxCategoryIcon li {
  margin-bottom: 3px;
}

.boxCategoryList .boxCategoryIcon li a {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding-bottom: 0;
}

.boxCategoryList .boxCategoryIcon span {
  display: inline-block;
  vertical-align: middle;
}

.boxCategoryList .boxCategoryIcon .imgLink {
  width: 36%;
  padding: 0 5px;
  text-align: center;
}

.boxCategoryList .boxCategoryIcon .imgLink img {
  vertical-align: middle;
}

.boxCategoryList .boxCategoryIcon .txtLink {
  width: 55%;
  text-align: left;
  font-size: 0.95em;
  line-height: 1.3em;
}

.boxCategoryList .boxCategoryBnr li a {
  width: 100%;
  min-height: 0;
  padding: 4px;
}

.boxCategoryList .boxCategoryBnr li a img {
  width: 100%;
}

.boxCategoryList .boxCategoryBnr .imgLink {
  width: 100%;
  padding: 0;
}

.boxCategoryList .boxCategoryBnr .txtLink {
  width: 100%;
  padding: 4px 0 0;
  font-size: 0.95em;
  line-height: 1.3em;
  text-align: center;
}


/*  Content Main
-----------------------------------*/

.home #contentMain {
  overflow: hidden;
}

/* -------- 新着情報 -------- */

.boxInfoTab {
  padding: 15px;
  border-bottom: 3px solid #2b5493;
  border-radius: 0;
  background-image: none;
  font-size: 0.9em;
}

.boxInfoTab .hidden {
  display: none;
}

/* ------ Tab Content Wrap ------ */

.boxInfoTab .boxTabContentWrap {
  padding: 10px 15px;
}

/* ---- Tabボタン ---- */

.boxInfoTab .boxBtnArea li {
  font-size: 0.95em;
}

.boxInfoTab .boxBtnArea li span {
  padding: 10px 0;
}



/*  Content Bottom
-----------------------------------*/

.home #contentBtm {
  padding-bottom: 0;
}

/*  関連リンク
-------------------------- */

.boxRelatedLink {
  padding: 10px 0 0;
  border-radius: 0;
  background-image: none;
}

.boxRelatedLink h3 {
  letter-spacing: 1px;
}

/* ---- スライダー ---- */

.boxRelatedLink .boxRelatedSlider .bx-wrapper {
  margin-bottom: 10px;
}

.boxRelatedLink .boxRelatedSlider .slider li {
  font-size: 0.95em;
  line-height: 1.5em;
}

.boxRelatedLink .boxRelatedSlider .slider li a img{
  margin-bottom: 10px;
}

/* ---- サムネイル ---- */

.boxRelatedLink .pager {
  padding-bottom: 25px;
  height: 14px;
}

.boxRelatedLink .pager li span {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: 2px solid #a18f85;
  background: #fff;
}

.boxRelatedLink .pager li img {
  display: none;
}


/* 画像の改行 */
.boxRelatedLink .pager .clearalign {
  clear: none;
}

/*  FAQ : よくある質問 設定
--------------------------------------------------------------*/

/* ---- よくある質問を検索 ---- */

/* -- 20160309 DEL
.boxSearchSection .boxFaqSearch form {
  height: 40px;
}

.boxSearchSection .boxFaqSearch form label {
  padding-right: 150px;
}
*/

/* -- 20160309 ADD -- */
.boxSearchSection .boxFaqSearch form {
  height: 40px;
  padding-right: 150px;
}
/* -- 20160309 ADD-END -- */


/* -- 検索ボタン -- */
.boxSearchSection .boxFaqSearch .btnSearch {
  width: 150px;
}



/*  SEARCH : 検索結果 設定
--------------------------------------------------------------*/

/* ---- Tabボタン ---- */

.boxSearchTab .boxBtnArea li {
  width: 25%;
}

/* ---- Tab Content Wrap ---- */

.boxSearchTab .boxTabContentWrap {
  padding-bottom: 30px;
}


/*  SITEMAP : サイトマップ 設定
--------------------------------------------------------------*/

/* ---- セクション ---- */

.boxSiteMapSection {
  padding: 15px 10px;
}

.boxCategoryTitle + .boxSiteMapSection {
  padding-top: 5px;
}

/* ---- セクションタイトル ---- */

.sitemap .ttlSection {
  font-size: 1.2em;
  text-align: left;
}

.sitemap .ttlSection a::before {
  top: 6px;
}

/* ---- ページ一覧 ---- */

.sitemap .boxPageList {
  padding: 0;
}

.sitemap .boxPageList > ul {
  margin-left: 0;
}

.sitemap .boxPageList > ul > li {
  width: 100%;
  padding-left: 0;
  padding-bottom: 15px;
}

/* -- ページ一覧タイトル -- */

.sitemap .boxPageList .ttlMain {
  background-image: none;
}

.sitemap .boxPageList .ttlMain a {
  width: auto;
  height: auto;
}

/* -- リストリンク -- */

.sitemap .boxPageList dd > ul > li {
  border-bottom-style: dotted;  
}


/*  CONTACT : お問い合わせ 設定
--------------------------------------------------------------*/

.boxContactSection {
  padding-bottom: 20px;
}

/* ---- ボタンエリア ---- */

.boxContactSection .boxBtnArea .txtNote {
  text-align: left;
}

/* ---- お問い合わせフォーム ---- */

.boxContactForm .boxTable,
.boxContactForm tbody,
.boxContactForm tr,
.boxContactForm th,
.boxContactForm td {
  display: block;
  width: auto;
}

.boxContactForm .boxInput {
  text-align: center;
}

.boxContactForm th .txtSub {
  font-size: 1em;
}

/* -- 例 -- */

.boxContactForm .txtExample {
  font-size: 1em;
}

/* -- Inputサイズ設定 -- */

.boxContactForm .name,
.boxContactForm .tel,
.boxContactForm .subject,
.boxContactForm .add,
.boxContactForm .mail,
.boxContactForm .mailre {
  width: 100%;
}

/* ---- メッセージボックス ---- */

.boxContactMessage {
  margin-bottom: 20px;
}


/*  SHISEI : 市の施設 設定
--------------------------------------------------------------*/

/* ---- 種類を選択する ---- */

.boxTypeListSection {
  padding-top: 0;
}

/* -- タイトル -- */

.boxTypeListSection h2 {
  padding-bottom: 2px;
  font-size: 1.25em;
}

/* -- 種類リスト -- */

.boxTypeList > ul {
  margin-left: 0;
}

.boxTypeList > ul > li {
  width: 33%;
  margin-bottom: 0;
  padding-left: 5px;
}

.boxTypeList > ul > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  background-position: 0 10px;
}

/* ---- 施設一覧 ---- */

.boxShisetsuSection {
  margin: 0;
  padding: 0;
}

/* -- メインタイトル -- */

.boxShisetsuSection .boxPageList .ttlMain {
  font-size: 1.25em;
}

/* -- サブタイトル -- */

.boxShisetsuSection .boxPageList .ttlSub {
  padding: 8px 10px 5px;
  font-size: 1.15em;
}

/* 20160526 投票所表示項目修正 */
/* -- サブサブタイトル -- */
.boxShisetsuSection .boxPageList .ttlSub {
  padding-left: 20px;
  font-size: 1.05em;
}

/* -- リスト -- */

.boxShisetsuSection .boxPageList > ul > li {
  padding-bottom: 25px;
}

.boxShisetsuSection .boxPageList .boxLineList > ul > li {
  width: 45%;
}

.boxShisetsuSection .boxPageList .boxLineList > ul > li > a::before {
  top: 50%;
  margin-top: -5px;
}


/*  SHISEI : 市の組織 設定
--------------------------------------------------------------*/

.boxSoshikiSection {
  padding-top: 0;
  padding-bottom: 0;
}

.boxSoshikiSection .btnPageLink {
  margin-bottom: 10px;
}

.boxSoshikiSection .boxAccList {
  margin: 0 -15px;
}

/*  EVENT : イベントカレンダー 設定
--------------------------------------------------------------*/

/* ---- Tabボタン ---- */

.event .boxCateTab .boxBtnArea ul {
  width: auto;
}

.event .boxCateTab .boxBtnArea li {
  padding: 5px 15px;
  text-align: left;
}

/* イベントアイコン */
.event .boxCateTab .boxBtnArea li .icnCalEvent {
  margin-right: 10px;
}

/* ---- Tab Content Wrap ---- */

/* ---- セクション ---- */

.event .boxSection {
  padding: 0;
}

/* ---- リンク ---- */

.event .boxCateTab .boxArwList ul {
  padding-left: 15px;
}

/* ---- カレンダータイトル ---- */

.boxCalendarSection h2 {
  margin-bottom: 15px;
}

/* ---- カレンダーナビ ---- */

.boxCalendarNav {
  margin-bottom: 15px;
  padding: 0 15px; 
}

/* ---- イベントカレンダー ---- */

.boxEventCalendar,
.boxEventCalendar tbody,
.boxEventCalendar tr,
.boxEventCalendar td {
  display: block;
  border: none;
  background: none;
  padding: 0;
}

.boxEventCalendar {
  margin-top: 15px;
}

.boxEventCalendar tbody {
  border-bottom: 1px solid #a18f85;
}

.boxEventCalendar th {
  display: none;
}

.boxEventCalendar td {
  overflow: hidden;
}

.boxEventCalendar .boxEventDate,
.boxEventCalendar .boxEventCont {
  padding: 5px 10px;
  border-top: 1px solid #a18f85;
}

.boxEventCalendar .boxEventDate {
  float: left;
  width: 20%;
  padding-bottom: 3px;
  padding-left: 0;
  font-size: 1.15em;
  text-align: right;
}

.boxEventCalendar .boxEventDate::after {
  content: "日";
}

.boxEventCalendar .boxEventCont {
  float: right;
  width: 80%;
  min-height: 34px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 10px;
  border-left: 1px solid #a18f85;
}

.boxEventCalendar .icnCalEvent {
  width: 24px;
}


/*  RECRUIT : 職員採用試験情報 設定
--------------------------------------------------------------*/

/* -------- ポップアップ関連設定 -------- */

.mfp-container {
  padding: 25px 15px 15px;
}

.mfp-content {
  width: 100% !important;
}

/* -------- アコーディオンメニュー -------- */

.boxRecruitList.boxAcc .btnAcc {
  padding: 15px 45px 15px 15px;
  border-radius: 4px;
  background: #006adc;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.boxRecruitList.boxAcc .btnAcc::before {
  background-image: url(/share/imgs/recruit-content-bg-acc-open.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

.boxRecruitList.boxAcc .btnAcc.active {
  background: #2252af;
}

.boxRecruitList.boxAcc .btnAcc.active::before {
  background-image: url(/share/imgs/recruit-content-bg-acc-close.png);
}

/* -------- 職員一覧 -------- */

.boxRecruitList {
  padding-top: 20px;
  padding-bottom: 20px;
}

.boxRecruitList ul {
  padding-top: 20px;
}

.boxRecruitList li {
  width: 25%;
  height: auto;
}

/* 20160516 採用ページメニュー追加 ADD-START */
/* ---- 新着 ---- */
/* ---- パンフレット ---- */
/* ---- サイドメニュー ---- */

.boxRecruitLeft,
.boxRecruitRight,
.boxRecruitPamphlet {
	float: none;
	margin: 0 0 20px 0;
	width: auto;
}

/* 20160516 採用ページメニュー追加 ADD-END */

/* ---- モーダルリンク ---- */

.boxRecruitList .popup-modal .imgProfile {
  background-size: 22px;
}

/* -------- プロフィール・モーダルウィンドウ -------- */

.mfp-content .boxProfile {
  padding: 20px 15px;
}

.mfp-content .boxProfile .boxImgArea,
.mfp-content .boxProfile .boxTxtArea {
  float: none;
  width: auto;
}

/* ---- イメージエリア ---- */

.mfp-content .boxProfile .boxImgArea {
  padding-bottom: 10px;
  text-align: center;
}

.mfp-content .boxProfile .boxImgArea img {
  max-width: 200px;
}

/* ---- キャッチ ---- */

.mfp-content .boxProfile .txtCatch {
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.3em;
}

/* ---- 名前 ---- */

.mfp-content .boxProfile .txtName {
  margin-bottom: 3px;
}



/*  OPENDATA : オープンデータ 設定
--------------------------------------------------------------*/

/* ---- キーワード検索 ---- */

.boxSearchSection.boxOpenData {
  margin-bottom: 20px;
}

.boxSearchSection.boxOpenData .boxSearch {
}

.boxSearchSection.boxOpenData .boxSearch .ttlSearch {
  padding-bottom: 10px;
}

.boxSearchSection.boxOpenData .boxFaqSearch form {
  padding-right: 77px;
}

.boxSearchSection.boxOpenData .boxFaqSearch .txtSearch {
  height: 34px;
  margin-top: 0;
}

.boxSearchSection.boxOpenData .boxFaqSearch .btnSearch {
  top: 2px;
  float: none;
  width: 70px;
  height: 32px;
  padding-top: 1px;
  padding-bottom: 0;
  margin-left: 0;
}

/* ---- カテゴリ ---- */

.boxTypeListSection.boxOpenData {
  padding-bottom: 10px;
}

.boxTypeListSection.boxOpenData .boxTypeList > ul {
  margin: 0;
  letter-spacing: -.40em;
}

.boxTypeListSection.boxOpenData .boxTypeList > ul > li {
  width: auto;
  margin: 0 -1px 13px 0;
  padding: 0 16px;
}

.boxTypeListSection.boxOpenData .boxTypeList > ul > li > a {
  margin: 0 -16px;
  padding: 0 16px;
}

/* ---- データ一覧 ---- */

.boxArticleListSection.boxOpenData {
  padding-bottom: 30px;
}

.boxArticleListSection.boxOpenData .boxArticleList {
  padding: 0 15px;
}

.boxArticleListSection.boxOpenData .boxArticleList > ul > li {
  padding: 20px 0 25px;
}

.boxArticleListSection.boxOpenData .boxArticleList > ul > li:first-child {
  padding-top: 10px;
}

.boxArticleListSection.boxOpenData .txtTitle {
  margin-bottom: 7px;
}

.boxArticleListSection.boxOpenData .txtTitle a {
  text-decoration: underline;
}

.boxArticleListSection.boxOpenData .txtTitle a:hover,
.boxArticleListSection.boxOpenData .txtTitle a:focus {
  text-decoration: none;
}

.boxArticleListSection.boxOpenData .boxCont,
.boxArticleListSection.boxOpenData .btnLink {
  float: none;
  width: 100%;
  padding: 0;
}

.boxArticleListSection.boxOpenData .boxCont {
}

.boxArticleListSection.boxOpenData .boxCont p a {
  width: 100%;
}

.boxArticleListSection.boxOpenData .boxCont p a img {
}

.boxArticleListSection.boxOpenData .btnLink {
  padding: 15px 0 0 20px;
  text-align: center;
}

.boxArticleListSection.boxOpenData .btnLink a {
  display: block;
  padding: 8px 20px;
}

/* ---- 詳細 ---- */

.boxEntryBody.boxOpenData .boxEntryFreeform {
  padding-top: 10px;
}

.boxEntryBody.boxOpenData .boxFileDowmload h5 {
  padding-left: 5px;
}

.boxEntryBody.boxOpenData .boxFileDowmload a {
  display: block;
}




}