/* 分類セット画面 *****************************/

a:link, a:visited {
    color: #194593;
}

a:hover {
    color: #C70026;
}

/*タイプA　下線セパレートタイプ　ここから*/
/*.midashi {
    background-color: #efefef;
    padding: 24px;
    font-size: 1.75rem;
    background-image: initial;
    position: relative;
    background-image: linear-gradient(90deg, var(--color-accent) 0 20%, var(--color-brand) 20%);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: bottom;
}*/

/*タイプA　下線セパレートタイプ　ここまで*/




/*タイプB　左側→アイコン(SVG)タイプ ここから*/
.midashi {
    background-image: initial;
    /*単色見出しの場合*/
    background-color: var(--color-midashi);
    /*グラデーション見出しの場合*/ /*
    background-image: var(--grad-midashi);*/
    padding: 16px;
    font-size: 1.2rem;
    position: relative;
    z-index: 1;
    padding-left: 48px;
}

    .midashi::after {
        content: "";
        position: absolute;
        top: 32px;
        left: 16px;
        width: 22px;
        height: 22px;
        transform: translateY(-50%);
        pointer-events: none;
        background-color: var(--color-accent);
        -webkit-mask: url(../../hpkiji/images/left-arrow-midashi.svg) no-repeat center / contain;
        mask: url(../../hpkiji/images/left-arrow-midashi.svg) no-repeat center / contain;
        z-index: -1;
    }
/*タイプB　左側→アイコンタイプ ここまで*/



/*タイプC　背景イラスト(SVG)タイプ ここから*/
/*.midashi {
    background-color: #efefef;
    padding: 24px;
    font-size: 1.75rem;
    background-image: initial;
    position: relative;
    z-index: 1;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 3px solid var(--color-brand)
}
*/

/*　背景イラスト(SVG)*/
/* .midashi::after {
        content: "";
        position: absolute;
        bottom: -46px;
        right: 10px;
        width: 98px;
        height: 93px;
        transform: translateY(-50%);
        pointer-events: none;
        background-color: #96b1c2;
        -webkit-mask: url(../../hpkiji/images/bg-flower.svg) no-repeat center / contain;
        mask: url(../../hpkiji/images/bg-flower.svg) no-repeat center / contain;
        z-index: -1;
    }*/

/*タイプC　背景イラスト(SVG)タイプ ここまで*/

.class, .class2 {
    background-color: var(--background-color,#fff);
}


.noboder {
    border: none !important;
}


/*分類セットタイトル部分*/
h1.classSetTitle {
    padding: 16px 0px 16px 24px;
    font-size: 1.7rem;
    background-color: var(--color-h1);
    color: var(--text-color,#fff);
    font-weight: normal;
    border-radius: 4px;
    letter-spacing: 0.2em;
}

    h1.classSetTitle img {
        vertical-align: middle;
        margin-right: 16px;
    }


/*フリーエリア部分*/
.freeArea {
    width: 98%;
    margin: 25px auto 0px auto;
}

.wideMenu .freeArea_Left {
    width: 715px;
    float: left;
}
/*分類移動部分*/
.classTagArea {
    margin-top: 15px;
    overflow: hidden;
}

    .classTagArea ul {
        margin-right: -30px;
    }

    .classTagArea li {
        float: left;
        margin-right: 30px;
        line-height: 200%;
        white-space: nowrap;
    }

        .classTagArea li a {
            font-size: 0.95em; /*14px*/
            background: url("../../common/images/arrow_down.gif") no-repeat scroll left center;
            text-decoration: none;
            padding-left: 15px;
        }

#tag-close {
    display: none;
}

#tag-more {
    font-size: 0.8em;
    width: 99%;
    text-align: right;
    margin: 2px auto;
}


/*分類　描画部分*/
.classArea {
    margin: 16px auto 0px auto;
    padding: 15px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.class {
    width: 348px;
    margin: 0 6px 16px 6px;
    /*float:left;*/
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

.extractionIciran {
    width: 425px;
    margin: 0px 5px 16px 5px;
}
/*分類説明文*/
.summary {
    margin: 10px 0px 0px 0px;
    padding: 0px 10px;
    font-size: 0.9em;
    line-height: 1.2em;
}

ul.child {
    margin: 8px 8px;
    /*    background-color: var(--background-color,#ffffff);
*/
}

    ul.child li {
        font-size: 1.0em;
        line-height: 1.8em;
        position: relative;
        padding: 9px 8px 8px 28px; /*
    border-bottom: 1px solid #ccc;*/
    }



        /*タイプA　単矢印*/
        ul.child li::after {
            content: "";
            position: absolute;
            top: 23px;
            left: 8px;
            width: 15px;
            height: 9px;
            transform: translateY(-50%);
            pointer-events: none;
            background-color: var(--color-accent);
            -webkit-mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
            mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
        }



/*タイプB　二重矢印*/
/* ul.child li::after {
        content: "";
        position: absolute;
        top: 24px;
        left: 6px;
        width: 22px;
        height: 28px;
        transform: translateY(-50%);
        pointer-events: none;
        background-color: var(--color-accent);
        -webkit-mask: url(../../hpkiji/images/left-arrow.svg) no-repeat center / contain;
        mask: url(../../hpkiji/images/left-arrow.svg) no-repeat center / contain;
    }*/
/* 連絡先 */
.renraku {
    font-size: 0.8em;
    padding: 3px 0px 10px 0px;
}

    .renraku .tel {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }

    .renraku .fax {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }

    .renraku .mail {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }


/* 下層分類一覧画面 *****************************/
/*サイドメニューエリア（同一階層への分類メニュー描画）*/
.LeftArea {
    width: 255px;
    float: left;
}

/* 2016/11/29 アクセシビリティ対応*/
.LeftAreaMidashi a {
    padding: 15px 30px;
    display: inline;
    z-index: 99;
    text-decoration: none;
    position: absolute;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
    /zoom:1;
}

    .LeftAreaMidashi a:focus,
    .LeftAreaMidashi a:active {
        position: relative;
        top: 0px;
        left: 0px;
        background: #fff !important;
        border: 2px solid #000;
    }

/*メインエリア（内容描画）*/
.RightArea {
    width: 695px;
    float: right;
}
/* メニュー非表示 */
.hideMenu {
    display: none;
}
/*幅100%で表示*/
.wideMenu {
    width: 100%;
}

#cont_body:has(.wideMenu) .class2 {
    width: 47.5%;
}

#cont_body:not(:has(.wideMenu)) .class2 {
    width: 32%;
}

@media screen and (max-width: 767px) {
    #cont_body:has(.wideMenu) .class2 {
        width: calc(100% - 10px);
    }
}




/*サイド同一階層への分類メニュー部分*/
ul#classMenuArea, ul#danrakuMenuArea {
    overflow: hidden;
    padding-top: 0px;
    padding: 0px 3px 0px 3px;
}

ul#classMenuArea {
}

    ul#classMenuArea li, ul#danrakuMenuArea li {
        font-size: 1.1em;
        min-height: 50px;
        display: table;
        border-top: solid 1px #EEEEEE;
        width: 100%;
        vertical-align: middle;
        padding: 3px 0px;
    }

        ul#classMenuArea li.selected, ul#danrakuMenuArea li.selected {
            font-weight: bold;
        }

        ul#classMenuArea li:first-child, ul#danrakuMenuArea li:first-child {
            border-top: none;
        }

        ul#classMenuArea li a:first-child, ul#danrakuMenuArea li a:first-child {
            text-decoration: none;
            padding: 7px 5px 7px 10px;
            display: table-cell;
            vertical-align: middle;
            border-left: solid 5px #EAE8E8;
        }

        ul#classMenuArea li.selected a, ul#danrakuMenuArea li.selected a {
            border-left: solid 5px #00608d;
        }

        * html ul#classMenuArea li a, * html ul#danrakuMenuArea li a { /* IE6用 縦幅中央寄せ */
            display: inline;
            zoom: 1;
        }

        *:first-child + html ul#classMenuArea li a, *:first-child + html ul#danrakuMenuArea li a { /* IE7用 縦幅中央寄せ */
            display: inline;
            zoom: 1;
        }


/*見出しメニューエリアが上の場合のメニューのスタイル*/
.TopArea {
    /*border:solid 1px #CCCCCC;*/
}

    .TopArea table#danrakuMenuArea {
        /*border:hidden;*/
        border: solid 1px #CCCCCC;
    }

        .TopArea table#danrakuMenuArea td {
            font-size: 1.1em; /*16px*/
            height: 50px;
            border: solid 1px #E4EAEF;
            width: 25%;
            word-break: break-all;
        }

            .TopArea table#danrakuMenuArea td a {
                text-decoration: none;
                padding: 5px 5px 5px 15px;
                display: block;
            }

/*サイドメニュータイトル*/
.mokuteki {
    margin-top: 20px;
}

    .mokuteki .subInfo {
        background: #bbe2f1 url("../images/icon_search.png") no-repeat scroll 5px 8px;
        border-top: 1px solid #00608d;
        border-right: 1px solid #00608d;
        border-left: 1px solid #00608d;
        border-bottom: 0px dotted #cccccc;
        font-weight: bold;
        padding: 9px 5px 4px 40px;
    }

.kuyakusyo {
    margin-top: 20px;
}

    .kuyakusyo .subInfo {
        padding: 5px 5px 5px 30px;
        font-weight: bold;
    }

.subInfo span {
    font-size: 1.1em;
    padding-left: 5px;
}

.div_arrow {
    float: right;
    margin: 16px 0px 16px 2px;
}

@media screen and ( max-width:767px ) {
    .div_arrow, .div_arrow a {
        padding: 0px !important;
        margin: 2px !important;
    }

    .naviSpreadBtn {
        width: 20px !important;
    }
}

/*目的一覧部分*/
ul#classSetMenuArea {
    border-left: 1px solid #00608d;
    border-right: 1px solid #00608d;
    border-bottom: 1px solid #00608d;
}

    ul#classSetMenuArea li {
        border-top: dotted 1px #D9D9D9;
        display: table;
        font-size: 1.1em;
        height: 30px;
        width: 100%;
        padding: 10px 0px;
    }

        ul#classSetMenuArea li:first-child {
            border-top: none;
        }

        ul#classSetMenuArea li a {
            background: url("../images/ya_ore.gif") no-repeat scroll 15px center;
            display: table-cell;
            padding: 0px 5px 0px 29px;
            text-decoration: none;
            vertical-align: middle;
        }

