@charset "UTF-8";

/********************** 下層ページのスタイル **********************/
body.inbody {}

/**** 緊急情報のスタイル ****/
.emergency {
    margin-top: 24px;
}

/**** 画像リストのスタイル ****/
.ilist {
    margin-top: 24px;
}

/**** 画像リスト2のスタイル ****/
.ilist2 {
    margin-top: 24px;
}

/**** 分類のスタイル ****/
.category {
    margin-top: 24px;
}

.category2 {
    margin-top: 24px;
}

.category3 {
    margin-top: 24px;
}

.category4 {
    margin-top: 24px;
}

.category5 {
    margin-top: 24px;
}

/**** 各課の窓口のスタイル ****/
.kakuka {
    margin-top: 24px;
}

/**** 催し物・講座のスタイル ****/
.event {
    margin-top: 24px;
}

/**** イベントカレンダーのスタイル ****/
.calendar {
    margin-top: 24px;
}

/**** 新着情報のスタイル ****/
.new {
    margin-top: 24px;
}

/**** トピックスのスタイル ****/
.topics {
    margin-top: 24px;
}

/**** ピックアップ1のスタイル ****/
.pickup {
    margin-top: 24px;
}

/**** ピックアップ2のスタイル ****/
.pickup2 {
    margin-top: 24px;
}

/**** ランキングのスタイル ****/
.ranking {
    margin-top: 24px;
}

/**** 人口・世帯数のスタイル ****/
.j_s {
    margin-top: 24px;
}

/**** バナー広告のスタイル ****/
.bana {
    margin-top: 24px;
}

.bana_h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 12px 8px;
    border-bottom: 2px solid #0b8035;
}

.bana_h2 h2 {
    padding: 0;
}

.bana_h2 p {
    margin-left: 8px;
    margin-top: 0;
    font-size: 85%;
}

.bana_lower {
    border: 2px solid #007bbb;
    border-top: none;
    padding: 4px 16px 16px;
    text-align: center;
}

.bana .bana_img {
    display: inline-block;
}

.bana .bana_img img {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .bana_h2 p {
        margin-left: 0px;
    }
}

/**** RSSのスタイル ****/
.rss {
    margin-top: 24px;
}

.rss .rss_lower {
    border: 2px solid #007bbb;
    border-top: none;
    padding: 4px 16px 16px;
}

/**** 外部RSSのスタイル ****/
.rssfide {
    margin-top: 24px;
}

.rssfide .rssfide_lower {
    border: 2px solid #007bbb;
    border-top: none;
    padding: 4px 16px 16px;
}

.rssfide .rssfide_management {
    background: #efefef;
    font-size: 85%;
    padding: 8px;
    margin-top: 12px;
}

.rssfide .rssfide_management .title {
    margin: 0 0 8px;
    padding: 0 0 4px;
    border-bottom: 1px solid #aaa;
}

.rssfide .rssfide_management .rssfide_copy {
    margin-top: 6px;
}

/**** リンク・画像領域（画像）のスタイル ****/
.image {
    text-align: center;
    margin-top: 24px;
}

.image .image_img {
    display: block;
}

/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
    margin-top: 24px;
}

/**** RSS一覧のスタイル ****/
.rss_list {
    margin-top: 24px;
}

/**** オプションのスタイル ****/
.option {
    margin-top: 24px;
}

/**** FAQ（よくある質問）のスタイル ****/
.faq {
    margin-top: 24px;
}

/**** 新着FAQ ****/
.faq_new {
    margin-top: 24px;
}

/**** 見られているFAQのスタイル ****/
.popular {
    margin-top: 24px;
}

/**** パンくずリスト・あしあとのスタイル ****/
.pankuzu_lower,
.footstep_lower {
    font-size: 85%;
    display: flex;
    align-items: flex-start;
    margin: 16px auto;
    padding: 0 12px;
    max-width: 1224px;
    width: 100%;
}

.pankuzu_tit,
.footstep_tit {
    background: #efefef;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
    font-size: 85%;
    padding: 3px;
    text-align: center;
    margin: 4px 12px 4px 0;
    width: 72px;
}

.pankuzu li,
.footstep li {
    margin: 6px 8px 6px 0;
    padding: 0 24px 0 0;
    border: 0;
    list-style-type: none;
    background: none;
    display: inline-block;
    height: auto;
    position: relative;
}

