@charset "UTF-8";
/* スマートフォンサイズ */
@media screen and (max-width: 480px) {
  /* 非表示にする要素 */
  .topicPath, #menuLifeSmlHide, .newsArea, .update a, .getAdobeReader, .topPhotoNewsText, .bx-prev, .bx-next, .bx-controls-auto {
    display: none;
  }

  .middle-content.access, .middle-content.population {
    display: none;
  }

  /* 表示にする要素 */
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-size: 500%;
  }

  .wrapper {
    width: 100%;
  }

  .content {
    width: 100%;
    margin: 0;
  }

  /************************ header関連 [Start] **************************/
  .page-header {
    font-size: 0.9em;
    padding: 2%;
    margin-bottom: 2%;
  }

  .accessToolBtn .header a {
    padding-right: 1%;
  }

  .headLeft, .under .headLeft {
    width: 55%;
    margin: 0.5% 0 0 3%;
  }

  .emergency .headLeft {
    width: 100%;
  }

  .cmn_Logo {
    position: relative;
    top: -112px;
    left: 4%;
    width: 80%;
  }
  .cmn_Logo a {
    /*	width: 70%;
    	height: auto;*/
    border: 0;
    margin: 0px 0 0 0;
    padding: 0;
    float: none;
  }

  .under .cmn_Logo {
    width: 68%;
    top: -200px;
  }

  .emergency .cmn_Logo {
    top: 1.4%;
  }
  .emergency .cmn_Logo img {
    width: 50%;
  }

  /************************ グローバルナビ **************************/
  .global-nav {
    margin: 15% 0 0 !important;
  }
  .global-nav.scroll {
    border-bottom: none;
  }
  .global-nav.scroll .global-nav-list .first-level > a {
    padding: 10% 0 0;
  }
  .global-nav.scroll .global-nav-list {
    width: auto;
    margin-top: 0;
  }
  .global-nav .global-nav-list {
    margin: 0 auto;
    padding: 0;
  }
  .global-nav .global-nav-list .first-level {
    width: 33%;
    margin-right: 0.5%;
    overflow: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .global-nav .global-nav-list .first-level.selected {
    background-color: #32506d;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .global-nav .global-nav-list .first-level:nth-child(4), .global-nav .global-nav-list .first-level:last-child {
    width: 49.75%;
  }
  .global-nav .global-nav-list .first-level:nth-child(3), .global-nav .global-nav-list .first-level:last-child {
    margin-right: 0;
    border-right: none;
  }
  .global-nav .global-nav-list .first-level a {
    margin: 0;
    padding: 10% 0 0;
    font-size: .55rem;
    font-weight: normal;
    min-height: 25px;
  }
  .global-nav .global-nav-list .first-level .navBtnActv {
    background: #32506d;
  }

  .emergency .global-nav .global-nav-list .first-level {
    border-top: none;
  }
  .emergency .global-nav .global-nav-list .first-level:nth-child(3) a {
    background: none;
  }

  .under .global-nav {
    margin-bottom: 10% !important;
  }

  /************************ ツールボタン **************************/
  .accessToolBtn li {
    padding: 2px 1px 0;
  }

  /************************ 市民・要望バナー **************************/
  .section-citizenVoice {
    float: none;
    width: auto;
    margin-top: -50px;
  }
  .section-citizenVoice .bnr-link-list {
    padding: 0;
    margin-top: 3%;
  }

  .rssTotalBox {
    float: none !important;
    width: 93% !important;
  }

  .rssDetailBox {
    float: none !important;
    width: 100% !important;
  }

  /************************ 安心・安全 **************************/
  .section-safety {
    width: 100%;
    margin: 0;
    padding-bottom: 2%;
  }
  .section-safety li {
    text-align: center;
    font-size: 1.1em;
  }

  .section-safety li img{
    max-width: 70%;
  }

  /************************ 検索ボックス **************************/
  .btn-search-trigger,
  .btn-search-trigger.underlayer {
    position: relative;
    top: -337px;
    right: 0;
    display: block;
    padding-left: 20px;
    width: 65px;
    margin: 0 3% 0 0;
    background-size: 17px;
  }
  .btn-search-trigger.is-open,
  .btn-search-trigger.underlayer.is-open {
    background-color: #1270fe;
  }

  .under .btn-search-trigger,
  .under .btn-search-trigger.underlayer {
    top: -182px;
  }

  .emergency .btn-search-trigger,
  .emergency .btn-search-trigger.underlayer {
    top: -32px;
  }

  .searchBox-index,
  .under .searchBox-index,
  .emergency .searchBox-index {
/*    display: none;
    width: auto;
    height: auto;*/
    padding: 15px 5% 10px;
/*    background: #efefef;
    -moz-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 30000;
    position: absolute;
    top: 122px;*/
  }
  .searchBox-index .searchbox-form,
  .under .searchBox-index .searchbox-form,
  .emergency .searchBox-index .searchbox-form {
    width: 100%;
    margin-bottom: 0;
  }
  .searchBox-index .box,
  .under .searchBox-index .box,
  .emergency .searchBox-index .box {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 80%;
    height: 40px;
  }
  .searchBox-index .btn,
  .under .searchBox-index .btn,
  .emergency .searchBox-index .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 18%;
    height: 40px;
    background: #333 url(../../images/cmn/icon_loupe_white.png) no-repeat center/50% !important;
  }
  .searchBox-index .key,
  .under .searchBox-index .key,
  .emergency .searchBox-index .key {
    text-align: left;
    margin-top: 3%;
  }
  .searchBox-index .key a,
  .under .searchBox-index .key a,
  .emergency .searchBox-index .key a {
    background: #fff;
    line-height: 2;
    text-decoration: none;
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  .searchBox-index .keyword-title,
  .under .searchBox-index .keyword-title,
  .emergency .searchBox-index .keyword-title {
    width: 100%;
    margin-bottom: 2%;
    background: #ddd;
  }
  .searchBox-index .keyword-list,
  .under .searchBox-index .keyword-list,
  .emergency .searchBox-index .keyword-list {
    width: auto;
    float: none;
  }
  .searchBox-index .keyword-listitem,
  .under .searchBox-index .keyword-listitem,
  .emergency .searchBox-index .keyword-listitem {
    display: inline;
  }

  .under .searchBox-index {
    padding: 3% 5% 5%;
  }

  .search-type {
    width: 100%;
  }
  .search-type .LabelSelected {
    color: #fff;
    background-color: #666;
  }

  .wrap-searchbox-main {
    width: 100%;
  }

  .under .searchAreaBtm {
    display: none;
  }
  .under .searchAreaBtm .searchBox {
    height: 33px;
  }
  .under .searchAreaBtm .searchButton {
    padding: 3.4% 7.3%;
  }

  .overlay {
    z-index: 1;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .3s;
  }

  /************************************ 重要なお知らせ **************************/
  
  /***** 2018/02/05　SP版で「安心・安全のために」領域のボタンがクリックできなくなったため追加 ******/
  .infobar {
  	position: static !important;
  }

  .infobar-heading-wrap {
    padding: 1% 0 3%;
  }

  .infobar-heading {
    padding: 3px 0 0 40px;
  }

  .infobar-article {
    width: auto;
    float: none;
    padding: 3%;
  }
  .infobar-article.topImportant dt {
    background-position: 0 50%;
    margin: 0 5px;
    padding: 2px 0 0 4%;
    clear: both !important;
    float: none !important;
    width: 95%;
  }
  .infobar-article.topImportant dd {
    padding: 2px 0 0 6.5em;
    width: 95%;
  }
  .infobar-article.topEmergency li {
    float: none;
    display: inline-block;
    padding-left: 2%;
  }
  .infobar-article.topEmergency li a {
    background-position: 0 50%;
  }
  .infobar-article.topEmergency li:last-child {
    margin-right: 0;
  }

  .topImportant dt {
    padding: 2px 0 0 15px;
  }
  .topImportant dd {
    padding: 0 !important;
    margin: 0 0 0 15px !important;
  }

  /************************ メイン広告 **************************/
  .bx-wrapper .bx-caption {
    width: 40%;
    height: 100%;
  }
  .bx-wrapper .bx-caption span {
    font-size: 0.5rem;
    width: 80%;
    padding: 0;
    left: 0;
  }

  /************************************ フォトニュース **************************/
  .photonews-item {
    width: 47.5%;
    margin: 0 5% 5% 0;
  }
  .photonews-item:first-child {
    width: 100%;
    margin: -15px 0 5%;
  }
  .photonews-item:first-child .photonews-catch {
    height: 150px;
  }
  .photonews-item:first-child .photonews-catch .photonews-heading {
    margin-top: 108px;
    width: 88%;
    height: 23%;
    padding: 4px 6%;
  }
  .photonews-item:first-child .photonews-image {
    width: 100%;
    height: auto;
  }

  .photonews-catch {
    height: 120px;
  }
  .photonews-catch .photonews-heading {
    margin-top: 77px;
    height: 35px;
    font-size: 0.75rem;
  }


  /************************************ 知りたい情報を探したい **************************/
  .btn-main-list .btn-item {
    width: 49.75%;
    border-bottom: 1px dotted #ccc;
  }
  .btn-main-list .btn-item:nth-child(2n) {
    background-image: none;
  }

  /************************** 生活のできごと(.btn-sub) **************************/
  .btn-sub-list .btn-item {
    width: 49.5% !important;
    border-bottom: 1px dotted #ccc !important;
  }
  .btn-sub-list .btn-item:nth-child(2n) {
    border-right: none;
  }
  .btn-sub-list .btn-image-wrap {
    width: 50%;
  }

  /************************** よく使われる情報からさがす(.text-link-list) **************************/
  .findPcMenu .text-link-list {
    float: none;
    width: 95%;
  }
  .findPcMenu .text-link-list.floatL {
    padding-bottom: 0;
  }
  .findPcMenu .text-link-list.floatR {
    margin-top: 0;
    padding-top: 0;
  }

  /* PC用メニュー。PC時のみ表示させる */
  .menuFindPcMenu {
    display: none !important;
  }

  /* スマホ用プルダウンメニュー。スマホ時のみ表示させる*/
  .menuFindSmlMenu {
    display: block;
  }
  .menuFindSmlMenu h2 {
    font-size: 1em;
    background: none !important;
    background-image: none !important;
    border: none !important;
    padding: 0 0 3px 0 !important;
    margin: 0 !important;
  }

  .menuFind {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none !important;
    /* 背景色 */
    padding: 0;
    margin: 00;
    position: static;
    background: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    /* Firefox用*/
    -webkit-box-shadow: none !important;
    /* Google Chrome, Safari用*/
    /*	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1', MakeShadow='true', ShadowOpacity='0.5'); /* IE用 */
  }

  .menuFindRightTop {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none !important;
    /* 背景色 */
    padding: 0 !important;
    margin: 0;
    background: none !important;
  }

  /* リストをプルダウンに変更するJQuery */
  .tinynav {
    display: block;
  }

  #menuFindSml, .menuLifeSmlBlockPC {
    display: none;
  }

  /************************** 生活のできごと(.btn-sub) **************************/
  .btn-sub-list {
    padding: 2%;
  }

  .btn-sub-item {
    width: 46%;
    margin: 0 6% 6% 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .btn-sub-item:nth-child(2n) {
    margin-right: 0;
  }
  .btn-sub-item .btn-sub-link {
    width: 100%;
    font-size: 0.8rem;
  }

  /************************** テキストリンク(.btn-sub) **************************/
  .text-link-item {
    margin: 0 7% 30px 0;
    padding-left: 5%;
  }

  .text-link-list {
    padding: 2%;
  }
  .text-link-list.text-link-list__search .text-link-item {
    margin: 0 3.7% 5% 0;
  }

  /************************** (.bnr-link-list) **************************/
  .bgSet.section-bnr {
    padding-bottom: 0;
  }

  .bnr-link-list {
    padding: 2%;
  }

  .bnr-link-item {
    float: left;
    width: 48%;
    margin: 0 4% 4% 0;
  }
  .bnr-link-item:nth-child(2n) {
    margin-right: 0;
  }

  .feature {
    border: none;
  }
  .feature .bnr-link-item {
    width: 44%;
    margin: 0 3%;
  }

  /************************************ 新着情報・トピックス・イベント **************************/
  .TabbedPanelsTabGroup {
    margin: 0;
    padding: 0;
  }

  .TabbedPanelsTab {
    padding-left: 10% !important;
    width: 22%;
    font-size: 0.7rem;
    border-top-width: 4px;
    background-size: 21%;
    background-position: 7% center;
  }
  .TabbedPanelsTab.topics {
    background-size: 12%;
  }

  /* Spry外 */
  .topNews, .emergency .topNews {
    padding: 0 !important;
    margin: 0;
  }
  .topNews dt, .emergency .topNews dt {
    width: 100%;
    margin-bottom: 0;
  }
  .topNews dd, .emergency .topNews dd {
    margin: 0 0 3% 0;
    padding: 0 0 3% 5%;
    border-bottom: 1px solid #ccc;
    width: 95%;
  }
  .topNews dd .event, .emergency .topNews dd .event {
    width: 88%;
    padding: 0 0 0 25px;
  }
  .topNews .event dd, .emergency .topNews .event dd {
    width: 95%;
    background-position: left 7%;
  }
  .topNews ul, .emergency .topNews ul {
    margin: 5px 0 0 0 !important;
  }

  /******************* 広告バナー *******************/
  .l-cmsBnr {
    width: auto;
    margin-bottom: 3%;
  }

  .advertisementBanner {
    margin-bottom: 0;
  }
  .advertisementBanner .bnr-link-list {
    width: auto;
    float: none;
    padding: 0;
  }

  .advertisementBanner .bnr-link-list .bnr-link-item {
    width: 48%;
    margin: 0 1% 2%;
  }

  /************************** 事業バナー(.bnr-link-list) **************************/
  .businessBanner .bnr-link-list {
    padding: 0;
  }
  .businessBanner .bnr-link-item {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .businessBanner .bnr-link-item:nth-child(2n) {
    margin-right: 0;
  }
  .businessBanner .bnr-link-item:nth-child(5) {
    margin-right: 2%;
  }

  /************************************ ライフインデックス **************************/
  .menuLifeSmlBlock {
    display: block !important;
    margin: 10px 0 !important;
  }
  .menuLifeSmlBlock h2 {
    font-size: 1em;
    background: none !important;
    background-image: none !important;
    border: none !important;
    padding: 0 0 3px 0 !important;
    margin: 0 !important;
  }

  /* リストをプルダウンに変更するJQuery */
  .tinynav {
    display: block;
  }

  #menuLifeSml {
    display: none;
  }

  /************************** 事業バナー **************************/
  .bgSet.section-footercontents {
    padding-bottom: 0;
  }

  /* ページトップに戻る */
  .pageTop {
    width: 15%;
  }
  .pageTop a {
    text-indent: -9999px;
    background-position: 50% 50%;
    padding: 20%;
  }

  .emergency .page-contents {
    padding-bottom: 460px !important;
  }

  /************************ ~~ フッター ~~ **************************/
  .emergency .page-footer-wrapper {
    height: 460px !important;
  }

  .page-footer {
    padding: 0;
  }
  .page-footer .wrap-summary {
    padding: 1% 4%;
  }
  .page-footer .link-list-termOfUse li {
    margin-top: 0;
    padding: 0 2%;
  }
  .page-footer .link-list-termOfUse li:first-child {
    padding-left: 0;
  }
  .page-footer .link-list-termOfUse li a {
    font-size: 0.55rem;
  }
  .page-footer .wrap-info {
    margin-top: 1%;
    width: auto;
    float: none;
  }
  .page-footer .logo-footer {
    float: none;
    display: block;
    width: 70%;
    margin: 5% auto;
  }
  .page-footer .logo-footer.map {
    display: none;
  }
  .page-footer address {
    float: none;
    width: auto;
    font-size: 0.75rem;
  }
  .page-footer .text-reception {
    font-size: 0.75rem;
  }
  .page-footer small {
    border-top: none;
    margin-top: 0;
  }

  .emergency .page-footer {
    padding: 1% 2%;
  }

  .section-cityhall {
    width: auto;
    float: none;
    font-size: 0.75rem;
  }

  .section-cityhall-summary {
    width: 70%;
  }

  /************************ 下層ページ **************************/
  article.content, article.content1clm, article.content3clm {
    width: 90%;
    margin: 0 auto;
  }
  article.content3clm {
    margin-bottom: 15px;
  }

  .textWideBox dl {
    line-height: 1.5 !important;
  }

  .under .content,
  .under .content1clm {
    width: 90% !important;
    margin: auto;
  }
  .under aside.sidebarLeft {
    width: 90% !important;
    margin: auto !important;
  }
  .under .wrapperContents .content3clm {
    width: 90%;
    margin-top: -100px;
  }
  .under aside.sidebarRight {
    width: 90.403% !important;
    margin: auto !important;
  }

  .under .wrapper .content, .under .wrapper aside.sidebarLeft {
    width: 90% !important;
    margin-top: -100px;
  }

  /************************ 中ページの新着情報 **************************/
  .descriptionList {
    clear: both;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .descriptionList dl {
    margin: 0 5px;
    line-height: 1.75 !important;
  }
  .descriptionList dt {
    margin: 0;
    padding: 5px 0 0px 15px;
    float: none;
  }
  .descriptionList dd {
    margin-left: none !important;
    padding: 0px 0 3px 15px !important;
    border-bottom: 1px dotted #999;
  }

  /************************ 中ページの新着情報 **************************/
  /************************ ページング **************************/
  .pageNav {
    margin: 0 auto !important;
    width: 94%;
  }
  .pageNav li {
    display: inline-block;
    margin-bottom: 3%;
  }
  .pageNav li span {
    padding: 0.2em 0.5em 0.1em 0.5em;
    background: #efefef;
  }
  .pageNav li a {
    padding: 0.2em 0.5em 0.1em 0.5em;
  }
  .pageNav li a:hover {
    background: #efefef;
  }

  .photoSoshiki {
    margin: 0;
    padding: 0 0 10px 0;
  }

  /************************ 中ページのメニューを回り込ませて高さを揃える **************************/
  .textBoxHeight {
    float: none !important;
    padding: 0;
    margin: 0 5px 10px 5px;
    width: 99% !important;
  }

  /************************ 左メニュー **************************/
  .acdMenuCategory div.linkColorBlack p {
    padding: 4% 0 4% 10%;
  }
  .acdMenuCategory div p {
    background-position: 13px center;
  }
  .acdMenuCategory dl dd {
    padding: 4% 0 4% 11%;
  }

  .acdMenuCategory.menu-procedure div.linkColorBlack p {
    padding-left: 0;
  }

  .acdMenuCategory, .acdMenuEmer, .acdMenuSubcate, .acdMenuFaq {
    border-top: 1px solid #D2D2D2;
    margin-bottom: 0;
  }
  .acdMenuCategory li a, .acdMenuEmer li a, .acdMenuSubcate li a, .acdMenuFaq li a {
    padding: 4% 0 4% 8%;
  }

  .acdMenuRank li a {
    width: 89%;
  }

  .acdMenuCategory .leftMenuSub01 p, .acdMenuCategory .leftMenuSub02 p, .acdMenuCategory .leftMenuSub03 p, .acdMenuCategory .leftMenuSub04 p, .acdMenuCategory .leftMenuSub05 p, .acdMenuCategory .leftMenuSub06 p, .acdMenuCategory .leftMenuSub07 p, .acdMenuCategory .leftMenuSub08 p, .acdMenuCategory .leftMenuSub09 p, .acdMenuCategory .leftMenuSub10 p, .acdMenuCategory .leftMenuSub11 p, .acdMenuCategory .leftMenuSub12 p, .acdMenuCategory .leftMenuSub13 p, .acdMenuCategory .leftMenuSub14 p, .acdMenuCategory .leftMenuSub15 p, .acdMenuCategory .leftMenuSub16 p, .acdMenuCategory .leftMenuSub17 p, .acdMenuCategory .leftMenuSub18 p, .acdMenuCategory .leftMenuSub19 p, .acdMenuCategory .leftMenuSub20 p, .acdMenuCategory .leftMenuSub21 p, .acdMenuCategory .leftMenuSub22 p, .acdMenuCategory .leftMenuSub23 p, .acdMenuCategory .leftMenuSub24 p, .acdMenuCategory .leftMenuSub25 p, .acdMenuCategory .leftMenuSub26 p, .acdMenuCategory .leftMenuSub27 p, .acdMenuCategory .leftMenuSub28 p, .acdMenuCategory .leftMenuSub29 p, .acdMenuCategory .leftMenuSub30 p, .acdMenuCategory .leftMenuSub31 p, .acdMenuCategory .leftMenuSub32 p, .acdMenuCategory .leftMenuSub33 p, .acdMenuCategory .leftMenuSub34 p, .acdMenuCategory .leftMenuSub35 p, .acdMenuCategory .leftMenuSub36 p, .acdMenuCategory .leftMenuSub37 p, .acdMenuCategory .leftMenuSub38 p, .acdMenuCategory .leftMenuSub39 p, .acdMenuCategory .leftMenuSub40 p, .acdMenuCategory .leftMenuSub41 p, .acdMenuCategory .leftMenuSub42 p, .acdMenuCategory .leftMenuSub43 p, .acdMenuCategory .leftMenuSub44 p, .acdMenuCategory .leftMenuSub45 p, .acdMenuCategory .leftMenuSub46 p, .acdMenuCategory .leftMenuSub47 p, .acdMenuCategory .leftMenuSub48 p, .acdMenuCategory .leftMenuSub49 p, .acdMenuCategory .leftMenuSub50 p {
    padding: 4% 0 4% 12% !important;
  }

  /************************ 見出しデザイン **************************/
  /* H1 */
  h1 {
    padding: 2% 0 0 6% !important;
    min-height: 1.7em !important;
  }

  .h1BG {
    margin: 0 0 15px 0;
    font-weight: normal;
    font-size: 1.0em !important;
  }

  .photoSoshiki {
    margin: 0 !important;
  }

  /************************ フォトニュース一覧 **************************/
  .photonews-look.photonews-list {
    line-height: initial;
  }
  .photonews-look .photonews-image {
    width: 30%;
  }
  .photonews-look .photonews-image img {
    max-width: 80px;
  }
  .photonews-look .photonews-summary {
    width: 62%;
  }

/************************ 記事ページ **************************/
  .youTubeFrame {
    width: 370px;
    height: 208px;
  }

/************************ 動画同州ページ **************************/
.movieListBox {
    width: 170px;
    margin: 0 auto;
}

/************************ イベントカレンダー **************************/
  /* リストをプルダウンに変更するJQuery */
  /* カレンダーページで、tinyNavを有効 */
  #eventCategoryList {
    display: none;
  }

  /* イベント詳細ページで、tinyNavを無効 */
  .eventDetails #eventCategoryList {
    display: block;
  }
  .eventDetails #tinynav1 {
    display: none;
  }

  .eventUpdate {
    padding: 5px 0 0 !important;
  }

  .eventIcon #tinynav1 {
    width: 100%;
    margin-bottom: 5%;
  }

  /************* カレンダータイトル *************/
  .calendarTitle {
    margin: 5px auto !important;
    padding: 5px 0 !important;
  }
  .calendarTitle span.date {
    font-size: 1em !important;
    margin: 0px !important;
    padding: 0 10px !important;
  }
  .calendarTitle span.monthButton a {
    display: inline;
    padding: 2px !important;
    font-size: 0.9em !important;
  }

  /*イベント絞り込みアイコン見本*/
  .pointBlack {
    margin: 0 0 3% 0;
  }

  #eventCategoryList li {
    margin-right: 5%;
  }

  .eventIcon.eventCategoryList li.icon01, .eventIcon.eventCategoryList li.icon02, .eventIcon.eventCategoryList li.icon03, .eventIcon.eventCategoryList li.icon04, .eventIcon.eventCategoryList li.icon05, .eventIcon.eventCategoryList li.icon06, .eventIcon.eventCategoryList li.release {
    background: none !important;
    padding: 1px 2px !important;
  }
  .eventIcon.calendarTable li.icon01 {
    list-style-image: none !important;
    margin: 0px 0px 10px 0px  !important;
  }
  .eventIcon.calendarTable li.icon02, .eventIcon.calendarTable li.icon03, .eventIcon.calendarTable li.icon04, .eventIcon.calendarTable li.icon05, .eventIcon.calendarTable li.icon06, .eventIcon.calendarTable li.release {
    list-style-image: none !important;
    margin: 0px 0px 10px 0px !important;
  }
  .eventIcon.calendarTable li.icon01:last-child, .eventIcon.calendarTable li.icon02:last-child, .eventIcon.calendarTable li.icon03:last-child, .eventIcon.calendarTable li.icon04:last-child, .eventIcon.calendarTable li.icon05:last-child, .eventIcon.calendarTable li.icon06:last-child, .eventIcon.calendarTable li.release:last-child {
    margin: 0px !important;
  }

  /*イベント絞り込みアイコンカレンダー内（クリックして表示されるエリア）*/
  .eventMorePC {
    display: none;
  }

  .eventMoreSP li {
    line-height: 1.2;
    margin-bottom: 20%;
  }

  .calendarTable th, .calendarTable td {
    font-size: 0.8rem;
    text-align: left;
  }
  .calendarTable .info {
    min-height: 20px;
  }

  .eventMore.open {
    display: block;
    text-align: center;
    color: #09C;
    border: none !important;
    cursor: pointer;
  }
  .eventMore.close {
    display: block;
    text-align: center;
    color: #CCC;
    border: none !important;
    cursor: pointer;
  }

  td.pointer {
    cursor: pointer !important;
  }

  .calendarTableList th, .calendarTableList td {
    font-size: 0.8em;
    padding: 1px !important;
  }
  .calendarTableList .info {
    min-height: 20px !important;
    height: auto !important;
    /*	height:20px !important;*/
    text-align: left;
    clear: both !important;
  }
  .calendarTableList .info li {
    margin-left: 16%;
  }
  .calendarTableList .week {
    width: 15% !important;
  }
  .calendarTableList td {
    width: 75% !important;
  }
  .calendarTableList .day {
    width: 10% !important;
  }

  /************************ お問い合わせフォーム **************************/
  .pageContact .pageContactHeader {
    padding: 0 !important;
  }

  .contactArea .inputBox, .contactArea .textareaBox {
    width: 85% !important;
  }

  /************************ 検索結果 **************************/
  /* リストをプルダウンに変更するJQuery */
  .tinynav {
    display: block;
  }

  .faqSearchInput {
    width: 70%;
  }

  .faqSearch {
    padding: 2%;
  }
  .faqSearch .wrap-form {
    margin: 2% 3% 3%;
  }
  .faqSearch .searchButton {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 15.5%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #313131 url(../../images/cmn/icon_loupe_white.png) no-repeat center center/60%;
  }
  .faqSearch .searchPickUp {
    line-height: 1.75;
    padding: 0;
  }
  .faqSearch .searchPickUp a {
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0.5% 1%;
    font-size: 0.75rem;
    line-height: 2.25;
  }

  .dropdown {
    margin: 0 2% 0 0 !important;
  }

  .dropdownBotton {
    margin-left: 0;
  }
  .dropdownBotton a {
    padding: 6px 13px;
  }

  #boxArea {
    display: none !important;
  }

  /************************ 地図でさがす **************************/
  #mapnavibox {
    background: #efefef;
  }
  #mapnavibox .tinynav {
    display: block;
  }
  #mapnavibox .wrap-tinynav {
    margin: 2% auto;
    padding: 3%;
    width: 90%;
    background: #fff;
  }
  #mapnavibox select.tinynav {
    width: 100%;
  }

  .mapGropuTitle {
    display: block !important;
    padding: 3% 4%;
    background: url(../../images/cmn/blue_box_header.png) no-repeat right top;
    border-bottom: 1px solid #ccc;
  }

  .content1clm section .delta {
    height: 620px;
  }
  .content1clm section .delta .gamma {
    top: 50%;
  }

  /************************ 広告バナー **************************/
  .adArea li, .adAreaBtm li {
    width: 48%;
  }

  .adArea li a img, .adAreaBtm li a img {
    width: 100%;
  }

  .wrapper .adArea ul li a, .wrapper .adAreaBtm ul li a {
    height: auto !important;
  }

  /************************************ J-Alert **************************/
  .jalert {
    border-bottom: 1px solid #efefef;
    position: relative;
    top: -15px;
  }
  .jalert .jalert-heading {
    font-size: 1.1rem;
  }

  /************************ SNSボタン **************************/
  .snsBtn li {
    padding: 0 2.5% 3% 0 !important;
  }

  /*********** フォームエラーメッセージ ***********/
  .errMsg span {
    font-size: 1.1em;
  }
  .errMsg p {
    text-align: left;
  }

  /************************ 関連ページ **************************/
  .pertainPage dd {
    width: 100%;
    line-height: 1.5;
    background-position: left 4px;
    margin-bottom: 3%;
  }

  #questionnaire fieldset legend {
    background-position: 0 7px;
  }

  /************************************ チェックボックス強調 **************************/
  .textBoxHeight.procedure {
    margin-bottom: 10%;
  }

  .checkboxEmLabel {
    padding: 4% 0 4% 10% !important;
  }

  .procedureSearchBtn {
    width: 100%;
    padding: 4% 0;
  }

  .researchSec {
    padding: 0%;
    border: none;
    border-top: 1px solid #d4d4d4;
    /*background: #fafafa;*/
  }

  .procedureList li {
    padding-left: 0;
  }

  /************************************ 手続き検索表組み **************************/
  .procedureResult thead {
    display: none;
  }
  .procedureResult tbody {
    width: 100%;
  }
  .procedureResult tbody tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .procedureResult tbody th, .procedureResult tbody td {
    display: list-item;
    border: none;
    list-style-type: none;
  }
  .procedureResult tbody th {
    font-size: 1.1em;
    color: #fff;
    background: #666;
    margin-bottom: 0.5%;
    line-height: 1.6;
  }
  .procedureResult tbody td:nth-of-type(1) {
    font-size: 1.1em;
  }
  .procedureResult tbody td:nth-of-type(1):before {
    /*content:"必要な手続き：";*/
    display: none;
  }
  .procedureResult tbody td:nth-of-type(2):before {
    content: "提出する場所：";
  }
  .procedureResult tbody td:nth-of-type(3):before {
    content: "担当課：";
  }
  .procedureResult tbody td:nth-of-type(4):before {
    content: "電話番号：";
  }

  /* IE9以下はレスボンシンプさせない */
  .lte-ie9 .procedureResult {
    width: 480px;
    overflow: scroll;
  }
  .lte-ie9 .procedureResult thead {
    display: block;
  }
  .lte-ie9 .procedureResult tbody tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .lte-ie9 .procedureResult tbody th, .lte-ie9 .procedureResult tbody td {
    display: inline;
    border: 1px solid #ccc;
  }
  .lte-ie9 .procedureResult tbody th {
    color: #333;
    background: #fff;
  }
  .lte-ie9 .procedureResult tbody td:nth-of-type(1):before, .lte-ie9 .procedureResult tbody td:nth-of-type(2):before, .lte-ie9 .procedureResult tbody td:nth-of-type(3):before, .lte-ie9 .procedureResult tbody td:nth-of-type(4):before {
    content: none;
  }
}
@media screen and (max-width: 375px) {
  .btn-search-trigger,
  .btn-search-trigger.underlayer {
    top: -324px;
  }
}
@media screen and (max-width: 320px) {
  .cmn_Logo {
    top: -94px;
  }

  .under .cmn_Logo {
    top: -180px;
  }

  .btn-search-trigger,
  .btn-search-trigger.underlayer {
    top: -285px;
  }

  .under .btn-search-trigger,
  .under .btn-search-trigger.underlayer {
    top: -167px;
  }

  .searchBox-index,
  .under .searchBox-index,
  .emergency .searchBox-index {
    top: 130px;
  }

  .searchBox-index .box {
    height: 40px;
    width: 80%;
  }

  .under .searchBox-index .box {
    height: 34px;
  }

  .under .wrapperContents .content3clm {
    margin-top: -80px;
  }

  .under .wrapper .content, .under .wrapper aside.sidebarLeft {
    margin-top: -80px;
  }
}