/*区役所案内部分*/
.mapImg {
    border-bottom: solid 1px #90CADD;
}

#mapMenuArea {
    border: solid 1px #90CADD;
    border-top: none;
}

    #mapMenuArea table {
        border: none;
        width: 100%;
    }

    #mapMenuArea td {
        font-size: 1.1em;
        height: 48px;
        width: 50%;
        padding-left: 10px;
    }

        #mapMenuArea td.td_L {
            border-right: solid 1px #C7E3EA;
            border-bottom: solid 1px #C7E3EA;
        }

        #mapMenuArea td.td_R {
            border-bottom: solid 1px #C7E3EA;
        }

        #mapMenuArea td.td_last {
            border-bottom: none;
        }

        #mapMenuArea td img {
            margin-right: 7px;
        }

/*分類タイトル部分*/
h1.classTitle {
    padding: 16px 0px 16px 24px;
    font-size: 1.8em;
    position: relative;
    max-width: 1366px;
    margin: 2px auto;
    /*単色見出しの場合*/
    background-color: var(--color-h1);
    /*グラデーション見出しの場合*/ /*
    background-image: var(--grad-midashi);*/
    color: var(--color-h1-text);
    letter-spacing: 0.2em;
    /* 右端の葉っぱ画像を background-image で設定 */
    background-image: url("../images/bg-h1.png");
    background-repeat: no-repeat;
    background-position: right -23px center;
    padding-right: 150px;
    border-radius: 5px;
}


@media screen and (max-width:768px) {
    h1.classSetTitle, h1.classTitle {
        font-size: 1.33rem;
        letter-spacing: 0.05em;
        padding: 0.8rem 0.8rem;
    }

    .midashi {
        font-size: 1rem;
    }

        .midashi::after {
            top: 28px;
            width: 18px;
            height: 18px;
            left: 24px;
        }
}


h1.classTitle img {
    vertical-align: middle;
    margin-right: 16px;
}

h1.classTitle a.rss img {
    margin: 0;
    position: absolute;
    right: 12px;
    bottom: 8px;
}


/* 分類タイトル部分　大見出し画像表示時のcssによるビュレット消し */
.classTitle.nobullet {
    padding: 10px 0px 2px 0px;
}

    .classTitle.nobullet:before, .classTitle.nobullet:after {
        display: none;
    }

    .classTitle.nobullet img {
        margin: 0px auto;
        width: 100%;
    }

    .classTitle.nobullet span {
        margin: 0px 0px 0px 10px;
    }

/* 中見出し画像表示時のcssによるビュレット消し */
.midashi.nobullet {
    padding: 0px 0px 2px 0px;
}

    .midashi.nobullet:before, .midashi.nobullet:after {
        display: none;
    }

    .midashi.nobullet img {
        margin: 0px auto;
        width: 100%;
    }

        .midashi.nobullet img[src$="common/images/newwin.gif"] {
            width: 9px !important;
        }

    .midashi.nobullet span {
        margin: 10px 0px 0px 5px;
    }

/* 小見出し画像表示時のcssによるビュレット消し */
.class2 .child .nobullet {
    padding: 0px 0px 2px 0px;
}

    .class2 .child .nobullet:before, .class2 .child .nobullet:after {
        display: none;
    }

    .class2 .child .nobullet img {
        margin: 0px auto;
        width: 100%;
    }

    .class2 .child .nobullet span {
        margin: 1px 0px 0px 5px;
    }

.headings_pic_large {
}

.headings_pic_medium {
}

.headings_pic_small {
}


/*新着・分類部分*/
.newArea {
    margin: 16px auto 16px;
}

#newAreaWaku {
    padding: 5px 10px;
    margin: 0px auto;
    max-width: 1366px;
}
/*新着情報部分*/
.newInfo {
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    letter-spacing: 1px;
    margin: 0px auto;
    padding: 0px 15px;
    font-weight: bold;
    border-top: solid 0px #DDE2E8;
    border-bottom: solid 1px #858E9A;
}

ul.newlist {
    margin-top: 10px;
    padding-left: 15px;
}

    ul.newlist li .upddate {
        float: left;
        margin-right: 10px;
        /*min-width:90px;*/ /* 年非表示 */
        min-width: 130px; /* 年表示 */
        font-size: 0.9em;
    }

.RightArea ul.newlist li .title {
    float: left;
    /*max-width:570px;*/ /* 年非表示 */
    max-width: 510px; /* 年表示 */
}

.wideMenu ul.newlist li .title {
    float: left;
    max-width: 820px;
}

.more {
    margin-top: 16px;
    text-align: center;
}

/*分類　描画部分*/
.classArea2 {
    margin-top: 20px;
    /*margin-bottom:-15px;*/
    margin-bottom: 0px;
}

.class2 {
    margin: 0 16px 16px 0;
    /*float:left;*/
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

/*記事一覧部分*/
.kijiArea {
    padding: 10px;
    margin-top: 20px;
}
/* frexの入れ子に対するIE11の時の表示 start */
@media screen and ( min-width:1382px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 1026px !important;
    }
}

@media screen and ( max-width:1381px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 900px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1281px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 800px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1169px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 1000px !important;
        float: none !important;
    }
}

@media screen and ( max-width:1069px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 750px !important;
        float: none !important;
    }
}

@media screen and ( max-width:767px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 700px !important;
        float: none !important;
    }
}

@media screen and ( max-width:480px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 400px !important;
        float: none !important;
    }
}
/* frexの入れ子に対するIE11の時の表示 end */

.RightArea .kijiArea .more {
    text-align: center;
}

.wideMenu .kanrenKijiArea .more {
    margin-top: 10px;
    /*float:right;*/
    width: 73%;
    max-width: 300px;
}

.kijiInfo {
    font-size: 1.1em;
    line-height: 24px;
    padding-left: 8px;
    font-weight: bold;
}

.kijilist {
    margin-top: 10px;
    padding: 15px 10px;
    border: solid 1px #E5E5E5;
    overflow: hidden;
    border-radius:5px;
}

.wideMenu .kanrenKijiArea .kijilist {
    float: right;
    width: 73%;
    background-color: var(--background-color,#ffffff);
}



.loadbox, .loadbox3 {
    padding: 7px 0px;
    margin-top: -1px;
    container-type: inline-size;
}

.loadbox3 {
    text-align: center;
}

@container (min-width: 800px) {
    .title {
        width: 800px !important; /* 例：広げる */
        /* float: none; などもここで切り替え可 */
    }
}

.mainblock {
    float: left;
    width: 100%;
}

#cont_body .kijiArea .mainblock_imgttl {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

    #cont_body .kijiArea .mainblock_imgttl .img_l {
        max-width: 142px !important;
        width: 100%;
        max-height: 92px !important;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

        #cont_body .kijiArea .mainblock_imgttl .img_l img {
            max-width: 140px !important;
            width: 100%;
            max-height: 90px !important;
            height: 90px;
            object-fit: cover;
            border: 1px solid #D5D5D5;
        }

    #cont_body .kijiArea .mainblock_imgttl .ttl_r {
        max-width: calc(100% - 150px);
        width: 100%;
        padding: 0px 0px 0px 8px;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        #cont_body .kijiArea .mainblock_imgttl .ttl_r .ttl {
            font-size: 1em;
            width: 100%;
        }

        #cont_body .kijiArea .mainblock_imgttl .ttl_r .upd_date {
            font-size: 0.9em;
            width: 100%;
        }

        #cont_body .kijiArea .mainblock_imgttl .ttl_r .terms {
            font-size: 0.9em;
            width: 100%;
        }

            #cont_body .kijiArea .mainblock_imgttl .ttl_r .terms .lbl {
                font-size: 0.8em;
                padding: 4px;
                margin-right: 5px;
            }

            #cont_body .kijiArea .mainblock_imgttl .ttl_r .terms .term {
                white-space: initial !important;
            }

.loadbox .upddate, .loadbox3 .upddate {
    font-size: 0.9em;
    float: left;
    padding-right: 10px;
    /*min-width:90px;*/ /* 年非表示 */
    min-width: 130px; /* 年表示 */
}

.loadbox .releasedate {
    font-size: 0.9em;
    padding-right: 10px;
    float: left;
    /*min-width:90px;*/ /* 年非表示 */
    min-width: 130px; /* 年表示 */
}

.loadbox .houdou_bunrui {
    font-size: 0.8em;
    padding: 1px 3px;
    margin-right: 5px;
}

.more {
    text-align: center;
    border: 1px solid #cccccc;
    margin: 16px auto 0px;
    width: 35%;
    padding: 2px;
}

    .more a {
        display: block;
        text-decoration: none;
        margin: 0px auto 0px;
    }

.RightArea .loadbox .title, .RightArea .loadbox3 .title {
    float: left;
    /*width:550px;*/ /* 年非表示 */
    width: 508px; /* 年表示 */
}

.wideMenu .kanrenKijiArea .loadbox .title,
.wideMenu .kanrenKijiArea .loadbox3 .title {
    float: left;
    width: 540px;
}

.wideMenu .loadbox .title,
.wideMenu .loadbox3 .title {
    float: left;
    width: 780px;
}

@media screen and (max-width: 650px) {
    .wideMenu .loadbox .title,
    .wideMenu .loadbox3 .title {
        width: 100% !important;
    }
}

.loadbox .gaiyou, .loadbox3 .gaiyou {
    font-size: 0.9em;
}

.loadbox .img, .loadbox3 .img {
    float: right;
    margin: 0px 5px 0px 10px;
    vertical-align: middle;
}

* html .loadbox .img, * html .loadbox3 .img {
    /* IE6用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

*:first-child + html .loadbox .img, *:first-child + html .loadbox3 .img {
    /* IE7用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

.loadbox span.term, .loadbox3 span.term {
    font-size: 0.9em;
    white-space: nowrap;
}

.loadbox span.termTitle, .loadbox3 span.termTitle {
    font-size: 0.7em;
    padding: 1px 3px;
    margin-right: 5px;
}

/* 報道資料一覧 */
.houdou .loadbox .title, .houdou .loadbox3 .title {
    float: none;
    width: auto;
}

/* イベントカレンダー */
.LeftArea .calArea {
    margin-top: 10px;
}

.wideMenu .calArea {
    margin-top: 10px;
    width: 23%;
    float: left;
}

.calInfo {
    font-size: 1.1em;
    text-align: right;
}

.calArea #mcWrapper {
    border: solid 1px #DDDDDD;
    padding: 10px;
    margin: 0px auto;
    width: auto;
}