.pankuzu li::after,
.footstep li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    right: 7px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
}

.pankuzu li:last-child::after,
.footstep li:last-child::after {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .pankuzu {
        overflow: hidden;
        background: #fff;
        margin-top: 3px;
        padding-top: 9px;
    }

    .pankuzu_lower {
        flex-wrap: wrap;
        margin: 16px 0;
        padding: 0 10px;
        width: 100%;
    }

    .footstep {
        display: none;
    }
}

/**** 中ページメインのスタイル ****/
.main_naka_h1 {
    width: 100%;
    background: #0b8035;
}

.main_naka {
    margin: 0 auto 24px;
    max-width: 1224px;
    width: 100%;
    padding: 0 12px;
    overflow: hidden;
}

.main_naka:after {
    content: "";
    display: block;
    clear: both;
}

.main_naka_h1 h1 {
    position: relative;
    margin: 12px auto;
    padding: 14px 74px 14px 12px;
    max-width: 1224px;
    width: 100%;
    font-size: 180%;
    color: #fff;
}

.main_naka_h1 h1::after {
    position: absolute;
    top: 13px;
    right: 0;
    display: block;
    content: "";
    width: 65px;
    height: 43px;
    background-image: url(img/tourism/foot-img.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.main_naka h2 {
    font-size: 136%;
    width: 100%;
    padding: 2px;
    margin: 16px 0 0;
    position: relative;
    border-bottom: 2px dotted #000;
}

/*
.main_naka h2::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 30%;
    height: 4px;
    background-color: #007bbb;
}
*/

.main_naka h3 {
    margin: 16px 0 0;
    padding: 2px 2px 2px 12px;
    border-left: 4px solid #007bbb;
    font-size: 120%;
}

.main_naka h4 {
    margin: 16px 0 0;
    padding: 2px;
    border-bottom: 2px solid #007bbb;
    font-size: 110%;
}

.main_naka h5 {
    margin: 16px 0 0;
    padding: 4px 8px;
    background-color: #e8f4f9;
}

.main_naka h6 {
    margin: 16px 0 0;
}

.main_naka li {
    position: relative;
    padding-left: 16px;
}

.main_naka li::before {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
}

.main_naka li p {
    margin-top: 4px;
    font-size: 85%;
}

.main_naka li .list_icon img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 4px;
    max-height: 18px;
}

@media only screen and (max-width: 1024px) {
    .main_naka_h1 {
        padding: 0 10px;
        width: 100%;
    }

    .main_naka {
        padding: 0 10px;
        width: 100%;
    }
}

/* ページャーのスタイル */
.main_naka .page_head {
    margin-top: 24px;
    padding: 6px 16px 16px;
    background-color: #eee;
    font-size: 85%;
}

.main_naka .page_head .pager p {
    display: inline-block;
}

.main_naka .page_head .pager ul {
    display: inline-block;
}

.main_naka .page_head .pager ul li {
    border-left: 1px solid #999;
    display: inline-block;
    margin: 0 8px 0 0;
    padding-left: 8px;
}

.main_naka .page_head .pager ul li:first-child {
    border: 0;
}

.main_naka .page_head .pager ul li::before {
    display: none;
}

/**** 各課のホームページ・カテゴリごとの緊急情報のスタイル ****/
.design .main_naka .emergency {
    margin-top: 24px;
}

.design .main_naka .emergency .h2 {
    background: #a90000;
    color: #fff;
}

.design .main_naka .emergency h2 {
    color: #fff;
    padding: 8px 16px 6px;
    margin: 0;
    border-bottom: none;
    width: auto;
    float: left;
}

.design .main_naka .emergency h2::after {
    display: none;
}

.design .main_naka .emergency .h2 a {
    float: right;
    margin: 10px 16px 10px 8px;
}

.design .main_naka .emergency .h2 img {
    vertical-align: middle;
}

.design .main_naka .emergency .emergency_lower {
    border: 2px solid #a90000;
    border-top: none;
    padding: 4px 16px 16px;
}

/**** 分類のスタイル ****/
.design .main_naka_cat {
    overflow: hidden;
    margin-bottom: 32px;
}

.design .main_naka .category_p01 {
    margin-top: -8px;
}

.design .main_naka .page_left {
    margin: 24px 0 0;
    width: 100%;
}

.design .main_naka .page_left_box {
    float: left;
    width: calc(100% - 280px);
    overflow: hidden;
}

.design .main_naka .page_left_box .cate_post01,
.design .main_naka .page_left_box .cate_post02 {
    margin: 24px 0;
}

.design .main_naka .page_left_box .cate_post01:first-child,
.design .main_naka .page_left_box .cate_post02:first-child {
    margin-top: 0;
}

.design .main_naka .page_left_box .cate_post01:last-child,
.design .main_naka .page_left_box .cate_post02:last-child {
    margin-bottom: 0;
}

.design .main_naka .page_left_box .cate_post01:first-child h2,
.design .main_naka .page_left_box .cate_post02:first-child h2 {
    margin-top: 0;
}

.design .main_naka .page_left .page_left_float {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
}

.design .main_naka .page_left .page_left_float .cate_post01 {
    margin-top: 0;
    margin-bottom: 24px;
    margin-right: 2%;
    width: 49%;
    border: 0;
    /* border: 1px solid #ccc; */
}

.design .main_naka .page_left .page_left_float .cate_post01:nth-child(even) {
    margin-right: 0;
}

.design .main_naka .page_left .page_left_float .cate_post01 h2 {
    margin: 0;
    padding: 10px 16px;
    background: #F2F0E9;
    border-bottom: none;
}

.design .main_naka .page_left .page_left_float .cate_post01 h2::after {
    display: none;
}

.design .main_naka .page_left .page_left_float .category_p02 {
    padding: 0 16px 8px;
    margin-top: 16px;
}

.design .main_naka .page_left .page_left_float .category01 {
    padding: 0 16px 16px;
}

.design .main_naka .page_right {
    float: right;
    width: 240px;
    margin-top: 24px;
}

.design .main_naka .page_right h2 {
    margin-top: 0;
    padding: 12px 12px 4px;
    font-size: 100%;
    border: 2px solid #ba8c66;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.design .main_naka .page_right h2:after {
    display: none;
}

.design .main_naka .page_right ul {
    padding: 1px 8px 12px;
    margin-top: 0px;
    border: 2px solid #ba8c66;
    border-top: 0;
    border-radius: 0 0 12px 12px;
}

.design .main_naka .category01 li {
    display: inline-block;
    margin-right: 18px;
}

.design .main_naka .category_p02 {
    font-size: 85%;
    margin: 12px 0 24px;
    overflow: hidden;
}

.design .main_naka .category_p02 p {
    margin-top: 0;
}

@media only screen and (max-width: 1024px) {
    .design .main_naka .page_left {
        margin-right: 0;
    }

    .design .main_naka .page_left_box {
        float: none;
        width: 100%;
    }

    .design .main_naka .page_left .page_left_float {
        margin-bottom: 0;
    }

    .design .main_naka .page_left .page_left_float .cate_post01 {
        width: 100%;
        margin-right: 0;
    }

    .design .main_naka .page_left .page_left_float .cate_post01:last-child {
        margin-bottom: 0;
    }

    .design .main_naka .page_right {
        float: none;
        width: 100%;
    }
}

/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
    margin-right: 112px;
}

