@charset "utf-8";

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

　 個別設定

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


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

/*  ヘッダー 設定
---------------------------------------------*/

/* ------ サイトロゴ ------ */

.home #header .boxSiteLogo {
  width: 244px;
  padding-top: 0;
}

.home #header .boxSiteLogo h1 {
  width: 244px;
  height: 78px;
}

/* ------ グローバルナビ ------ */

.home #header .boxMenu {
  display: block !important;
}


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

.home #content {
  padding-bottom: 30px;
}

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

.home #contentTop {
}

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

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

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

.boxMainVisual {
  font-family: "segoe UI", "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro" ,"メイリオ", Meiryo, Verdana, sans-serif;
}

.boxMainVisualInner {
  position: relative;
  overflow: hidden;
}

.boxMainVisual .boxSlideAll {
  width: 960px;
  margin: 0 auto;
  height: 380px;
  position: relative;
}

.boxMainVisual .boxSlideWrap {
  width: 2900px;
  position: absolute;
  left: 50%;
  margin-left: -1440px;
  text-align: center;
}

.boxMainVisual .slide_body {
  width: 100%;
}

.boxMainVisual .slide {
  width: 960px;
}

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

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

.boxMainVisual .bx-controls {
  position: relative;
  top: -35px;
  z-index: 300;
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  padding: 5px 5px 0;
  border-radius: 30px;
  background: rgba(255,255,255,0.7);
  background: #fff\9;/* IE8用 */
  line-height: 20px;
  font-size: 14px !important;
}

/* IE9用 */
body:not(:target) .boxMainVisual .bx-controls {
  background: rgba(255,255,255,0.7)\9;
}


/* -- PREV＆NEXTボタン -- */
/* 20160525 スライド不具合対応 DEL-START */
.boxMainVisual .bx-controls-direction {
/* 20210316 ADD */
 display: none;
/*  position: absolute; */
/*  top: -150px; */
/*  left: 50%; */
/*  z-index: 300; */
/*  width: 960px; */
/*  margin-left: -480px; */
}
/* 20160525 スライド不具合対応 DEL-END */

.boxMainVisual .bx-controls-direction .bx-prev,
.boxMainVisual .bx-controls-direction .bx-next {
/* 20160525 スライド不具合対応 ADD-START */
  position: absolute;
  top: -150px;
  z-index: 300;
/* 20160525 スライド不具合対応 ADD-END */
  transition: all 0.4s ease-in-out;
  opacity: 0.5;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  background-repeat: no-repeat;
}

.boxMainVisual .bx-controls-direction span {
  display: none;
}

/* 20160525 スライド不具合対応 UPD-START */
.boxMainVisual .bx-controls-direction .bx-prev {
  left: -340px;
  margin-left: 10px;
  background-image: url(/share/imgs/main-index-mainvisual-btn-prev.png);
}

.boxMainVisual .bx-controls-direction .bx-next {
  right: -340px;
  margin-right: 10px;
  background-image: url(/share/imgs/main-index-mainvisual-btn-next.png);
}
/* 20160525 スライド不具合対応 UPD-END */

.boxMainVisual .bx-controls-direction .bx-prev:hover,
.boxMainVisual .bx-controls-direction .bx-next:hover {
  opacity: 1;
}

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

.boxMainVisual .bx-pager {
  float: right;
}

.boxMainVisual .bx-pager .bx-pager-item {
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  margin: 0 7px;
}

.boxMainVisual .bx-pager .bx-pager-item a {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  margin:0 2px 0 2px;
  border: 1px solid #2b5493;
  border-radius: 13px;
  background: #fff;
  text-indent: 200%;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer; 
}

.boxMainVisual .bx-pager .bx-pager-item .active {
  background: #2b5493;
}

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