/* その他のコンテンツ */
.otherCatArea {
    padding: 10px;
    margin-top: 20px;
}

.otherCatWaku {
    margin-top: 20px;
    margin-bottom: 0px;
}

.otherCat {
    width: 325px;
    margin: 0 10px 10px 0;
    /*float:left;*/
    border: solid 1px #E5E5E5;
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

    .otherCat .midashi {
        min-height: 37px;
        height: auto !important;
        height: 37px;
        line-height: 37px;
        border-bottom: solid 1px #FFFFFF;
        padding: 0px 28px;
    }

/*関連リンク部分*/
.linkInfo {
    margin-top: 25px;
    border-bottom: solid 1px #2B69A3;
}

    .linkInfo span {
        font-size: 1.1em;
        width: 83px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
    }

ul.linklist {
    margin-top: 10px;
    margin-left: 10px;
}

    ul.linklist li {
        margin: 5px 0;
        padding-left: 13px;
        background: url('../images/bullet_link.gif') no-repeat left 11px;
    }

.bannerImg {
}

.linkTitle {
}

.linkSummary {
    font-size: 0.9em;
    margin-left: 10px;
    line-height: 1.5;
}

.line {
    border-bottom: 1px dotted #CCCCCC;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

/* 関連バナー部分 */
#banArea {
}

    #banArea .imgBan {
        margin: 5px 10px;
        display: inline-block;
        vertical-align: middle;
        max-width: calc(100% - 20px);
    }

        #banArea .imgBan img {
            display: block;
            max-width: 100%;
        }

    #banArea p.textBan {
        border: solid 1px #CCCCCC;
        width: 168px;
        padding: 13px 0px;
        text-align: center;
        font-size: 0.9em;
        margin: 5px 10px;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* Opera9,10対応 */
    }

/* 関連バナー部分（分類サイト） */
.bunruiSite #banArea {
    /*margin-top: 25px;
    padding: 10px;*/
    margin: 0px auto;
    padding: 0px;
}

    .bunruiSite #banArea #banItem {
        padding: 20px 0;
        text-align: center;
    }

    .bunruiSite #banArea .linkInfo {
        /*margin: 0px 0px 5px;
        border: none;
        padding-left: 8px;*/
        display: none;
    }

        .bunruiSite #banArea .linkInfo h4 {
            /*width: auto;
            text-align: initial;
            font-size: 1.1em;
            font-weight: bold;
            line-height: 24px;*/
            display: none;
        }

    .bunruiSite #banArea #banWrap {
        /*border: 1px solid #e5e5e5;
        margin-top: 10px;
        overflow: hidden;
        padding: 0px 5px;*/
    }

    .bunruiSite #banArea #adinfoLink {
        /*border-top: solid 1px #e5e5e5;
        font-size: 0.9em;
        text-align: center;
        padding: 10px 0px;*/
        display: none;
    }

/* 関連バナー部分（分類ページ） */
.wideMenu #banArea, .LeftArea #banArea {
    width: 233px;
    float: right;
    margin-top: 25px;
    padding: 10px;
}

    .wideMenu #banArea #banItem, .LeftArea #banArea #banItem {
        padding: 20px 0;
        text-align: center;
    }

    .wideMenu #banArea .linkInfo {
        margin: 0px 0px 5px;
        border: none;
        padding-left: 8px;
    }

        .wideMenu #banArea .linkInfo h4 {
            width: auto;
            text-align: initial;
            font-size: 1.1em;
            font-weight: bold;
            line-height: 24px;
        }

    .wideMenu #banArea #banWrap {
        border: 1px solid #e5e5e5;
        margin-top: 10px;
        overflow: hidden;
        padding: 0px 5px;
    }

    .wideMenu #banArea #adinfoLink {
        border-top: solid 1px #e5e5e5;
        font-size: 0.9em;
        text-align: center;
        padding: 10px 0px;
    }

/* 関連バナータイトル */
.bunruiBan_title {
    max-width: 1366px;
    margin: 0px auto;
    text-align: center;
}

    .bunruiBan_title span::after {
        content: "関連バナー";
    }

/* 関連バナーのタイトルを表示する例（分類サイト・分類ページの分類ID:431 指定時） */
/*.bunruiBan_title.bunruiBan_title_431 {
        display: block !important;
    }*/
/* 関連バナーのタイトル表示を変更させる例（分類サイト・分類ページの分類ID:431 指定時） */
/*.bunruiBan_title.bunruiBan_title_431 span::after {
            content: "関連サイト";
        }*/


/* 詳細画面 *****************************/
/*記事タイトル*/
h1.title {
    padding: 25px 0px 25px 24px;
    font-size: 2em;
    position: relative;
    max-width: 1366px;
    margin: 2px auto;
    background-color: var(--color-h1); /*
    background-image: var(--grad-h1);*/
    color: var(--color-h1-text);
    border-radius: 5px;
    letter-spacing: 0.2em;
}

    h1.title .rear {
        margin-left: 20px;
    }

/*見出しメニューエリア（上）*/
.TopArea {
    width: 100%;
    margin-top: 25px;
}
/*メインエリア（内容描画）*/
.BottomArea {
    width: 100%;
}

.danraku {
    margin-top: 16px;
    word-break: break-all;
}

.menutop {
    margin-top: 10px;
    text-align: right;
    font-size: 0.8em;
}

/* 詳細画面 */
table.shinsei {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

    table.shinsei th {
        border: 1px solid #CCCCCC;
        font-weight: bold;
        line-height: 1.4;
        padding: 3px;
        text-align: center;
        width: 20%;
    }

    table.shinsei td {
        border: 1px solid #CCCCCC;
        line-height: 1.4;
        padding: 5px 7px;
    }

.updFile {
    margin-bottom: 10px;
}

    .updFile img {
        vertical-align: middle;
    }

.updFileEx {
    margin: -10px 0 10px 0;
}

    .updFileEx img {
        vertical-align: middle;
    }


.updLink {
    margin: 2px 0px 10px 0px;
}

    .updLink img {
        vertical-align: middle;
    }

    .updLink a span {
        margin-left: 5px;
        margin-right: 5px;
    }

#hpkijiid_shosai {
    text-align: right;
    font-size: 0.7em;
    margin-top: 10px;
}

.hpkijiid_shosai {
    font-size: 0.7em;
    margin-bottom: 5px;
    float: right;
}

.updFile a,
.updFileEx a {
    text-decoration: none;
}

/* 申請書検索画面 *****************************/
.searchBig .searchItem input { /*キーワード入力枠*/
    width: 30%;
}

.fullsearch {
    margin: 10px 0 10px 20px;
    width: 95%;
    float: left;
}

.leftsearch {
    margin: 10px 0 0 20px;
    width: 17%;
    float: left;
}

.rightsearch {
    margin: 10px 0 0 0;
    width: 80%;
    float: left;
}

    .rightsearch ul {
        margin: 0;
        padding: 0;
    }

    .rightsearch li {
        margin: 0 15px 5px 0;
        float: left;
    }

.searchRbox label {
    margin-left: 3px;
}

.searchimg {
    margin: 0 0 0 10px;
}

.searchtxt {
    margin: 0 0 20px 15px;
}

.scitem_midashi {
    background: url("../images/t_ore.gif") no-repeat scroll 0 0 transparent;
    padding-left: 10px;
}

.shinseiField {
    margin: 10px auto 0px auto;
}

#searchDtlTgl {
    font-size: 0.9em;
    text-decoration: underline;
    padding: 4px;
    margin: 0 5px 5px;
    cursor: pointer;
}

.searchItemData {
    display: inline-block;
}

    .searchItemData select {
        width: auto !important;
    }

.srchSoshikiCb {
    margin-left: 15px;
}

    .srchSoshikiCb input {
        width: auto !important;
    }

.srchDenshiOnlyCb input {
    width: auto !important;
    margin-top: 15px;
    margin-left: 15px;
}

.ddl_lbl {
    margin-left: 14px !important;
    margin-right: 5px;
}

/* ５０音検索画面 */
#main .left50 {
    width: 22%;
    padding: 10px 5px 10px 5px;
    float: left;
}

    #main .left50 td {
        padding: 2px;
        text-align: center;
    }

#main .right50 {
    width: 75%;
    float: right;
}

    #main .right50 .boxwaku .leftBox {
        width: 98% !important;
        padding: 3px 1px 2px 5px !important;
        margin: 2px 0px !important;
    }

    #main .right50 .boxwaku .rightBox {
        width: 98% !important;
        padding: 3px 1px 2px 5px !important;
        margin: 2px 0px !important;
    }

/* 一覧画面 */
.srchRsltItem {
    width: 90%;
    margin: 5px auto 0 auto;
}

