@import "font.css";
@import "footerSoegaki.css"; /* add 2011/07/21 blog */
/*@import "colorType_Red.css";*/ /* add 2012/11/14 */


/* ※文字色は色別CSSで定義 */
/*A:link			{color:#1F4CA5}*/ /* リンク色:青 */
/*A:visited		{color:#800080}*/ /* ブリンク色:紫 */
/* A:alink			{color:#FF0000} */ /* クリック色:赤 */
/* A:active		{color:red} */ /* 赤 */



.haikei {
    background-color: var(--color-subpage-haikei);
}



body {
    /*  通常の背景と文字色はdefault_body.cssで指定
        独立サイトは*_body.cssで指定
    background-color:#******;
    color:#******;
    */
    font-size: var(--font-size-base);
}

a {
    /* ※文字色は色別CSSで定義 */
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        position: relative;
        top: 1px;
        left: 1px;
    }


    /* 問合せ先等の電話番号リンク PCサイズではリンクなし */
    body[class^="haikei"] a[href^="tel:"] {
        pointer-events: none;
        text-decoration: none;
    }

.teltoon {
    display: none !important;
}

.teltooff {
    margin-left: 0px !important;
}

/* サイドメニュー表示用
#stract {
    width: 100%;
    display: flex;
}
#contentArea {
    flex-grow: 1;
    flex-shrink: 1;
}
*/

/***********************************************************************************
　 ↓デザイン変更部分 start（各サイト毎にデザイン反映必要）↓
************************************************************************************/

/*:::::::::::::::::::::::::
 * ヘッダー
 *::::::::::::::::::::::::*/

#headerImg {
    max-width: 1000px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    #headerImg img {
        vertical-align: middle;
    }

/* add 2012/12/27 uemoto 災害時トップページ切り替え対応 start */
#header a {
    text-decoration: none;
}
/* add 2012/12/27 uemoto end */

/* Navigation Skip */
.Navigation ul {
    margin: 0;
    padding: 0;
}

.Navigation li {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
}

.Navigation a {
    padding: 5px;
    display: inline;
    z-index: 99;
    text-decoration: none;
    position: absolute;
    width: 300px;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
    /zoom:1;
}

    .Navigation a:focus, .Navigation a:active {
        position: absolute;
        top: 30px;
        left: 250px;
        background: #fff !important;
        border: 2px solid #000;
    }

/* パン屑リスト部分 */

/*パン屑リストのアイコン*/
#pankuzu .pankuzu-inner {
    position:relative;


}

    #pankuzu .pankuzu-inner::before {
        content: "";
        position: absolute;
        top: 18px;
        left: 0px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        pointer-events: none;
        background-color: var(--color-icon-pankuzu-home);
        -webkit-mask: url(../../hpkiji/images/icon-pankuzu-home.svg) no-repeat center / contain;
        mask: url(../../hpkiji/images/icon-pankuzu-home.svg) no-repeat center / contain;
        z-index: -1;
    }

#pankuzuMember .pankuzu-innerMember {
    background: url("../images/CssColorType/home.gif") no-repeat left 12px;
}


#pankuzu, #footerPankuzu {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 14px auto 0px;
    padding-left:18px;
    text-align: left;
    font-size: 0.9em;
}

    #pankuzu .pankuzu-inner, #footerPankuzu .pankuzu-inner {
        text-align: left;
        padding: 7px 0px 10px 20px;
    }

    #pankuzu .pankuzu-multiline, #footerPankuzu .pankuzu-multiline {
        padding-bottom: 0px;
    }

    #pankuzu .pankuzu-last, #footerPankuzu .pankuzu-last {
        padding-bottom: 10px;
    }

.pankuzu-toggle {
    display: none;
}

.pankuzu-more {
    font-size: 0.9em;
    width: 99%;
    text-align: right;
    margin: 0px auto 0px;
}

ul.pankuzu-item {
    display: table;
}

    ul.pankuzu-item li {
        float: left;
        margin: 0 10px 0 0;
    }

        ul.pankuzu-item li:first-child::before {
            padding: 0 3px 0 0;
            content: "";
        }

        ul.pankuzu-item li::before {
            padding: 0 10px 0 0;
            content: "＞";
        }

.headMenuTtl {
    float: left;
    font-size: 0.9em;
    color: #FFFFFF;
    padding: 2px 5px 0px 0px;
    line-height: 13px;
}

    .headMenuTtl a {
        color: #FFFFFF;
    }

#headerMenu span {
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#headerMenu a.honbun {
    text-decoration: none;
}


/*全体枠*/
#container {
    max-width: 1100px;
    min-height: 650px;
    font-size: 1.0em;
    margin: 0px auto;
    padding: 8px 8px 18px;
    font-weight: 400;
    /* ※背景色・文字色は色別CSSで定義 */
}

@media screen and (min-width:1170px) {
    .side_borad {
        display: flex;
    }
}


#mainBlock {
    flex-grow: 1; /* サイドボード表示 */
    flex-shrink: 1; /* サイドボード表示 */
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 0px 8px;
}

/*ページタイトル*/
#headerTtl {
    padding: 24px 0px 24px 24px;
    font-size: 1.8rem;
    background-color: var(--color-h1);
    /*グラデーション見出しの場合*/ /*
    background-image: var(--grad-midashi);*/
    color: #ffffff;
    font-weight: normal;
    border-radius: 4px;
    letter-spacing: 0.2em;
}


/* カテゴリーグループ リンクメニュー */
/* - 未選択 */
.catgrouplink_a {
    padding: 2px 2px 2px 22px;
    margin: 5px 20px 5px 0;
    background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 6px;
}
/* - 選択中 */
.catgrouplink_b {
    padding: 2px 2px 2px 22px;
    margin: 5px 20px 5px 0;
    background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 6px;
}

/* 各ページ一覧の分類帯 */
.bunrui {
    padding: 0 0 1px 21px;
    margin-bottom: 16px;
    font-size: 1.2em;
    font-weight: bold;
    /* ※文字色は色別CSSで定義 */
}

/* 各ページ一覧リスト */
ul.list {
    margin: 0px 15px 30px 15px;
}

    ul.list li {
        list-style-type: none;
        list-style-position: outside;
        margin: 4px auto 4px auto;
        padding: 2px 0px 2px 15px;
        background: url("../images/top1/ya_r.gif") no-repeat 4px 10px;
        line-height: 1.4;
    }



/*-- ヘッダー部分（会員） -------------------------------------- */
/*会員機能を使う場合は定義*/
/* add 2012/09/05 会員専用コンテンツ対応 start ******/
/* ヘッダー部分 */
#headerAreaMember {
}

#headerMember {
}

/* パン屑リスト部分 */
#pankuzuMember {
}

    #pankuzuMember .pankuzu-innerMember {
    }

/*全体枠*/
#containerMember {
}

/*ページタイトル*/
#headerTtlMember {
}

    #headerTtlMember H1 {
    }


/*フッター部分*/
#copyrightMember {
}

/* 会員専用コンテンツ ログイン中の会員名 */
.memberLoginNameMember {
    width: 95%;
    text-align: right;
    margin: 0px auto 0px auto;
    font-size: 0.8em;
    white-space: nowrap;
}

.memberLoginName {
    width: 95%;
    text-align: right;
    margin: 0px auto 0px auto;
    font-size: 0.8em;
    white-space: nowrap;
    padding: 5px 0px;
}

.memberTopLink {
    text-align: center;
    padding: 0px;
    margin: 5px auto 5px auto;
    font-size: 0.8em;
}

/* add 2012/09/05 end *******************************/




/***********************************************************************************
　 ↑デザイン変更部分 end↑
************************************************************************************/



/***********************************************************************************
　 ↓共通部分 start（基本的に変更する必要なし）↓
************************************************************************************/

/* 各ページ内容部分 */
#cont_body {
    /*width:860px;*/
    min-height: 510px;
    line-height: 1.8;
    margin: 5px auto 0;
}

    #cont_body p {
        /*margin:5px 5px 5px 5px;*/
    }


/* add 2012/10/03 ページ概要のcss設定 start */
/* ページ概要（ヘッダー）の表示領域 */
div.gaiyobun_header {
    width: 100%;
    padding: 0px;
    margin: 0px auto 20px auto;
}
/* ページ概要（フッター）の表示領域 */
div.gaiyobun_footer {
    width: 100%;
    padding: 0px;
    margin: 20px auto 0px auto;
}
/* add 2012/10/03 end */


/* カテゴリーグループ リンクメニュー */
.catGroup {
    width: auto;
    max-width: 95%;
    margin: 20px auto 0px auto;
}

    .catGroup td {
        vertical-align: top;
        text-align: left;
        line-height: 1.3;
    }

    .catGroup .catgrouplink_a a {
    }

    .catGroup .catgrouplink_b span {
        margin-left: 10px;
    }

/* スマホサイズ用カテゴリグループメニュー */
.catgrpmenu {
    display: none; /* 非表示 */
}

/* カテゴリグループメニューlist start */
@media print, screen and (min-width:768px) {
    .catGrouplist ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2px;
        row-gap: 3px;
        margin-top: 10px;
        justify-content: start;
        margin-left: auto;
        font-size: 0.9em;
    }

    .catGrouplist li {
        display: flex;
        align-items: center;
    }

        .catGrouplist li a {
            padding: 10px 4px 10px 22px;
            width: calc(100% - 29px);
            height: calc(100% - 20px);
            border-radius: 5px;
            background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 16px
        }
}

@media screen and (max-width:767px) {
    .catGrouplist ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2px;
        row-gap: 3px;
        margin-top: 5px;
        justify-content: start;
        margin-left: auto;
        font-size: 0.9em;
    }

    .catGrouplist li {
        display: flex;
        align-items: center;
        width: calc(100% - 5px) !important;
    }

        .catGrouplist li a {
            padding: 5px 4px 5px 22px;
            width: calc(100% - 29px);
            height: calc(100% - 10px);
            border-radius: 5px;
            background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 11px
        }
}
/* カテゴリグループメニューlist end */

/* 分類リンクメニュー */
.bunruiLink {
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 7px 0;
    /* ※背景色は色別CSSで定義 */
}

    .bunruiLink .menuList {
        width: 95%;
        margin: 0 auto 0 auto;
    }

    .bunruiLink .menuItem {
        padding: 0px 0px 0px 15px;
        margin-left: 2px;
        background: url("../images/g_ya.gif") no-repeat 5px 10px;
        text-align: left;
        vertical-align: top;
        width: 17%;
        float: left;
    }

    .bunruiLink .menuItem2 {
        padding: 0px 0px 0px 15px;
        margin-left: 2px;
        background: url("../images/arrow_down.gif") no-repeat 0px 10px;
        text-align: left;
        vertical-align: top;
        width: 17%;
        float: left;
    }

/* 各ページ一覧部分　大枠 */
#main {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0;
}

/* 各ページ詳細基本項目部分 大枠*/
#mainBaseInfo {
    width: 95%;
    margin: 20px auto 0px auto;
    padding: 0;
}

/* 各ページ詳細内容部分 大枠*/
#mainShosai {
    width: 100%;
    margin: 5px auto 0px auto;
    padding: 0;
}

    /* 段落エリアのtable */
    #mainShosai table {
        width: 100%;
    }

/*更新日・担当課情報部分*/
.kijiSubInfo {
    margin: 5px 0;
}

/* 最終更新日部分 */
.updDate {
    font-size: 0.75em;
    float: left;
    margin-bottom: 5px;
}

/* 問い合わせ部分 */
/* 2016/11/29 アクセシビリティ対応 緊急情報 toiawaseInfo id→class */
#toiawaseInfo,
.toiawaseInfo {
    text-align: left;
    border: solid 1px #CCCCCC;
    margin: 25px auto 0 auto;
    padding: 10px 20px;
    font-size: 0.9em;
    display: table;
}

    #toiawaseInfo .toiText,
    .toiawaseInfo .toiText {
        padding-right: 20px;
        display: table-cell;
        vertical-align: middle;
    }

        #toiawaseInfo .toiText.toiSpt,
        .toiawaseInfo .toiText.toiSpt {
            border-right: solid 1px #CCCCCC;
        }

    #toiawaseInfo .toiKugiri,
    .toiawaseInfo .toiKugiri {
        background-color: #CCCCCC;
        width: 1px;
        padding: 0;
        display: table-cell;
    }

    #toiawaseInfo .toiData,
    .toiawaseInfo .toiData {
        padding-left: 20px;
        display: table-cell;
        vertical-align: middle;
    }

        #toiawaseInfo .toiData img,
        .toiawaseInfo .toiData img {
            vertical-align: middle;
        }

/* IE 7対応（table-cellが認識されないから・・・）*/
*:first-child + html #toiawaseInfo,
*:first-child + html .toiawaseInfo {
    width: 50%;
}

    *:first-child + html #toiawaseInfo .toiText,
    *:first-child + html .toiawaseInfo .toiText {
        display: inline;
        zoom: 1;
    }

    *:first-child + html #toiawaseInfo .toiKugiri,
    *:first-child + html .toiawaseInfo .toiKugiri {
        display: inline;
        zoom: 1;
        background: none;
    }

    *:first-child + html #toiawaseInfo .toiData,
    *:first-child + html .toiawaseInfo .toiData {
        display: inline;
        zoom: 1;
        border-left: solid 1px #CCCCCC;
    }