.boxMainVisual .bx-controls-auto {
  float: left;
  margin-right: 15px;
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item {
  float: left;
  margin: 0 8px;
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item span {
  display: none;
}

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-start {
  width: 13px;
  height: 18px;
  background: url(/share/imgs/main-index-mainvisual-btn-start-off.png) no-repeat;
}

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

.boxMainVisual .bx-controls-auto .bx-controls-auto-item .bx-stop {
  width: 19px;
  height: 18px;
  background: url(/share/imgs/main-index-mainvisual-btn-stop-off.png) no-repeat;
}

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

/* -------- 初めての方へ -------- */

.boxMainVisual .boxGuide {
  position: absolute;
  top: 0;
/*  left: 50%; */
  right: 0;
/*  width: 960px; */
/*  margin-left: -480px; */
  padding: 12px;
}

.boxMainVisual .boxGuide .boxGuideInner {
  float: right;
  padding: 8px 10px 3px;
  border-radius: 6px;
  background: rgba(255,255,255,0.8);
  background: #fff\9;/* IE8用 */
}

/* IE9用 */
body:not(:target) .boxMainVisual .boxGuide .boxGuideInner {
  background: rgba(255,255,255,0.8)\9;
}

.boxMainVisual .boxGuide dt {
  padding-bottom: 2px;
  letter-spacing: 1px;
}

.boxMainVisual .boxGuide .btnHowToUse a {
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  transition: all 0.4s ease-in-out;
  margin-bottom: 5px;
  padding: 8px 10px 8px 44px;
  border-radius: 6px;
  box-shadow: 0 3px #c95f24;
  background: url(/share/imgs/main-index-mainvisual-btn-howtouse.png) no-repeat 11px 10px  #ffc5a3;
  color: #423a38;
  font-size: 1.1em;
  text-align: left;
  text-decoration: none;
  text-shadow: 1px 1px #fff;
  letter-spacing: -0.1px;
  line-height: 1.4em;
  cursor: pointer;
}

.boxMainVisual .boxGuide .btnHowToUse a:hover,
.boxMainVisual .boxGuide .btnHowToUse a:focus {
  background-color: #fff0ae;
}

/* -- サイトツアー表示の時、リンクなしにする設定 -- */

/* サイトツアー非表示の時 */
.boxMainVisual .boxGuide .boxGuideHide {
  display: none;
}

/* サイトツアー表示の時 */
.boxMainVisual .boxGuide .introjs-relativePosition {
  position: relative;
}

.boxMainVisual .boxGuide .introjs-relativePosition .boxGuideHide {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

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

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

.boxMainVisual .boxGuide .btnClose:hover,
.boxMainVisual .boxGuide .btnClose:focus {
  text-decoration: underline;
}

.boxMainVisual .btnContactBnr {
  position: absolute;
  bottom: 0;
/*  left: 50%; */
    right: 0;
/*  width: 960px; */
/*  margin-left: -480px; */
  padding: 0 10px 20px;
}

.boxMainVisual .btnContactBnr a {
  float: right;
  border-radius: 8px;
  box-shadow: 0 3px #2b5493;
  padding: 10px;
  font-size: 0.95em;
}

.boxMainVisual .btnContactBnr a:hover,
.boxMainVisual .btnContactBnr a:focus {
  opacity: 0.95;
}

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

.boxCategoryList {
  padding: 10px 10px 10px 0;
  border-radius: 0 0 8px 8px;
  background: url(/share/imgs/main-index-category-bg-btm.png) no-repeat bottom left #c5e8f0;
  font-family: "segoe UI", "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro" ,"メイリオ", Meiryo, Verdana, sans-serif;
}

.boxCategoryList dt {
  float: left;
  width: 140px;
  *width: 135px;/* IE7用 */
  padding-top: 5px;
  padding-right: 15px;
  text-align: right;
}

.boxCategoryList dd {
  float: right;
  width: 810px;
}

.boxCategoryList li {
}

.boxCategoryList a {
  box-shadow: 0 3px #2b5493;
  border-radius: 7px;
}

.boxCategoryList a:hover,
.boxCategoryList a:focus {
  color: #2b5493 !important;
}

.boxCategoryList .boxCategoryIcon {
  overflow: hidden;
  margin-bottom: 4px;
}

.boxCategoryList .boxCategoryIcon li {
  display: table-cell;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  vertical-align: top;
  width: 90px;
  height: 100%;
}

.boxCategoryList .boxCategoryIcon a {
  width: 90px;
  height: 100%;
  min-height: 80px;
  margin-bottom: 2px;
  padding: 3px 0 0;
  text-align: center;
}

.boxCategoryList .boxCategoryIcon span {
  display: block;
  text-align: center;
}

.boxCategoryList .boxCategoryIcon .imgLink {
  height: 52px;
  line-height: 52px;
  margin-bottom: 3px;
  padding-right: 0;
}

.boxCategoryList .boxCategoryIcon .imgLink img {
  border-radius: 0;
  vertical-align: bottom;
}

.boxCategoryList .boxCategoryIcon .txtLink {
  padding-bottom: 2px;
}

.boxCategoryList .boxCategoryBnr li {
  display: table-cell;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  vertical-align: top;
  width: 270px;
  height: 100%;
}

.boxCategoryList .boxCategoryBnr li a {
  width: 270px;
  height: 100%;
  min-height: 60px;
  padding: 3px;
  text-align: left;
  vertical-align: middle;
}

.boxCategoryList .boxCategoryBnr .txtLink {
  width: 95px;
  padding-top: 2px;
}


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

.home #contentMain {
  padding-top: 10px;
}

/*  2カラム 設定
-----------------------------------*/

/* ---- 2カラム・メインエリア ---- */

.home #main {
  float: right;
  width: 640px;
}

/* ---- 2カラム・サイドエリア ---- */

.home #side {
  float: left;
  width: 300px;
}