ul.shinsei li {
    padding: 12px 0px 12px 14px;
    background-position: 4px 20px;
    margin: 0px auto;
    border-top: 1px dotted #CCCCCC;
}

    ul.shinsei li.bg {
    }

    ul.shinsei li .boxwaku {
        width: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        ul.shinsei li .boxwaku li {
            float: left;
            background-image: none !important;
            border: none !important;
            padding: 0px !important;
        }

        ul.shinsei li .boxwaku .leftBox {
            width: 40%;
            float: left;
            line-height: 1.8;
            margin: 0px 2px 0px 0px !important;
        }

        ul.shinsei li .boxwaku .rightBox {
            width: 58%;
            float: left;
            margin: 0px 2px 0px 5px !important;
        }

            ul.shinsei li .boxwaku .leftBox div,
            ul.shinsei li .boxwaku .rightBox div,
            ul.shinsei li .boxwaku .leftBox ul li,
            ul.shinsei li .boxwaku .rightBox ul li {
                padding: 4px 1px 6px 4px !important;
            }

.grayBox {
    font-size: 0.8em;
    padding: 3px 7px;
    margin-right: 5px;
    display: inline;
}

.shinseiHissu {
    width: 99%;
    margin-top: 5px;
    font-size: 0.9em;
    float: left;
}

.shinseiTtl {
    font-weight: bold;
    font-size: 1.0em;
}

/* 詳細をみる */
.shosaimiru {
    white-space: nowrap;
    margin: 0px 0px 0px 2px;
    font-size: 0.9em;
}

    .shosaimiru a {
        margin: 0px 2px;
    }

.shinsei li a {
    text-decoration: none;
}
/* 抽出用フラグ一覧画面 *****************************/
/*見出し帯部分*/
.MainArea h1.midashi {
    margin: 0 auto 15px auto;
}
/*メインエリア（内容描画）*/
.MainArea {
    width: 90%;
    margin: 0px auto;
}

/* 月間カレンダー */
TABLE.calTitle {
    width: 100%;
    margin: 30px auto 25px auto;
}

    TABLE.calTitle td, TABLE.calTitle td img {
        vertical-align: bottom;
    }

        TABLE.calTitle td.YearMonth {
            text-align: center;
            font-size: 2em;
            vertical-align: text-bottom;
            line-height: 40px;
        }

            TABLE.calTitle td.YearMonth span {
                margin: 5px;
            }

                TABLE.calTitle td.YearMonth span:nth-child(n+2) {
                    margin: 5px 5px 5px 0px;
                }

    TABLE.calTitle span.CalMonth {
        font-size: 80%;
        margin-left: 20px;
        vertical-align: text-bottom;
    }

    TABLE.calTitle span.CalYear {
        font-size: 130%;
    }

TABLE.cal {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    width: 100%;
}

    TABLE.cal th {
        text-align: center;
        font-weight: bold;
        padding: 3px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
        width: 14%;
    }

    TABLE.cal td {
        padding: 2px 7px;
        border: 1px solid #CCCCCC;
        line-height: 1.2;
        width: 14%;
        font-size: 0.9em;
    }

        TABLE.cal td p {
            margin: 5px 0;
            line-height: 1.4em;
            padding-bottom: 7px;
        }

    TABLE.cal th.sunCss {
        /* ※背景色は色別CSSで定義 */
    }

    TABLE.cal th.normalCss {
        /* ※背景色は色別CSSで定義 */
    }

    TABLE.cal th.satCss {
        /* ※背景色は色別CSSで定義 */
    }

TABLE.week th {
    /* ※背景色は色別CSSで定義 */
}

td.style1 {
    /* ※背景色は色別CSSで定義 */
}

td.style2 {
    /* ※背景色は色別CSSで定義 */
}

TABLE.cal td p a {
    text-decoration: none;
}

a .textLink {
    text-decoration: underline;
}

/* 月移動リンク */
#tukiIchiran {
    width: 100%;
    letter-spacing: normal !important;
    margin: 2px auto;
}

    #tukiIchiran li {
        display: inline-block;
        letter-spacing: normal !important;
        margin: 4px 0px 4px 0px;
        text-align: center;
        border-right: dotted 1px;
        line-height: 1.3em !important;
    }

        #tukiIchiran li:first-child {
            border-left: dotted 1px;
        }

        #tukiIchiran li span {
            display: block;
            white-space: nowrap;
            font-size: 1.1em;
        }

@media screen and (min-width:768px) {
    #tukiIchiran {
        display: flex;
        max-width: 740px;
    }

        #tukiIchiran li {
            padding: 0px 10px 0px 10px;
            width: 100%;
        }
}

@media screen and (max-width:767px) {
    #tukiIchiran {
        max-width: 98%;
    }

        #tukiIchiran li {
            padding: 0px 0px 0px 0px;
            width: 15%;
            border: none !important;
        }
}

/* 週間カレンダー */
table.table1 ul.list {
    margin: 5px !important;
    line-height: 1.8 !important
}

table.week td.date {
    text-align: center;
}

div.div_sep {
    width: 100%;
    height: 1px;
    border: none;
}

table.week td ul li a {
    text-decoration: none;
}

.WeekYMD {
    white-space: nowrap;
    font-size: 0.8em;
}

/* 年間カレンダー */
div#schedule {
    padding: 5px 0px 10px 0px;
    margin: 0px auto;
    width: 80%;
    overflow: auto;
    *overflow-x: scroll;
    *overflow-y: hidden;
}

div.scale {
    margin: 0px;
    padding: 0px;
    background: url("../images/line_bg_year.gif") repeat-y scroll 0 0 transparent;
    width: auto;
    *width: 100%;
    height: auto;
}

    div.scale .line {
        border-bottom: 1px solid #CCCCCC;
        margin: 0;
    }

div.cal_top {
    height: 22px;
    width: 632px;
    background: url("../images/line_month_top.gif") no-repeat scroll 0 0 transparent;
}

div.cal_wrapper {
    line-height: 1.4;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.bun {
    color: #FFFFFF;
    float: left;
    min-height: 20px;
    text-align: center;
    width: 32px;
    display: none;
}

    div.bun span {
        display: block;
        padding: 15px 0;
    }

div.evtSchWrapper {
    float: left;
    min-height: 10px;
    vertical-align: top;
    white-space: nowrap;
    width: 99%;
}

div.evtSch {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    width: auto;
    white-space: nowrap;
    vertical-align: top;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    display: block;
}

    div.evtSch .bardisp {
        height: 6px;
        line-height: 0;
        font-size: 0;
        margin: 0px;
        padding: 0px;
        white-space: nowrap;
        border: none 0px;
        vertical-align: top;
    }

    div.evtSch h3 {
        font-weight: bold;
        margin: 0px;
        white-space: nowrap;
        vertical-align: top;
    }

        div.evtSch h3.date {
            font-weight: normal;
            margin: 0px;
            white-space: nowrap;
            vertical-align: top;
        }

div.scale .line {
    width: 93%;
    line-height: 1px;
    font-size: 1px;
}

div.cal_bottom {
    height: 22px;
    width: 632px;
    background: url("../images/line_month_bottom.gif") no-repeat scroll 0 0 transparent;
}

.date {
    font-size: 0.9em;
}

.ec {
    border-bottom: 1px dotted #CCCCCC;
    display: table;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

div.evtSch h3 a {
    text-decoration: none;
}
/* 年間カレンダー（スマートフォン画面） */
.mainlistblock {
    margin: 0 auto;
    width: 99%;
}

.picForSP {
    /*border: 1px solid #CCCCCC;*/
    display: table-cell;
    height: 90px;
    line-height: 90px;
    width: 90px;
    min-width: 90px;
    text-align: center;
    vertical-align: top;
}

    .picForSP .waku {
        border: 1px solid #CCCCCC;
        vertical-align: middle;
        text-align: center;
        width: 90px !important;
        height: 90px !important;
        padding: 0px !important;
        margin: 0px !important;
        overflow: hidden;
        display: inherit;
        layout-grid-line: 90px;
        *float: left;
    }

        .picForSP .waku img {
            vertical-align: middle;
            max-width: 90px !important;
            max-height: 90px !important;
        }

.bunruiImgAddForSP {
    padding: 2px;
    width: 98%;
    display: none;
}

.blockForSP {
    display: table-cell;
    padding-left: 6px;
    width: 100%;
    layout-grid-line: auto;
    float: left;
}

    .blockForSP .term {
        margin: 2px;
    }

.gaiyouForSP {
    font-size: 0.8em;
    margin-top: 5px;
    padding-left: 6px;
    width: 100%;
    float: left;
}

div#scheduleForSP {
    padding: 10px 0;
    margin: 0;
    width: 99%;
}

.blockForSP a {
    text-decoration: none;
}

/* ガントチャートカレンダー */
.tabMenu span.active a {
    color: inherit;
    cursor: default;
}

.ganttchart-calendar-content .fullCalendarArea {
    position: inherit;
}

.ganttchart-calendar-content {
    position: relative;
}

    .ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center {
        position: absolute;
        top: -8px;
        left: 0px;
        text-align: center;
        width: 300px;
        left: 50%;
        margin-left: -150px;
        display: none;
    }

    /*.ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center div{
    float:none;
}

.ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center h2{
    font-weight:normal;
}*/

    .ganttchart-calendar-content .fc-left {
        display: none;
    }

    .ganttchart-calendar-content .fc-right {
        display: none;
    }

    /**/

    .ganttchart-calendar-content .calendar-title-wrap {
        text-align: center;
    }

    .ganttchart-calendar-content .calendar-title-content {
        display: inline-block;
        margin: 30px auto 15px auto;
    }

    .ganttchart-calendar-content .calendar-title-today {
        float: left;
        margin-left: -63px;
        margin-right: 12px;
    }

    .ganttchart-calendar-content .calendar-title-prev {
        float: left;
    }

    .ganttchart-calendar-content .calendar-title-dspDate {
        font-size: 36px;
        width: auto;
        float: none;
        line-height: 1.3;
        margin-bottom: 0;
        float: left;
        margin: -12px 36px 0px;
    }

    .ganttchart-calendar-content .calendar-title-next {
        float: right;
    }

#FullCalendar .fc-list-heading .fc-widget-header {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

@media screen and (max-width: 600px) {
    .ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center {
        top: 36px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .ganttchart-calendar-content .calendar-title-wrap {
        margin-bottom: 60px;
    }

    .ganttchart-calendar-content .calendar-title-today {
        margin-left: 0px;
    }

    .ganttchart-calendar-content .calendar-title-dspDate {
        position: absolute;
        top: 36px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .ganttchart-calendar-content .calendar-title-content {
        display: block;
    }
}

/* 詳細画面の概要画像・文 */
.kijiGaiyo {
    margin: 10px auto;
    width: 100%;
}

    .kijiGaiyo .img {
        float: right;
        margin: 0px 5px 0px 10px;
        vertical-align: middle;
    }

.class_toi {
    width: 100%;
}

    .class_toi .zipcode, .class_toi .shozaichi, .class_toi .tel, .class_toi .fax, .class_toi .mail, .class_toi .url {
        word-break: break-all;
    }

/* レコメンド記事 */
div#recommend {
    margin-top: 20px;
    padding: 10px;
}

    div#recommend p {
        font-size: 1.1em;
        font-weight: bold;
        line-height: 24px;
        padding-left: 8px;
    }

    div#recommend ul {
        border: 1px solid #e5e5e5;
        margin-top: 10px;
        overflow: hidden;
        padding: 0px 10px;
    }

        div#recommend ul li {
            border-top: 1px dotted #cccccc;
            margin-top: -1px;
            padding: 7px 0;
        }

    div#recommend .upddate {
        float: left;
        font-size: 0.9em;
        width: 11em;
        padding-right: 10px;
    }

    div#recommend .title {
        float: left;
    }