/* IE 6対応（table-cellが認識されないから・・・）*/
* html #toiawaseInfo,
* html .toiawaseInfo {
    width: 50%;
}

    * html #toiawaseInfo .toiText,
    * html .toiawaseInfo .toiText {
        display: inline;
        zoom: 1;
    }

    * html #toiawaseInfo .toiKugiri,
    * html .toiawaseInfo .toiKugiri {
        display: inline;
        zoom: 1;
        background: none;
    }

    * html #toiawaseInfo .toiData,
    * html .toiawaseInfo .toiData {
        display: inline;
        zoom: 1;
        border-left: solid 1px #CCCCCC;
    }

/*「ページの先頭へ」部分*/
#pagetop {
    width: 95%;
    margin: 25px auto 0 auto;
    text-align: right;
}

    #pagetop a {
        font-size: 0.8em;
        letter-spacing: 1px;
        text-decoration: none;
        background: url("../images/arrow_up.gif") no-repeat left center;
        padding-left: 13px;
    }
/* add 2013/09/04 goto Wysiwygにページの先頭リンクの対応 start */

.pagetop {
    width: 98%;
    margin: 5px auto;
    text-align: right;
}

    .pagetop a {
        font-size: 0.8em;
        letter-spacing: 1px;
        text-decoration: none;
        background: url("../images/arrow_up.gif") no-repeat left center;
        padding-left: 13px;
    }
/* add 2013/09/04 goto end */

/*フッターのホーム、戻るボタン*/
#footerbtn {
    width: 200px;
    float: right;
    text-align: right;
    padding: 5px 25px 0px 0px;
}

    #footerbtn img {
        margin: 0px 2px 0px 1px;
    }


/* テーブルリスト（loc,word_l等で使用） */
/* table2はスマホ版でもPCと同様にtable表示する用（toukei3,nyusatsuで使用） */
TABLE.table1, TABLE.table2 {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}

    TABLE.table1 th, TABLE.table2 th {
        /* ※背景色は色別CSSで定義 */
        /*background-color:#fcefca;*/
        text-align: center;
        font-weight: bold;
        padding: 3px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
    }

    TABLE.table1 td, TABLE.table2 td {
        padding: 5px 7px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
    }

/* フォーム系のテーブルリスト（faq2,bbs,entry等で使用） */
TABLE.formTable {
    width: 95%;
    margin: 0px auto 0px auto;
}

    TABLE.formTable th {
        text-align: left;
        padding: 5px 3px;
        width: 25%;
    }

        TABLE.formTable th.hissu, TABLE.formTable th.hissu {
            background-image: url("../images/hissu.gif");
            background-repeat: no-repeat;
            background-position: 5px center;
            text-align: left;
        }

        TABLE.formTable th span.hissuForm, .inputfrm_q_title span.hissuForm,
        .formTable .hissuForm {
            padding: 1px 5px;
            border: solid 2px #b7282e;
            background-color:#fff;
        }

.inputfrm_q_title span.hissuForm {
    margin-right: 5px;
}

TABLE.formTable label {
    margin: 5px 15px 5px 5px;
}

/* 各ページ一覧の絞り込み検索 */
.search {
    width: 100%;
    border: solid 1px #CCCCCC;
    text-align: left;
    margin: 10px auto 20px auto;
    padding: 10px 0;
    line-height: 120%;
    font-size: 0.9em;
    vertical-align: middle;
}

.searchText {
    background: url("../images/searchIcon.gif") no-repeat left 3px;
    /*border-right:dotted 1px #CCCCCC;*/
    padding: 2px 10px 2px 20px;
    margin-left: 10px;
    font-size: 1.2em;
}

.searchItem {
    margin: 15px 0px 0px 0px;
}

    .searchItem input { /*キーワード入力枠*/
        width: 15%;
    }

    .searchItem select { /*分類セレクトボックス*/
        width: 20%;
    }

    .searchItem .btn { /*検索ボタン*/
        width: 80px;
    }
/* 各ページ一覧の絞り込み検索（大きめ枠バージョン faq2,search,shinsei,word_l等） */
.searchBig {
    padding: 20px 0;
    border: 3px solid #CCCCCC;
    font-size: 1em;
    width: 98%;
    width: calc(100% - 6px - 10px);
    background-color: var(--color-bg-faq);
}

    .searchBig h3 {
        margin: 10px 0 0 10px;
    }

.searchLbox {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0px auto;
    padding: 5px 0px 15px 0px;
}

.searchRbox {
    width: 97%;
    float: none;
    margin: 0px auto;
}

.searchButton {
    text-align: center;
    margin: 15px auto 10px auto;
}

    .searchButton .btn {
        width: auto;
        height: 2.4em;
        margin: 0 5px 0 5px;
        padding: 2px 10px;
    }


/* 各ページ一覧の分類帯 */
.bunruiTtlForSP {
    display: none;
}

/* 各ページ一覧の件数表示部分 */
.kensu {
    text-align: right;
    width: 99%;
    font-size: 0.9em;
    margin: 0 auto 5px auto;
}

/* ページ切替 部分****************/
.changePageLink {
    width: 100%;
    font-size: 0.8em;
    text-align: center;
    margin-top: 15px;
    padding: 5px;
}
    /* ページ切替　選択中ページ */
    .changePageLink span.nowPage {
        /* ※背景色・文字色は色別CSSで定義 */
        /*background-color:#999999;    
    color:#FFFFFF;*/
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 4px 2px 0px;
        padding: 1px;
        text-align: center;
    }
    /* ページ切替　選択可能ページ */
    .changePageLink span.linkPage {
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 4px 2px 0px;
        padding: 1px;
        text-align: center;
    }

        .changePageLink span.linkPage a {
            text-decoration: none;
        }

            .changePageLink span.linkPage a:hover {
                /* ※背景色・文字色は色別CSSで定義 */
                /*color:#FFFFFF;
    background-color:#999999;*/
            }
    /* ページ切替　省略表示 */
    .changePageLink span.ryakuPage {
        border: none 0px;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 4px 2px 0px;
        padding: 1px;
        text-align: center;
    }
/* ページ切替 end****************/

/* 投稿系ボタン */
.toko {
    width: 100px;
    height: 2.4em;
    font-size: 1.1em;
    padding: 3px;
    margin: 0 5px;
}

.indent {
    margin: 0px auto 0px auto;
    height: 0px;
    padding: 0px;
    clear: both;
}

/* 入力チェックエラーメッセージの添え書き */
div.inputErrMsgSoegaki {
    width: 90%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: 0px none;
    /* ※背景色・文字色は色別CSSで定義 */
    /*color:#AF0000;*/
}
/* 入力チェックエラーメッセージ */
div.inputErrMsg {
    width: 90%;
    margin: 0px auto 0px auto;
    padding: 5px 10px;
    text-align: left;
    /* ※背景色・文字色は色別CSSで定義 */
    color: #AF0000;
    border: 1px solid #AF0000;
}

/* 登録等処理結果メッセージ */
.regiActMsg {
    text-align: center !important;
    font-size: 1.1em;
    font-weight: bold;
    padding: 20px 0px;
}

    .regiActMsg .editLink {
        font-weight: normal !important;
        font-size: 0.9em;
        padding: 10px 0px 0px 0px;
    }

/* IME-MODE 有効 */
input.ime-mode-active {
    IME-MODE: active;
}
/* IME-MODE 選択後有効 */
input.ime-mode-inactive {
    IME-MODE: inactive;
}
/* IME-MODE 無効 */
input.ime-mode-disabled {
    IME-MODE: disabled;
}
/* 認証キーの画像 */
.ninsyoImg img {
    vertical-align: bottom;
}

/* add 2011/07/28 Weblio start */
/* Weblio用語解説リンク枠 */
div.div_weblio_rws_ah {
    background-color: #fff;
    border: #c0c0c0 solid 1px;
    margin: 20px 17px;
    padding: 0 2px 0 2px;
}
/* Weblio問い合わせ先 */
p.p_weblio_toiawase {
    margin: 0;
    padding: 1px 0 3px 2px;
    font-size: 0.8em;
}

    p.p_weblio_toiawase a {
        color: #000;
    }
/* add 2011/07/28 end */

/* add 2011/08/25 iwashita preview_soegaki start */
/* プレビュー表示タイトル */
span.preview_title {
    color: #ff0000;
}
/* プレビュー時の添え書き */
span.preview_soegaki {
    color: #ff0000;
    font-weight: bold;
    margin-left: 10px;
    font-size: 0.8em;
}
/* add 2011/08/25 iwashita end */

.preview_label {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px auto;
    width: 99%;
}


/* upd 2013/07/10 SNSボタン表示調整 start */
/* upd 2013/03/22 各snsボタン分 start */
/* add 2012/09/05 SNSボタン表示対応 */

/* SNSボタン表示 */
.snsbutton {
    width: 65%;
    height: 25px;
    margin: 0px auto 10px auto;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    border: none;
    float: left;
}

    .snsbutton li {
        margin-right: 5px;
        margin-top: 5px;
        padding-left: 3px;
        float: left;
        height: 25px;
    }

span.forSR {
    position: absolute;
    left: -1000em;
}

#fb-root {
    display: none;
}
/* add 2012/09/05 end
/* upd 2013/03/22 end */
/* upd 2013/07/10 end */

/* add 2012/12/20 SNSコメント欄表示対応 */
.snsComments {
    width: 95%;
    margin: 20px auto 0px auto;
    padding: 0px;
    border: solid 1px #CCCCCC;
    background-color: #FAF8EF;
}
/* add 2012/12/20 end

/* add 2013/10/09 外部リンク遷移時のクッションページ対応 start */
.jumppage_head {
    width: 100%;
    margin: 0px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    height: 74px;
    background: #015DB2;
}

.jumppage_block {
    width: 85%;
    margin: 40px auto;
    font-size: 0.9em;
    font-weight: bold;
    min-height: 300px;
}

    .jumppage_block a {
        margin-top: 10px;
    }

#jumppage_cp {
    color: #333333;
    border-top: 1px solid #E8E8E8;
    font-size: 0.7em;
    height: 35px;
    line-height: 35px;
    margin: 30px auto 0;
    padding: 7px 0 0;
    text-align: center;
    width: 100%;
}
/* add 2013/10/09 外部リンク遷移時のクッションページ対応 end */


/* 編集権限の課表示 */
.kengen_tantoka {
    margin: 0px auto 5px -10px;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    font-size: 0.8em;
}

    .kengen_tantoka span, .kengen_tantoka dt {
        margin-left: 10px;
        float: left;
    }
    
    .kengen_tantoka dd {
        float: left;
    }

        .kengen_tantoka .tantoka {
            padding-left: 10px;
            font-weight: bold;
            border-left: 1px solid #999999;
        }

        .kengen_tantoka .map {
            margin-left: 20px;
        }
/* 分類ページの問い合わせ先情報表示  */
.class_toi {
    margin: 0px auto 5px -10px;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    font-size: 0.8em;
}

    .class_toi span {
        margin-left: 10px;
        float: left;
    }

div#redirectlink {
    font-size: 0.9em;
    margin: 15px;
    line-height: 1.5em;
    display: none;
}

/*2018-06-01 koba 見出し余白行の調整 見出しの上に自動追加される空行Class*/
div.hupblankline {
    height: 5px;
}

div.h2upblankline {
    height: 5px;
}






/* タブデザイン（新着、ランキングなど） */
.tabMenu {
    width: 100%;
    border-bottom: solid 2px #0065BD;
    margin: 25px auto;
}

    .tabMenu a {
        text-decoration: none;
    }

.menuSel {
    width: 200px;
    height: 32px;
    margin: 0px 0px 0px 20px;
    padding-top: 5px;
    text-align: center;
    border-top: solid 2px #0065BD;
    border-left: solid 2px #0065BD;
    border-right: solid 2px #0065BD;
    position: relative;
    top: 2px;
    float: left;
}

.menuNoSel {
    width: 200px;
    height: 32px;
    margin: 0px 0px 0px 20px;
    padding-top: 5px;
    text-align: center;
    border: solid 2px #0065BD;
    position: relative;
    top: 2px;
    float: left;
}

/* テーブルリスト */
TABLE.table1 th, TABLE.table2 th {
    background-color: var(--color-bg-entry);
}

/* サブタイトル（サイトマップ） */
.titleBox {
    margin-bottom: 10px;
    padding: 3px 10px;
    font-size: 1.05em;
    font-weight: bold;
    background-color: var(--color-sitemap-h3);
}

/* 入力フォーム 設問 （entry） */
.inputfrm_q_title {
    width: 93%;
    margin: 20px auto 5px auto;
    padding: 7px 20px 7px 3px;
    font-weight: bold;
    border-top: solid 3px #0066BD;
    background-color: var(--color-bg-entry);
}

/* 新着表示マーク */
.newdspmark {
    margin-right: 3px;
}

    .newdspmark img {
        margin-right: 2px;
    }

/*記事アンケート*/
div.enq_m {
    margin-top: 20px;
    padding: 10px;
}

div.enq_text {
    padding-left: 8px;
}

    div.enq_text p {
        font-size: 1.1em;
        font-weight: bold;
        line-height: 24px;
        display: inline-block;
    }

div.enq_form {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    padding: 20px;
}

    div.enq_form div.memo {
        margin-bottom: 13px;
    }

    div.enq_form div.memo2 {
        line-height: 150%;
        padding: 7px;
        margin-bottom: 13px;
    }