/*  メイン 設定
-----------------------------------*/

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

.boxInfoTab {
  padding: 10px;
  border-radius: 8px;
  background: #c5e8f0;
}

.boxInfoTab .hidden {
  display: none;
}

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

.boxInfoTab .boxTabContentWrap {
  border: 1px solid #a18f85;
  border-radius: 0 0 5px 5px;
  background: #fff;
  margin-top: -1px;
  padding: 15px 30px 15px;
}

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

.boxInfoTab .boxBtnArea ul {
  width: 100.05%;
}

.boxInfoTab .boxBtnArea li {
  float: left;
  width: 33.333%;
  *width: 33%;/* IE7*/
  font-family: "segoe UI", "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro" ,"メイリオ", Meiryo, Verdana, sans-serif;
}

.boxInfoTab .boxBtnArea li a {
  display: block;
  margin-left: 4px;
  text-decoration: none;
}

.boxInfoTab .boxBtnArea li:first-child a {
  margin-left: 0;
}

.boxInfoTab .boxBtnArea li span {
  display: block;
  transition: all 0.2s ease-in-out;
  padding: 12px 0;
  border: 1px solid #a18f85;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #2b5493;
  color: #fff;
  font-size: 1.02em;
  text-align: center;
  text-shadow: 1px 1px 1px #423a38;
  cursor: pointer;
}

.boxInfoTab .boxBtnArea li.selected span,
.boxInfoTab .boxBtnArea li:hover span {
  background: #fff;
  color: #423a38;
  text-shadow: none;
}

.boxInfoTab .boxBtnArea li.selected span::before,
.boxInfoTab .boxBtnArea li:hover span::before {
  background: #fff;
}

.boxInfoTab .boxTabContent {
}

.boxInfoTab .boxTabContent .ttlTabContent {
  display: none;
}

/* ---- インフォ一覧 ---- */

.boxInfoTab .boxInfoList li {
  border-bottom: 1px solid #b5a296;
  padding: 10px 0;
}

.boxInfoTab .boxInfoList li a {
  font-size: 1.1em;
  text-decoration: none;
}

.boxInfoTab .boxInfoList li a:hover,
.boxInfoTab .boxInfoList li a:focus {
  text-decoration: underline;
}

.boxInfoTab .boxInfoList li .txtCont {
  width: 75%;
}

.boxInfoTab .boxInfoList li .txtDate {
  width: 20%;
  font-size: 1em;
}

/* ---- インフォ下部---- */

.boxInfoTab .boxInfoBtm {
  padding-top: 10px;
  padding-bottom: 2px;
}

.boxInfoTab .boxInfoBtm li {
  float: left;
  width: 50%;
  text-align: right;
}

.boxInfoTab .boxInfoBtm li:first-child {
  text-align: left;
}

.boxInfoTab .boxInfoBtm li img {
  width: 18px;
  margin-right: 4px;
  vertical-align: -4px;
}

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