/* 複合検索リンク */
div.fukugokensaku {
    width: 100%;
    margin: 2px auto 6px auto;
}

    div.fukugokensaku a {
        float: left;
        padding: 8px 26px 8px 10px;
        background: url("../images/ya_btn_ore.gif") no-repeat scroll 95% center #ffffff;
        border: 1px solid #cccccc;
        margin: 2px 12px 10px 0px;
        width: 20%;
        line-height: 1.5;
        font-size: 1.1em;
    }


/* あなたが最近チェックしたページ */
div#browsinghisotry_block {
    margin-top: 20px;
    font-size: 0.9em;
    border: solid 1px #cacaca;
}

    div#browsinghisotry_block ul {
        overflow: hidden;
        padding: 0px 10px;
    }

        div#browsinghisotry_block ul li {
            border-top: 1px dotted #cccccc;
            margin-top: -1px;
            padding: 3px 0;
        }

    div#browsinghisotry_block .upddate {
        float: left;
        font-size: 0.9em;
        min-width: 130px;
        width: auto;
        padding-left: 5px;
    }

    div#browsinghisotry_block .title {
        float: left;
        max-width: 800px;
        /*overflow: hidden;*/
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        padding: 0px 5px 0px 10px;
    }

    div#browsinghisotry_block .del {
        /*float: left;*/
    }

#browsinghistory_ttl {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 5px;
}

.browsinghistory_header {
    padding: 10px 0 10px 12px;
}

#browsinghistory_ttl h2 {
    border-left: 5px solid #cccccc;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 10px;
}

#browsinghistory_rmv {
    float: right;
    padding-right: 5px;
    font-size: 0.9em;
}

/* 記事一覧 */
.fullKijiList {
    width: 97% !important;
}

/* 記事一覧 Default */
.kijilist {
}

    .kijilist li p.img img {
        width: 100px;
    }

/* 記事一覧 Type3, Type4 */
.KijiListType3,
.KijiListType4 {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    border: none;
}

    .KijiListType3 li {
        background-color: var(--background-color,#fff);
        background-image: none !important;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        flex-grow: 1;
        flex-shrink: 1;
        border: 1px solid #eee !important;
        background-color: var(--background-color,#fbfbfb) !important;
    }


    .KijiListType4 li {
        background-image: none !important;
        margin-left: 2.2%;
        margin-right: 2.2%;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        flex-grow: 1;
        flex-shrink: 1;
    }

        .KijiListType4 li.loadbox .kijiTitle-wrap {
            /*padding-bottom:15px;*/
        }

        .KijiListType4 li.loadbox .kijiTitle-content {
            height: 65px;
            overflow: hidden;
        }

        .KijiListType4 li.loadbox .kijiTitle {
            float: none;
            display: table;
            width: 100%;
            height: 100%;
        }

        .KijiListType4 li .kijiTitle div {
            display: table-cell;
            vertical-align: middle;
            padding: 0px 9px;
        }

        .KijiListType4 li .gaiyou {
            padding: 9px;
        }

    .KijiListType3 .loadbox .img img {
        width: 150px;
    }

    .KijiListType4 .loadbox .img img {
        width: 100%;
    }


/* アーカイブ */
.archiveSearchArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.archiveSearch {
    text-decoration: none;
    border-radius: 3px;
    padding: 0 5px;
    white-space: nowrap;
    border: 1px solid rgb(200,200,200);
}

    .archiveSearch:hover {
        cursor: pointer;
    }

.archiveYMArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    border-top: lightgray;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 6px;
}

    .archiveYMArea ul {
        width: 27%;
        margin: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .archiveYMArea ul li {
            border-radius: 3px;
            margin-top: 3px;
            margin-left: 3px;
            white-space: nowrap;
            text-align: center;
            height: 30px;
            min-width: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .archiveYMArea ul li a {
                display: flex;
                width: 100%;
                height: 100%;
                border: 1px solid rgb(200,200,200);
                text-decoration: none;
                align-items: center;
                justify-content: center;
            }

            .archiveYMArea ul li.selected a {
                font-weight: bold;
                background-color: rgb(238, 6, 6);
                color: white;
            }

.archiveSerchConditions {
    font-weight: bold;
}

.archiveTagArea {
    border-top: lightgray;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 6px 0;
    padding-top: 3px;
    display: flex;
    flex-wrap: wrap;
}

.archiveTag {
    margin: 3px 3px 0px 3px;
    text-decoration: none;
    border-radius: 3px;
    padding: 0px 3px;
    display: inline-block;
    white-space: nowrap;
    border: 1px solid rgb(229, 229, 229);
}

.archiveSearchResult {
    margin-top: 10px;
    margin-left: 6px;
}

#archiveTransitionArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

    #archiveTransitionArea div {
        display: none;
    }

.classGroup {
    width: 15%;
    float: left;
    text-align: right;
}

.tagGroup {
    width: 80%;
    float: left;
}

@media screen and ( max-width:982px ) {
    .archiveSearchArea {
        margin-top: 10px;
    }

    #searchVal {
        width: 85%;
    }

    .archiveYMArea {
        flex-direction: column;
    }

        .archiveYMArea ul {
            width: 100%;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
        }

    .classGroup {
        width: 100%;
        float: none;
        text-align: left;
    }

    .tagGroup {
        width: 90%;
        float: left;
        margin-left: 10px;
    }

    .KijiAreaType3,
    .KijiAreaType4 {
        width: 100%;
    }
}

@media screen and ( max-width:479px ) {
    .KijiAreaType3,
    .KijiAreaType4 {
        width: 100%;
    }

    .KijiListType3 li {
        width: 100%;
        padding: 10px 10px !important;
    }

    .KijiListType4 li {
        width: 100%;
        padding: 0;
    }
}

@media screen and ( min-width:480px ) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 97%;
    }

    .KijiListType3 li {
        width: 29%;
        width: -webkit-calc((100% / 3) - 20px - 26px);
        width: calc((100% / 3) - 20px - 26px);
        padding: 8px 8px !important;
    }

    .KijiListType3::before {
        content: "";
        display: block;
        width: 30%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
        order: 1;
    }

    .KijiListType3::after {
        content: "";
        display: block;
        width: 30%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
    }

    .KijiListType4 li {
        width: 45.5%;
        width: -webkit-calc((100% / 2) - 20px - 26px);
        width: calc((100% / 2) - 20px - 26px);
    }

    .KijiListType4::after {
        content: "";
        display: block;
        width: 50%;
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2);
    }
}

.KijiListType3 .loadbox .img,
.KijiListType4 .loadbox .img {
    margin: 0 !important;
    width: 100% !important;
}

.KijiListType4 .loadbox .img {
    float: none;
}

    .KijiListType3 .loadbox .img img,
    .KijiListType4 .loadbox .img img {
        width: 100% !important;
    }

    .KijiListType4 .loadbox .img img {
        vertical-align: middle;
    }

.KijiListType3 .term,
.KijiListType3 .upddate,
.KijiListType3 .title,
.KijiListType4 .term,
.KijiListType4 .upddate,
.KijiListType4 .title {
    width: 100% !important;
    white-space: normal !important;
}

.KijiListType3 .upddate,
.KijiListType4 .upddate {
    font-size: 11px;
    color: var(--text-color,#333);
    text-align: right;
}


/* 分類名リンクなし */
ul#classMenuArea li span:first-child, ul#danrakuMenuArea li span:first-child {
    padding: 7px 5px 7px 10px;
    display: table-cell;
    vertical-align: middle;
    border-left: solid 5px #EAE8E8;
}

ul#classMenuArea li.selected span:first-child, ul#danrakuMenuArea li.selected span:first-child {
    border-left: solid 5px #B6000D;
}

* html ul#classMenuArea li span, * html ul#danrakuMenuArea li span { /* IE6用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

*:first-child + html ul#classMenuArea li span, *:first-child + html ul#danrakuMenuArea li span { /* IE7用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

@media screen and (max-width:767px) {
    ul#classMenuArea li.selected span, ul#danrakuMenuArea li.selected span {
        /*
	    border-top:solid 1px #B6000D;
	    border-right:solid 1px #B6000D;
	    border-bottom:solid 1px #B6000D;
         */
    }
}

/***********************************************************************************
    簡素表示 start
************************************************************************************/
.cont_bodySimple h1.classTitle {
    width: 98% !important;
    width: -webkit-calc(100% - 35px) !important;
    width: calc(100% - 35px) !important;
    margin: 0px auto !important;
}

@media screen and (min-width:768px) {
    .cont_bodySimple .class2 {
        padding: 0px !important;
        margin: 0px 6px 6px 5px !important;
        width: 48% !important;
        width: -webkit-calc(50% - 11px) !important;
        width: calc(50% - 11px) !important;
    }
}

@media screen and (max-width:767px) {
    .cont_bodySimple .class2 {
        padding: 0px !important;
        margin: 0px 6px 6px 5px !important;
        width: 98% !important;
        width: -webkit-calc(100% - 11px) !important;
        width: calc(100% - 11px) !important;
    }
}

.cont_bodySimple .kijiArea {
    width: 97% !important;
    width: -webkit-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/***********************************************************************************
    簡素表示 end
************************************************************************************/

/* 印刷ボタン */
.printbtn {
    font-size: 0.9em;
    width: 80px;
    text-align: center;
}

    .printbtn span {
        font-size: 0.9em;
        position: relative;
        top: -4px;
    }

        .printbtn span::before {
            content: "";
            position: absolute;
            top: 7px;
            left: -21px;
            width: 20px;
            height: 20px;
            transform: translateY(-50%);
            pointer-events: none;
            background-color: var(--color-icon-print);
            -webkit-mask: url("../../hpkiji/images/icon-print.svg") no-repeat center / contain;
            mask: url("../../hpkiji/images/icon-print.svg") no-repeat center / contain;
        }

@media screen and (min-width:481px) {
    .printbtn {
        float: left;
    }
}

@media screen and (max-width:480px) {
    .printbtn {
        float: right;
    }
}

/* 印刷時CSS */
@media print {
    .printbtn,
    #headerArea,
    #tabbar_area, #tabBarWrapper, #tabBarContainer,
    #bar_area, #sideBarWrapper, #sideBarMenuContainer,
    #menu_area, #sideMenuWrapper, #sideMenuContainer,
    #sideborad_area,
    .snsbutton,
    .pankuzu-more,
    .footerSoegaki,
    #browsingHistoryArea,
    #recommend,
    #keepSavePage-container,
    #bp-web-widget,
    #top_btn, #pagetop,
    #footerArea {
        display: none !important;
        height: 0px !important;
        width: 0px !important;
    }

    /* IE11のみ */
    *::-ms-backdrop, #contentArea {
        width: 100%;
    }
}