table.enq_s {
    width: 100%;
}

    table.enq_s th {
        line-height: 32px;
        padding: 0 0 0 30px;
        background: url("../images/ya_enq.gif") no-repeat 12px center;
        /* ※背景色は色別CSSで定義 */
        /*background-color:#E6F1F7;*/
    }

    table.enq_s td {
        padding: 5px 30px 13px;
    }

        table.enq_s td input {
            vertical-align: middle;
        }

        table.enq_s td label {
            vertical-align: middle;
            padding-left: 5px;
            margin-right: 20px;
        }

    table.enq_s textarea {
        width: 100%;
        box-sizing: border-box;
    }

.link_maincont {
    font-size: 0.8em;
    font-weight: normal;
    text-align: right;
    position: absolute;
    right: 19px;
    top: -20px;
    background: url("../images/top1/ya_w.gif") no-repeat 0px center;
    padding-left: 10px;
}

    .link_maincont a:link {
    }
/* upd 2013/12/24 start */
#header .link_maincont a:hover {
}

#header .link_maincont a:visited {
}
/* upd 2013/12/24 end */

table.lookmap_link {
    border: solid 1px #4682B4;
    width: 300px !important;
    margin: 5px auto;
}

    table.lookmap_link td.itemtitle {
        background-color: #A8CCF0;
        text-align: center;
        width: 120px;
    }

    table.lookmap_link td.link {
        background-color: #FFFFFF;
        text-align: left;
        width: 180px;
    }

table.lookmap_links {
    border: solid 1px #4682B4;
    width: 100% !important;
    margin: 15px auto;
}

    table.lookmap_links td.itemtitle {
        background-color: #A8CCF0;
        text-align: center;
        width: 120px;
    }

    table.lookmap_links td.link {
        background-color: #FFFFFF;
        text-align: left;
    }

        table.lookmap_links td.link a {
            margin-left: 20px;
        }


/* パーソナライズ ログイン名表示 */
#personalize_login_area {
    width: 980px;
    margin: 5px auto 0px auto;
}

    #personalize_login_area .login_name {
        font-size: 0.75em;
        margin: 0px;
        text-align: left;
        float: right;
        word-break: break-all;
    }


/* 記事評価等アンケートiframe */
iframe#kijiEnqArea {
    width: 100%;
}

body#kijiEnqBody {
    overflow: hidden;
}

#kijiEnqWrap {
    font-size: 0.9em;
    overflow: hidden;
    max-width: 1100px;
    margin: 0px auto;
}

fieldset {
    border: solid 1px #CDCDCD;
    padding: 5px;
}

legend {
    margin-left: 5px;
}

/***********************************************************************************
　 ↑共通部分 end↑
************************************************************************************/

/***********************************************************************************
    簡素表示 start
************************************************************************************/
.haikeiSimple {
    width: 100% !important;
    min-width: 300px !important;
}

.containerSimple {
    max-width: 1100px !important;
    width: 100% !important;
    min-height: 200px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.pankuzuBlockSimple {
    max-width: 1100px !important;
    margin: 0px auto;
}

.pankuzuSimple {
    margin: 0px auto;
}

.mainBlockSimple, .maincontSimple, .cont_bodySimple {
    max-width: 1100px !important;
}

@media screen and (min-width:768px) {
    .pankuzuSimple {
        width: 98% !important;
        width: -webkit-calc(100% - 18px) !important;
        width: calc(100% - 18px) !important;
    }

    .mainBlockSimple, .maincontSimple, .cont_bodySimple {
        min-height: 200px !important;
        width: 99% !important;
        width: -webkit-calc(100% - 8px) !important;
        width: calc(100% - 8px) !important;
    }
}

@media screen and (max-width:767px) {
    .pankuzuSimple {
        width: 99% !important;
        width: -webkit-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }

    .mainBlockSimple, .maincontSimple, .cont_bodySimple {
        width: 99% !important;
        width: -webkit-calc(100% - 2px) !important;
        width: calc(100% - 2px) !important;
    }
}

.headerSimple {
    max-width: 1200px !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 auto;
}

    .headerSimple img {
        max-width: 100% !important;
    }

.cont_bodySimple .kensu {
    max-width: 1000px !important;
    font-size: 0.9em;
    margin: 0 auto 5px auto;
    width: 95%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.cont_bodySimple .relogin_msg {
    margin: 5px auto;
    text-align: left;
}

@media screen and (min-width:768px) {
    .cont_bodySimple .relogin_msg {
        width: 60%;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }
}

@media screen and (max-width:767px) {
    .cont_bodySimple .relogin_msg {
        width: 60%;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }
}

.cont_bodySimple .relogin_linktotop {
    padding: 20px 0px;
    margin: 0px auto;
    text-align: center;
}

.cont_bodySimple .kijilist .upddate {
    display: block !important;
    float: left !important;
}

.cont_bodySimple .kijilist .title {
    float: left !important;
}

@media screen and (min-width:768px) {
    .cont_bodySimple .kijilist {
        width: 97% !important;
        /*max-width: 935px !important;*/
        width: -webkit-calc(97% - 11px) !important;
        width: calc(97% - 11px) !important;
    }
}

@media screen and (max-width:767px) {
    .cont_bodySimple .kijiArea {
        padding: 10px 4px !important;
    }

    .cont_bodySimple .kijilist {
        width: 94% !important;
        max-width: 94% !important;
    }

        .cont_bodySimple .kijilist .upddate {
            width: 90% !important;
        }
}

.msgSimple {
    padding: 5px 10px;
    text-align: center;
    width: 98%; /* IE8以下とAndroid4.3以下用フォールバック */
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

#copyrightSimple {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 0.75em;
    padding: 2px 0px;
    margin: 30px auto 0px auto;
    border-top: solid 1px #E8E8E8;
}
/***********************************************************************************
    簡素表示 end
************************************************************************************/

/* wysiwyg */
#mainShosai table.__wys_table {
    width: auto;
}
    #mainShosai table.__wys_table th p,
    #mainShosai table.__wys_table td p {
        margin-bottom: 0px;
    }

.__wys_table td {
    border: solid 1px #9fa09e;
    padding: 3px;
}

.__wys_table th {
    background-color: #eeffee;
    border: 1px solid #9fa09e;
    font-weight: bold;
    padding: 3px;
}

/*** 埋め込み地図 ***/

/* ※2018/08/20：googleマップへのリンクを埋め込む分の高さを追加 */

/*マップの枠*/
div.iframeMapWaku_S_setLeft {
    width: 41%;
    float: left;
    margin-right: 6px;
    /*height: 400px;*/
    height: 430px;
}

div.iframeMapWaku_S_setCenter {
    width: 100%;
    text-align: center;
    /*height: 400px;*/
    height: 430px;
}

div.iframeMapWaku_S_setRight {
    width: 41%;
    float: right;
    /*height: 400px;*/
    height: 430px;
}


div.iframeMapWaku_M_setLeft {
    width: 62%;
    float: left;
    margin-right: 6px;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_M_setCenter {
    width: 100%;
    text-align: center;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_M_setRight {
    width: 62%;
    float: right;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_L_setLeft {
    width: 100%;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_L_setCenter {
    width: 100%;
    text-align: center;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_L_setRight {
    width: 100%;
    /*height:600px;*/
    height: 630px;
}

/*マップ*/
div.iframeMapWaku_S_setLeft iframe.iframemap {
    width: 100%;
    /*height: 400px;*/
    height: 430px;
}

div.iframeMapWaku_S_setCenter iframe.iframemap {
    width: 41%;
    /*height: 400px;*/
    height: 430px;
}

div.iframeMapWaku_S_setRight iframe.iframemap {
    width: 100%;
    /*height: 400px;*/
    height: 430px;
}


div.iframeMapWaku_M_setLeft iframe.iframemap {
    width: 100%;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_M_setCenter iframe.iframemap {
    width: 62%;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_M_setRight iframe.iframemap {
    width: 100%;
    /*height:600px;*/
    height: 630px;
}


div.iframeMapWaku_L_setLeft iframe.iframemap {
    width: 84%;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_L_setCenter iframe.iframemap {
    width: 84%;
    /*height:600px;*/
    height: 630px;
}

div.iframeMapWaku_L_setRight iframe.iframemap {
    width: 84%;
    /*height:600px;*/
    height: 630px;
}

/*マップ代替表示*/
div.mapObj {
    background: url(../images/map_alternate.png) no-repeat center center #a9a9a9;
    display: inline-block;
    position: relative;
}

div.iframeMapWaku_S_setLeft div.mapObj, div.iframeMapWaku_S_setRight div.mapObj {
    width: 100%;
    height: 400px;
}

div.iframeMapWaku_S_setCenter div.mapObj {
    width: 41%;
    height: 400px;
}

div.iframeMapWaku_M_setLeft div.mapObj, div.iframeMapWaku_M_setRight div.mapObj {
    width: 100%;
    height: 600px;
}

div.iframeMapWaku_M_setCenter div.mapObj {
    width: 62%;
    height: 600px;
}

div.iframeMapWaku_L_setLeft div.mapObj, div.iframeMapWaku_L_setRight div.mapObj, div.iframeMapWaku_L_setCenter div.mapObj {
    width: 84%;
    height: 600px;
}

div.mapObj p {
    text-align: left;
    font-size: 0.9em;
    background-color: #ffffff;
    color: #ee0000;
    position: absolute;
    top: 40px;
    left: 10px;
    right: 10px;
    padding: 5px;
}

div#map div.mapObj {
    width: 100%;
    height: 100%;
}

/* 簡易地図の代替表示 start */
div.mapNoApiObj {
    width: 84%;
    max-width: 420px;
    height: 400px;
}

    div.mapNoApiObj div {
        background: url(../images/mapnoapi_alternate.png) no-repeat center center #a9a9a9;
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        div.mapNoApiObj div p {
            text-align: left;
            font-size: 0.9em;
            background-color: #ffffff;
            color: #ee0000;
            position: absolute;
            top: 40px;
            left: 10px;
            right: 10px;
            padding: 5px;
        }
/* 簡易地図の代替表示 end */

div.futurePreview {
    background: #f0f8ff;
    color: #191970;
    padding: 10px;
    border: solid 3px #191970;
}

div.previewDate {
    font-weight: bold;
    font-size: 1.3em;
    float: left;
    line-height: 41px;
}

input.futurePreviewLink {
    padding: 7px 15px;
    font-size: 0.9em;
    float: right;
}

/* スマホ用パーツ非表示（レスポンシブル対応） */
#footerAreaSP {
    display: none;
}

#footerPankuzu, div[id^="footerPankuzu_"] {
    display: none;
}

#imgHeaderSP {
    display: none;
}

#headerForPCTopIcon {
    display: none;
}

#headerAreaSP {
    display: none;
}

/*L-Alert内容表示用 start */
#pcx_detail, .pcx_detail {
    width: 100%;
    border: 1px solid #F5D6D6;
}

#pcx_detail th, #pcx_detail td, .pcx_detail th, .pcx_detail td {
    padding: 6px;
}

#pcx_detail th, .pcx_detail th {
    border-top: 1px solid #DA5054;
    border-bottom: 1px solid #DA5054;
    border-right: 1px solid #DA5054;
    border-left: 1px solid #DA5054;
    width: 15%;
    text-align: center;
}

#pcx_detail td, .pcx_detail td {
    border-top: 1px solid #DA5054;
    border-bottom: 1px solid #DA5054;
    border-right: 1px solid #DA5054;
    border-left: 1px solid #DA5054;
    width: 85%;
}

/*#pcx_detail tr:first-child th, .pcx_detail tr:first-child th{
    border-top:none;
}*/

.evacuation_bold {
    font-weight: bold;
}

/*L-Alert内容表示用 end */

/* L-Alert内容表示用 ver2.1 避難情報 start */
#pcx_evacuation, .pcx_evacuation {
    width: 100%;
    border: 1px solid #F5D6D6;
}

#pcx_evacuation th, #pcx_evacuation td, .pcx_evacuation th, .pcx_evacuation td {
    padding: 6px;
}

#pcx_evacuation th, .pcx_evacuation th {
    border-top: 1px solid #DA5054;
    border-bottom: 1px solid #DA5054;
    border-right: 1px solid #DA5054;
    border-left: 1px solid #DA5054;
    width: 20%;
    text-align: center;
}

#pcx_evacuation td, .pcx_evacuation td {
    border-top: 1px solid #DA5054;
    border-bottom: 1px solid #DA5054;
    border-right: 1px solid #DA5054;
    border-left: 1px solid #DA5054;
    width: 40%;
}

/*#pcx_evacuation tr:first-child th, .pcx_detail tr:first-child th{
    border-top:none;
}*/

/* L-Alert内容表示用 ver2.1 避難情報 end */

/* 動画関連 */
.youtubeArea, .ustreamArea {
    display: inline-block;
}

div.youtubeObj {
    background: url(../images/youtube_alternate.png) no-repeat center center #a9a9a9;
}

div.ustreamObj {
    background: url(../images/ustream_alternate.png) no-repeat center center #a9a9a9;
}

div.youtubeObj, div.ustreamObj {
    display: inline-block;
    position: relative;
}

    div.youtubeObj p, div.ustreamObj p {
        text-align: left;
        font-size: 0.8em;
        background-color: #ffffff;
        color: #ff0000;
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        padding: 5px;
    }

/* カレンダータイトル表示用 start */

h1.cal_title {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0px 0px 15px 15px
}

/* カレンダータイトル表示用 end */

/* マイページ */
.kijiArea .kijilist .loadbox .mypage_title {
    width: auto;
}

/****
移行用スタイル↓
****/
/*段落タイトル*/
/*段落見出しタイトル*/
div.migration h3.smallTitle {
    padding: 0 0 4px 21px;
    margin-bottom: 16px;
    font-size: 1.1em;
    line-height: 24px;
    border-bottom: dashed 1px #B1B0AF;
    background: url("../images/CssColorType/h3Ttl.gif") no-repeat 7px center;
}

