@charset "utf-8";





/*　お知らせ　一覧

--------------------*/

.news_Wrap{

    width: 90%;

    max-width: 1000px;

    margin: auto;

}

.news_list{

    width: 100%;

    margin-bottom: 80px;

    border-top: dashed 1px #ccc;



}



.news_list li{

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 30px;

    border-bottom: dashed 1px #ccc;

}

.news_list li .ymd{

    margin-bottom: 10px;

}



.news_list li .catName{

    margin-left: 15px;

    padding: 1px 1em;

/*    border: solid 1px #ccc;*/

    border-radius: 20px;

    font-size: 90%;

}



.news_list li.cat-0 .catName{

    background-color: #1ea13a;

    color: #fff;

}

.news_list li.cat-1 .catName{

    background-color: #8ec87e;

}

.news_list li.cat-2 .catName{

    background-color: #dfe353;

}





.news_list li .ttl{

    font-size: 115%;

    line-height: 1.5em;

}

.news_list li .ttl a{

    display: block;

    color: #333;

}

.news_list li .ttl a:hover{

    text-decoration: underline;

}





/* ページャー */

.pager{

    width: 100%;

    text-align:center;

    padding:10px;

    clear:both;

    display: flex;

    justify-content: center;

    align-items: center;

}

.pager a{

    border: 1px solid #999;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #333;

    font-size: 15px;

    text-decoration: none;

    margin:0 2px;

}

.pager a.current{

    background-color: #999;

    color: #fff;

}

.pager a:hover{

    background-color: #999;

    color: #fff;

}

.overPagerPattern{

}



.empty-txt{

    text-align: center;

    padding-top: 50px;

    padding-bottom: 50px;

}

.empty-txt.top{

    text-align: left;

    padding-top: 0;

    padding-bottom: 0;

}







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

    .news_list li{

        padding-top: 20px;

        padding-bottom: 20px;

        padding-left: 10px;

        font-size: 90%;

        line-height: 1.7em;

    }

}











/*　お知らせ　詳細ページ

--------------------*/



h2{

    font-size:16px;

    color:#369;

    margin:10px 0px 10px 0;

    font-weight:normal;

    border:1px solid #3D79B6;

    border-bottom:3px solid #3D79B6;

    padding:5px 10px;

    text-shadow:1px 1px 0px #fff;



}



.post_ttl{

    font-size: 200%;

    line-height: 1.3em;

    padding-bottom: 15px;

    margin-bottom: 20px;

    border-bottom: solid 3px #1ea13a;

}







#up_ymd{

    text-align:right;

    font-size:90%;

    margin-bottom: 20px;

}

#up_ymd .cat{

    margin-left: 15px;

    padding: 1px 1em;

    /*    border: solid 1px #ccc;*/

    border-radius: 20px;

    font-size: 90%;

}



#up_ymd .cat.num-0{

    background-color: #1ea13a;

    color: #fff;

}

#up_ymd .cat.num-1{

    background-color: #8ec87e;

}

#up_ymd .cat.num-2{

    background-color: #dfe353;

}











.news_detail ul{

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 1em;

}

.news_detail ul li{

    margin-left: 1em;

    list-style: disc;

}

.news_detail ol{

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 1em;

}

.news_detail ol li{

    margin-left: 1em;

    list-style: decimal;

}

.detailUpfile{

    margin:5px 0 35px;

    text-align:center;

}

.detailUpfile img{

    max-width:100%;

    height:auto;

}



.detailUpfile a{

    text-decoration: underline;

}

.detailUpfile a:hover{

    text-decoration: none;

}





.backORcloseBtn{

    text-align:center;

    line-height:100%;

    margin-top:60px;

}

.backORcloseBtn a{

    display:inline-block;

    width: 250px;

    padding:15px;

    border:1px solid #999;

    color:#000;

    text-decoration:none;

}



.pNav{

    font-size:11px;	

}













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



}

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



}





















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



}

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



}





















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



}

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



}





















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



}

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



}