/* 分類サイト・分類ページのサムネイル記事表示（新着表示無しの場合） start */
.thumsArea {
    width: 100%;
    max-width: 1366px;
    padding: 0px;
    margin: 5px auto;
    display: flex;
    flex-direction: row;
}

@media screen and (min-width:768px) {
    .thumsArea {
        flex-direction: row;
    }
}

@media screen and (max-width:767px) {
    .thumsArea {
        flex-direction: column;
    }
}

.thumsArea .thumsWrap {
    padding: 0px;
}

@media screen and (min-width:768px) {
    .thumsArea .thumsWrap {
        width: 50%;
    }
}

@media screen and (max-width:767px) {
    .thumsArea .thumsWrap {
        width: 100%;
    }
}

.thumsArea .thumsWrap ul {
    width: 94%;
    margin: 5px auto 15px auto;
}

.thumsArea .thumsWrap h2 {
    border-left: solid 15px;
    border-bottom: solid 2px;
    width: 96%;
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
    padding: 5px 0px 5px 5px;
}

.thumsArea .thumsWrap iframe {
    max-width: 100% !important;
}

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

.thumsArea .thumsWrap .thums_link {
    width: 100%;
    text-align: right;
    font-size: 0.9rem;
}

    .thumsArea .thumsWrap .thums_link span::after {
        content: "もっと見る";
    }
/* 非表示にする例（分類ID:433 指定時） */
/*.thums_link.thums_link_cls433 {
    display: none !important;
}*/
/* テキストリンク表示を変更させる例（分類ID:433 指定時） */
/*.thumsArea .thumsWrap .thums_link.thums_link_cls433 span::after {
    content: "一覧へ";
}*/

/* 分類サイト・分類ページのサムネイル記事表示（新着表示無しの場合） end */
/* 分類サイト・分類ページのサムネイル記事表示（新着表示の右隣） start */
#newAndThumsAreaWaku {
    display: flex;
    flex-wrap: wrap;
    max-width: 1366px;
    margin: 0px auto;
}

    #newAndThumsAreaWaku #newAreaWaku {
        width: 100%;
        margin: 0px;
    }

    #newAndThumsAreaWaku #thumsAreaWaku {
        width: 100%;
        margin: 0px;
        padding: 0px 5px;
    }

        #newAndThumsAreaWaku #thumsAreaWaku .thumsArea {
            width: 100%;
            padding: 0px;
            margin: 0px auto;
            display: flex;
            flex-direction: row;
        }

@media screen and (min-width:768px) {
    #newAndThumsAreaWaku #newAreaWaku {
        max-width: calc(65% - 20px);
    }

    #newAndThumsAreaWaku #thumsAreaWaku {
        max-width: calc(35% - 20px);
    }

        #newAndThumsAreaWaku #thumsAreaWaku .thumsArea {
            flex-direction: column;
        }
}

@media screen and (max-width:767px) {
    #newAndThumsAreaWaku #newAreaWaku {
        max-width: calc(100% - 10px);
    }

    #newAndThumsAreaWaku #thumsAreaWaku {
        max-width: calc(100% - 10px);
    }

        #newAndThumsAreaWaku #thumsAreaWaku .thumsArea {
            flex-direction: column;
        }
}

#newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap {
    padding: 10px;
}

@media screen and (min-width:768px) {
    #newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap {
        width: calc(100% - 20px);
        margin: 0px auto 2px auto;
    }
}

@media screen and (max-width:767px) {
    #newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap {
        width: calc(100% - 20px);
        margin: 1px auto 2px auto;
    }
}

#newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap ul {
    width: 100%;
    margin: 5px auto 15px auto;
}

#newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap h2 {
    width: calc(100% - 10px);
    padding: 5px;
    border: none !important;
}

#newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap iframe {
    max-width: 100% !important;
}

#newAndThumsAreaWaku #thumsAreaWaku .thumsArea .thumsWrap img {
    max-width: 100% !important;
}
/* 分類サイト・分類ページのサムネイル記事表示（新着表示の右隣） end */

/* 分類サイト start */
.bunruiSite_container {
    padding: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
}

    .bunruiSite_container #mainBlock {
        padding: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

.bunruiSite {
    width: 100%;
}

    .bunruiSite .nobgimg {
        background-image: none;
        padding-left: 5px;
    }

    .bunruiSite #slidArea {
        width: 100%;
        min-height: 200px;
    }

        .bunruiSite #slidArea img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            font-family: 'object-fit: cover;'; /*IE対策*/
        }

@media screen and (max-width:1100px) {
    /* タブレット用のスタイル記述 */
    .bunruiSite img {
        max-width: 100%;
        height: auto;
        width /***/: auto;
    }

    .bunruiSite #slidArea {
        width: 100%;
        margin: 0px auto;
        float: none;
    }
}

@media screen and (max-width:767px) {
    /* スマートフォン用のスタイル記述 */

    .bunruiSite #slidArea img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'; /*IE対策*/
    }

    .bunruiSite #slidArea {
        width: 100%;
        margin: 0px auto;
    }
}

.bunruiSite .bx-controls-auto .bx-controls-auto-item {
    width: 14px;
    height: 12px;
}

.bunruiSite .bx-wrapper {
    min-height: 50px;
}

.bunruiSite .freeArea {
    max-width: 1366px;
}

.bunruiSite .newArea {
    max-width: 1366px;
    margin-bottom: 30px;
}

    .bunruiSite .newArea #newAreaWaku {
        max-width: 1366px;
        margin: 0px auto;
    }

.bunruiSite .class2 {
    width: 420px;
    margin: 10px 16px 10px 16px !important;
}

@media screen and (max-width:1100px) {
    /* タブレット用のスタイル記述 */
    .bunruiSite .class2 {
        width: 420px;
        margin: 10px 16px 10px 16px !important;
    }
}

@media screen and (max-width:767px) {
    /* スマートフォン用のスタイル記述 */
    .bunruiSite .class2 {
        width: 330px;
        margin: 10px auto 10px auto !important;
    }
}

.bunruiSite ul.newlist li .title {
    float: left;
    max-width: 820px;
}

.bunruiSite .kanrenKijiArea .more {
    margin-top: 10px;
    float: right;
    width: 73%;
}

.bunruiSite .kanrenKijiArea .kijilist {
    float: right;
    width: 73%;
}

.bunruiSite .kanrenKijiArea .loadbox .title,
.bunruiSite .kanrenKijiArea .loadbox3 .title {
    float: left;
    width: 540px;
}

.bunruiSite .loadbox .title,
.bunruiSite .loadbox3 .title {
    float: left;
    width: 780px;
}

.bunruiSite #banArea {
    max-width: 1366px;
    width: 96%; /* IE8以下とAndroid4.3以下用フォールバック */
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px auto;
}

    .bunruiSite #banArea #banItem, .LeftArea #banArea #banItem {
        text-align: center;
    }

.bunruiSite .thumsWrap {
    border-radius: 3px;
    /*box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.6);*/
    border: solid 1px #858E9A;
}

.bunruiSite_container .footerSoegaki .newwinOpn {
    max-width: 1366px;
}

/* 記事スライダー */
#kijislider_area {
    max-width: 1920px;
    margin: 20px auto;
    /*background: url("../images/top1/slider_bg.png") repeat center;*/
    /*height: 215px;*/
    padding: 0px;
    position: relative;
}

@media screen and (max-width:767px) {
    /* スマートフォン用のスタイル記述 */

    #kijislider_area {
        position: unset;
    }
}

#kijislider {
    padding: 0px;
    width: 100%;
    /*max-width: 1100px;*/
    margin: 0px auto;
}

    #kijislider > ul {
        overflow-x: hidden;
        margin-bottom: 5px;
    }

    #kijislider img {
        max-width: 320px !important;
        box-shadow: 0px 3px 10px rgba(165, 165, 165, 0.25);
    }

        #kijislider img.slider_newWinOpn {
            width: 0px !important;
            height: 0px !important;
        }

        #kijislider img.slider_newWinOpn_txt {
            width: auto !important;
            height: auto !important;
            display: initial;
        }

    #kijislider .youtubeTag iframe {
        max-width: 320px !important;
        max-height: 200px !important;
        box-shadow: 0px 3px 10px rgba(165, 165, 165, 0.25);
    }

    #kijislider .youtubeTag span {
        display: block;
        font-size: 0.8em;
        text-align: center;
    }

    #kijislider .youtubeTag .slider_newWinOpn {
        display: normal !important;
    }

    #kijislider .slick-initialized .slick-slide {
        display: block;
        margin: 0px 10px;
    }

    #kijislider .slick_toggle_wrap {
        width: 100%;
        margin: 0px auto;
        padding: 0px;
        position: relative;
        height: 20px;
    }

        #kijislider .slick_toggle_wrap .slick_toggle {
            width: 20px;
            font-size: 12px;
            padding: 1px;
            border: none;
            text-align: center;
            vertical-align: middle;
            display: inline;
            cursor: pointer;
            /*cursor: hand;*/
        }

            #kijislider .slick_toggle_wrap .slick_toggle span {
                position: absolute !important;
                right: 45px !important;
                bottom: 0px !important;
                border: solid 1px !important;
                border-radius: 2px !important;
                padding: 0px 1px 1px 1px !important;
                width: 60px !important;
                height: 20px !important;
            }

            #kijislider .slick_toggle_wrap .slick_toggle .stop {
                display: block;
                width: 20px;
                z-index: 10;
            }

            #kijislider .slick_toggle_wrap .slick_toggle .play {
                display: none;
                width: 0px;
                z-index: 0;
            }

            #kijislider .slick_toggle_wrap .slick_toggle.paused .stop {
                display: none !important;
                width: 0px !important;
                z-index: 0 !important;
            }

            #kijislider .slick_toggle_wrap .slick_toggle.paused .play {
                display: block !important;
                width: 60px !important;
                z-index: 10 !important;
            }

.kijislider_link {
    text-align: center;
    border: 1px solid;
    margin: 2px auto 0px;
    width: 35%;
    padding: 2px;
    max-width: 200px;
}

    .kijislider_link a {
        display: block;
        text-decoration: none;
        margin: 0px auto;
    }

    .kijislider_link span::after {
        content: "もっと見る";
    }