/****
 ↑移行用スタイル↑
****/

/****
 ↓記事一覧2列表示↓
****/
.col2 {
    float: left;
    width: 46%;
}

.kijiArea.kanrenKijiArea > ul > li.noborder {
    border: none;
    background: url("../images/ya_orange.png") no-repeat scroll 5px 15px;
    padding-left: 18px;
}

    .kijiArea.kanrenKijiArea > ul > li.noborder:before {
    }

.kijiArea .mainblock > div.title.title-col2 {
    width: 98%;
}

.kijiArea.kanrenKijiArea > ul > li > div.mainblock > div.title.title-col2 > span.upddate.float-none {
    float: none;
}
/****
 ↑記事一覧2列表示↑
****/

.forSightseeing {
    float: left;
    width: 30%;
}


/****
 ↓記事一覧 観光用表示↓
****/
.kijiArea.kanrenKijiArea > ul > li.forSightseeing.noborder {
    border: none;
    background: none;
}

#cont_body > div.wideMenu > div.kijiArea.kanrenKijiArea > ul.forSightseeingUL {
    width: 100%;
    padding: 0px;
}

    #cont_body > div.wideMenu > div.kijiArea.kanrenKijiArea > ul.forSightseeingUL li {
        height: 340px;
    }

#cont_body > div.wideMenu > div.kijiArea.kanrenKijiArea > ul > li.forSightseeing > div.mainblock > p {
    float: none;
    text-align: center;
    height: 140px;
    line-height: 140px;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #CCCCCC;
}

    #cont_body > div.wideMenu > div.kijiArea.kanrenKijiArea > ul > li.forSightseeing > div.mainblock > p img {
        max-height: 130px;
        vertical-align: middle;
    }

.sightseeingTitle, .sightseeingGaiyou {
    width: 260px;
    margin: 0 auto;
}

/* Youtube埋め込み */
.youtubeMovieWaku {
}

    .youtubeMovieWaku iframe {
    }

/* 大地図画面 *****************************/
.large_map {
    width: 100%;
    max-width: 1050px;
}

    .large_map .mapIcon {
        margin: 7px 2px 0 0;
    }

    .large_map div#dataListForSP {
        width: 99%;
        height: auto;
        overflow: visible;
        border: solid 1px #CCCCCC;
        margin: 28px auto 0px auto;
    }

    .large_map #mapArea #map.noDspBunrui {
        width: 1050px !important;
    }

    .large_map #dataList.noDspBunrui {
        width: 1043px !important;
        float: left !important;
        margin: 4px 2px 2px 0px !important;
    }

    .large_map div#clickMsg {
        position: absolute;
        /*left: 115px;*/
        left: 200px;
        z-index: 1000;
        top: 10px;
        font-size: 0.8em;
        /* ※背景色は色別CSSで定義 */
        /*background:#FFFFFF;*/
        padding: 3px 2px;
        border: solid 1px #BCBCBC;
    }

    .large_map div#loading {
        background: #FFFFFF;
        position: absolute;
        top: 40%;
        left: 40%;
        width: 100px;
        text-align: center;
        padding: 10px;
        border: solid 1px #BCBCBC;
    }

    .large_map #masterArea {
        font-size: 0.9em;
        line-height: 120%;
        padding: 10px 6px 30px 6px;
        text-align: left;
        vertical-align: middle;
    }
/** レスポンシブ **/
@media screen and (min-width:1121px) {
    .large_map #masterArea {
        width: 178px;
        margin: 0px 6px 20px 0px;
        float: left;
    }

        .large_map #masterArea #mapMasterTtl {
            display: none;
        }

        .large_map #masterArea #masterbox {
            display: block !important;
        }

    .large_map div#mapArea {
        float: left;
        position: relative;
        margin-right: 6px;
    }

    .large_map div#map {
        height: 500px;
        position: relative;
    }

    .large_map div.dspMap {
        width: 845px;
    }

    .large_map div#dataList {
        overflow: auto;
        float: right;
        width: 843px;
        margin: 4px 7px 2px 2px;
    }

    .large_map #mapArea #map.noDspBunrui {
        width: 1050px !important;
    }

    .large_map #dataList.noDspBunrui {
        width: 1048px !important;
        float: left !important;
        margin: 4px 7px 2px 2px !important;
    }
}

@media screen and (max-width:1120px) {
    .large_map #masterArea {
        width: 98%;
        max-width: 1035px;
        line-height: 1.6em;
        margin: 0px auto;
        float: none;
    }

        .large_map #masterArea #mapMasterTtl {
            display: block;
            border: solid 1px #CCCCCC;
            padding: 10px;
            margin: 15px 0px 0px 0px;
            font-weight: bold;
        }

            .large_map #masterArea #mapMasterTtl img {
                float: right;
            }

        .large_map #masterArea #masterbox {
            display: none;
            margin: 0px auto 10px auto;
            border-right: 1px solid #CCCCCC;
            border-bottom: 1px solid #CCCCCC;
            border-left: 1px solid #CCCCCC;
            padding: 5px 2px 15px 8px;
        }

    .large_map div#mapArea {
        float: none;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }

    .large_map div#map {
        height: 500px;
        position: relative;
        margin: 0px auto;
    }

    .large_map div.dspMap {
        width: 99% !important;
        max-width: 1085px !important;
        margin: 0px auto;
    }

    .large_map div#dataList {
        overflow: auto;
        float: none;
        width: 99% !important;
        max-width: 1033px !important;
        margin: 4px auto 2px;
    }

    .large_map #mapArea #map.noDspBunrui {
        width: 99% !important;
        max-width: 1035px !important;
        margin: 0px auto;
    }

    .large_map #dataList.noDspBunrui {
        overflow: auto;
        float: none;
        width: 99% !important;
        max-width: 1033px !important;
        margin: 4px auto 2px !important;
    }
}



.large_map .mapkijilist {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.2em;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    flex-wrap: wrap;
}

    .large_map .mapkijilist li {
        float: left;
        margin: 0px;
        padding: 7px 3px 5px 3px;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        width: 48%;
        width: -webkit-calc(50% - 8px);
        width: calc(50% - 8px);
    }

        .large_map .mapkijilist li.item0 {
        }

        .large_map .mapkijilist li.item1 {
            border-right: 1px solid #CCCCCC;
        }

    .large_map .mapkijilist .thumbnail {
        float: left;
        width: 60px;
        overflow: hidden;
        margin: 3px 3px 1px 8px;
    }

        .large_map .mapkijilist .thumbnail img {
            width: 60px;
        }

    .large_map .mapkijilist .title {
        float: left;
    }

        .large_map .mapkijilist .title a {
            margin-left: 3px;
        }

        .large_map .mapkijilist .title img {
            vertical-align: middle;
        }

    .large_map .mapkijilist .link {
        text-align: right;
        margin: 2px 6px 0 0;
    }

        .large_map .mapkijilist .link img {
            vertical-align: bottom;
        }

.large_map .kensu {
    width: auto;
    margin-right: 5px;
    float: right;
}

.large_map .kensuForSP {
    width: 98%;
    margin: 3px auto;
    text-align: center;
    float: right;
}

.large_map .changePageLink {
    width: auto;
}
/* ポイント一覧 読み込み中 */
.large_map .mapPListLoading {
    padding: 5px;
    text-align: center;
    font-size: 0.9em;
    margin: 2px;
}
/* 地図上にデータなし */
.large_map .mapOnNoData {
    padding: 5px;
    text-align: center;
    font-size: 0.9em;
    margin: 2px;
}

/* 大地図吹き出し *****************************/
.large_map .infoWindowTitle {
    font-size: 0.95em;
}

.large_map .infoWindowNaiyou {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 5px;
}

.large_map .infoWindowPic {
    margin-top: 5px;
    text-align: center;
}

    .large_map .infoWindowPic img {
        max-width: 120px;
    }

/* 大地図添え書き */
.large_map .ann_upper, .large_map .ann_bottom {
    width: auto;
    float: left;
    margin: 5px;
}

/* 地図分類のアイコン */
.large_map #masterArea #masterbox .mapIcon img {
    margin-right: 3px;
    vertical-align: middle;
}



/***** 分類セット追加CSS *****/
/* 分類セット名（サンプル分類セットID:999） */
.clset999 h1.classSetTitle {
    display: none !important;
    background-image: none !important;
    height: auto !important;
    font-size: 1.8em !important;
    padding-left: 30px !important;
    line-height: 1.8em !important;
    width: 95%;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    position: relative;
    padding: 0.25em 0 0.5em 0.75em;
}

    .clset999 h1.classSetTitle::before {
        position: absolute;
        left: -8px;
        bottom: 0;
        content: '';
        width: 8px;
        height: 50%;
    }

    .clset999 h1.classSetTitle::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 0;
    }
/* 分類名 */
.clset999 h2.midashi {
    background-color: #A9A9A9 !important;
}

    .clset999 h2.midashi a {
        color: #ffffff !important;
    }
/* 分類セット内フリーエリア 画像 */
.clset999 .freeArea img {
    max-width: 100% !important;
}
/* 分類セット内フリーエリア タイトル */
.clset999 .freeArea h2.title {
    width: 97%;
    width: -webkit-calc(100% - 37px);
    width: calc(100% - 37px);
    border: none !important;
    position: relative;
    padding: 5px 0px 5px 35px !important;
}
/* 分類セット内フリーエリア サブタイトル */
.clset999 .freeArea h3.title {
    background-image: none !important;
    width: 95%;
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin-left: 10px !important;
    padding-left: 10px !important;
    position: relative;
}

    .clset999 .freeArea h3.title::before {
        position: absolute;
        left: -8px;
        bottom: 0;
        content: '';
        width: 8px;
        height: 50%;
    }

    .clset999 .freeArea h3.title::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 0;
    }
/* 分類セット内フリーエリア テーブル */
.clset999 .freeArea .__wys_table th {
    border-width: 2px !important;
}

.clset999 .freeArea .__wys_table td {
    border-width: 2px !important;
}

.wys_audio_template_list {
    width: 100%;
}

.wys_audio {
    width: 100%;
}

.audio_toolbar {
    width: 100% !important;
}


/* 注目情報 */
ul.classUmu {
    margin: 0px;
    padding: 0px;
    line-height: 19px;
    width: 91px;
    display: inline-block;
}

    ul.classUmu li {
        margin: 0px;
        padding: 0px;
        width: 91px;
        display: inline-block;
        line-height: 19px;
    }

        ul.classUmu li.ari a, ul.classUmu li.ari span {
            background: url("../images/bousai/icon_ari.png") no-repeat 0px center;
            padding: 0px 0px 0px 94px;
        }

        ul.classUmu li.nashi a, ul.classUmu li.nashi span {
            background: url("../images/bousai/icon_nashi.png") no-repeat 0px center;
            padding: 0px 0px 0px 94px;
        }

/* Lアラート防災情報埋め込み start */
#pcx_embed_iframe {
    width: 100%;
}

@media screen and (min-width:768px) {
    #pcx_embed_iframe {
        height: 60vh;
    }
}

@media screen and (max-width:767px) {
    #pcx_embed_iframe {
        height: 30vh;
    }
}
/* Lアラート防災情報埋め込み end */

/*360°VR画像対応*/
.wys_iframe {
    width: 100% !important;
    height: calc(100vw / 2); /* 画面幅の半分 */
}

/*Yahoo!カレンダー・Googleカレンダー リンク部分*/
#calendarLink {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.yahooCalendarLink {
    height: 40px;
    background: url("../images/calendar.png") no-repeat left 9px;
    background-size: 27px;
    padding-left: 32px;
    background-position-y: top;
}

.googleCalendarLink {
    height: 40px;
    background: url("../images/calendar.png") no-repeat left 9px;
    background-size: 27px;
    padding-left: 32px;
    background-position-y: top;
}



/* 旧stylesheetForSPスタイルここから*/


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


    a {
        text-decoration: none;
    }



    /* ※文字色は色別CSSで定義 */
    /*A:link			{color:#1F4CA5}*/ /* リンク色:青 */
    /*A:visited		{color:#800080}*/ /* ブリンク色:紫 */
    /* A:alink			{color:#FF0000} */ /* クリック色:赤 */
    /* A:active		{color:red} */ /* 赤 */

    body {
    /*  通常の背景と文字色はdefault_body.cssで指定
        独立サイトは*_body.cssで指定
    background-color:#******;
    color:#******;
    */
    min-width: 0 !important;
}

    /* 問合せ先等の電話番号リンク スマホサイズではリンクあり */
    body[class^="haikei"] a[href^="tel:"] {
    }

.teltoon {
    margin-left: 0px !important;
}

.teltooff {
    display: none !important;
}

#cont_body img {
    max-width: 100%;
}

#cont_body table {
    width: 100% !important;
}

    #cont_body table th, #cont_body table td {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        word-break: break-all;
    }

        #cont_body table th p, #cont_body table td p {
            margin-left: 2px !important;
            margin-right: 2px !important;
        }

#cont_body img {
    max-width: 100% !important;
    height: auto !important;
}

#cont_body .kijiArea img {
    max-width: 100px !important;
}

/* googleカスタム検索サムネイル画像 */
#cont_body img.gs-image {
    max-width: 60px !important;
}

/* foreign、音声読み上げ */
#foreign, #mainYomi {
    display: none;
}

