@charset "UTF-8";
/* タブレットサイズ */
@media screen and (max-width: 800px) {
  /* 非表示にする要素 */
  .headMessage, .mobile, .adBisArea, .acdMenuBlue, .mostKeyword, .otherLink, .getAdobeReader, .update img, .DispPC {
    display: none !important;
  }

  /* 表示にする要素 */
  .DispMDL, .contentsMainTop .adAreaTablet {
    display: block;
  }

  .content3clm, .content, .content1clm, .wrapperContentsTop, .contentsMainTop {
    /*コンテンツエリア*/
    margin: 0;
    padding: 2%;
  }

  .content, .content1clm, .content3clm {
    margin: 0 auto;
  }

  .under .content,
  .under .content1clm {
    width: 86% !important;
    margin: auto;
  }
  .under aside.sidebarLeft {
    width: 90% !important;
    margin: auto !important;
  }
  .under .wrapperContents .content3clm {
    width: 86.402%;
  }
  .under .content3clm .topNews dt {
    width: 18%;
  }
  .under .content3clm .topNews dd {
    width: 77%;
  }
  .under aside.sidebarRight {
    width: 90.403% !important;
    margin: auto !important;
  }

  .under .wrapper .content, .under .wrapper aside.sidebarLeft {
    width: auto !important;
  }

  .wrapper {
    width: 90%;
  }

  aside {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
  }
  aside.sidebarLeft {
    clear: both;
    padding-top: 25px !important;
  }
  aside.sidebarLeftTop {
    clear: both;
  }

  /************************ header関連 [Start] **************************/
  #header {
    margin-bottom: 10px;
  }
  
  .under .page-contents {
    width: 100%;
    margin: 0 auto 70px;
  }
  .under .headLeft {
    width: 35%;
  }

  .headLeft {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .cmn_Logo_top {
    margin: none !important;
  }

  .cmn_Logo {
    margin: 2.5% 0 4.3%;
  }
  .cmn_Logo a {
    /*	width: 70%;
    	height: auto;*/
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
  }
  .cmn_Logo img {
    width: 85%;
  }

  .under .cmn_Logo {
    width: 35%;
  }
  .under .cmn_Logo img {
    width: 100%;
  }

  /************************ グローバルナビ **************************/
  .global-nav.scroll .global-nav-list {
    width: 90%;
  }
  .global-nav .global-nav-list {
    width: 100%;
  }
  .global-nav .global-nav-list .first-level {
    font-size: 0.6rem;
  }
  .global-nav .global-nav-list .l-megamenu-list {
    display: none;
  }

  /************************ 市民・要望バナー **************************/
  .section-citizenVoice .bnr-link-item:first-child {
    width: 55%;
    margin-right: 7%;
  }
  .section-citizenVoice .bnr-link-item:last-child {
    width: 37%;
  }

  /************************ 安心・安全 **************************/
  .section-safety {
    width: 98%;
    padding: 1%;
    margin-bottom: 10px;
  }
  .section-safety li {
    width: 40%;
    margin: 0 0 1%;
  }
  .section-safety .link-item {
    width: 28%;
    margin: 0 3% 0 0;
  }
  .section-safety .link-item a {
    background-position: 15% center;
  }

  /************************ 検索ボックス **************************/
  .search-type {
    width: 48.5%;
    font-size: 0.8rem;
  }

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

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

  .searchBox-index {
    width: auto;
    padding: 0;
    margin: 10px 0;
  }
  .searchBox-index .searchbox-form {
    width: 100%;
  }
  .searchBox-index form {
    background: none;
  }
  .searchBox-index .box {
    width: 51%;
  }
  .searchBox-index .btn {
    width: 47%;
    background: url(../images/cmn/btn_search_L.jpg)/cover;
  }
  .searchBox-index .key {
    width: 100%;
    margin: 2% 0;
  }
  .searchBox-index .article-searchField {
    display: none;
  }

  .under .searchBox-index {
    width: 60%;
  }
  .under .searchBox-index .searchbox-form {
    width: 100%;
  }
  .under .searchBox-index .box {
    width: 68%;
  }
  .under .searchBox-index .btn {
    width: 30%;
  }

  .emergency .searchBox-index {
    padding: 0;
  }
  .emergency .searchBox-index .box {
    width: 70%;
  }
  .emergency .searchBox-index .btn {
    width: 28%;
  }

  /************************************ 重要なお知らせ(infobar) **************************/
  .infobar-heading-wrap {
    width: 100%;
    height: 0 !important;
    min-height: 18px;
    padding: 10px 0 5px 0;
    float: none;
  }

  .infobar-article {
    padding: 15px 20px 15px 0 !important
  }

  .infobar-heading {
    position: relative;
    width: auto;
    padding-bottom: 1%;
    display: block;
    background-position: 2% 0 !important;
  }

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

  /************************ メイン広告 **************************/
  .adMain .bx-viewport .slider li {
    height: auto;
  }

  .photoSoshiki {
    height: auto !important;
  }
  .photoSoshiki img {
    width: 100% !important;
  }

  .bx-wrapper .bx-caption {
    width: 35%;
    height: 100%;
  }

  /************************************ フォトニュース **************************/
  .photonews-item {
    width: 22.5%;
    margin: 0 3.3% 3.3% 0;
  }
  .photonews-item:first-child {
    width: 48%;
    margin-bottom: 2%;
  }
  .photonews-item:first-child .photonews-catch {
    height: 284px;
  }
  .photonews-item:first-child .photonews-heading {
    margin-top: 240px;
    width: 96%;
    height: 14%;
  }
  .photonews-item:nth-child(3), .photonews-item:nth-child(5) {
    margin-right: 0;
  }
  .photonews-item:nth-child(4), .photonews-item:nth-child(5) {
    margin-bottom: 2%;
  }

  .photonews-catch {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
  }

  .photonews-heading {
    position: absolute;
    margin-top: 86px;
    width: 96%;
    padding: 4px 2%;
    height: 30%;
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    line-height: 120% !important;
    font-size: 1.0em;
  }

.photonews-heading a{

}
  .photonews-list-link {
    margin-bottom: 2.5%;
  }

  .photoNewsCategory {
    max-width: 35%;
  }

  .photoNewsMovie {
    max-width: 90%;
  }

  /************************** 知りたい情報を探したい(.btn-main) **************************/
  .btn-main-list .btn-item {
    width: 20%;
    background-position: right center;
  }

  /************************** 生活のできごと(.btn-sub) **************************/
  .btn-sub-list .btn-item {
    width: 24.9%;
  }
  .btn-sub-list .btn-item:nth-child(4n) {
    width: 24.5%;
  }
  .btn-sub-list .btn-image-wrap {
    width: 50%;
  }

  /************************** よく使われる情報からさがす(.text-link-list) **************************/
  .findPcMenu .text-link-list {
    width: 48%;
  }
  .findPcMenu .text-link-item {
    text-indent: -1em;
    padding-left: 1em;
    margin-left: 0.5em;
  }

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

  .bnr-link-item {
    width: 22%;
  }
  .bnr-link-item img {
    width: 99%;
  }

  .feature {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4%;
    margin-bottom: 4%;
  }
  .feature .bnr-link-item {
    float: left;
    width: 30%;
    margin: 0 10%;
    margin-bottom: 0;
  }

  /************************** (.l-main-contents) **************************/
  /********* middle-content-headign  *********/
  .l-main-contents, .l-sub-contents {
    float: none;
    width: auto;
  }

  /************************** 新着・トピックス・イベント **************************/
  .TabbedPanelsTab {
    width: 24%;
    margin-right: 2%;
    padding-left: 8%;
  }
  .TabbedPanelsTab:first-child {
    padding-left: 8%;
  }
  .TabbedPanelsTab:last-child {
    margin-right: 0;
  }
  .TabbedPanelsTab.TabbedPanelsTabSelected {
    padding-left: 8%;
  }

  .emergency .TabbedPanelsTab:first-child {
    padding-left: 2%;
  }

  /******************* 広告バナー *******************/
  .l-cmsBnr {
    width: 48%;
  }

  .section-cmsBnr {
    padding-bottom: 3%;
    width: auto;
  }
  .section-cmsBnr .bnr-link-item {
    width: 48%;
    margin: 0 9px 0 0;
  }
  .section-cmsBnr .bnr-link-item:last-child {
    margin-right: 0;
  }
  .section-cmsBnr .bnr-link-item.last {
    margin-right: 0;
  }

  .advertisementBanner h2 img {
    width: 100%;
  }
  .advertisementBanner .bnr-link-list {
    float: right;
/*    width: 50%;*/
    margin-top: 3.5%;
  }
  .advertisementBanner .bnr-link-list .bnr-link-item {
    width: 24%;
    margin: 0 1% 2% 0;
  }
  .advertisementBanner .bnr-link-list .bnr-link-item:nth-child(2n) {
    margin-right: 1%;
  }

  /************************** 事業バナー(.bnr-link-list) **************************/
  .businessBanner .bnr-link-item {
    width: 19.2%;
    margin: 0 1% 1% 0;
  }

  /************************** (.footer-link-list) **************************/
  .bgSet.section-footercontents {
    background: none;
    padding-top: 0;
  }

  /************************ 関連ページ **************************/
  .pertainPage {
    color: #000000;
  }
  .pertainPage dt {
    background-color: #cccccc;
    margin: 0 0 10px 0;
    padding: 3px 5px;
    width: 100%;
  }
  .pertainPage dd {
    width: 45%;
  }

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

  /************************ 動画特集ページ **************************/
.movieList {
    width: 22% !important;
}

  /************************ タブレット以下用検索フィールド **************************/
  /* スマホ用 */
  .btn-search-trigger {
    display: none;
  }

  .btn-search-trigger,
  .btn-search-trigger.underlayer {
    z-index: 2;
    float: right;
    font-size: 0.85rem;
    letter-spacing: 0.1rem;
    width: auto;
    padding: 1% 1% 1% 3.5%;
    border: 1px solid #ccc;
    background: #fff url(../../images/cmn/icon_loupe_gray.png) no-repeat 10% center;
    background-size: 25%;
  }
  .btn-search-trigger.is-open,
  .btn-search-trigger.underlayer.is-open {
    display: none;
    color: #fff;
    border: 1px solid #1270fe;
    background: #1270fe url(../../images/cmn/icon_close_white.png) no-repeat 10% center;
    background-size: 25%;
  }

  .btn-search-trigger.underlayer {
    display: none;
  }

  .under .searchAreaBtm {
    display: none;
    margin: auto;
    width: 50%;
    padding: 3%;
    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: 50px;
    right: 5%;
  }
  .under .searchAreaBtm .searchBox {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 80%;
  }
  .under .searchAreaBtm .searchButton {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 18%;
    padding: 3.3% 7.3%;
    background: #333 url(../../images/cmn/icon_loupe_white.png) no-repeat center/40%;
    border: none;
    float: right;
    display: block;
    border-width: 0;
    cursor: pointer;
    text-indent: -9999px;
  }

  /************************ ~~ フッター ~~ **************************/
  .page-contents {
    padding-bottom: 350px !important;
  }

  .page-footer-wrapper {
    height: 350px !important;
  }

  .page-footer .link-list-termOfUse li {
    margin-top: 0;
    line-height: 1.5;
  }
  .page-footer .link-list-termOfUse li:first-child {
    padding-left: 0;
  }
  .page-footer .wrap-info {
    width: 70%;
  }
  .page-footer .logo-footer {
    float: none;
  }
  .page-footer small {
    margin-top: 10px;
  }

  .section-cityhall dd {
    margin-left: 0;
  }

  .section-cityhall-logo {
    text-align: center;
    margin-bottom: 10px;
  }

  /************************ 下層ページ **************************/
  /************************ 新着情報 **************************/
  .newsArea .topNews {
    padding: 10px 1%;
  }

  .topNews dt {
    width: 21%;
  }
  .topNews dd {
    width: 76%;
    margin-left: 0;
  }
  .topNews .event dd {
    width: 74%;
    background-position: left top;
  }

  .under .topNews dt {
    width: 23%;
  }
  .under .topNews dd {
    width: 75%;
  }

  /************************ 検索結果 **************************/
  .content dl {
    line-height: 2.5;
  }

  /************************ 検索結果 **************************/
  .narrowDown {
    margin-top: 0px !important;
  }
  .narrowDown ul ul li {
    float: left;
    background: none !important;
    padding: 0 0 0 10px !important;
    margin: 0 0 5px 0;
  }

  .faqSearch {
    margin-bottom: 0;
  }
  .faqSearch .searchButton {
    width: 28%;
    background-size: cover;
  }

  .faqSearchInput {
    width: 66%;
  }

  .dropdownBotton a {
    padding: 6px;
  }

  .searchPickUp a {
    line-height: 2.5;
  }

  /************************ 地図でさがす **************************/
  /* リストをプルダウンに変更するJQuery */
  /*#mapnavibox .tinynav { display: block }
  #boxArea { display: none }*/
  #mapnavi ul#boxArea li {
    width: 19.5%;
    margin: 0 0.5% 0.5% 0;
  }
  #mapnavi ul#boxArea li a {
    padding: 8px 5px;
    font-size: 0.8em;
  }
  #mapnavi ul#boxArea li a.stay {
    padding: 8px 5px;
    height: 30px !important;
  }

  /* ジャンル＆施設見出し */
  .maph_jun {
    height: 30px;
    margin-top: 2%;
  }

  #page_left {
    float: left;
    margin: 0 !important;
    padding: 0;
    width: 285px;
  }
  #page_left h2 {
    margin: 15px 0 0 0;
    padding: 0;
    height: 32px;
    border: 0;
    background: none;
  }
  #page_left .box_bg {
    padding: 2% !important;
    margin-bottom: 5% !important;
  }

  #categoryNavi {
    padding: 2%;
  }
  #categoryNavi select {
    width: 75% !important;
  }
  #categoryNavi input[type="button"] {
    width: 20% !important;
  }

  x:-moz-any-link, x:default {
    border: none !important;
    padding: 0px !important;
  }

  #map_canvas {
    width: 100% !important;
    height: 300px !important;
    float: none !important;
    margin: 5px 0 0 0 !important;
  }

  /*#mapnavi ul#boxArea li {
  	float: none !important;
  }*/
  #page_left {
    float: none !important;
  }

  .delta .gammaInner {
    margin-left: 0;
  }

  .content1clm section .alpha {
    margin-bottom: 5px;
  }
  .content1clm section #page_left {
    width: 100%;
    height: auto !important;
    margin-bottom: 10px;
  }
  .content1clm section #page_left form:first-child {
    margin-bottom: 3px;
  }
  .content1clm section .beta {
    width: 100%;
    height: auto !important;
    margin-bottom: 10px;
  }
  .content1clm section #page_left, .content1clm section #sidebarDiv {
    height: 120px;
    overflow: auto;
  }
  .content1clm section .delta {
    position: relative;
    height: 700px;
  }
  .content1clm section .delta .gamma {
    position: absolute;
    top: 390px;
  }
  .content1clm section .delta .beta {
    position: absolute !important;
    top: 0px !important;
  }

  /************* カレンダーテーブル（一覧表示） *************/
  /* イベントアイコン */
  #eventCategoryList li {
    margin: 2% 0.5% 0 0;
  }
  #eventCategoryList .release {
    margin-bottom: -1%;
  }
  #eventCategoryList .release.active {
    margin-bottom: -1%;
  }

  .eventIcon li img {
    margin: 0 1px 5px 0;
  }

  table.calendarTableList td {
    padding: 1% !important;
  }

  .eventUpdate img {
    display: none;
  }

  /************************ フォーム **************************/
  .textWideBox dt {
    background-position: 0 6px;
  }
  .textWideBox dl {
    line-height: 1.5;
  }
  .textWideBox .contact .option .inputBox {
    border: 1px solid #ccc;
  }

  #questionnaire div.title {
    background-position: 0 6px;
  }

  /************************ ページング **************************/
  .under .page-contents .full #main .wrap-pageNav {
    width: 90%;
    margin: -0.2% auto 0;
  }

  /************************ カテゴリメニュー **************************/
  /* 通常版（タブレット／スマホ版） */
  /************************ 緊急・防災・休日医療 **************************/
  .acdMenuEmer li a, .acdMenuSubcate li a, .acdMenuFaq li a, .acdMenuRank li a {
    padding: 2.5% 0 2.5% 4%;
    border-bottom: 1px dotted #ccc;
    background-position: 10px center;
  }
  .acdMenuEmer li.list, .acdMenuSubcate li.list, .acdMenuFaq li.list, .acdMenuRank li.list {
    padding: 3% 0 3% 4%;
    text-align: left;
  }
  .acdMenuEmer li.list a, .acdMenuSubcate li.list a, .acdMenuFaq li.list a, .acdMenuRank li.list a {
    background-position: left center;
  }

  .acdMenuRank li {
    border-bottom: 1px dotted #ccc;
  }
  .acdMenuRank li a {
    border-bottom: none;
    width: 93%;
  }

  .acdMenuCategory ul {
    font-size: 0.9em;
  }
  .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: 2.5% 0 2.5% 9% !important;
    border-bottom: 1px dotted #ccc;
    background-position: 5% center;
  }
  .acdMenuCategory dl {
    padding-left: 5%;
  }
  .acdMenuCategory dl dd {
    padding: 2.5% 0 2.5% 7%;
    border-bottom: 1px dotted #ccc;
    background-position: 5% center;
  }
  .acdMenuCategory dl dd a {
    padding: 0;
  }
  .acdMenuCategory div.closeMenu p {
    padding: 2.5% 0 2.5% 3%;
    border-bottom: 1px dotted #ccc;
    background-position: 10px center;
  }

  /************************************ 広告エリア **************************/
  .wrapper .adAreaTablet ul {
    list-style-type: none;
    margin: 0;
    padding: 0 8px;
  }
  .wrapper .adAreaTablet h2 {
    padding-left: 5px !important;
  }
  .wrapper .adAreaTablet ul li {
    display: block;
    float: left;
    text-align: right;
    margin: 0 2px 2px;
  }
  .wrapper .adAreaTablet ul li a {
    display: block;
    max-width: 180px;
  }
  .wrapper .adAreaTablet ul li span {
    background-color: #ffffff;
    display: block;
    max-width: 180px;
    text-align: left;
  }

  /************************************ J-Alert **************************/
  .wrapperContentsTop .jsp, .emerContent3clm .jsp {
    display: block;
  }

  .jpc {
    display: none;
  }

  .jalert {
    width: auto;
  }
  .jalert h2 {
    position: relative;
  }
  .jalert h2 img {
    width: 30px;
    height: 30px;
  }
  .jalert h2 span {
    position: initial;
  }
  .jalert h2 .icon {
    margin-left: 0;
  }

  /************************************ チェックボックス強調 **************************/
  .procedureList {
    margin-bottom: 5%;
  }
  .procedureList li {
    margin: 0;
    padding-bottom: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
  }

  .checkboxEmLabel {
    padding: 2% 2% 2% 8%;
    text-indent: 0;
    display: block;
    background-position: 2.5% 50%;
  }
}
/* 災害 */
.emerLink a {
  padding: 1% 1% 1% 3% !important;
  width: auto !important;
  display: block !important;
}

@media screen and (max-width: 568px) {
  .textBoxHeight {
    float: none !important;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100% !important;
  }

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

  #boxArea {
    display: none !important;
  }
}
@media screen and (min-width: 481px) {
  .eventIcon ul.eventMoreSP {
    display: none !important;
  }
}