.home #contentBtm {
  padding-bottom: 20px;
}

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

.boxRelatedLink {
  padding: 10px;
  border-radius: 8px 8px 0 0;
  background: url(/share/imgs/main-content-related-link-bg-btm.png) no-repeat bottom #c5e8f0; 
}

/* タイトル */
.boxRelatedLink h3 {
  padding: 2px 0 8px;
  font-size: 1.1em;
  text-align: center;
  letter-spacing: 2px;
}

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

.boxRelatedLink .boxRelatedSlider .bx-wrapper {
  position: relative;
  margin-bottom: 15px;
  padding: 0 20px;
}

.boxRelatedLink .boxRelatedSlider .bx-viewport {
  height: auto !important; 
  background: #fff;
}

.boxRelatedLink .boxRelatedSlider .slider {
  display: -wbkit-flex !important;
  display: flex !important;
}

/* リスト */
.boxRelatedLink .boxRelatedSlider .slider li {
  float: left;
  width: 195px !important;
  border-left: 1px solid #ccc;
  background: #fff;
}

/* リンク */
.boxRelatedLink .boxRelatedSlider .slider li a {
  display: block;
  padding: 10px;
}

/* 画像 */
.boxRelatedLink .boxRelatedSlider .slider li a img {
  margin-bottom: 6px;
  box-shadow: 2px 2px 4px 2px #dcdcdc;
}

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

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

.boxRelatedLink .bx-controls-direction .bx-prev,
.boxRelatedLink .bx-controls-direction .bx-next {
  position: absolute;
  top: -2px;
  z-index: 100;
  width: 20px;
  height: 100%;
  border-radius: 3px;
  background-color: #2b5493;
  background-repeat: no-repeat;
  box-shadow: 0 2px #4ba0c2;
  text-align: left;
}

.boxRelatedLink .bx-controls-direction span {
  display: none;
}

/* Prevボタン */
.boxRelatedLink .bx-controls-direction .bx-prev {
  left: 0;
  background-image: url(/share/imgs/main-content-related-link-bg-arw-prev.png);
  background-position: 0 48%;
}

/* Nextボタン */
.boxRelatedLink .bx-controls-direction .bx-next {
  right: 0;
  background-image: url(/share/imgs/main-content-related-link-bg-arw-next.png);
  background-position: 3px 48%;
}

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

.boxRelatedLink .pager {
  text-align: center;
}

.boxRelatedLink .pager ul {
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  margin: 0 0 0 12px;
}

.boxRelatedLink .pager li {
  float: left;
}

/* 通常時・枠なし */
.boxRelatedLink .pager li span {
  display: block;
  position: relative;
  z-index: 2;
  border: 4px solid rgba(255,255,255,0);
}

/* 画像影付き */
.boxRelatedLink .pager li img {
  box-shadow: 1px 1px 1px 1px #999;
}

.boxRelatedLink .pager li .active img,
.boxRelatedLink .pager li a:hover img,
.boxRelatedLink .pager li a:focus img {
  box-shadow: none;
}

/* Active時・枠付き */
.boxRelatedLink .pager li .active span {
  border: 4px solid #2b5493;
}

/* 触れた時・枠付き */
.boxRelatedLink .pager li a:hover span {
  border: 4px solid #4ba0c2;
}

.boxRelatedLink .pager li a,
.boxRelatedLink .pager li a img {
  opacity: 1 !important;
  transition: none !important;
}

/* Active時の画像 */
.boxRelatedLink .pager li .active img {
  box-shadow: none;
}

/*  KURASHI : 暮らし・手続き 設定
--------------------------------------------------------------*/



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

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

/* -- 入力フォーム -- */
.boxSearchSection .boxFaqSearch .txtSearch {
  width: 77%;
  height: 28px;
}

/* -- 検索ボタン -- */
.boxSearchSection .boxFaqSearch .btnSearch {
  width: 23%;
  height: 30px;
  padding: 4px 2px 3px;
  letter-spacing: 0;
}


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

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

.boxSearchTab .boxBtnArea {
  margin-left: -4px;
}

.boxSearchTab .boxBtnArea ul {
  width: 80%;
  border-spacing: 4px 0;
}