/***********************************************************************************
　 ↓デザイン変更部分 start（各サイト毎にデザイン反映必要）↓
************************************************************************************/

/*-- ヘッダー部分（通常） -------------------------------------- */


/* add 2012/12/27 uemoto 災害時トップページ切り替え対応 start */
#headerSP a {
    text-decoration: none;
    color: #333333;
}
/* add 2012/12/27 uemoto end */


/* パン屑リスト部分 */
#pankuzu, #footerPankuzu {
    width: 98%;
    margin: 0px auto;
    text-align: left;
    font-size: 0.9em;
}

    #pankuzu .pankuzu-inner, #footerPankuzu .pankuzu-inner {
        text-align: left;
        margin: 0px 5px 10px 0px;
    }

    #pankuzu .pankuzu-multiline {
    }

    #pankuzu .pankuzu-last {
    }

.pankuzu-toggle {
    display: none;
}

.pankuzu-more {
    font-size: 0.9em;
    width: 99%;
    text-align: right;
    margin: 2px auto;
}

    ul.pankuzu-item {
        display: table;
        font-size: 0.8rem;
    }

    ul.pankuzu-item li {
        float: left;
        margin: 0 10px 0 0;
    }

        ul.pankuzu-item li:first-child::before {
            padding: 0 3px 0 0;
            content: "";
        }

        ul.pankuzu-item li::before {
            padding: 0 10px 0 0;
            content: "＞";
        }


/*全体枠*/
#container {
    width: 99%;
    margin: 5px auto 0 auto;
    padding-bottom: 10px;
}

#mainBlock {
    width: 95%;
}

/*ホーム、戻るボタン*/
#headerTtl .navibtn {
    width: 100%;
    float: right;
    text-align: right;
    padding: 10px 20px 10px 0px;
}

    #headerTtl .navibtn img {
        margin: 5px 2px 2px 1px;
    }

/*-- ヘッダー部分（会員） -------------------------------------- */
/*会員機能を使う場合は定義*/
/* add 2012/09/05 会員専用コンテンツ対応 start ******/
#headerAreaMember {
}

#headerMember {
}

/* パン屑リスト部分 */
#pankuzuMember {
}

    #pankuzuMember .pankuzu-innerMember {
    }

/*全体枠*/
#containerMember {
}

/*ページタイトル*/
#headerTtlMember {
}

    #headerTtlMember H1 {
    }

    /*ホーム、戻るボタン*/
    #headerTtlMember .navibtn {
    }

        #headerTtlMember .navibtn img {
        }

/*フッター部分*/
#copyrightMember {
}

/* 会員専用コンテンツ ログイン中の会員名 */
.memberLoginNameMember {
    width: 95%;
    text-align: right;
    margin: 0px auto 0px auto;
    font-size: 0.8em;
    white-space: nowrap;
}

.memberLoginName {
    width: 95%;
    text-align: right;
    margin: 0px auto 0px auto;
    font-size: 0.8em;
    white-space: nowrap;
}

.memberTopLink {
    text-align: center;
    padding: 0px;
    margin: 5px auto 5px auto;
    font-size: 0.8em;
}

/* add 2012/09/05 end *******************************/



/*-- ヘッダー部分（独立サイト） -------------------------------------- */



/***********************************************************************************
　 ↑デザイン変更部分 end↑
************************************************************************************/



/***********************************************************************************
　 ↓共通部分 start（基本的に変更する必要なし）↓
************************************************************************************/


/* 各ページ内容部分 */
#cont_body {
    width: 98%;
    margin: 20px auto 0;
    line-height: 1.5;
}

    #cont_body p {
        margin: 5px 5px 5px 5px;
        float: none;
    }


/* add 2012/10/03 ページ概要のcss設定 start */
/* ページ概要（ヘッダー）の表示領域 */
div.gaiyobun_header {
    width: 100%;
    padding: 0px;
    margin: 0px auto 20px auto;
}
/* ページ概要（フッター）の表示領域 */
div.gaiyobun_footer {
    width: 100%;
    padding: 0px;
    margin: 20px auto 0px auto;
}
/* add 2012/10/03 end */

/* カテゴリーグループ リンクメニュー */
.catGroup {
    width: 95%;
    margin: 5px auto 5px auto;
    /*max-width: 650px;*/
}

    .catGroup td {
        width: 100%;
        vertical-align: top;
        text-align: left;
        display: block;
        float: left;
    }

    .catGroup tr:first-child td:first-child .catgrouplink_a,
    .catGroup tr:first-child td:first-child .catgrouplink_b {
        border-top: solid 1px #CCCCCC;
    }

@media screen and (min-width:768px) {
    .catGroup {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .catGroup {
        display: none;
    }
}

/* 分類リンクメニュー */
.bunruiLink {
    width: 100%;
    padding: 0;
    background-color: transparent;
    /* ※背景色は色別CSSで定義 */
}

.bunruiTtlForSP {
    display: block;
    background-color: #433d3c;
    color: #FFFFFF;
    padding: 3px 5px;
}

.bunruiLink .menuList {
    width: 95%;
    margin: 0 auto 0 auto;
}

.bunruiLink .menuItem, .menuItem2 {
    padding: 0px 0px;
    margin-left: 2px;
    text-align: left;
    vertical-align: top;
    width: 100%;
    float: left;
    background: url("../images/down_arrow.gif") no-repeat 97% center;
    border-bottom: solid 1px #cccccc;
    display: block;
}

    .bunruiLink .menuItem, .menuItem2 a {
        width: 90% !important;
        height: 100% !important;
        display: block !important;
        padding: 5px 10px 5px 0px !important;
        text-decoration: none;
    }

    .bunruiLink .menuItem, .menuItem2 span {
        width: 90% !important;
        height: 100% !important;
        display: block !important;
        padding: 5px 10px 5px 0px !important;
    }

/* 各ページ一覧部分　大枠 */
#main {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0;
}
/* 各ページ詳細基本項目部分 大枠*/
#mainBaseInfo {
    width: 95%;
    margin: 20px auto 0px auto;
    padding: 0;
}
/* 各ページ詳細内容部分 大枠*/
#mainShosai {
    width: 95%;
    margin: 20px auto 0px auto;
    padding: 0;
}
/*更新日・担当課情報部分*/
.kijiSubInfo {
    width: 100%;
}
/* 最終更新日部分 */
.updDate {
    text-align: right;
    margin: 5px 10px 5px auto;
    font-size: 0.75em;
    display: block;
}
/* 問い合わせ部分 */
#toiawaseInfo,
.toiawaseInfo {
    text-align: left;
    border: solid 1px #CCCCCC;
    margin: 25px auto 5px auto;
    padding: 0px;
    font-size: 0.9em;
    width: 95%;
}

    #toiawaseInfo .toiText,
    .toiawaseInfo .toiText {
        font-weight: bold;
        padding: 5px 10px;
    }

        #toiawaseInfo .toiText.toiSpt,
        .toiawaseInfo .toiText.toiSpt {
            border-bottom: solid 1px #CCCCCC;
        }

    #toiawaseInfo .toiKugiri,
    .toiawaseInfo .toiKugiri {
        background-color: #CCCCCC;
        height: 1px;
        padding: 0;
    }

    #toiawaseInfo .toiData,
    .toiawaseInfo .toiData {
        padding: 5px;
        word-break: break-all;
    }

/*「ページの先頭へ」部分*/
#pagetop {
    width: 100%;
    margin: 25px auto 0 auto;
    text-align: right;
}

    #pagetop a {
        font-size: 0.8em;
        letter-spacing: 1px;
        text-decoration: none;
        background: url("../images/arrow_up.gif") no-repeat left center;
        padding-left: 13px;
    }
/* add 2013/09/04 goto Wysiwygにページの先頭リンクの対応 start */
.pagetop {
    width: 100%;
    margin: 5px auto;
    text-align: right;
}

    .pagetop a {
        font-size: 0.8em;
        letter-spacing: 1px;
        text-decoration: none;
        background: url("../images/arrow_up.gif") no-repeat left center;
        padding-left: 13px;
    }
/* add 2013/09/04 goto end */

/*フッターのホーム、戻るボタン*/
#footerbtn {
    width: 100%;
    float: right;
    text-align: right;
    padding: 5px 25px 0px 0px;
}

    #footerbtn img {
        margin: 0px 2px 0px 1px;
    }


/* テーブルリスト（loc,word_l等で使用） */
TABLE.table1 {
    border-collapse: collapse;
    border: 0px;
}

    TABLE.table1 tr {
        border-bottom: solid 1px #CCCCCC;
    }

    TABLE.table1 th {
        display: none;
        line-height: 1.4;
    }

    TABLE.table1 td {
        padding: 0px;
        border: 0px;
        display: block;
        line-height: 1.4;
    }

    /* locの災害情報表示用 */
    TABLE.table1 tr.saigai {
        display: none;
    }

    TABLE.table1 td.shisetu, TABLE.table1 td.jishin,
    TABLE.table1 td.kozui, TABLE.table1 td.takashio,
    TABLE.table1 td.dosha {
        display: none;
    }

/* table2はスマホ版でもPCと同様にtable表示する用（toukei3,nyusatsuで使用） */
TABLE.table2 {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}

    TABLE.table2 th {
        /* ※背景色は色別CSSで定義 */
        /*background-color:#fcefca;*/
        text-align: center;
        font-weight: bold;
        padding: 3px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
    }

    TABLE.table2 td {
        padding: 5px 7px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
    }
/* フォーム系のテーブルリスト（faq2,bbs,entry等で使用） */
TABLE.formTable {
    width: 95%;
    margin: 0px auto 0px auto;
}

    TABLE.formTable th {
        text-align: left;
        padding: 5px 3px 5px 50px;
        display: block;
        width: auto;
    }

#cont_body TABLE.formTable th.hissu {
    background-image: url("../images/hissu.gif");
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: left;
    padding: 5px 3px 5px 50px !important;
    display: block;
    width: auto;
}

TABLE.formTable th span.hissuForm, .inputfrm_q_title span.hissuForm {
    padding: 1px 5px;
    border: solid 2px #b7282e;
    margin-left: 5px;
}

TABLE.formTable td {
    display: block;
    width: auto;
}

TABLE.formTable label {
    margin: 5px 15px 5px 5px;
}

/* 各ページ一覧の絞り込み検索 */
.search {
    width: 99%;
    border-top: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    margin: 10px auto 10px auto;
    padding: 10px 0;
    font-size: 0.9em;
}

.searchText {
    background: url("../images/searchIcon.gif") no-repeat left 3px;
    padding: 2px 10px 20px 20px;
    margin-left: 1px;
    display: block;
}

.searchItem {
    padding: 5px 0px 5px 0px;
    display: block;
}

    .searchItem input {
        width: 40%;
    }

    .searchItem select {
        width: 45%;
    }

    .searchItem .btn {
        width: 30%;
    }
/* 各ページ一覧の絞り込み検索（大きめ枠バージョン faq2,search,shinsei,word_l等） */
.searchBig {
    padding: 10px 0;
    font-size: 1em;
    border: 0px;
}

    .searchBig h3 {
        margin: 5px 2px 0 2px;
    }