/* 非表示にする例（分類ID:433 指定時） */
/*.kijislider_link.kijislider_link_cls433 {
        display: none !important;
    }*/
/* テキストリンク表示を変更させる例（分類ID:433 指定時） */
/*.kijislider_link.kijislider_link_cls433 span::after {
        content: "一覧へ";
    }*/

/* 記事スライダーのタイトル */
.kijislider_title {
    max-width: 1366px;
    margin: 0px auto;
    text-align: center;
}
/* 記事スライダーのタイトルを表示する例（分類ID:433 指定時） */
/*.kijislider_title.kijislider_title_cls433 {
        display: block !important;
    }*/


/* バナー記事スライダー */
#bankijislider_area {
    max-width: 1920px;
    margin: 20px auto;
    /*background: url("../images/top1/slider_bg.png") repeat center;*/
    /*height: 215px;*/
    padding: 0px;
    position: relative;
    display: none;
}
    /* スライダー部分が表示されたら枠ごと表示 */
    #bankijislider_area:has(#bankijislider ul) {
        display: block;
    }

@media screen and (max-width:767px) {
    /* スマートフォン用のスタイル記述 */

    #bankijislider_area {
        position: unset;
    }
}

#bankijislider {
    padding: 10px 0px;
    width: 100%;
    /*max-width: 1100px;*/
    margin: 0px auto;
    overflow-x: hidden;
}

    /* バナースライダーは登録した画像のサイズで表示 */
    #bankijislider img {
        width: auto !important;
        box-shadow: 0px 3px 10px rgba(165, 165, 165, 0.25);
    }

        #bankijislider img.textBan_newWinOpn {
            width: auto;
            height: auto;
        }

    #bankijislider .slick-initialized .slick-slide {
        display: block;
        margin: 0px 10px;
    }

    #bankijislider .slick_toggle_wrap {
        width: 100%;
        margin: 0px auto;
        padding: 0px;
        position: relative;
        height: 20px;
    }

        #bankijislider .slick_toggle_wrap .slick_toggle {
            width: 20px;
            font-size: 12px;
            padding: 1px;
            border: none;
            text-align: center;
            vertical-align: middle;
            display: inline;
            cursor: pointer;
            /*cursor: hand;*/
        }

            #bankijislider .slick_toggle_wrap .slick_toggle span {
                position: absolute !important;
                right: 45px !important;
                bottom: 7px !important;
                border: solid 1px !important;
                border-radius: 2px !important;
                padding: 0px 1px 1px 1px !important;
                width: 60px !important;
                height: 20px !important;
            }

            #bankijislider .slick_toggle_wrap .slick_toggle .stop {
                display: block;
                width: 20px;
                z-index: 10;
            }

            #bankijislider .slick_toggle_wrap .slick_toggle .play {
                display: none;
                width: 0px;
                z-index: 0;
            }

            #bankijislider .slick_toggle_wrap .slick_toggle.paused .stop {
                display: none !important;
                width: 0px !important;
                z-index: 0 !important;
            }

            #bankijislider .slick_toggle_wrap .slick_toggle.paused .play {
                display: block !important;
                width: 60px !important;
                z-index: 10 !important;
            }

.bankijislider_title {
    max-width: 1366px;
    margin: 0px auto;
    text-align: center;
}

    .bankijislider_title span::after {
        content: "バナースライダー";
    }
/* バナースライダーのタイトルを表示する例（分類サイトの分類ID:431 指定時） */
/*.bankijislider_title.bankijislider_title_431 {
        display: block !important;
    }*/
/* バナースライダーのタイトル表示を変更させる例（分類サイトの分類ID:431 指定時） */
/*.bankijislider_title.bankijislider_title_431 span::after {
            content: "広告バナー";
        }*/

/* 分類サイト end */

.nodata_msg {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 35vh;
    text-align: center;
    display: flex;
    align-items: center;
}

    .nodata_msg p {
        margin: 0px;
        padding: 0px;
        width: 100%;
        font-size: 1.2em;
    }

/*定番記事部分*/
#standardArticleAreaWaku {
    padding: 5px 10px;
    max-width: 1366px;
    margin: 0px auto;
}

.standard_articl_list {
    display: flex;
}

.standard_articl_date {
    font-size: 0.9em;
    margin-right: 10px;
    min-width: 130px;
}

.standard_articl_title {
    max-width: 820px;
}


/* ページ内目次部分 start */
/* 共通部分 start */
#page_anchor_list_button {
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    #page_anchor_list_button:hover {
        background-color: #e0e0e0;
        border-color: #b3b3b3;
    }

.toggle_icon_plus {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    vertical-align: middle;
}

.toggle_icon_minus {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    vertical-align: middle;
}

.page_anchor_list_button_hidden {
    display: none;
}

.page_anchor_link_list_hidden {
    display: none;
}

/* 共通部分 end */
/* PC版 start */
@media print, screen and (min-width:768px) {
    #page_anchor_list_button {
        margin-top: 10px;
    }

    .toggle_icon_plus {
        margin-top: -4px;
    }

    .toggle_icon_minus {
        margin-top: -4px;
    }

    #page_anchor_link_list ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 15px;
        margin-top: 10px;
        justify-content: start;
        margin-left: auto;
    }

    #page_anchor_link_list li {
        display: flex;
        align-items: center;
    }

        #page_anchor_link_list li a {
            padding: 10px 30px 10px 10px;
            width: calc(100% - 40px);
            height: calc(100% - 20px);
            border-radius: 5px;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
            background: url(../images/arrow_to_down_line.png) no-repeat scroll right center;
        }

    #page_anchor_link_list a {
    }

    /* リスト方式を使う場合のサンプル */
    /*    #page_anchor_list_button {
        margin-top: 5px;
    }

    .toggle_icon_plus {
        margin-top: -3px;
    }

    .toggle_icon_minus {
        margin-top: -3px;
    }

    .anchor_link_li {
        margin-top: 3px;
        width: 100%;
        padding-left: 5px;
        border-bottom: 1px solid #CCCCCC;
    }

    .anchor_link_li_toiawase {
        margin-top: 3px;
        width: 100%;
        padding-left: 5px;
        border-bottom: 1px solid #CCCCCC;
    }

    .toiawase_anchor_contents {
        font-size: 1.05rem;
    }

    .H2_anchor_contents {
        font-size: 1.05rem;
    }

    .H3_anchor_contents {
        padding-left: 10px;
        font-size: 1.0rem;
    }*/
}
/* PC版 end */

/* SP版 start */
@media screen and (max-width:767px) {
    #page_anchor_list_button {
        margin-top: 10px;
    }

    .toggle_icon_plus {
        margin-top: -4px;
    }

    .toggle_icon_minus {
        margin-top: -4px;
    }

    #page_anchor_link_list ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 5px;
        row-gap: 10px;
        margin-top: 10px;
        justify-content: center;
        margin-left: auto;
    }

    #page_anchor_link_list li {
        display: flex;
        align-items: center;
    }

        #page_anchor_link_list li a {
            padding: 11.2px 20px 8.2px;
            width: calc(100% - 40px);
            height: calc(100% - 19.4px);
            background-color: #e6e6f0;
            border-radius: 20px;
            color: #000;
        }
}
/* SP版 end */

/* ページ内目次部分 end */

.load_more_btn {
    text-align: center;
}

.load_more_article_btn {
    text-align: center;
    border: 1px solid #cccccc;
    margin: 16px auto 0px;
    width: 35%;
    padding: 2px;
}

    .load_more_article_btn a {
        display: block;
        text-decoration: none;
        margin: 0px auto 0px;
    }

/* 分類ページ 配下分類Anchor部分 start */

/* 共通部分 start */
#bunrui_page_anchor_button {
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    #bunrui_page_anchor_button:hover {
        background-color: #e0e0e0;
        border-color: #b3b3b3;
    }

.bunrui_page_anchor_toggle_icon_plus {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    vertical-align: middle;
}

.bunrui_page_anchor_toggle_icon_minus {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    vertical-align: middle;
}

.bunrui_page_anchor_list_hidden {
    display: none;
}

.bunrui_page_anchor_button_hidden {
    display: none;
}

/* 共通部分 end */
/* PC版 start */
@media print, screen and (min-width:768px) {
    #bunrui_page_anchor_button {
        margin-top: 10px;
    }

    #bunrui_page_anchor_list {
        margin: 0px auto;
        max-width: 1050px;
        width: 100%;
    }

        #bunrui_page_anchor_list ul {
            display: flex;
            flex-wrap: wrap;
            column-gap: 10px;
            row-gap: 15px;
            margin-top: 10px;
            justify-content: start;
            margin-left: auto;
        }

        #bunrui_page_anchor_list li {
            width: 250px;
            display: flex;
            align-items: center;
        }

            #bunrui_page_anchor_list li a {
                padding: 15px 25px 15px 10px;
                width: calc(100% - 35px);
                height: calc(100% - 30px);
                border-radius: 5px;
                border: 1px solid #8BC6D5;
                background: url(../images/arrow_to_down_line.png) no-repeat scroll right 4px center;
            }
}
/* PC版 end */

/* SP版 start */
@media screen and (max-width:767px) {
    #bunrui_page_anchor_button {
        margin-top: 10px;
    }


    #bunrui_page_anchor_list {
        margin: 0px auto;
        width: 100%;
    }


        #bunrui_page_anchor_list ul {
            display: flex;
            flex-wrap: wrap;
            column-gap: 10px;
            row-gap: 15px;
            margin-top: 10px;
            justify-content: center;
            margin-left: auto;
        }

        #bunrui_page_anchor_list li {
            width: 150px;
            display: flex;
            align-items: center;
        }

            #bunrui_page_anchor_list li a {
                padding: 15px 24px 15px 8px;
                width: calc(100% - 31px);
                height: calc(100% - 30px);
                border-radius: 5px;
                border: 1px solid #8BC6D5;
                background: url(../images/arrow_to_down_line.png) no-repeat scroll right 1px center;
            }

        #bunrui_page_anchor_list ul::after {
            display: block;
            content: "";
            width: 172px;
        }
}
/* SP版 end */

/* 分類ページ 配下分類Anchor部分 end */

/* 分類ページ新着アンカーボタン */
.bunruiPage_newlist_anc {
    width: 90px;
    height: 90px;
    padding: 0px;
    margin: 0px;
    z-index: 1210;
    position: fixed;
}

    .bunruiPage_newlist_anc p {
        width: 90px;
        height: 90px;
        line-height: 90px;
        padding: 0px;
        margin: 0px auto;
    }

        .bunruiPage_newlist_anc p a {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            background: url("../../common/images/bunruiPage_newlist_anc.png") no-repeat center center;
        }

