@charset "UTF-8";










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



        contets > main
        event



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


/*	一覧ページ
--------------------------------------------------- */

.article { padding: 0 0 5%; }

/* 日付+カテゴリ */
.article .data-area {
    background: #f8f6f4;
    border: 1px solid #ded7d2;
    padding: 2% 3%;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.article .data-area p {
    color: #3d3d3d;
    display: inline-block;
    margin: 0 5% 0 0;
}
.article .data-area #data { }
.article .data-area #cate { }
.article .data-area #cate span {
    color: #fff;
    display: inline-block;
    font-size: 85%;
    margin: 0 2% 0 0;
    padding: 6% 0;
    text-align: center;
    width: 8em;
}

/* 記事タイトル */
.article h3 {
    color: #188783;
    font-size: 150%;
    line-height: 1.25em;
    padding: 4% 0;
}

/* 本文 */
.article .txt-area {}
.article .txt-area p {
    display: inline-block;
    line-height: 1.75em;
    padding: 0 0 5%;
    vertical-align: top;
}


/*	記事スタイル
----------------------------------------------- */

/* news - テキストのみ */
.article#txt-only {}
.article#txt-only .txt-area p {}
.article#txt-only .txt-area p.txt {}
.article#txt-only .txt-area p.pho {}

/* テキスト+写真 */
.article#txt-photo {}
.article#txt-photo .txt-area p {}
.article#txt-photo .txt-area p.txt {
    padding: 0 5% 0 0;
    width: 55%;
}
.article#txt-photo .txt-area p.pho { width: 40%; }

/* テキスト+写真4枚 */
.article#txt-photo-02 {}
.article#txt-photo-02 .txt-area p {}
.article#txt-photo-02 .txt-area p.txt {}
.article#txt-photo-02 .txt-area p.pho {
    padding: 0 3%;
    text-align: center;
}
.article#txt-photo-02 .txt-area p.pho img {
    padding: 0 3% 2%;
    width: 49%;
}

.article .link a {
    color: #188783;
    overflow: hidden;
    text-decoration: underline;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.article .link a:hover { padding: 0 0 0 2%; }
.article .link a:hover:before {
    content: '>';
    float: left;
}


/*	ページネーション
----------------------------------------------- */
#news-pagenation ul { text-align: center; }
#news-pagenation li {
    display: inline-block;
    padding: 0 10px;
}
#news-pagenation li a { color: #7D7D7D; }
#news-pagenation li.current_page a { color: #000000; }


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



        contets > side
        news



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

.pay_banner{
    width: 400px;
}

.notification{
    text-align: center;
    font-size: 120%;
    line-height: 36px;
    padding: 30px 15px;
    margin: 0 15px 50px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #d3b579;
}
.notification p{
    margin-bottom: 10px;
}
.notification .attention{
    color: #d30000;
}
@media (max-width: 767px){
    .notification{
        text-align: left;
    }
    .notification br{
        display: none;
    }

}
#home ul.simple-thumbnail-container li p{
    background: #fff;
        line-height: 22px;
        padding: 5px;
}
#home ul.simple-thumbnail-container li{
    margin: 0 0 10px;
}
@media (max-width: 640px){
    #home ul.simple-thumbnail-container{
        margin: 0 2.5px;
    }
    #home ul.simple-thumbnail-container li{
        margin: 2.5px 2.5px 13px;
        width: calc(25% - 5px);
    }
    #home ul.simple-thumbnail-container li p{
        line-height: 19px;
        font-size: 12px;
}
}
#home ul.simple-thumbnail-container{display: flex;flex-wrap: wrap;}