.boxSearchTab .boxBtnArea li {
  width: auto;
  min-width: 120px;
  padding: 8px 15px;
}

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

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


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

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

.boxSiteMapSection {
  padding-top: 25px;
  border-top: 1px solid #2B5493;
}

.boxCategoryTitle + .boxSiteMapSection {
  padding-top: 0;
  border-top: none;
}

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

.sitemap .ttlSection {
  margin-bottom: 5px;
  border: none;
  background: none;
}

.sitemap .ttlSection,
.sitemap .ttlSection a {
  color: #423a38;
}

.sitemap .ttlSection a {
  display: block;
  margin-bottom: 10px;
  padding: 0 5px 5px 30px;
  border-bottom: 3px solid #2b5493;
  background: none;
}

.sitemap .ttlSection a::before {
  top: 5px;
  left: 10px;
  border-top-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 14px;
}

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

.sitemap .boxPageList {
  padding: 0 5px;
}

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

.sitemap .boxPageList > ul > li {
  width: 324px;
  padding-left: 25px;
}

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

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

.sitemap .boxPageList .ttlMain a {
  width: 324px;
  height: 50px;
}

.sitemap .boxPageList .ttlMain span {
}

.sitemap .boxPageList .ttlMain span::before {
  margin-top: -6px;
  border-top-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 14px;
}

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

.sitemap .boxPageList dd > ul > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.sitemap .boxPageList dd > ul > li > a::before {
  top: 11px;
}


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

/* ---- テキスト ---- */

.boxContactSection .txtPlease {
  margin-bottom: 20px;
}

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

.boxContactSection .boxBtnArea {
  text-align: center;
}

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

.boxContactForm th {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.98em;
}

.boxContactForm th .txtSub {
  display: inline-block;
  padding-top: 4px;
  font-size: 0.82em;
  font-weight: normal;
  line-height: 1.45em;
}

.boxContactForm td {
  font-size: 0.95em;
}

/* -- 例 -- */

.boxContactForm .txtExample {
  padding-bottom: 6px;
  font-size: 0.85em;
}

/* -- 必須 -- */

.boxContactForm .txtRequired {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #2b5493;
  line-height: 1.2em;
  color: #fff;
  font-weight: normal;
  font-size: 0.7em;
  letter-spacing: 1px;
  vertical-align: 1px;
}

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

.boxContactForm .name,
.boxContactForm .tel
.boxContactForm .subject {
  width: 250px;
}

.boxContactForm .add {
  width: 100%;
}

.boxContactForm .mail,
.boxContactForm .mailre {
  width: 320px;
}

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

.boxContactMessage {
  margin-bottom: 50px;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 1.05em;
}