@media screen and ( min-width:1101px ) {
    .bunruiPage_newlist_anc {
        right: calc((100% - 1100px) / 2 + 1rem);
        top: 250px;
    }
}

@media screen and ( max-width:1100px ) {
    .bunruiPage_newlist_anc {
        right: 4rem;
        top: 250px;
    }
}

@media screen and ( max-width:975px ) {
    .bunruiPage_newlist_anc {
        right: 3rem;
        top: 150px;
    }
}

@media screen and ( max-width:767px ) {
    .bunruiPage_newlist_anc {
        right: 2rem;
        top: 150px;
    }
}

@media screen and ( max-width:480px ) {
    .bunruiPage_newlist_anc {
        right: 1rem;
        top: 150px;
    }
}

@media print {
    .bunruiPage_newlist_anc {
        display: none !important;
    }
}

/* 分類複合検索 */

.searchsWrap {
    text-align: left;
    margin: 10px auto 10px auto;
    line-height: 120%;
    vertical-align: middle;
    padding: 0px;
    font-size: 1rem;
    width: 98%;
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
}

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

.scitem_wrap {
    width: 100%;
    margin: 0px auto;
    display: block;
}

.searchsKeyword {
    width: 40%;
    max-width: calc(100% - 150px);
    padding: 8px 4px;
    margin: 2px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.scitem_fieldset_bun {
    margin: 0px auto 5px auto;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .scitem_fieldset_bun legend {
        margin: 5px 5px;
        padding: 0px 5px;
    }

    .scitem_fieldset_bun .cbwrap {
        display: flex;
        flex-wrap: wrap;
    }

    .scitem_fieldset_bun .leftcb {
        width: 200px;
    }

    .scitem_fieldset_bun .rightcb {
        width: calc(100% - 200px);
    }

    .scitem_fieldset_bun ul li {
        display: inline-block;
    }

@media screen and ( min-width:681px ) {
    .scitem_fieldset_bun .leftcb {
        width: 140px;
    }

    .scitem_fieldset_bun .rightcb {
        width: calc(100% - 140px);
    }

        .scitem_fieldset_bun .rightcb ul {
            width: 100%;
            margin: 0px auto;
        }
}

@media screen and ( max-width:680px ) {
    .scitem_fieldset_bun .leftcb {
        width: 100%;
    }

    .scitem_fieldset_bun .rightcb {
        width: 100%;
    }

        .scitem_fieldset_bun .rightcb ul {
            width: calc(100% - 30px);
            margin: 0px 0px 0px 30px;
        }
}

#srchResult {
    width: 100%;
}
    /* 総件数 */
    #srchResult .totalcnt {
        text-align: right;
    }

        #srchResult .totalcnt span {
            display: inline-block;
            text-align: left;
        }

    /* 記事の分類 */
    #srchResult .bunruiWrap {
        width: auto;
        padding: 2px 10px;
        text-align: right;
    }

        #srchResult .bunruiWrap .k_bunrui {
            width: auto;
            padding: 2px 5px;
            border: 1px solid;
            border-radius: 4px;
            font-size: 0.8em;
            margin: 1px;
        }

    /* 検索結果一覧 */
    #srchResult ul {
        display: flex;
        flex-wrap: wrap;
    }

        #srchResult ul li {
            display: block;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        }

            #srchResult ul li a {
                display: block;
                text-align: center;
            }

            #srchResult ul li span {
                width: calc(100% - 10px);
                padding: 2px 5px 5px 5px;
                margin: 0px auto;
                display: inline-block;
                text-align: center;
            }

            #srchResult ul li .slider_newWinOpn {
                width: 10px;
            }

            /* 画像 */
            #srchResult ul li.imgTag a .img {
                width: calc(100% - 10px);
                height: auto;
                max-height: 170px;
                padding: 5px;
                margin: 0px auto;
                text-align: center;
            }

            #srchResult ul li.imgTag a img {
                max-width: 100%;
                max-height: 170px;
                margin: 0px auto;
            }

            /* Youtube動画 */
            #srchResult ul li.youtubeTag iframe {
                width: calc(100% - 10px);
                height: auto;
                aspect-ratio: 16 / 9;
                padding: 5px;
                margin: 0px auto;
                text-align: center;
            }

            /* 次ページ読み込み */
            #srchResult ul li.next_srchResult {
                display: none;
                width: 0px;
                height: 0px;
            }

@media screen and ( min-width:768px ) {
    #srchResult ul li {
        width: calc(100% / 3);
        padding: 5px 0px 5px 0px;
    }
}

@media screen and ( max-width:767px ) {
    #srchResult ul li {
        width: calc(100% / 2);
        padding: 5px 0px 5px 0px;
    }
}

@media screen and ( max-width:480px ) {
    #srchResult ul li {
        width: 100%;
        padding: 5px 0px 5px 0px;
    }
}

#srchResult .nodata {
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    margin: 0px auto;
}

/* チェックボックスの装飾 start */
.scitem_fieldset_bun input[type=checkbox] {
    display: none;
}

.scitem_fieldset_bun .srchcblbl {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}

    .scitem_fieldset_bun .srchcblbl::before {
        background: #fff;
        border: 1px solid #969696;
        border-radius: 3px;
        content: '';
        display: block;
        height: 16px;
        left: 5px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 16px;
    }

    .scitem_fieldset_bun .srchcblbl::after {
        border-right: 6px solid #969696;
        border-bottom: 3px solid #969696;
        content: '';
        display: block;
        height: 20px;
        left: 7px;
        margin-top: -16px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 9px;
    }

.scitem_fieldset_bun input[type=checkbox]:checked + .srchcblbl::before {
    border-color: #969696;
}

.scitem_fieldset_bun input[type=checkbox]:checked + .srchcblbl::after {
    opacity: 1;
}
/* チェックボックスの装飾 end */

/* 更新日 */
.kijislider_koushinDay {
    padding: 10px 10px 0px 0px;
    font-size: 0.9em;
    text-align: center;
}
/* 記事タイトル */
.kijislider_kijititle {
    margin-top: 10px;
    font-size: 1em;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    /*2行以上を...で省略する処理*/
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 2; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
    padding-left: 15px;
    padding-right: 15px;
}
/* Youtube表示時のタイトル */
.kijislider_yttitle_link {
    display: none; /* ※記事スライダーの各記事タイトルが表示されている場合は不要なので非表示 */
}


/*** 複合検索 一覧 ***/
@media screen and ( min-width:1382px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 1026px !important;
    }
}

@media screen and ( max-width:1381px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 900px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1281px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 800px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1169px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 1000px !important;
        float: none !important;
    }
}

@media screen and ( max-width:1069px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 750px !important;
        float: none !important;
    }
}

@media screen and ( max-width:767px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 700px !important;
        float: none !important;
    }
}

@media screen and ( max-width:480px ) and (-ms-high-contrast: none) {
    .fukugoarea.KijiAreaType4 {
        width: 400px !important;
        float: none !important;
    }
}

.fukugolist.KijiListType4 {
    width: 100% !important;
    padding: 0px !important;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    border: none;
}

    .fukugolist.KijiListType4:after {
        content: "";
        clear: both;
        display: inline-block;
        margin-top: 10px;
        margin-left: 2.2%;
        margin-right: 2.2%;
        margin-bottom: 30px;
    }

    .fukugolist.KijiListType4 li {
        background-image: none !important;
        margin-top: 10px;
        margin-left: 2.2%;
        margin-right: 2.2%;
        margin-bottom: 30px;
        border: none;
    }

        .fukugolist.KijiListType4 li.loadbox .kijiTitle-wrap {
            /*padding-bottom: 15px;*/
            padding: 5px 0px;
        }

        .fukugolist.KijiListType4 li.loadbox .kijiTitle-content {
            /*height: 65px;*/
            overflow: hidden;
        }

        .fukugolist.KijiListType4 li.loadbox .kijiTitle {
            float: none;
            display: table;
            width: 100%;
            height: 100%;
        }

        .fukugolist.KijiListType4 li .kijiTitle div {
            display: table-cell;
            vertical-align: middle;
            padding: 0px 9px;
            font-size: 1.1em;
            font-weight: bold;
        }

        .fukugolist.KijiListType4 li .gaiyou {
            padding: 9px;
        }

@media screen and ( max-width:982px ) {
    .fukugoarea.KijiAreaType4 {
        width: 100%;
    }
}

@media screen and ( min-width:768px ) {
    .fukugolist {
        width: 100%;
    }

        .fukugolist li {
            width: 28% !important;
            max-width: 28% !important;
        }

        .fukugolist:after {
            width: 28% !important;
        }
}

@media screen and ( max-width:767px ) {
    .fukugoarea.KijiAreaType4 {
        width: 97%;
    }

    .fukugolist.KijiListType4:after {
        width: 45.5%;
    }

    .fukugolist.KijiListType4 li {
        width: 45.5%;
    }
}

@media screen and ( max-width:478px ) {
    .fukugoarea.KijiAreaType4 {
        width: 100%;
        padding: 0;
    }

    .fukugolist.KijiListType4:after {
        width: 100%;
        padding: 0;
    }

    .fukugolist.KijiListType4 li {
        width: 100%;
        padding: 0;
    }
}

.fukugolist.KijiListType4 li.loadbox {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0px;
    border-radius: 10px;
    background-color: #FFFCF1;
}

.fukugolist.KijiListType4 .loadbox .img {
    margin: 0 !important;
    width: 100% !important;
}

.fukugolist.KijiListType4 .loadbox .img {
    float: none;
}

    .fukugolist.KijiListType4 .loadbox .img img {
        width: 100% !important;
    }

    .fukugolist.KijiListType4 .loadbox .img img {
        vertical-align: middle;
        vertical-align: middle;
        object-fit: cover;
        height: 180px;
        border-radius: 10px 10px 0px 0px;
    }

.fukugolist.KijiListType4 .term,
.fukugolist.KijiListType4 .upddate,
.fukugolist.KijiListType4 .title {
    width: 100% !important;
    white-space: normal !important;
}

.fukugolist.KijiListType4 .upddate {
    font-size: 11px;
    color: rgb(90, 90, 90);
    text-align: right;
}