.searchLbox {
    width: 95%;
    float: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.searchRbox {
    width: 98%;
    float: none;
}

.searchButton {
    text-align: center;
    margin: 20px auto 10px auto;
}

    .searchButton .btn {
        width: auto;
        height: auto;
        margin: 0 5px 0 5px;
        padding: 5px 10px;
    }

.faq_search_block ul li {
    width: 100% !important;
}

/* 各ページ一覧の件数表示部分 */
.kensu {
    text-align: right;
    width: 99%;
    font-size: 0.9em;
}

/* ページ切替 部分****************/
.changePageLink {
    width: 95%;
    font-size: 0.8em;
    text-align: center;
    margin-top: 15px;
    padding: 4px;
}
    /* ページ切替　選択中ページ */
    .changePageLink span.nowPage {
        /* ※背景色・文字色は色別CSSで定義 */
        /*background-color:#999999;    
    color:#FFFFFF;*/
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        /* upd 2013/06/26 for SmartPhone start */
        /*margin:2px 15px 2px 15px;
    padding:7px;*/
        margin: 2px 0px 2px 10px;
        padding: 5px;
        /* upd 2013/06/26 end */
        text-align: center;
    }
    /* ページ切替　選択可能ページ */
    .changePageLink span.linkPage {
        /* upd 2013/06/26 for SmartPhone start */
        /*
    display:none;
    */
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 0px 2px 10px;
        padding: 5px;
        text-align: center;
        /* upd 2013/06/26 end */
    }
    /* ページ切替　選択可能ページ（前へ） */
    .changePageLink span.preview {
        display: inline;
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 10px 2px 10px;
        padding: 7px;
        text-align: center;
    }
    /* ページ切替　選択可能ページ（次へ） */
    .changePageLink span.next {
        display: inline;
        border: solid 1px #999999;
        font-family: '平成角ゴシック',Osaka,sans-serif;
        margin: 2px 10px 2px 10px;
        padding: 7px;
        text-align: center;
    }

    .changePageLink span.linkPage a {
        text-decoration: none;
    }

        .changePageLink span.linkPage a:hover {
            /* ※背景色・文字色は色別CSSで定義 */
            /*color:#FFFFFF;
    background-color:#999999;*/
        }
    /* ページ切替　省略表示 */
    .changePageLink span.ryakuPage {
        display: none;
    }
/* ページ切替 end****************/

/* 投稿系ボタン */
.toko {
    width: 100px;
    height: 2.4em;
    font-size: 1.1em;
    padding: 3px;
}

.indent {
    margin: 0px auto 0px auto;
    height: 0px;
    padding: 0px;
    clear: both;
}

/* 入力チェックエラーメッセージの添え書き */
div.inputErrMsgSoegaki {
    width: 90%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: 0px none;
    /* ※背景色・文字色は色別CSSで定義 */
    /*color:#AF0000;*/
}
/* 入力チェックエラーメッセージ */
div.inputErrMsg {
    width: 90%;
    margin: 0px auto 0px auto;
    padding: 5px;
    text-align: left;
    /* ※背景色・文字色は色別CSSで定義 */
    /*color:#AF0000;
	border:1px solid #AF0000;*/
}

/* IME-MODE 有効 */
input.ime-mode-active {
    IME-MODE: active;
}
/* IME-MODE 選択後有効 */
input.ime-mode-inactive {
    IME-MODE: inactive;
}
/* IME-MODE 無効 */
input.ime-mode-disabled {
    IME-MODE: disabled;
}
/* 認証キーの画像 */
.ninsyoImg img {
    vertical-align: bottom;
}

/* add 2011/07/28 Weblio start */
/* Weblio用語解説リンク枠 */
div.div_weblio_rws_ah {
    background-color: #fff;
    border: #c0c0c0 solid 1px;
    margin: 20px 17px;
    padding: 0 2px 0 2px;
}
/* Weblio問い合わせ先 */
p.p_weblio_toiawase {
    margin: 0;
    padding: 1px 0 3px 2px;
    font-size: 12px;
}

    p.p_weblio_toiawase a {
        color: #000;
    }
/* add 2011/07/28 end */

/* add 2012/09/05 SNSボタン表示対応 */
/* SNSボタン表示 */
.snsbutton {
    width: 100%;
    margin: 5px 0px 0px 0px;
    text-align: left;
    /*white-space:nowrap;*/
    padding: 0px;
}

ul.snsbutton li {
    /*width:120px;
	float:left;*/
    display: inline-block;
    padding: 3px 0px;
}
/* Twitter ツイートボタン表示の調整 */
iframe.twitter-share-button {
    margin-left: 5px;
    /*vertical-align:bottom;*/
}

#snsbutton_line a {
    margin-left: 5px;
}
/* add 2012/09/05 end

/* add 2012/12/20 SNSコメント欄表示対応 */
.snsComments {
    width: 95%;
    margin: 20px auto 0px auto;
    padding: 0px;
    border: solid 1px #CCCCCC;
    background-color: #FAF8EF;
}
/* add 2012/12/20 end

/***********************************************************************************
 *	共通エリアCSS切替用のスタイルシートクラス
 *	上書き用
***********************************************************************************/
/*パン屑リストのアイコン*/
#pankuzu .pankuzu-inner {
    background-image: none;
}

#pankuzuMember .pankuzu-innerMember {
    background-image: none;
}


/* カテゴリーグループ リンクメニュー */
/* - 未選択 */
.catgrouplink_a {
    width: 100% !important;
    margin: 0px auto !important;
    padding: 0px 0px !important;
    background: url("../images/arrow_icon.png") no-repeat right center !important;
    border-bottom: solid 1px #CCCCCC;
}

    .catgrouplink_a a {
        width: calc(100% - 10px) !important;
        height: 100% !important;
        display: block !important;
        text-decoration: none;
    }

@media screen and (min-width:481px) {
    .catgrouplink_a a {
        padding: 6px 0px 6px 10px !important;
    }
}

@media screen and (max-width:480px) {
    .catgrouplink_a a {
        padding: 4px 0px 4px 8px !important;
    }
}

/* - 選択中 */
.catgrouplink_b {
    width: 100% !important;
    margin: 0px auto !important;
    padding: 0px 0px !important;
    background-image: none !important;
    border-bottom: solid 1px #CCCCCC;
    font-weight: bold;
}

    .catgrouplink_b span {
        display: block !important;
    }

@media screen and (min-width:481px) {
    .catgrouplink_b span {
        padding: 6px 0px 6px 10px !important;
    }
}

@media screen and (max-width:480px) {
    .catgrouplink_b span {
        padding: 4px 0px 4px 8px !important;
    }
}

/* 各ページ一覧の分類帯 */
.bunrui {
    margin: 0px auto 10px auto !important;
    width: 95% !important;
    padding-left: 9px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* 各ページ一覧リスト */
ul.list {
    margin: 0 6px 30px !important;
}

    ul.list li {
        border-bottom: solid 1px #cccccc !important;
        margin: 5px auto !important;
        padding: 5px 10px !important;
    }

    ul.list > li {
        width: 93% !important;
    }

    ul.list li a {
        display: block !important;
    }

ul.shinsei li {
    border-top: none !important;
}

/*記事タイトル*/
h2.title {
    width: 95% !important;
}
/*段落見出しタイトル*/
h3.title {
}

/* タブデザイン（新着、ランキングなど） */
.tabMenu {
    border-bottom: solid 0px #0065BD !important;
    padding: 0px !important;
}

    .tabMenu a {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        padding: 7px 0px 7px 0px !important;
    }

.menuSel {
    height: 100% !important;
    margin: 0px auto 5px auto !important;
    padding: 7px !important;
    border: solid 1px #0065BD !important;
    display: block;
    width: 98% !important;
    width: -webkit-calc(100% - 14px) !important;
    width: calc(100% - 14px) !important;
}

.menuNoSel {
    height: 100% !important;
    margin: 0px auto 5px auto !important;
    padding: 0px 7px !important;
    border: solid 1px #0065BD !important;
    background: url("../images/down_arrow.gif") no-repeat 97% center;
    display: block;
    width: 98% !important;
    width: -webkit-calc(100% - 14px) !important;
    width: calc(100% - 14px) !important;
}

/*画像2段3段組　テンプレート*/
table.templateForTwoImages, table.templateForThreeImages, table.templateForOneImages {
    border-spacing: 10px 5px !important;
    max-width: 100% !important;
}
    /*
	table.templateForTwoImages td img,table.templateForThreeImages td img
	{
		width: 100% !important;
	}*/

    /* add 2013/04/08 museum For SP start */
    table.templateForThreeImages td.borderWith, table.templateForTwoImages td.borderWith,
    table.templateForOneImages td.borderWith {
        height: 250px !important;
        width: 250px !important;
    }
/* add 2013/04/08 end */


/***********************************************************************************
 *	各モジュール別CSS
 *	上書き用
***********************************************************************************/
/* bbs（掲示板） type start -------------------*/

TABLE.topics th, TABLE.topics td {
    width: 100% !important;
    display: block;
    border: 0px none !important;
}

TABLE.topics tr {
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #CCCCCC !important;
}

table.topics td.tokoIcon {
    width: 10% !important;
    display: inline !important;
}

    table.topics td.tokoIcon img {
        margin-top: 5px !important;
    }

table.topics td.tokoTitle {
    width: 90% !important;
    display: inline !important;
}

/*削除パスワード入力用のフロートウィンドウ*/
#fwS {
    width: 100% !important;
    margin: -50% 0 0 -50% !important;
}

#headerTitleArea {
    width: 0% !important;
    padding: 0 !important;
}

#headerBtnArea {
    width: 100% !important;
    padding: 0 !important;
}

/* cal_copy（カレンダー） type start -------------------*/
#cont_body TABLE.calTitle td {
    /*display:none;*/
}

#cont_body TABLE.calTitle .thisMonth {
    display: none;
}

#cont_body TABLE.calTitle .thisweek {
    display: none;
}

#cont_body TABLE.calTitle .today {
    display: none;
}

#cont_body TABLE.calTitle .YearMonth,
#cont_body TABLE.calTitle .monthMoving {
    display: inline;
    margin: 0px 2px;
    font-size: 1.3em;
    vertical-align: middle;
}

#cont_body TABLE.cal tr {
    /* ※背景色は色別CSSで定義 */
    /*background-color:#fcefca;*/
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

#cont_body TABLE.cal th {
    /* ※背景色は色別CSSで定義 */
    /*background-color:#fcefca;*/
    padding: 0px !important;
    border: 0px !important;
    width: 100% !important;
    display: none;
}

#cont_body TABLE.cal td {
    padding: 0px !important;
    border: 1px solid #CCCCCC !important;
    width: 100% !important;
    height: 100% !important;
    display: none;
    float: left;
}

    #cont_body TABLE.cal td.style1 {
        display: block;
        /* ※背景色は色別CSSで定義 */
        /*background-color:#F8E9D1;*/
    }

    #cont_body TABLE.cal td.style2 {
        display: block;
        /* ※背景色は色別CSSで定義 */
        /*background-color:#FFFFFF;*/
    }

#cont_body TABLE.week tr {
    border: 0px !important;
}

#cont_body TABLE.week td {
    min-height: 20px !important;
}

    #cont_body table.week td.date {
        width: 100% !important;
        background-color: #F2F2F2 !important;
        padding: 5px 0 !important;
    }

/* cal_recycle（ゴミだしカレンダー） type start -------------------*/

/* 地区の説明 */
.calrecycle_areaL {
    width: 100% !important;
    float: none !important;
    margin: 0px !important;
    text-align: left !important;
}

.calrecycle_areaR {
    width: 100% !important;
    float: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border-left: solid 0px #CCCCCC !important;
}
/* 収集地区セレクトボックス */
.calrecycle_areaChange select:nth-child(2) {
    min-width: 50%;
    max-width: calc(95% - 20px);
    margin: 0px 10px;
}

/* ごみ分類説明テーブル */
#cont_body TABLE.calrecycle_bun .td_label {
    /* ※背景色は色別CSSで定義 */
    padding: 3px !important;
    width: calc(100% - 6px) !important;
    display: block;
    float: left;
}

    #cont_body TABLE.calrecycle_bun .td_label span {
        vertical-align: top;
    }

#cont_body TABLE.calrecycle_bun .td_text {
    /* ※背景色は色別CSSで定義 */
    padding: 3px !important;
    width: calc(100% - 6px) !important;
    display: block;
    float: left;
}

#cont_body TABLE.cal td.gomiCal {
    text-align: center;
    width: 100% !important;
}

    #cont_body TABLE.cal td.gomiCal p {
        text-align: left;
        width: 100% !important;
    }

span.gomiIcons {
    /*display:block;*/
}

    span.gomiIcons img {
        float: none !important;
    }
/* entry（一覧） type start -------------------*/
.inputfrm_q_title_midashi, .inputfrm_q_foot_midashi,
.inputfrm_q_title, .inputfrm_a {
    width: auto !important;
    padding: 7px 7px 7px 7px !important;
}
/* 入力フォーム 必須 */
.formHissu {
    padding: 7px 20px 7px 50px !important;
}

.inputfrm_a {
    line-height: 2.0;
}

/* event_cal（一覧） type start -------------------*/
.nenTitle h1 {
    font-size: 1.7em !important;
    text-align: left !important;
    float: none !important;
    width: 95% !important;
    margin: 0 auto !important;
}

.nenTitle .changeNen {
    float: none !important;
    width: 95% !important;
    text-align: right !important;
    line-height: 1.4 !important;
}

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

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

/* faq2 type start -------------------*/
.faqBunrui {
    display: block;
    width: 95% !important;
    padding: 0px !important;
}

.kekka {
    width: 95% !important;
}


/* intro type start -------------------*/
/* 一覧画面 */
div.boxArea {
    padding: 0 !important;
    margin: 0 !important;
}

.listItem_1, .listItem_2, .listItem_3 {
    width: 95% !important;
    float: none !important;
    clear: both;
    margin: 5px auto !important;
    padding: 10px 10px 10px 10px !important;
}
/* 詳細画面 （imagekijiでも使用）*/
.mainImage {
    float: none !important;
    margin: 5px auto !important;
    display: block;
}

/* kinkyu（一覧） type start -------------------*/
.kinkyuImage {
    float: none !important;
    display: block;
    text-align: center;
}

/* loc（一覧） type start -------------------*/
TABLE.table1 td.master, td.syozaichi, td.tel, td.bikou {
    font-size: 0.8em !important;
    text-align: left !important;
}

TABLE.table1 td.name, td.map {
    text-align: left !important;
}

/* map（地図） type start -------------------*/
div#dataList {
    width: 100% !important;
    float: none !important;
    display: block;
}

div#mapArea {
    float: none !important;
    display: block;
    clear: both;
    margin-top: 10px;
}

div#map {
    width: 100% !important;
    height: 350px !important;
}

    div#map img {
        max-width: none !important;
    }

    div#map div.mapObj {
        width: 100%;
        height: 100%;
    }

div#clickMsg {
    position: relative;
    left: 0px !important;
    /*top:350px !important;*/
    margin-bottom: 15px;
}

table.mapData td {
    display: block;
    width: 100% !important;
    padding: 0 !important;
}

#mapbox {
    width: 100% !important;
    height: 350px !important;
}

    #mapbox img {
        max-width: none !important;
    }

div#mapShosai {
    width: 100% !important;
    height: 350px !important;
}

/* pubmag、imgkiji、slide（一覧） type start -------------------*/
.rightblock {
    float: left;
    width: 65% !important;
}

    .rightblock ul.list li {
        border-bottom: 0px solid #CCCCCC !important;
    }

.gaiyou {
    /*margin: -30px 0px 0px 20px !important;*/
}

.line {
    border-bottom: 1px solid #CCCCCC !important;
}

/* pubmag（詳細） type start -------------------*/
.mainleft {
    display: block !important;
    width: 97% !important;
    padding: 5px !important;
    /* ※背景色・文字色は色別CSSで定義 */
}