.design .main_naka .category_p02 .cat_img {
    float: right;
    width: 96px;
    margin-top: 0;
}

/* 分類（先頭ページ以下）のスタイル */
.design .main_naka .cate_post02 li,
.design .main_naka .category_end li {
    border-bottom: 1px dashed #bbb;
    margin-top: 16px;
    padding: 0 0 16px;
    overflow: hidden;
}

.design .main_naka .cate_post02 li::before,
.design .main_naka .category_end li::before {
    display: none;
}

.design .main_naka .category_end li:first-child {
    margin-top: 0;
}

.design .main_naka .category_end .cat_lst {
    margin-right: 112px;
}

.design .main_naka .category_end .catch_lst .cat_img {
    float: right;
    width: 96px;
    margin-top: 0;
}

/**** 新着情報のスタイル ****/
.design .main_naka .main_naka_new {
    margin-top: 24px;
    padding: 16px;
    border: 2px solid #0b8035;
    border-radius: 12px;
}

.design .main_naka .main_naka_new h2 {
    margin-top: 0;
}

/*
.design .main_naka .main_naka_new h2::after {
    background: #e45e32;
}
*/

.design .main_naka .main_naka_new li {
    overflow: hidden;
}

.design .main_naka .main_naka_new .date {
    display: block;
    float: left;
    margin-top: 2px;
    margin-left: 0;
    width: 6em;
    font-size: 85%;
}

