@charset "utf-8";
/****************************************************************************************************

基本

****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************
****************************************************************************************************/
.bodyCategory__common a{ color: #BD2357; }  /*その他の共通ページ*/
.bodyCategory__about a{ color: #26A368; }
.bodyCategory__culture a{ color: #2892BC; }
.bodyCategory__spot a{ color: #EDA000; }
.bodyCategory__memorial_society a{ color: #D26088; }
.bodyCategory__news a{ color: #DE6A42; }
/****************************************************************************************************
****************************************************************************************************/
.debug.-text{
    margin-bottom: 20px;
    padding: 20px 10px;
    border: 2px solid #f00;
    text-align: center;
    font-weight: bold;
    color: #f00;
}
@media print, screen and (min-width:737px){
.debug.-text{
    margin-bottom: 40px;
    padding: 20px 10px;
}
}
/****************************************************************************************************

サイト全体を囲む

****************************************************************************************************/
.container{
}
/****************************************************************************************************

ヘッダー

****************************************************************************************************/
.header{
    position: relative;
    z-index: 20;
    padding: 11px 10px 15px;
    background: #fff url(../images/header_line.gif) repeat-x;
    width: 100%;
}
@media print, screen and (min-width:769px){
.header{
    padding: 11px 0 10px;
}
}
.header.-fixed{
    position: fixed;
    top: 0;
}

.headerInner{
    margin: 0 auto;
    max-width: 1200px;
}
@media print, screen and (min-width:769px){
.headerInner{
    display: flex;
    align-items: center;
}
}

.headerInner__col{
}

.headerInner__col.-col1{
    padding-top: 15px;
}
@media print, screen and (min-width:769px){
.headerInner__col.-col1{
    flex-basis: calc( 335 / 1200 * 100% );
    padding-top: 25px;
}
}


.headerInner__col.-col2{
}
@media print, screen and (min-width:769px){
.headerInner__col.-col2{
    flex-basis: calc( 800 / 1200 * 100% );
    margin-left: auto;
    padding-top: 15px;
}
}


/*
サイトID
--------------------------------------------------*/
.header__logo{
}
@media print, screen and (min-width:769px){
.header__logo{
}
}

.header__logoImg.-sp{ width: 140px; }
.header__logoImg.-pc{ display: none; }
@media print, screen and (min-width:769px){
.header__logoImg.-sp{ display: none; }
.header__logoImg.-pc{ display: inline; }
}
/*
ユーティリティナビ
--------------------------------------------------*/
.utilityNavi{
    display: none;
}
@media print, screen and (min-width:769px){
.utilityNavi{
    display: flex;
    margin-bottom: 10px;
    font-size: 1.4rem;
    justify-content: flex-end;
    align-items: center;
}
}
    .utilityNavi li{
    }
@media print, screen and (min-width:769px){
    .utilityNavi li{
        margin-left: 20px;
    }
}

    .utilityNavi a{
        color:#333;
        text-decoration:none;
    }
.utilityNavi__search{
    cursor: pointer;
}
/****************************************************************************************************

メイン

****************************************************************************************************/
.main{
    display: block;    /*ie11用*/
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.main{
    margin-top: 15px;
    margin-bottom: 40px;
}
}
/****************************************************************************************************

ぱんくず

****************************************************************************************************/
.breadcrumbs{
    margin:0 auto 20px;
    max-width: 1200px;
    padding-left:10px;
    padding-right:10px;
    font-size: 1.2rem;
}
@media print, screen and (min-width:737px){
.breadcrumbs{
    margin-bottom: 40px;
    font-size: 1.4rem;
}
}
@media print, screen and (min-width:1200px){
.breadcrumbs{
    padding-left:0;
    padding-right:0;
}
}
    .breadcrumbs li{ display:inline; }
    .breadcrumbs a{ text-decoration:none; }
        .breadcrumbs a::after{ content: '＞'; color: #333; }
/****************************************************************************************************

コンテンツ

****************************************************************************************************/
.contents{
}
@media print, screen and (min-width:737px){
.contents{
}
}
@media print, screen and (min-width:1200px){
.contents{
}
}
/*
コンテンツ本体
--------------------------------------------------*/
.contentsBody{
}
/*--------------------------------------------------
w900
--------------------------------------------------*/
.contentsBlock{
    margin-bottom: 30px;
}
@media print, screen and (min-width:737px){
.contentsBlock{
    margin-bottom: 60px;
}
}
    /*--------------------------------------------------
    通常
    w900
    --------------------------------------------------*/
    .contentsBlock.-normal{
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
        max-width: 920px;
    }
    /*--------------------------------------------------
    100%
    --------------------------------------------------*/
    .contentsBlock.-full{
        padding: 30px 10px;
    }
@media print, screen and (min-width:737px){
    .contentsBlock.-full{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media print, screen and (min-width:900px){
    .contentsBlock.-full{
        padding-left: 0;
        padding-right: 0;
    }
}
/*--------------------------------------------------
fullのインナー
--------------------------------------------------*/
.contentsBlock__inner{
    margin: 0 auto;
}
    .contentsBlock__inner.-w900{ max-width: 900px; }
    .contentsBlock__inner.-w1120{ max-width: 1120px; }
/****************************************************************************************************

フッター

****************************************************************************************************/
.footer{
    padding-bottom: 20px;
}
@media print, screen and (min-width:737px){
.footer{
}
}
@media print, screen and (min-width:1200px){
.footer{
}
}

/****************************************************************************************************
****************************************************************************************************/
.copyright{
    margin:  0 auto;
    padding: 0 10px;
    max-width: 1200px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5;
}
/****************************************************************************************************

フッター
アナウンス

****************************************************************************************************/
.footer__announce{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.footer__announce{
    margin-bottom: 40px;
}
}
.announce{
    color: #fff;
    text-align: center;
}
@media print, screen and (min-width:737px){
.announce{
    display: flex;
}
}
/*--------------------------------------------------
レイアウト
--------------------------------------------------*/
.announceCol{
    padding: 20px 10px;
}
@media print, screen and (min-width:737px){
.announceCol{
    flex: 0 1 50%;
    padding: 30px 10px;
}
}
.announceCol.-col1{ background-color: #D25F87; }
.announceCol.-col2{ background-color: #47BFB0; }
/*--------------------------------------------------
ヘッダー
--------------------------------------------------*/
.announceHeader{
    margin-bottom: 10px;
}
@media print, screen and (min-width:737px){
.announceHeader{
    margin-bottom: 20px;
}
}

.announceHeader__img.-sp{}
.announceHeader__img.-pc{ display: none; }
@media print, screen and (min-width:737px){
.announceHeader__img.-sp{ display: none; }
.announceHeader__img.-pc{ display: inline; }
}
/*--------------------------------------------------
本体
--------------------------------------------------*/
.announceBody{
    margin: 0 auto;
    max-width: 410px;
    font-size: 1.2rem;
}
@media print, screen and (min-width:737px){
.announceBody{
    font-size: 1.6rem;
}
}
/****************************************************************************************************



****************************************************************************************************/
.footer__siteInfo{
    margin: 0 auto 20px;
    max-width: 1200px;
}
@media print, screen and (min-width:769px){
.footer__siteInfo{
    display: flex;
    margin-bottom: 40px;
    padding: 0 10px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.footer__siteInfoCol{
}
@media print, screen and (min-width:769px){
.footer__siteInfoCol{
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.footer__siteInfoCol.-col1{
    padding: 0 10px 20px;
    border-bottom: 1px solid #333;
}
@media print, screen and (min-width:769px){
.footer__siteInfoCol.-col1{
    flex-basis: calc( 380 / 1200 * 100% );
    max-width: calc( 380 / 1200 * 100% );
    padding-right: calc( 40 / 1200 * 100% );
    padding-left: 0;
    padding-bottom: 0;
    border-right: 1px solid #333;
    border-bottom: none;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.footer__siteInfoCol.-col2{
}
@media print, screen and (min-width:769px){
.footer__siteInfoCol.-col2{
    margin-left: auto;
    flex-basis: calc( 780 / 1200 * 100% );
}
}
/****************************************************************************************************

運営情報

****************************************************************************************************/
.management{
}
.management__title{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.4rem;
}
@media print, screen and (min-width:737px){
.management__title{
    margin-bottom: 10px;
    font-size: 2.0rem;
}
}
.management__body{
    margin-bottom: 10px;
}
/*--------------------------------------------------
--------------------------------------------------*/
.management__text{
    margin-bottom: 0;
}
/*--------------------------------------------------
--------------------------------------------------*/
.management__list{
}

.management__list.-type1{
}

    .management__list.-type1 dt{
        display: inline;
    }

    .management__list.-type1 dd{
        display: inline;
    }

.management__list.-type2{
    position: relative;
    line-height: 1.5;
}
    .management__list.-type2 dt{
        position: absolute;
        top: 0;
        left: 0;
    }

    .management__list.-type2 dd{ margin-left: 65px; }
@media print, screen and (min-width:737px){
    .management__list.-type2 dd{ margin-left: 75px; }
}

/****************************************************************************************************

ページタイトル

****************************************************************************************************/
.pageTitle{
    margin-bottom:10px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.pageTitle{
    font-size: 2.4rem;
}
}
/*--------------------------------------------------
レイアウト1
左にタイトル
右にイメージ
--------------------------------------------------*/
.pageTitle.-index{
}
@media print, screen and (min-width:737px){
.pageTitle.-index{
    display: flex;
}
}
    /*カテゴリ別*/
    /* .bodyCategory__common .pageTitle.-index{ background-image: url(../../about/images/common/index/title/bg.png); }  その他の共通ページ */
    .bodyCategory__about .pageTitle.-index{ background-image: url(../../about/images/common/index/title/bg.png); }
    .bodyCategory__culture .pageTitle.-index{ background-image: url(../../culture/images/common/index/title/bg.png); }
    .bodyCategory__spot .pageTitle.-index{ background-image: url(../../spot/images/common/index/title/bg.png); }
    .bodyCategory__memorial_society .pageTitle.-index{ background-image: url(../../memorial_society/images/common/index/title/bg.png); }
    /* .bodyCategory__news .pageTitle.-index{ background-image: url(../../about/images/common/index/title/bg.png); } */
/*--------------------------------------------------
レイアウト2
--------------------------------------------------*/
.pageTitle.-icon{
}
    /*--------------------------------------------------
    左右にアイコン
    --------------------------------------------------*/
    .pageTitle.-icon.-type1{
        text-align: center;
    }
        /*カテゴリ別*/
        .bodyCategory__common .pageTitle.-icon.-type1{ background-image: url(../../common/images/archive/title/bg.gif); }  /*その他の共通ページ*/
        .bodyCategory__about .pageTitle.-icon.-type1{ background-image: url(../../about/images/common/archive/title/bg.gif); }
        .bodyCategory__culture .pageTitle.-icon.-type1{ background-image: url(../../culture/images/common/archive/title/bg.gif); }
        .bodyCategory__spot .pageTitle.-icon.-type1{ background-image: url(../../spot/images/common/archive/title/bg.gif); }
        .bodyCategory__memorial_society .pageTitle.-icon.-type1{ background-image: url(../../memorial_society/images/common/archive/title/bg.gif); }
        .bodyCategory__news .pageTitle.-index{ background-image: url(../../about/images/common/archive/title/bg.gif); }
    /*--------------------------------------------------
    左寄せ
    左にアイコン
    --------------------------------------------------*/
    .pageTitle.-icon.-type2{
    }
        /*カテゴリ別*/
        .bodyCategory__common .pageTitle.-icon.-type2{ background-image: url(../../common/images/archive/title/bg.gif); }  /*その他の共通ページ*/
        .bodyCategory__about .pageTitle.-icon.-type2{ background-image: url(../../about/images/common/archive/title/bg.gif); }
        .bodyCategory__culture .pageTitle.-icon.-type2{ background-image: url(../../culture/images/common/archive/title/bg.gif); }
        .bodyCategory__spot .pageTitle.-icon.-type2{ background-image: url(../../spot/images/common/archive/title/bg.gif); }
        .bodyCategory__memorial_society .pageTitle.-icon.-type2{ background-image: url(../../memorial_society/images/common/archive/title/bg.gif); }
        .bodyCategory__news .pageTitle.-icon.-type2{ background-image: url(../../news/images/common/archive/title/bg.gif); }
/*--------------------------------------------------
レイアウト内
pageTitleのクラスで分岐
--------------------------------------------------*/
.pageTitle.-index .pageTitle__col{
}

.pageTitle.-index .pageTitle__col.-col1{
}
@media print, screen and (min-width:737px){
.pageTitle.-index .pageTitle__col.-col1{
    flex: 0 1 70%;
    order: 2;
}
}

.pageTitle.-index .pageTitle__col.-col2{
}
@media print, screen and (min-width:737px){
.pageTitle.-index .pageTitle__col.-col2{
    flex: 0 1 30%;
    order: 1;
}
}
/*--------------------------------------------------
レイアウトindex
右の画像
--------------------------------------------------*/
.pageTitle.-index .pageTitle__img{
}
    .pageTitle.-index .pageTitle__img img{ width: 100%; }
/*--------------------------------------------------
ページタイトル
--------------------------------------------------*/
.pageTitle__header{
}


    .pageTitle.-index .pageTitle__header{
        padding: 20px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
@media print, screen and (min-width:737px){
    .pageTitle.-index .pageTitle__header{
        padding: 0;
    }
}


    .pageTitle.-icon .pageTitle__header{
        margin: 0 auto;
        padding: 10px;
        max-width: 1200px;
        height: 100%;
    }
@media print, screen and (min-width:737px){
    .pageTitle.-icon .pageTitle__header{
        padding: 40px 10px;
        display: flex;
        align-items: center;
    }
}


@media print, screen and (min-width:737px){
        .pageTitle.-icon.-type1 .pageTitle__header{
            justify-content: center;
        }
}
/*--------------------------------------------------
ページタイトル内
--------------------------------------------------*/
.pageTitle__headerText{
    margin-bottom: 5px;
    text-align: center;
}
@media print, screen and (min-width:737px){
.pageTitle__headerText{
    display: inline-block;
    margin: 0 20px;
}
}
    /*--------------------------------------------------
    アイコン
    --------------------------------------------------*/
    .pageTitle__headerIcon{
        display: block;
        margin-bottom: 5px;
        margin: 0 auto 5px;
        width: 30px;
    }
@media print, screen and (min-width:737px){
    .pageTitle__headerIcon{
        display: inline-block;
        margin: 0;
        width: auto;
    }
}
    /*--------------------------------------------------
    アーカイブ
    左右にアイコン
    --------------------------------------------------*/
    .pageTitle.-icon.-type1 .pageTitle__headerIcon.-category{
    }
@media print, screen and (min-width:737px){
    .pageTitle.-icon.-type1 .pageTitle__headerIcon.-category{
        display: inline-block;
        margin: 0;
        width: auto;
    }
}

    /*
    ページごとのシンボルアイコン
    ----------*/
    .pageTitle.-icon.-type1 .pageTitle__headerIcon.-page{
        width: 30px;
    }
@media print, screen and (min-width:737px){
    .pageTitle.-icon.-type1 .pageTitle__headerIcon.-page{
        position: relative;
        /* flex-basis: 75px; ページごとに設定 */
    }
}
@media print, screen and (min-width:737px){
        .pageTitle.-icon.-type1 .pageTitle__headerIcon.-page img{
            position: absolute;
            left: 0;
            /* top: calc( -102px / 2 ); ページごとに設定 */
        }
}
/****************************************************************************************************

セクション

****************************************************************************************************/
.section.-lv1{ margin-top:60px; margin-bottom:60px; }
    .section.-lv1:first-of-type{ margin-top:0; }
.section.-lv2{ margin-top:40px; margin-bottom:40px; }
.section.-lv3{ margin-top:20px; margin-bottom:20px; }
@media print, screen and (min-width:737px){
.section.-lv1{ margin-top:60px; margin-bottom:60px; }
.section.-lv2{ margin-top:40px; margin-bottom:40px; }
.section.-lv3{ margin-top:20px; margin-bottom:20px; }
}
/****************************************************************************************************

先頭へ戻る

****************************************************************************************************/
.pageTop{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.pageTop__anchor{
    display: block;
    width: 40px;
    height: 40px;
    background: #ccc url(../images/pagetop.png) no-repeat center center;
}
/****************************************************************************************************

見出し

****************************************************************************************************/
.heading{
    font-weight: bold;
}
    .bodyCategory__common .heading{ color: #BD2357; }  /*その他の共通ページ*/
    .bodyCategory__about .heading{ color: #26A368; }
    .bodyCategory__culture .heading{ color: #2892BC; }
    .bodyCategory__memorial_society .heading{ color: #D26088; }
    .bodyCategory__spot .heading{ color: #EDA000; }
    .bodyCategory__news .heading{ color: #DE6A42; }
/*--------------------------------------------------
背景に画像あり
--------------------------------------------------*/
.heading.-type1{
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 1.6rem;
}
@media print, screen and (min-width:737px){
.heading.-type1{
    margin-bottom: 30px;
    padding: 5px 20px;
    font-size: 2.0rem;
    border-radius: 5px;
}
}
    .bodyCategory__common .heading.-type1{ background-image: url(../../common/images/heading/bg1.png); }  /*その他の共通ページ*/
    .bodyCategory__about .heading.-type1{ background-image: url(../../about/images/common/heading/bg1.png); }
    .bodyCategory__culture .heading.-type1{ background-image: url(../../culture/images/common/heading/bg1.png); }
    .bodyCategory__memorial_society .heading.-type1{ background-image: url(../../memorial_society/images/common/heading/bg1.png); }
    .bodyCategory__spot .heading.-type1{ background-image: url(../../spot/images/common/heading/bg1.png); }
    .bodyCategory__news .heading.-type1{ background-image: url(../../news/images/common/heading/bg1.png); }
/*--------------------------------------------------
センター揃え
--------------------------------------------------*/
.heading.-type2{
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 1.6rem;
    text-align: center;
}
@media print, screen and (min-width:737px){
.heading.-type2{
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 2.0rem;
}
}
    .heading.-type2::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100px;
        height: 2px;
    }
        .bodyCategory__common .heading.-type2::before{ background-color: #BD2357; }  /*その他の共通ページ*/
        .bodyCategory__about .heading.-type2::before{ background-color: #26A368; }
        .bodyCategory__culture .heading.-type2::before{ background-color: #2892BC; }
        .bodyCategory__spot .heading.-type2::before{ background-color: #EDA000; }
        .bodyCategory__memorial_society .heading.-type2::before{ background-color: #D26088; }
        .bodyCategory__news .heading.-type2::before{ background-color: #DE6A42; }
/*--------------------------------------------------
文字サイズ大
--------------------------------------------------*/
.heading.-type3{
    margin-bottom: 5px;
    font-size: 1.6rem;
}
@media print, screen and (min-width:737px){
.heading.-type3{
    margin-bottom: 10px;
    font-size: 2.4rem;
}
}
/*--------------------------------------------------
ボーダー
--------------------------------------------------*/
.heading.-type4{
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 1.6rem;
    border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width:737px){
.heading.-type4{
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 2.0rem;
}
}
/****************************************************************************************************

テキストリード

****************************************************************************************************/
.lead{
}
/****************************************************************************************************

キャプション

****************************************************************************************************/
.caption{ font-size: 1.2rem; }
@media print, screen and (min-width:737px){
.caption{ font-size: 1.4rem; }
}
/****************************************************************************************************

インデックス
ページの一覧

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList{
}

@media print, screen and (min-width:737px){
.indexPageList.-text{
    display: flex;
    flex-wrap: wrap;
}
}

.indexPageList.-thum{
    display: flex;
    flex-wrap: wrap;
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__item{
    position: relative;
    margin-bottom: 20px;
}
    .indexPageList__item:last-child{ margin-bottom: 20px !important; }
@media print, screen and (min-width:737px){
.indexPageList__item{
    margin-bottom: 40px;
}
    .indexPageList__item:last-child{ margin-bottom: 40px !important; }
}

    .indexPageList.-text .indexPageList__item{
    }
@media print, screen and (min-width:737px){
    .indexPageList.-text .indexPageList__item{
        flex-basis: calc( 390 / 900 * 100% );
        margin-left: calc( 20 / 900 * 100% );
        margin-right: calc( 20 / 900 * 100% );
    }
}

    .indexPageList.-thum .indexPageList__item{
        flex-basis: calc( 50% - 20px );
        margin-left: 10px;
        margin-right: 10px;
    }
@media print, screen and (min-width:737px){
    .indexPageList.-thum .indexPageList__item{
        flex-basis: calc( 340 / 1120 * 100% );
        margin-left: calc( 15 / 1120 * 100% );
        margin-right: calc( 15 / 1120 * 100% );
    }
}
    /*--------------------------------------------------
    背景の色とあしらい
    --------------------------------------------------*/
    .indexPageList__item::before{
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 5px;
    }
    .indexPageList__item::after{
        content: '';
        position: absolute;
        z-index: 1;
        top: 5px;
        left: 5px;
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
@media print, screen and (min-width:737px){
    .indexPageList__item::after{
        top: 10px;
        left: 10px;
    }
}

        /*カテゴリ別*/
        /* .bodyCategory__common .indexPageList__item::after{ background: url(../../about/images/common/index/contents/item_bg.gif); } */
        .bodyCategory__about .indexPageList__item::after{ background: url(../../about/images/common/index/contents/item_bg.gif); }
        .bodyCategory__culture .indexPageList__item::after{ background: url(../../culture/images/common/index/contents/item_bg.gif); }
        .bodyCategory__spot .indexPageList__item::after{ background: url(../../spot/images/common/index/contents/item_bg.gif); }
        /* 
        
        .bodyCategory__memorial_society .indexPageList__item::after{ background: url(../../about/images/common/index/contents/item_bg.gif); }
        .bodyCategory__news .indexPageList__item::after{ background: url(../../about/images/common/index/contents/item_bg.gif); } */
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__link{
    position: relative;
    z-index: 2;
    display: block;
    text-decoration: none;
}
@media print, screen and (min-width:737px){
}

    .indexPageList.-text .indexPageList__link{ padding: 10px; }
    .indexPageList.-thum .indexPageList__link{ padding: 5px; }
@media print, screen and (min-width:737px){
    .indexPageList.-text .indexPageList__link{ padding: 20px; }
    .indexPageList.-thum .indexPageList__link{ padding: 10px; }
}

    .indexPageList.-thum .indexPageList__link{ color: #333; }
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__title{
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.indexPageList__title{
    margin-bottom: 5px;
    font-size: 1.6rem;
}
}

    /*サムネイル版*/
    .indexPageList.-thum .indexPageList__title{ text-decoration: none; }
@media print, screen and (min-width:737px){
    .indexPageList.-thum .indexPageList__title{ margin-bottom: 0; }
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__description{
    font-size: 1.2rem;
    text-decoration: none;
    color: #333;
}
@media print, screen and (min-width:737px){
.indexPageList__description{ font-size: 1.4rem; }
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__thum{
    position: relative;
    margin-bottom: 5px;
    width: 100%;
    height: 105px;
    overflow: hidden;
}
@media print, screen and (min-width:737px){
.indexPageList__thum{
    height: 240px;
}
}
    .indexPageList__thum img{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        width: auto;
        height: 100%;
    }
/*--------------------------------------------------
--------------------------------------------------*/
.indexPageList__category{
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: bold;
}
    .bodyCategory__culture .indexPageList__category{ color: #2892BC; }
@media print, screen and (min-width:737px){
.indexPageList__category{
    font-size: 1.4rem;
}
}
/****************************************************************************************************

インデックス
ニュース一覧

****************************************************************************************************/
.indexNewsList{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.indexNewsList{
    margin-bottom: 40px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexNewsList__item{
    margin-bottom: 10px;
}
@media print, screen and (min-width:737px){
.indexNewsList__item{
    margin: 0 10px 20px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexNewsList__date{
}
@media print, screen and (min-width:737px){
.indexNewsList__date{
    margin-right: 10px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.indexNewsList__category{
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2rem;
    text-align: center;
}
@media print, screen and (min-width:737px){
.indexNewsList__category{
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 1.4rem;
}
    .indexNewsList.-activity_report .indexNewsList__category{ width: 170px; }
    .indexNewsList.-news .indexNewsList__category{ width: 100px; }
}
    /*--------------------------------------------------
    泊園書院記念会
    活動報告
    --------------------------------------------------*/
    .indexNewsList.-activity_report .indexNewsList__category.-category1{ background-color: #6C8DC5; }   /*シンポジウムその他*/
    .indexNewsList.-activity_report .indexNewsList__category.-category2{ background-color: #62C755; }   /*特別記念展示*/
    .indexNewsList.-activity_report .indexNewsList__category.-category3{ background-color: #E48563; }   /*泊園記念講座*/
    /*--------------------------------------------------
    お知らせ
    --------------------------------------------------*/
    .indexNewsList.-news .indexNewsList__category.-category1{ background-color: #8C91BD; }  /*お知らせ*/
    .indexNewsList.-news .indexNewsList__category.-category2{ background-color: #44B582; }  /*イベント*/
/*--------------------------------------------------
--------------------------------------------------*/
.indexNewsList__title{
    display: block;
}
@media print, screen and (min-width:737px){
.indexNewsList__title{
    display: inline;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
a.indexNewsList__link{
    color: #333;
}
/****************************************************************************************************

インデックス
絞り込み検索

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.filter{
    margin: 0 auto 20px;
    max-width: 900px;
}
@media print, screen and (min-width:737px){
.filter{
    margin-bottom: 40px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.filterList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.5;
    font-size: 1.2rem;
}
@media print, screen and (min-width:737px){
.filterList{
    margin-bottom: 20px;
    font-size: 1.6rem;
}
}

    .filterList.-btn{
    }
    .filterList.-text{
    }
/*--------------------------------------------------
--------------------------------------------------*/
.filterList__item{
    cursor: pointer;
}
    .filterList__item,
    .filterList__item:last-child{ margin-bottom: 5px !important; }
@media print, screen and (min-width:737px){
    .filterList__item,
    .filterList__item:last-child{ margin-bottom: 10px !important; }
}

    /*--------------------------------------------------
    ボタンタイプ
    --------------------------------------------------*/
    .filterList.-btn .filterList__item{
        margin: 0 2px 5px;
        padding: 5px 10px;
        border: 1px solid #333;
        border-radius: 5px;
    }
@media print, screen and (min-width:737px){
    .filterList.-btn .filterList__item{
        margin: 0 5px 10px;
        padding: 5px 30px;

        -webkit-transition:opacity .2s ease;
        transition:opacity .2s ease;
    }
    .filterList.-btn .filterList__item:hover{ opacity: 0.6; }
}

        .filterList.-btn .filterList__item.-current{ color: #fff; }
        
            .bodyCategory__about .filterList.-btn .filterList__item.-current{ background-color: #26A368; border-color: #26A368; }
            .bodyCategory__culture .filterList.-btn .filterList__item.-current{ background-color: #2892BC; border-color: #2892BC; }
            .bodyCategory__memorial_society .filterList.-btn .filterList__item.-current{ background-color: #D26088; border-color: #D26088; }
            .bodyCategory__news .filterList.-btn .filterList__item.-current{ background-color: #DE6A42; border-color: #DE6A42; }
    /*--------------------------------------------------
    テキストタイプ
    --------------------------------------------------*/
    .filterList.-text .filterList__item{
        padding: 0 10px;
        border-right: 1px solid #333;
    }
        .filterList.-text .filterList__item:first-child{ border-left: 1px solid #333; }

            .bodyCategory__about .filterList.-text .filterList__item.-current{ color: #26A368; }
            .bodyCategory__culture .filterList.-text .filterList__item.-current{ color: #2892BC; }
            .bodyCategory__memorial_society .filterList.-text .filterList__item.-current{ color: #D26088; }
            .bodyCategory__news .filterList.-text .filterList__item.-current{ color: #DE6A42; }
    /*--------------------------------------------------
    テキストタイプ　横幅指定
    --------------------------------------------------*/
@media print, screen and (min-width:737px){
    .filterList.-text .filterList__item{ flex: 1; }
}
/*--------------------------------------------------
--------------------------------------------------*/
.filter__itemText{
}


/*--------------------------------------------------
サブカテゴリの説明
--------------------------------------------------*/
.filterDescription{
    margin-bottom: 20px;
}
/*--------------------------------------------------
--------------------------------------------------*/
.errorMsg{
    display: none;
    padding: 10px;
    border: 2px solid #f00;
    color: #f00;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}
@media print, screen and (min-width:737px){
.errorMsg{
    padding: 20px;
}
}




.modal.-img{
    width: 100%;
}