.mainright {
    display: block !important;
    width: 100% !important;
    padding: 5px 0 !important;
}

/* link_m、entry（一覧） type start -------------------*/
.linkInfo {
    float: none !important;
}

.bannerImg {
    float: none !important;
}

ul.list div.linkInfo li {
    border: 0px !important;
    display: block !important;
}

    ul.list div.linkInfo li a {
        display: inline !important;
    }

/* search（一覧） type start -------------------*/
.searchKikan {
    margin: 0 !important;
}

    .searchKikan span.searchItem input {
        margin: 0 !important;
    }

    .searchKikan span.searchItem label {
        margin-right: 7px !important;
    }

/* section type start -------------------*/
/* 組織一覧 */
TABLE.list1 th, TABLE.list1 td {
    display: block;
}

.top_left {
    border-bottom: 0px !important;
    border-right: 1px solid #DFE0DC;
}

.top_right {
    border-top: 0px !important;
    border-left: 4px solid #87B5E3;
}

.telfax {
    display: block;
    margin: 0 0 0 5px !important;
}

.cmn, .cmn1 {
    width: 90%;
    margin: 0 auto !important;
}

    .cmn, .cmn1 span {
        padding: 0 !important;
    }
/* 各課詳細 */
TABLE.sc_sectioninfo_tbl th, TABLE.sc_sectioninfo_tbl td, TABLE.childlist1 td {
    display: block;
}

#scdiv_left, #scdiv_right {
    float: none !important;
    width: 100% !important;
}

    #scdiv_left li, #scdiv_right li {
        margin: 13px 0 !important;
    }

    #scdiv_left a, #scdiv_right a {
        padding: 10px 30px 10px 0 !important;
    }

.sc_sectioninfo_data {
    width: 95% !important;
}

.calYobi {
    padding: 13px 0 0 0 !important;
}

/* sitemap（一覧） type start -------------------*/
.sitemapRow {
    width: 95% !important;
    float: none !important;
}

.sitemapRowClassSet[id*="classSet"], .sitemapRowClassSet[id*="calendar"], .sitemapRowClassSet[id*="shinsei"] {
    width: 95%;
}


    .sitemapRowClassSet[id*="classSet"] ul.list li, .sitemapRowClassSet[id*="calendar"] ul.list li, .sitemapRowClassSet[id*="shinsei"] ul.list li {
        white-space: normal;
    }
/* shisei type start -------------------*/
.leftsearch, .rightsearch {
    margin: 0 5px 5px 5px !important;
    width: 99% !important;
}

ul.shinsei .leftblock {
    width: 99% !important;
}

ul.shinsei .rightblock {
    width: 99% !important;
}

ul.shinsei li a {
    display: inline !important;
}

ul.shinsei .line {
    display: none;
}

.grayBox {
    font-size: 0.8em;
    margin-right: 5px;
    padding: 1px 7px !important;
}

table.shinsei th, table.shinsei td {
    display: block !important;
    width: 98% !important;
    padding: 3px !important;
}
/* ５０音検索画面 */
#main .left50 {
    width: 95% !important;
    float: none !important;
    margin: 5px auto !important;
}

#main .right50 {
    width: 100% !important;
    float: none !important;
    margin: 5px auto !important;
}

/* sidebar type start -------------------*/
#cont_sidebar_right, #cont_sidebar_left {
    float: none !important;
    width: 90% !important;
    margin: 10px auto !important;
}

#cont_body {
    float: none !important;
    width: 99% !important;
    margin: 10px auto !important;
}

.archivesPage {
    display: none;
}

/* word_l（一覧） type start -------------------*/
.wline1, .wline2 {
    margin: 0 !important;
}

    .wline1 span.sel_G {
        line-height: 35px !important;
        padding: 5px 10px !important;
    }

    .wline1 span.sel_W {
        line-height: 35px !important;
        padding: 5px 0 !important;
    }

    .wline1 span a {
        padding: 5px 10px !important;
    }

    .wline2 span {
        line-height: 32px !important;
        padding: 0 !important;
    }

        .wline2 span a {
            padding: 5px 5px 5px 3px !important;
        }

table.table1 td.name_wordL {
    font-size: 1.2em !important;
}

table.table1 td.bunrui_wordL {
    text-align: left !important;
    color: #669966;
}

/* kijienq type start -------------------*/
div.enq_m {
    margin-top: 20px;
    padding: 10px 4px;
}

div.enq_text {
    margin: 5px 1px;
}

    div.enq_text p {
        font-size: 1.1em;
        font-weight: bold;
        line-height: 24px;
    }

div.enq_form {
    margin-top: 10px;
    padding: 5px;
    border: solid 1px #E5E5E5;
}

    div.enq_form div.memo {
        margin-bottom: 5px;
    }

    div.enq_form div.memo2 {
        padding: 7px;
        margin-bottom: 5px;
    }

table.enq_s {
    width: 100%;
}

    table.enq_s th {
        padding: 20px 5px 2px 5px;
    }

    table.enq_s td {
        padding: 5px;
    }

        table.enq_s td input {
            vertical-align: middle;
        }

        table.enq_s td label {
            vertical-align: middle;
            padding-left: 4px;
            margin-right: 14px;
        }

    table.enq_s textarea {
        width: 100%;
        box-sizing: border-box;
    }

/* プレビュー表示タイトル */
span.preview_title {
    color: #ff0000;
}
/* プレビュー時の添え書き */
span.preview_soegaki {
    color: #ff0000;
    font-weight: bold;
    margin-left: 10px;
    font-size: 0.8em;
}

/* HP記事用 */
ul.newlist {
    padding: 0px 5px !important;
}

    ul.newlist li {
        padding: 0px 5px 5px 5px;
        border-bottom: 1px dotted #CCCCCC;
    }

        ul.newlist li .upddate {
            display: block;
            width: auto !important;
            float: none !important;
            margin: 5px 0px 0px 0px !important;
        }

.loadbox .upddate {
    display: block;
    width: auto !important;
    float: none !important;
}

.loadbox span.term {
    white-space: inherit !important;
}

.loadbox .title, ul.newlist li .title {
    float: none !important;
    width: auto !important;
}

.kijilist .gaiyou {
    margin: 0px !important;
}

.LeftArea, .RightArea {
    width: 100% !important;
}

.newArea {
    border: none !important;
}

.classArea, .classArea2 {
    border: none !important;
}

.class, .class2 {
    width: 100% !important;
    margin: 0px 0px 16px 0px !important;
}

ul.linklist {
    margin-left: 0px !important;
}

    ul.linklist li {
        background: none !important;
        border-bottom: 1px solid #DFDFDF;
        padding: 7px 0 7px 7px;
    }

#mapMenuArea {
    text-align: center;
}

    #mapMenuArea table {
        text-align: left;
    }

.leftBox {
    width: 100% !important;
}

.rightBox {
    width: 100% !important;
    margin: 0px !important;
}

table#danrakuMenuArea td.selected {
    display: block;
    float: left\9;
    height: auto !important;
    width: 100% !important;
}

table#danrakuMenuArea td {
    display: block;
    height: auto !important;
    width: 100% !important;
    border: none !important;
    border-top: 1px dotted #CCCCCC !important;
    float: left\9;
}

.TopArea {
    margin-top: 10px;
}

#cont_body .subInfo p {
    margin: 0px 5px;
}

/* パーソナライズ ログイン名表示 */
#personalize_login_area {
    width: 100% !important;
    margin: 5px auto;
}

    #personalize_login_area .login_name {
        font-size: 0.75em;
        margin: 0px 5px 0px 0px !important;
        text-align: left;
        float: right;
        word-break: break-all;
    }

/* 記事評価等アンケートiframe */
iframe#kijiEnqArea {
    width: 100%;
}

body#kijiEnqBody {
    overflow: hidden;
}

#kijiEnqWrap {
    font-size: 0.9em;
    overflow: hidden;
}

/* カレンダー見出し */
.cal_title {
    margin: 5px 0px 15px 5px;
    padding-left: 5px;
    border-left: 5px solid #0065bd;
    font-weight: bold;
    font-size: 1.1em;
}

fieldset {
    border: solid 1px #CDCDCD;
    padding: 5px;
}

legend {
    margin-left: 5px;
}

/***********************************************************************************
　 ↑共通部分 end↑
************************************************************************************/
/* add 2013/04/08 museum For SP start */
div.footerSoegaki {
    margin: 10px auto 30px auto;
    position: relative;
}

    div.footerSoegaki .pdfReaderSetsumei {
        width: auto !important;
    }
/* add 2013/04/08 end */

/* add 2013/06/21 catgrpmenu For SP start */
/* カテゴリグループメニュー */
.catgrpmenu {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    margin: 3px auto 2px auto;
    padding: 10px 0px 10px 0px;
    width: 98%;
    line-height: 1.2;
}

    .catgrpmenu ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .catgrpmenu ul li {
            background: url("../images/CssColorType/catGroup.gif") no-repeat scroll 3px center transparent;
            margin: 0px;
            padding: 4px 10px 4px 20px;
        }

            .catgrpmenu ul li.sel {
                font-weight: bold;
                /*background-color: #DEE9E4;*/
                background-color: #FFF1A0;
                border: 1px solid #cccccc;
            }

    .catgrpmenu a {
        display: block;
        height: 100%;
        text-decoration: none;
        width: auto;
        float: left;
        white-space: nowrap;
    }
/* add 2013/06/21 end */
@media screen and (min-width:768px) {
    .catgrpmenu {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .catgrpmenu {
        display: block;
    }
}

/* スマホサイズのカテゴリグループメニュー（上） */
#catgrpmenu_upp {
    /*display: none !important;*/
}
/* スマホサイズのカテゴリグループメニュー（下） */
#catgrpmenu_btm {
    display: none !important; /* 非表示 */
}

/* カテゴリグループメニューlist start */
@media print, screen and (min-width:768px) {
    .catGrouplist ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2px;
        row-gap: 3px;
        margin-top: 10px;
        justify-content: start;
        margin-left: auto;
        font-size: 0.9em;
    }

    .catGrouplist li {
        display: flex;
        align-items: center;
    }

        .catGrouplist li a {
            padding: 10px 4px 10px 22px;
            width: calc(100% - 29px);
            height: calc(100% - 20px);
            border-radius: 5px;
            background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 16px
        }
}

@media screen and (max-width:767px) {
    .catGrouplist ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2px;
        row-gap: 3px;
        margin-top: 5px;
        justify-content: start;
        margin-left: auto;
        font-size: 0.9em;
    }

    .catGrouplist li {
        display: flex;
        align-items: center;
        width: calc(100% - 5px) !important;
    }

        .catGrouplist li a {
            padding: 5px 4px 5px 22px;
            width: calc(100% - 29px);
            height: calc(100% - 10px);
            border-radius: 5px;
            background: url("../images/CssColorType/catGroup.gif") no-repeat 5px 11px
        }
}
/* カテゴリグループメニューlist end */


input.searchBox {
    font-size: 13px;
    margin: 2px 0px;
    padding: 3px 2px;
    width: 195px;
    float: left;
}

input.btnSearch {
    float: left;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    width: 28px;
}

/* 編集権限の課表示 */
#cont_body .kengen_tantoka span,
#cont_body .kengen_tantoka dt, #cont_body .kengen_tantoka dd {
    word-break: break-all;
    display: block;
    margin-left: 5px !important;
    float: left;
}


#cont_body table.lookmap_link {
    border: solid 1px #4682B4;
    width: 90% !important;
    margin: 10px auto;
}

    #cont_body table.lookmap_link td.itemtitle {
        background-color: #A8CCF0;
        text-align: center;
        width: 35%;
    }

    #cont_body table.lookmap_link td.link {
        background-color: #FFFFFF;
        text-align: center;
        width: 65%;
    }

#cont_body table.lookmap_links {
    border: solid 1px #4682B4;
    width: 95% !important;
    margin: 10px auto;
}

    #cont_body table.lookmap_links td.itemtitle {
        background-color: #A8CCF0;
        text-align: center;
        width: 35%;
    }

    #cont_body table.lookmap_links td.link {
        background-color: #FFFFFF;
        text-align: left;
    }

        #cont_body table.lookmap_links td.link a {
            margin-left: 5px;
            width: 65%;
        }


#cont_body .class_toi .zipcode,
#cont_body .class_toi .shozaichi,
#cont_body .class_toi .tel,
#cont_body .class_toi .fax,
#cont_body .class_toi .mail,
#cont_body .class_toi .url {
    display: block;
    margin-left: 5px !important;
}

/* Navigation Skip */
/* 2017/02/10 アクセシビリティ対応 */
#Navigation ul,
.Navigation ul {
    margin: 0;
    padding: 0;
}

#Navigation li,
.Navigation li {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
}

#Navigation a,
.Navigation a {
    padding: 5px;
    display: inline;
    z-index: 99;
    text-decoration: none;
    position: absolute;
    width: 300px;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
    /zoom:1;
}

    #Navigation a:focus,
    #Navigation a:active,
    .Navigation a:focus,
    .Navigation a:active {
        position: absolute;
        top: 30px;
        left: 250px;
        background: #fff !important;
        border: 2px solid #000;
    }

.Navigation {
    display: none;
}


/*** 埋め込み地図 ***/
/*マップの枠*/
div.iframeMapWaku_S_setLeft {
    width: 100%;
}

div.iframeMapWaku_S_setCenter {
    width: 100%;
}

div.iframeMapWaku_S_setRight {
    width: 100%;
}


div.iframeMapWaku_M_setLeft {
    width: 100%;
}