.design .main_naka .main_naka_new .list {
    padding-left: 82px;
}

@media only screen and (max-width: 1024px) {
    .design .main_naka .main_naka_new .date {
        float: none;
        width: 100%;
    }

    .design .main_naka .main_naka_new .list {
        padding-left: 0;
        float: none;
        width: 100%;
    }
}

/**** 緊急情報のスタイル ****/
.design .main_naka .main_naka_eme {
    margin-top: 24px;
}

.design .main_naka .main_naka_eme h2 {
    background: #a90000;
    color: #fff;
    border: 0;
    padding: 14px 16px;
}

.design .main_naka .main_naka_eme h2::after {
    display: none;
}

.design .main_naka .main_naka_eme .h2 {
    border: 0;
    background: #a90000;
    overflow: hidden;
}

.design .main_naka .main_naka_eme .h2 h2 {
    float: left;
    margin: 0;
    width: auto;
}

.design .main_naka .main_naka_eme .h2 p {
    float: right;
    padding: 15px 16px 14px 8px;
    margin: 0;
}

.design .main_naka .main_naka_eme ul {
    border: 2px solid #a90000;
    border-top: none;
    overflow: hidden;
    padding: 4px 16px 16px;
    margin: 0;
}

/* 分類に関連するスタイル */
.design .main_naka .cat_aside {
    background: #fff;
    margin-bottom: 24px;
    border: 2px solid #0b8035;
    border-radius: 12px;
}

.design .main_naka .cat_aside h2 {
    padding: 10px 12px 8px;
    margin-top: 0;
    font-size: 100%;
    border: 0;
    border-bottom: 2px solid #0b8035;
}

@media only screen and (max-width: 1024px) {
    .design .main_naka .cat_aside h2 {
        border-bottom: 0;
    }

    .design .main_naka .cat_aside .active h2 {
        border-bottom: 2px solid #0b8035;
    }
}

.design .main_naka .cat_aside h2::after {
    display: none;
}

.design .main_naka .cat_aside_lower {
    padding: 0 16px 16px;
}

@media only screen and (max-width: 1024px) {
    .design .main_naka .cat_aside h2 {
        padding-right: 70px;
    }
}

/* バナー広告 */
.design .main_naka .bana {
    margin-top: 24px;
    border: 2px solid #0b8035;
    border-radius: 12px;
}

.design .main_naka .bana h2 {
    margin-top: 0;
    padding: 0;
    width: auto;
    font-size: 100%;
    border-bottom: 0;
}

.design .main_naka .bana h2::after {
    display: none;
}

.design .main_naka .bana_lower {
    text-align: center;
    border: 0;
}

.design .main_naka .bana .bana_img {
    display: inline-block;
}

.design .main_naka .bana .bana_img img {
    width: 100%;
}

.design .main_naka .bana ul {
    display: flex;
    flex-wrap: wrap;
}

.design .main_naka .bana li {
    width: 160px;
    margin-right: 8px;
    padding-left: 0;
}

.design .main_naka .bana li::before {
    display: none;
}

.design .main_naka .bana li:nth-of-type(6n) {
    margin-right: 0;
}

.design .main_naka .bana li .window {
    margin-top: 5px;
}

/**** 新着情報のスタイル ****/
.innew .design .main_naka .new_post {
    margin-top: 24px;
}

.innew .design .main_naka .new_post:first-child {
    margin-top: 0;
}

.innew .design .main_naka .new_post li {
    border-bottom: 1px dashed #bbb;
    margin-top: 16px;
    padding: 0 0 16px;
    overflow: hidden;
}

.innew .design .main_naka .new_post li::before {
    display: none;
}

/* アイキャッチあり */
.innew .design .main_naka .catch_lst .new_lst {
    margin-right: 110px;
}

.innew .design .main_naka .catch_lst .new_img {
    float: right;
    width: 96px;
    margin-top: 0;
}

/**** ピックアップのスタイル ****/
.design .main_naka .pickup_post {
    margin-top: 24px;
}

.design .main_naka .pickup_post .category_p01 {
    margin-top: 0;
}