.boxContactMessage h2 {
  margin-bottom: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.boxContactMessage > p {
  margin-bottom: 5px;
}

/* ---- お問い合わせ完了 ---- */

.boxContactComp {
  border-color: #91d4e3;
  background: #dbf9ff;
}

/* ---- エラーメッセージ ---- */

.boxContactError {
  margin-bottom: 30px;
  border-color: #a60008;
  border-width: 2px;
  background: #fffae8;
  color: #a60008;
}

/* -- エラーリスト -- */

.boxContactError .boxErrorList {
  margin-bottom: 20px;
  padding-left: 8px;
}

.boxContactError .boxErrorList li {
  margin-bottom: 2px;
  padding-left: 12px;
  background: url(/share/imgs/main-content-bg-li-dot.png) no-repeat 0 7px;
  color: #a60008;
}


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

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

.boxTypeListSection {
  padding-bottom: 30px;
}

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

.boxTypeListSection h2 {
  padding-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.boxTypeList > ul {
  margin-left: -22px;
}

.boxTypeList > ul > li {
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  width: 240px;
  margin-bottom: 5px;
  margin-left: -0.4em;
  padding-left: 30px;
  vertical-align: top;
}

.boxTypeList > ul > li > a {
  display: block;
  padding-left: 18px;
  background: url(/share/imgs/main-content-bg-li-arw.png) no-repeat 0 2px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.boxShisetsuSection {
}

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

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

.boxShisetsuSection .boxPageList .ttlMain {
  padding: 5px 10px;
  background: #c5e8f0;
  font-size: 1.2em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.boxShisetsuSection .boxPageList .ttlMain span {
  display: inline;
  margin: 0;
  padding: 0;
}

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

.boxShisetsuSection .boxPageList .ttlSub {
  padding: 6px 0 3px;
  border-bottom: 2px solid #4ba0c2;
  font-size: 1.02em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 20160526 投票所表示項目修正 */
/* -- サブサブタイトル -- */
.boxShisetsuSection .boxPageList .ttlsSub {
  font-weight: bold;
  padding: 10px 0 0 10px;
}

/* -- リスト -- */

.boxShisetsuSection .boxPageList > ul > li {
  display: block;
  width: auto;
  margin: 0;
  padding: 0 0 35px;
}

.boxShisetsuSection .boxPageList .boxLineList > ul > li {
  display: inline-block;
  *display: inline;/* IE7用 */
  *zoom: 1;/* IE7用 */
  width: 332px;
  margin-left: 10px;
  border-bottom-style: solid;
  background: none;
}


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

.boxSoshikiSection {
  padding-bottom: 20px;
}

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


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

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

.event .boxCateTab .boxBtnArea {
}

.event .boxCateTab .boxBtnArea ul {
  width: 99%;
  border-spacing: 2px 0;
}

.event .boxCateTab .boxBtnArea li {
  width: auto;
  padding: 8px 2px;
  font-size: 1em;
}

/* イベントアイコン */
.icnCalEvent {
  margin-right: 3px;
  border-radius: 4px;
  border: 2px solid #fff;
  vertical-align: middle;
}

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

.event .boxCateTab .boxTabContentWrap {
  padding-bottom: 20px;
}

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

.event .boxCateTab .boxArwList.icnArw a::before {
  top: 4px;
}

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

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

.boxCalendarSection h2 {
  margin-bottom: 20px;
  padding: 5px;
  background: #91d4e3;
  font-size: 1.25em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}

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

.boxCalendarNav {
  margin-bottom: 12px;  
}

/*mtn*/
.boxSection .detailList.boxCalendarNav.clearfix {
  margin-top: 15px;
}

.detailList .left_arrow > a {
  padding: 0;
}

.detailList .right_arrow > a {
  padding: 0;
}
/*end*/

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

.boxEventCalendar {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 10px;
  border-collapse: separate;
  border-spacing: 1px;
  background: #a18f85;
  font-size: 0.95em;
}

.boxEventCalendar tr {
  border-top: 1px solid #a18f85;
}

.boxEventCalendar th,
.boxEventCalendar td {
  padding: 5px;
  background: #fff;
}

.boxEventCalendar th {
  width: 12%;
  font-size: 1.2em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}

.boxEventCalendar td {
  vertical-align: top;
}

.boxEventCalendar .boxCalSunday {
  background: #ffefe8;
}

.boxEventCalendar th.boxCalSunday {
  color: #a60008;
}

.boxEventCalendar .boxCalSaturday {
  background: #ebfcff;
}

.boxEventCalendar th.boxCalSaturday {
  color: #2b5493;
}

/* ---- MTN ADD 2016/2/19 ---- */
.boxEventCalendar .sun {
  background: #ffefe8;
}

.boxEventCalendar th.sun {
  color: #a60008;
}

.boxEventCalendar .sat {
  background: #ebfcff;
}

.boxEventCalendar th.sat {
  color: #2b5493;
}
/* ---- MTN ADD END 2016/2/19 ---- */

.boxEventCalendar .boxEventDate {
  font-size: 1.3em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* -- 20160323 UPD START -- */
/*
.boxEventCalendar .boxEventCont p {
  padding-top: 10px;
  padding-left: 30px;
  font-size: 0.95em;
}
*/
.boxEventCalendar .boxEventCont p {
  padding-top: 10px;
  font-size: 0.95em;
}
/* -- 20160323 UPD END -- */

.boxEventCalendar .boxEventCont .icnCalEvent {
  display: block;
  float: left;
  margin-left: -30px;
  vertical-align: bottom;
}

.boxEventCalendar .boxEventCont a {
  display: inline;
}


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

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

.mfp-bg {
  background: #fff;
}

.mfp-content {
  width: 626px !important;
  border: 3px solid #2957a9;
  background: #fff;
}

/* ---- 閉じるボタン ---- */

button.mfp-close {
  opacity: 1;
  filter: none;
  top: 0;
  right: -3px;
  width: auto;
  height: 26px;
  margin-top: -26px;
  padding: 0 13px;
  background: #2957a9;
  font-size: 14px !important;
  line-height: 1em;
}

button.mfp-close,
.mfp-close-btn-in .mfp-close {
  color: #fff;
}

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

.boxRecruitList {
  padding-bottom: 60px;
}

.boxRecruitList a:hover img,
.boxRecruitList a:focus img {
  opacity: 1 !important;
}

@media screen and (min-width: 740px) {
  .boxRecruitList .boxAccCont {
    overflow: visible !important;
  }
}

.boxRecruitList li {
  float: left;
  width: 120px;
  height: 120px;
}

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

.boxRecruitList .popup-modal {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

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

.boxRecruitList .popup-modal .imgProfile {
  background: url(/share/imgs/recruit-content-icn-comment.png) no-repeat 95% 6px;
}

.boxRecruitList .popup-modal .imgProfile img {
  position: relative;
  z-index: -1;
  width: 100%;
}

/* -- モーダルリンク触れた時 -- */

.boxRecruitList .popup-modal:hover .imgProfile,
.boxRecruitList .popup-modal:focus .imgProfile {
  opacity: 0.7;
}

.boxRecruitList .popup-modal:hover .imgProfile img,
.boxRecruitList .popup-modal:focus .imgProfile img {
  transition: none !important;
  opacity: 0.5 !important;
}

/* -------- 吹き出し表示 -------- */

.boxRecruitList .boxBalloon {
  position: absolute;
  top: -120px;
  left: 50%;
  z-index: 10;
  width: 300px;
  height: 120px;
  margin-left: -150px;
  padding: 15px;
  border-radius: 8px;
  border: 5px solid #fff;
  background: #2957a9;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px !important;
}

/* -- 矢印 -- */

.boxRecruitList .boxBalloon::before,
.boxRecruitList .boxBalloon::after {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -20px;
  border-top: 18px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 20px solid transparent;
  content: "";
}

.boxRecruitList .boxBalloon::before {
  bottom: -36px;
  border-top-color: #fff;
}

.boxRecruitList .boxBalloon::after {
  bottom: -30px;
  border-top-color: #2957a9;
}

/* ---- 文章 ---- */

.boxRecruitList .boxBalloon p {
  padding-top: 5px;
}

.boxRecruitList .boxBalloon p:first-child {
  padding-top: 0;
}

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

.boxRecruitList .boxBalloon .txtName {
  font-size: 1.05em;
}

.boxRecruitList .boxBalloon .txtName strong {
  font-size: 1.3em;
}

/* ---- 職業 ---- */

.boxRecruitList .boxBalloon .txtJob {
  font-weight: bold;
}

/* 20160516 採用ページメニュー追加 ADD-START */
/* ---- 新着 ---- */

.boxRecruitLeft {
	float: left;
	margin-right: 20px;
	width: 520px;
}

/* ---- パンフレット ---- */

.boxRecruitPamphlet {
	float: left;
	margin-bottom: 5px;
	width: 200px;
}

/* ---- サイドメニュー ---- */

.boxRecruitRight {
	float: right;
	margin-left: 15px;
	width: 200px;
}
/* 20160516 採用ページメニュー追加 ADD-END */

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

.mfp-content .boxProfile {
  padding: 25px;
  color: #111;
}

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

.mfp-content .boxProfile .boxImgArea {
  float: left;
  width: 180px;
}

.mfp-content .boxProfile .boxImgArea img {
  width: 100%;
}

/* ---- テキストエリア ---- */

.mfp-content .boxProfile .boxTxtArea {
  float: right;
  width: 367px;
}

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

.mfp-content .boxProfile .txtCatch {
  margin-bottom: 15px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ccc;
  font-size: 1.28em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
}

/* ---- 職場 ---- */

.mfp-content .boxProfile .txtWorkplace {
  margin-bottom: 2px;
}

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

.mfp-content .boxProfile .txtName {
  margin-bottom: 4px;
  font-size: 1.05em;
}

.mfp-content .boxProfile .txtName strong {
  font-size: 1.35em;
}

/* ---- 職業 ---- */

.mfp-content .boxProfile .txtJob {
  margin-bottom: 15px;
}

/* ---- 詳細ボタン ---- */

.mfp-content .boxProfile .icnArw a {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  background: #2957a9;
  color: #fff;
  text-align: center;
  font-size: 1em;
}

.mfp-content .boxProfile .icnArw a::before {
  display: none;
}

.mfp-content .boxProfile .icnArw span {
  padding-left: 14px;
}

.mfp-content .boxProfile .icnArw span::before {
  top: 50%;
  margin-top: -5px;
  border-left-width: 5px;
}

/* ---- H28.06.17.追記 投票所用 ---- */

.boxTypeListSection h3 {
    clear: both;
    margin: 30px 0 15px;
    padding: 3px 5px;
    border: 1px solid #4ba0c2;
    border-bottom-width: 3px;
    border-left-width: 10px;
    background: #fffae8;
    font-size: 1.1em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

.boxSearchSection.boxOpenData .boxSearch {
  border-color: #9a9a9a;
  background-color: #fffae8;
  padding: 20px 15px;
}

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

.boxSearchSection.boxOpenData .boxFaqSearch .txtSearch {
  min-height: 30px;
  margin-top: -1px;
  padding: 0 10px;
  border-radius: 4px !important;
  border-right: 1px solid #d1d1d1;
  line-height: 2em;
  font-size: .95em;
}

.boxSearchSection.boxOpenData .boxFaqSearch .btnSearch {
  transition: background .4s ease-in-out;
  width: auto;
  height: auto;
  float: left;
  margin-left: 10px;
  padding-top: 4px;
  padding-right: 12px;
  padding-left: 12px;
}

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

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

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

.boxTypeListSection.boxOpenData .boxTypeList > ul > li {
  width: 20%;
  margin: 0 -1px 18px 0;
  padding: 0;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  background: #fff;
  letter-spacing: normal;
  text-align: center;
  font-weight: bold;
}

.boxTypeListSection.boxOpenData .boxTypeList > ul > li > a {
  display: block;
  padding-left: 0;
  background: none;
}

.boxTypeListSection.boxOpenData .boxTypeList > ul > li.currant > a {
  color: #000 !important;
  text-decoration: none !important;
}

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

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

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

.boxArticleListSection.boxOpenData .txtTitle {
  margin-bottom: 5px;
  font-size: 1.28em;
  font-weight: bold;
  letter-spacing: .02em;
}

.boxArticleListSection.boxOpenData .boxCont {
  float: left;
  width: 70%;
  padding-right: 20px;
}

.boxArticleListSection.boxOpenData .boxCont p {
  margin-top: 3px;
  line-height: 1.6em;
}

.boxArticleListSection.boxOpenData .boxCont p a {
  width: auto;
  padding-left: 20px;
}

.boxArticleListSection.boxOpenData .boxCont p a img {
  margin-right: 3px;
  margin-left: -20px;
}

.boxArticleListSection.boxOpenData .btnLink {
  float: right;
  width: 30%;
  text-align: right;
}

.boxArticleListSection.boxOpenData .btnLink a {
  padding: 8px 28px 6px;
}

.boxArticleListSection.boxOpenData .btnLink a:link {
  color: #000;
}

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

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

.boxEntryBody.boxOpenData .boxEntryFreeform p {
  margin-bottom: 25px;
}

.boxEntryBody.boxOpenData .boxFileDowmload {
  margin-bottom: 30px;
}

.boxEntryBody.boxOpenData .boxFileDowmload h5 {
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 10px;
  font-size: 1.05em;
  font-weight: bold;
}

.boxEntryBody.boxOpenData .boxFileDowmload ul {
  padding-left: 0;
}

.boxEntryBody.boxOpenData .boxFileDowmload a {
  padding-left: 32px;
}

.boxEntryBody.boxOpenData .boxFileDowmload a img {
  margin-right: 6px;
  margin-left: -24px;
  vertical-align: -2px;
}

.boxEntryBody.boxOpenData .boxFileDowmload .txtCont {
  padding-left: 32px;
}