div.iframeMapWaku_M_setCenter {
    width: 100%;
}

div.iframeMapWaku_M_setRight {
    width: 100%;
}

div.iframeMapWaku_L_setLeft {
    width: 100%;
}

div.iframeMapWaku_L_setCenter {
    width: 100%;
}

div.iframeMapWaku_L_setRight {
    width: 100%;
}

/*マップ*/
/* ※2018/08/20：googleマップへのリンクを埋め込む分の高さを追加 */
/*基本*/
iframe.iframemap {
    width: 90%;
    /*height:250px;*/
    height: 280px;
}

div.iframeMapWaku_L_setLeft iframe.iframemap {
    /*height:350px;*/
    height: 380px;
}

div.iframeMapWaku_L_setCenter iframe.iframemap {
    /*height:350px;*/
    height: 380px;
}

div.iframeMapWaku_L_setRight iframe.iframemap {
    /*height:350px;*/
    height: 380px;
}

div.gm-style-iw {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

/*マップ代替表示*/
div.mapObj {
    background: url(../images/map_alternate.png) no-repeat center center #a9a9a9;
    display: inline-block;
    position: relative;
    width: 90%;
    height: 250px;
}

div.iframeMapWaku_L_setLeft div.mapObj, div.iframeMapWaku_L_setRight div.mapObj, div.iframeMapWaku_L_setCenter div.mapObj {
    height: 350px;
}

div.mapObj p {
    text-align: left;
    font-size: 0.9em;
    background-color: #ffffff;
    color: #ee0000;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 5px;
}

/* 簡易地図の代替表示 start */
div.mapNoApiObj {
    width: 84%;
    max-width: 420px;
    height: 400px;
}

    div.mapNoApiObj div {
        background: url(../images/mapnoapi_alternate.png) no-repeat center center #a9a9a9;
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        div.mapNoApiObj div p {
            text-align: left;
            font-size: 0.9em;
            background-color: #ffffff;
            color: #ee0000;
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            padding: 5px;
        }
/* 簡易地図の代替表示 end */

/* 複合検索リンク */
div.fukugokensaku {
    width: 99% !important;
}

    div.fukugokensaku a {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 10px !important;
        padding-right: 28px !important;
        width: 87% !important;
    }

/* wysiwyg */
#mainShosai table.__wys_table {
    width: auto;
}

    #mainShosai table.__wys_table th p,
    #mainShosai table.__wys_table td p {
        margin-bottom: 0px;
    }

.__wys_table td {
    border: solid 1px #9fa09e;
    padding: 3px;
}

.__wys_table th {
    background-color: #eeffee;
    border: 1px solid #9fa09e;
    font-weight: bold;
    padding: 3px;
}

.wideMenu .freeArea {
    width: 95% !important;
    float: none !important;
}

.wideMenu #banArea {
    float: none !important;
    margin: 25px auto 0px;
}

.loadbox .upddate,
.loadbox3 .upddate {
    min-width: 0px !important;
    padding-right: 0px !important;
}

.wideMenu .loadbox .title,
.wideMenu .loadbox3 .title {
    width: 100% !important;
}

.wideMenu .kanrenKijiArea .kijilist {
    float: none;
    width: 95% !important;
}

.wideMenu .kanrenKijiArea .more {
    width: auto !important;
    float: none !important;
}

.linkInfo p {
    width: auto !important;
}

#banArea #banItem {
    text-align: center;
}

/* レコメンド記事 */
div#recommend .upddate {
    display: block;
    width: auto !important;
    float: none !important;
    padding-right: 0 !important;
}

div#recommend .title {
    float: none !important;
}

/* PC画面用パーツ非表示（レスポンシブル対応） */
#pankuzu-more, #pankuzu-close {
    display: none !important;
}

#pankuzu .pankuzu-multiline, div[id^="pankuzu_"] .pankuzu-multiline {
    display: none !important;
}

    #pankuzu .pankuzu-multiline:first-child, div[id^="pankuzu_"] .pankuzu-multiline:first-child {
        display: block !important;
    }

/* あなたが最近チェックしたページ */
div#browsinghisotry_block ul {
    padding: 0px 2px !important;
}

div#browsinghisotry_block .upddate {
    padding-left: 3px !important;
}

div#browsinghisotry_block .title {
    max-width: 85% !important;
    padding-left: 3px !important;
}

/* L-Alert内容表示用 start */
#pcx_detail, .pcx_detail {
    width: 100%;
    border: 1px solid #F5D6D6;
}

    #pcx_detail th, #pcx_detail td, .pcx_detail th, .pcx_detail td {
        padding: 6px;
    }

    #pcx_detail th, .pcx_detail th {
        border-top: 1px solid #DA5054;
        border-bottom: 1px solid #DA5054;
        border-right: 1px solid #DA5054;
        border-left: 1px solid #DA5054;
    }

    #pcx_detail td, .pcx_detail td {
        border-top: 1px solid #DA5054;
        border-bottom: 1px solid #DA5054;
        border-right: 1px solid #DA5054;
        border-left: 1px solid #DA5054;
    }

.evacuation_bold {
    font-weight: bold;
}
/* L-Alert内容表示用 end */


/* L-Alert内容表示用 ver2.1 避難情報 start */
#pcx_evacuation, .pcx_evacuation {
    width: 100%;
    border: 1px solid #F5D6D6;
}

    #pcx_evacuation th, #pcx_evacuation td, .pcx_evacuation th, .pcx_evacuation td {
        padding: 6px;
    }

    #pcx_evacuation th, .pcx_evacuation th {
        border-top: 1px solid #DA5054;
        border-bottom: 1px solid #DA5054;
        border-right: 1px solid #DA5054;
        border-left: 1px solid #DA5054;
    }

    #pcx_evacuation td, .pcx_evacuation td {
        border-top: 1px solid #DA5054;
        border-bottom: 1px solid #DA5054;
        border-right: 1px solid #DA5054;
        border-left: 1px solid #DA5054;
    }

/* L-Alert内容表示用 ver2.1 避難情報 end */

/* マイページ */
.kijiArea .kijilist .loadbox .mypage_title {
    width: 100%;
    margin-bottom: 8px;
}

/*分類ページ　サイドメニューが無いときのカレンダー*/
#cont_body > div.wideMenu > div.kijiArea.kanrenKijiArea > div.calArea {
    width: 100%;
}

/* 動画関連 */
.youtubeArea, .ustreamArea {
    position: relative;
    width: 90%;
    padding-top: 56.25%;
    display: inline-block;
}

    .youtubeArea iframe, .ustreamArea iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* youtube(外部アクセス制限時) */
#cont_body .youtubeArea img.youtubeObj, #cont_body .ustreamArea img.ustreamObj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
}

div.youtubeObj {
    background: url(../images/youtube_alternate.png) no-repeat center center #a9a9a9;
    display: inline-block;
}

div.ustreamObj {
    background: url(../images/ustream_alternate.png) no-repeat center center #a9a9a9;
    display: inline-block;
}

.youtubeArea div.youtubeObj, .ustreamArea div.ustreamObj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

div.youtubeObj p, div.ustreamObj p {
    text-align: left;
    font-size: 0.8em;
    background-color: #ffffff;
    color: #ff0000;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 5px;
}
/* Youtube埋め込み */
.youtubeMovieWaku {
    position: relative;
    width: 100%;
    /*padding-top: 56.25%;*/
}

    .youtubeMovieWaku iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

/*分類一覧ページ*/
#cont_body .kijiArea .KijiListType4 .loadbox .img img {
    max-width: 100% !important;
    width: 100% !important;
}

/* 申請書検索 */
.searchItemData {
    display: block;
}

.srchSoshikiCb input {
    margin-left: 5px !important;
}

/* 大地図 */
.large_map #masterArea #mapMasterTtl {
    display: block;
    border: solid 1px #CCCCCC;
    padding: 10px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
}

    .large_map #masterArea #mapMasterTtl img {
        float: right;
    }

.large_map #masterArea #masterbox {
    display: none;
    margin: 0px auto 10px auto;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 5px 2px 5px 8px;
}

.large_map .mapkijilist {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.2em;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    flex-wrap: wrap;
}

    .large_map .mapkijilist li {
        float: left;
        margin: 0px;
        padding: 7px 3px 5px 3px;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        width: 95%;
        width: -webkit-calc(100% - 8px);
        width: calc(100% - 8px);
    }

        .large_map .mapkijilist li.item0 {
            border-right: 1px solid #CCCCCC;
        }

        .large_map .mapkijilist li.item1 {
            border-right: 1px solid #CCCCCC;
        }

    .large_map .mapkijilist .thumbnail {
        float: left;
        width: 60px;
        overflow: hidden;
        margin: 3px 3px 1px 8px;
    }

        .large_map .mapkijilist .thumbnail img {
            width: 60px;
        }

    .large_map .mapkijilist .title {
        float: left;
    }

        .large_map .mapkijilist .title a {
            margin-left: 5px;
        }

        .large_map .mapkijilist .title img {
            vertical-align: middle;
        }

    .large_map .mapkijilist .link {
        text-align: right;
        margin: 2px 6px 0 0;
    }

        .large_map .mapkijilist .link img {
            vertical-align: bottom;
        }
/* 吹き出し */
.leaflet-popup-content-wrapper {
    max-width: 280px;
    max-height: 260px;
    overflow: auto;
}


/***** 分類セット追加CSS（サンプル分類セットID:999） *****/
/* 分類セット名 */
.clset999 h1.classSetTitle {
    display: none !important;
    background-image: none !important;
    height: auto !important;
    font-size: 1.4em !important;
    padding-left: 10px !important;
    line-height: 1.4em !important;
    width: 95%;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    position: relative;
    padding: 0.25em 0 0.5em 0.75em;
}

    .clset999 h1.classSetTitle::before {
        position: absolute;
        left: -8px;
        bottom: 0;
        content: '';
        width: 8px;
        height: 50%;
    }

    .clset999 h1.classSetTitle::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 0;
    }
/* 分類名 */
.clset999 h2.midashi {
    background-color: #A9A9A9 !important;
}

    .clset999 h2.midashi a {
        color: #ffffff !important;
    }
/* 分類セット内フリーエリア 画像 */
.clset999 .freeArea img {
    max-width: 100% !important;
}
/* 分類セット内フリーエリア タイトル */
.clset999 .freeArea h2.title {
    width: 97% !important;
    width: -webkit-calc(100% - 36px) !important;
    width: calc(100% - 36px) !important;
    border: none !important;
    position: relative;
    padding: 5px 0px 5px 33px !important;
}
/* 分類セット内フリーエリア サブタイトル */
.clset999 .freeArea h3.title {
    background-image: none !important;
    width: 95%;
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin-left: 10px !important;
    padding-left: 10px !important;
    position: relative;
}

    .clset999 .freeArea h3.title::before {
        position: absolute;
        left: -8px;
        bottom: 0;
        content: '';
        width: 8px;
        height: 50%;
    }

    .clset999 .freeArea h3.title::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 0;
    }
/* 分類セット内フリーエリア テーブル */
.clset999 .freeArea .__wys_table th {
    font-size: 0.9em !important;
    border-width: 2px !important;
}

.clset999 .freeArea .__wys_table td {
    font-size: 0.9em !important;
    border-width: 2px !important;
}

    .clset999 .freeArea .__wys_table td a {
        display: block;
        padding: 2px 5px !important;
    }

/***********************************************************************************
    簡素表示 start
************************************************************************************/
.headerSimple img {
    max-width: 100% !important;
}

.cont_bodySimple .kensu {
    width: 95%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}

.cont_bodySimple .relogin_msg {
    margin: 5px auto;
    text-align: left;
    width: 95%;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

.cont_bodySimple .relogin_linktotop {
    padding: 20px 0px;
    margin: 0px auto;
    text-align: center;
}

.msgSimple {
    padding: 5px 10px;
    text-align: center;
    width: 98%; /* IE8以下とAndroid4.3以下用フォールバック */
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

#copyrightSimple {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 0.75em;
    padding: 2px 0px;
    margin: 30px auto 0px auto;
    border-top: solid 1px #E8E8E8;
}
/***********************************************************************************
    簡素表示 end
************************************************************************************/

.wys_audio_template_list {
    width: 100%;
}

.wys_audio {
    width: 100%;
}

.audio_toolbar {
    width: 100% !important;
}

/* Lアラート防災情報埋め込み start */
#pcx_embed_iframe {
    width: 100%;
}


/*360°VR画像対応*/
.wys_iframe {
    width: 100% !important;
    height: calc(100vw / 2); /* 画面幅の半分 */
}

/*Yahoo!カレンダー・Googleカレンダー リンク部分*/
#calendarLink {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.yahooCalendarLink {
    height: 40px;
    background: url("../images/calendar.png") no-repeat left 9px;
    background-size: 27px;
    padding-left: 32px;
    line-height: 40px;
}

.googleCalendarLink {
    height: 40px;
    background: url("../images/calendar.png") no-repeat left 9px;
    background-size: 27px;
    padding-left: 32px;
    line-height: 40px;
}

/*「Tweet 画面が別ウィンドウで開きます」 と出てくるのを非表示にする*/
.forSR {
    display: none !important;
}



@media screen and (min-width:768px) {
    #pcx_embed_iframe {
        height: 60vh;
    }
}

@media screen and (max-width:767px) {
    #pcx_embed_iframe {
        height: 30vh;
    }
}
/* Lアラート防災情報埋め込み end */


}
/* 旧stylesheetForSPスタイルここまで*/